/* 忠实保留桌面设计稿的页面样式与响应式断点。 */

    :root{--ink:#11171d;--muted:#657384;--red:#e5262b;--blue:#2876e8;--line:#dbe3ea;--soft:#f3f7fa;--shadow:0 20px 45px rgba(27,47,65,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:var(--soft)}a{color:inherit;text-decoration:none}button,select,input{font:inherit}.topbar{height:36px;background:#151a1f;color:#dce3e9;padding:0 clamp(20px,5vw,80px);display:flex;justify-content:space-between;align-items:center;font-size:12px}.topbar span{margin-right:23px}.topbar a{font-weight:700;color:#fff}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);border-bottom:1px solid #e8edf0;background:#fff;position:sticky;top:0;z-index:20}.brand img{width:146px;display:block}nav{display:flex;gap:38px;align-items:center;font-size:15px;font-weight:650}nav>a{padding:28px 0 25px;position:relative}nav>a:hover,nav>a.active{color:var(--red)}nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:4px;background:var(--red)}.nav-contact{border:1px solid #d6dde3;border-radius:3px;padding:9px 15px}.mobile-toggle{display:none;border:0;background:none;font-size:24px}.main{min-height:calc(100vh - 114px);padding:72px clamp(20px,6vw,84px) 90px;background:linear-gradient(180deg,#f1f5f8 0%,#fff 85%)}.wrap{max-width:1320px;margin:auto}.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.kicker{font-size:13px;letter-spacing:.14em;font-weight:800;color:var(--red)}h1{font-size:clamp(36px,4vw,54px);margin:12px 0 0;letter-spacing:-.04em}.head p{margin:0;max-width:410px;color:var(--muted);line-height:1.75}.card{background:#fff;border:1px solid #e6edf2;border-radius:16px;padding:28px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.field{display:flex;flex-direction:column;gap:9px}.field label{font-size:13px;font-weight:700}select,input{height:46px;width:100%;border:1px solid var(--line);border-radius:5px;padding:0 13px;outline:none;background:#fff}select:focus,input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,118,232,.12)}.actions{grid-column:1/-1;display:flex;justify-content:center;gap:13px;padding-top:5px}.btn{min-height:47px;padding:0 22px;border:1px solid transparent;border-radius:6px;font-weight:800;cursor:pointer}.btn-primary{min-width:238px;background:var(--blue);color:#fff}.btn-primary:hover{background:#155cbf}.btn-reset{background:#fff;border-color:#d5dde5;color:#526170}.result{display:none;margin-top:23px;padding-top:23px;border-top:1px solid #e6edf1}.result.show{display:block;animation:rise .25s ease both}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.result-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.result-title b{font-size:17px}.tag{background:#eaf2ff;color:#1763cf;border-radius:20px;padding:5px 9px;font-size:12px;font-weight:700}.recommendations{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rec{display:flex;align-items:center;gap:13px;background:#f6f9fc;border:1px solid #e3ebf1;padding:12px;border-radius:8px}.rec img{width:91px;height:74px;object-fit:contain;mix-blend-mode:multiply}.rec b{display:block;font-size:15px;margin-bottom:5px}.rec small{display:block;color:var(--muted);line-height:1.45}.note{max-width:1320px;margin:24px auto 0;display:flex;gap:11px;color:#6a7783;font-size:12px;line-height:1.7}.note:before{content:'i';display:inline-flex;flex:0 0 17px;height:17px;justify-content:center;align-items:center;border-radius:50%;background:#dfe7ed;color:#52626f;font-weight:800}footer{background:#0d1216;color:#b8c2ca;padding:27px clamp(20px,6vw,84px);font-size:12px}footer div{max-width:1320px;margin:auto}@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.recommendations{grid-template-columns:1fr}}@media(max-width:680px){.topbar span:nth-child(2),.topbar a{display:none}header{height:64px}.brand img{width:118px}nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;box-shadow:0 14px 25px rgba(0,0,0,.12);padding:8px 23px}.nav-open nav{display:grid;gap:0}nav>a{padding:12px 0}.mobile-toggle{display:block}.main{padding:54px 20px 60px}.head{display:block;margin-bottom:28px}.head p{margin-top:15px}.card{padding:19px}.grid{grid-template-columns:1fr}.actions{flex-direction:column}.btn{width:100%}.result-title{align-items:flex-start;flex-direction:column}}
    .rec{cursor:pointer;transition:.2s}.rec:hover{border-color:#9fc4fa;box-shadow:0 7px 17px rgba(22,83,152,.09);transform:translateY(-2px)}.rec:focus{outline:3px solid rgba(40,118,232,.2);outline-offset:2px}.rec-info{min-width:0;flex:1}.rec-actions{width:100%;display:flex;gap:8px;padding-left:104px;margin-top:-2px}.rec-detail,.rec-quote{border:0;background:transparent;color:#1763cf;font-size:11px;font-weight:800;cursor:pointer;padding:0}.rec-quote{color:var(--red)}.rec-detail:hover,.rec-quote:hover{text-decoration:underline}.order-modal{position:fixed;z-index:50;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(8,15,21,.68)}.order-modal.show{display:flex}.order-card{position:relative;width:min(590px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:34px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.32)}.order-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#65727e;font-size:27px;cursor:pointer}.order-card h2{font-size:28px;margin:0 0 8px}.order-card>p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.6}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.order-field{display:flex;flex-direction:column;gap:6px}.order-field.full{grid-column:1/-1}.order-field label{font-size:12px;font-weight:800}.order-field textarea{width:100%;min-height:82px;resize:vertical;border:1px solid var(--line);border-radius:5px;padding:10px;outline:none}.order-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,118,232,.12)}.order-product{background:#f1f5f8;color:#42505c}.order-submit{width:100%;margin-top:18px;background:var(--red);color:#fff}.order-submit:hover{background:#bf1e23}.order-status{min-height:18px;margin:11px 0 0;color:#247540;font-size:12px;line-height:1.55}@media(max-width:680px){.rec-actions{padding-left:0;margin-top:4px}.order-card{padding:28px 21px}.order-grid{grid-template-columns:1fr}}
    /* 匹配结果卡片：固定图片列，内容与操作链接在右侧垂直排布，避免窄列挤压文字。 */
    .recommendations .rec{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;gap:0 13px;align-items:center;min-height:142px;padding:16px}.recommendations .rec img{grid-row:1 / span 2;width:96px;height:86px;align-self:center}.recommendations .rec-info{grid-column:2;min-width:0}.recommendations .rec-info b{font-size:16px;line-height:1.35}.recommendations .rec-info small{font-size:12px;line-height:1.6;white-space:normal}.recommendations .rec-actions{grid-column:2;width:auto;padding-left:0;margin-top:9px;display:flex;gap:11px;flex-wrap:wrap}.recommendations .rec-detail,.recommendations .rec-quote{font-size:12px;line-height:1.4}@media(max-width:680px){.recommendations .rec{grid-template-columns:82px minmax(0,1fr);min-height:130px;padding:13px}.recommendations .rec img{width:82px;height:74px}.recommendations .rec-actions{gap:9px}}

/* Shared product-and-solutions navigation */
nav > .has-mega{position:relative;display:flex;align-items:center}nav > .has-mega > .nav-trigger{padding:28px 0 25px;position:relative;color:inherit;font-weight:650;font-size:15px;border:0;background:transparent;cursor:pointer;white-space:nowrap}nav > .has-mega > .nav-trigger:hover,.has-mega:hover .nav-trigger,.has-mega.is-open .nav-trigger,.has-mega .nav-trigger.active{color:var(--red,#e5262b)}.has-mega .nav-trigger.active:after,.has-mega.is-open .nav-trigger:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:8px;background:var(--red,#e5262b)}.mega-toggle{border:0;background:transparent;color:inherit;cursor:pointer;padding:28px 0 25px 6px;font-size:13px;transition:transform .2s}.has-mega.is-open .mega-toggle{color:var(--red,#e5262b);transform:rotate(180deg)}.mega-menu{width:min(900px,calc(100vw - 38px));position:absolute;z-index:50;top:100%;left:50%;padding:0;border:1px solid #e1e7ec;background:#fff;box-shadow:0 22px 48px rgba(6,21,34,.2);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-40%,12px);transition:opacity .18s,transform .18s,visibility .18s}.has-mega:hover .mega-menu,.has-mega:focus-within .mega-menu,.has-mega.is-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-40%,0)}.mega-top{display:grid;grid-template-columns:205px 1fr}.mega-intro{padding:28px 24px;background:#151b20;color:#fff}.mega-intro small{color:#ff6d71;display:block;letter-spacing:.13em;font-size:10px;font-weight:800}.mega-intro strong{display:block;font-size:22px;margin:12px 0 9px}.mega-intro p{font-size:12px;line-height:1.7;color:#b9c3ca;margin:0}.mega-groups{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 14px 15px;gap:0}.mega-group{display:block;min-height:124px;padding:7px 13px 14px;border-left:1px solid #edf0f3;transition:background .16s}.mega-group:first-child{border-left:0}.mega-group:hover{background:#fafbfc;color:inherit}.mega-title{display:block;color:var(--red,#e5262b);font-size:17px;font-weight:800;margin-bottom:7px}.mega-sub{display:block;color:#26323c;font-size:12px;line-height:1.55;font-weight:700}.mega-links{display:block;margin-top:9px;color:#798591;font-size:11px;line-height:1.7}.mega-bottom{border-top:1px solid #e9edf0;padding:13px 24px;display:flex;gap:26px;align-items:center;background:#f8fafb}.mega-bottom a{padding:0!important;font-size:12px!important;color:#536270!important}.mega-bottom a:hover{color:var(--red,#e5262b)!important}.mega-bottom strong{color:#202a33;margin-right:auto;font-size:12px}@media(max-width:680px){.has-mega{display:flex!important;flex-wrap:wrap}.has-mega .nav-trigger{width:calc(100% - 36px);padding:12px 0!important;text-align:left}.mega-toggle{width:36px;padding:12px 3px}.mega-menu{position:static;width:100%;display:none;transform:none;margin:0 0 7px;box-shadow:none;border:1px solid #e5e9ed;flex-basis:100%}.has-mega:hover .mega-menu,.has-mega:focus-within .mega-menu,.has-mega.is-open .mega-menu{display:block;transform:none}.mega-top{grid-template-columns:1fr}.mega-intro{padding:15px 17px}.mega-intro strong{font-size:18px;margin:6px 0}.mega-intro p{display:none}.mega-groups{grid-template-columns:repeat(2,1fr);padding:10px 5px}.mega-group{min-height:96px;padding:9px 11px}.mega-title{font-size:15px}.mega-bottom{padding:11px 15px;gap:12px;flex-wrap:wrap}.mega-bottom strong{width:100%}}

.recommendations.triple-results{display:block}.match-set{padding-top:21px;margin-top:21px;border-top:1px solid #e2e9ee}.match-set:first-child{padding-top:0;margin-top:0;border-top:0}.match-set-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.match-set-head h3{font-size:17px;margin:0}.match-set-head h3 span{display:inline-block;color:#e5262b;font-size:10px;font-weight:800;letter-spacing:.12em;margin-right:8px;vertical-align:middle}.match-set-head p{margin:0;color:#70808d;font-size:12px}.match-set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.recommendations.triple-results .rec{display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto auto;gap:0 11px;align-items:center;min-height:118px;padding:13px;background:#f6f9fc;border:1px solid #e0e8ef;border-radius:8px}.recommendations.triple-results .rec:hover{border-color:#9fc4fa;box-shadow:0 7px 17px rgba(22,83,152,.09);transform:translateY(-2px)}.recommendations.triple-results .rec img{grid-row:1 / span 2;width:82px;height:72px;object-fit:contain;mix-blend-mode:multiply}.recommendations.triple-results .rec-info{grid-column:2;min-width:0}.recommendations.triple-results .rec-info b{display:block;font-size:14px;line-height:1.35}.recommendations.triple-results .rec-info small{display:block;color:#687987;font-size:11px;line-height:1.55;margin-top:4px}.recommendations.triple-results .rec-actions{grid-column:2;width:auto;padding:0;margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.recommendations.triple-results .rec-detail,.recommendations.triple-results .rec-quote{font-size:11px;line-height:1.4;font-weight:800}.recommendations.triple-results .rec-detail{color:#1763cf}.recommendations.triple-results .rec-quote{color:#e5262b}@media(max-width:980px){.match-set-grid{grid-template-columns:1fr}}@media(max-width:680px){.match-set-head{align-items:flex-start;flex-direction:column;gap:4px}.recommendations.triple-results .rec{grid-template-columns:76px minmax(0,1fr);min-height:110px}.recommendations.triple-results .rec img{width:76px;height:68px}}
.best-package{margin:0 0 24px;padding:22px;background:linear-gradient(135deg,#111c25,#263949);color:#fff;border:1px solid #3a5365;box-shadow:0 13px 26px rgba(18,36,49,.13)}.best-package-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:17px}.best-package-kicker{color:#ff777b;font-size:10px;font-weight:800;letter-spacing:.15em}.best-package h3{font-size:22px;margin:7px 0 0}.best-package-head p{max-width:390px;margin:0;color:#d4e1e8;font-size:12px;line-height:1.65}.best-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.best-package-item{display:grid;grid-template-columns:60px minmax(0,1fr);gap:10px;align-items:center;background:rgba(255,255,255,.08);padding:12px}.best-package-item img{width:60px;height:57px;object-fit:contain;mix-blend-mode:multiply;background:#f3f7fa}.best-package-item small{display:block;color:#ff9a9d;font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:4px}.best-package-item strong{display:block;font-size:13px;line-height:1.35}.best-package-item a{display:inline-block;margin-top:5px;color:#fff;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.best-package-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.16);margin-top:14px;padding-top:14px}.best-package-footer span{color:#c7d5de;font-size:11px;line-height:1.55}.best-package-footer a{background:#ed262b;color:#fff;padding:10px 14px;font-size:12px;font-weight:800;white-space:nowrap}@media(max-width:980px){.best-package-grid{grid-template-columns:1fr}.best-package-head{align-items:flex-start;flex-direction:column;gap:8px}.best-package-head p{max-width:none}}@media(max-width:680px){.best-package{padding:17px}.best-package h3{font-size:19px}.best-package-footer{display:block}.best-package-footer a{display:inline-block;margin-top:11px}}

/* 最佳三电组合卡：保留 PPT 原图颜色，不与深色方案背景发生混色。 */
.best-package-item img{
  mix-blend-mode:normal;
  filter:none;
  background:#f7f9fa;
  padding:3px;
}