:root{
  /* 品牌红系 - 保留并扩展层次 */
  --primary:#C41230;--primary-light:#E8364F;--primary-dark:#9A0E26;
  --primary-50:rgba(196,18,48,.04);--primary-100:rgba(196,18,48,.08);--primary-200:rgba(196,18,48,.14);
  --primary-grad:linear-gradient(135deg,#E8364F,#C41230);
  --primary-bg:rgba(196,18,48,.05);--primary-bg2:rgba(196,18,48,.10);
  /* 背景与表面 - 带微妙冷暖倾向的中性灰 */
  --bg:#F7F7FA;--card:#FFFFFF;--surface-2:#F2F2F6;--surface-3:#EBEBF0;
  /* 文字 - 四级层次 */
  --t1:#1A1A1F;--t2:#5A5A60;--t3:#9999A0;--t4:#BFBFC6;
  /* 分隔线 */
  --border:#D8D8DE;--border-l:#ECECF1;--line:#E8E8ED;--line-strong:#D2D2D7;
  /* 状态色 - 更协调的饱和度 */
  --ok:#30B553;--ok-bg:rgba(48,181,83,.10);--warn:#F58A00;--warn-bg:rgba(245,138,0,.10);--err:#F0342A;--err-bg:rgba(240,52,42,.10);
  /* 间距 - 呼吸感 */
  --gap:18px;--section-gap:32px;--card-pad:44px;--card-pad-sm:28px;
  /* 按钮 - 统一中号 */
  --btn-h:42px;--btn-pad:0 24px;--btn-pad-lg:0 30px;--btn-fs:14px;--btn-radius:12px;
  /* 圆角档位 */
  --r-xs:8px;--r-s:12px;--r-m:16px;--r-l:20px;--r-xl:24px;
  /* 阴影分层 - 更精细的z轴 */
  --sh-xs:0 1px 2px rgba(0,0,0,.04);
  --sh-s:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03);
  --sh-m:0 4px 16px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);
  --sh-l:0 12px 32px rgba(0,0,0,.10),0 4px 12px rgba(0,0,0,.06);
  --sh-primary:0 6px 20px rgba(196,18,48,.25);
  /* 焦点环 */
  --focus-ring:0 0 0 3px rgba(196,18,48,.12);
  /* 动效曲线 */
  --tr:all .25s cubic-bezier(.25,.46,.45,.94);
  --tr-bounce:all .3s cubic-bezier(.34,1.56,.64,1);
  /* 移动端 App 形态令牌（iOS 原生质感） */
  --tabbar-h:56px;--cta-h:64px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --glass-bg:rgba(255,255,255,.72);
  /* 液态玻璃令牌（iOS 26 Liquid Glass） */
  --glass-panel:rgba(255,255,255,.5);
  --glass-card:rgba(255,255,255,.62);
  --glass-strong:rgba(255,255,255,.8);
  --glass-border:rgba(255,255,255,.62);
  --glass-highlight:inset 0 1px 0 rgba(255,255,255,.82);
  --glass-shadow:0 10px 40px rgba(20,20,30,.09),0 2px 10px rgba(20,20,30,.05);
  --glass-blur:saturate(180%) blur(24px);
  --glass-blur-lg:saturate(180%) blur(36px)
}
        *{margin:0;padding:0;box-sizing:border-box}
        body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue','PingFang SC','Noto Sans SC',sans-serif;background:radial-gradient(1100px 720px at 12% -8%,rgba(196,18,48,.085),transparent 60%),radial-gradient(920px 640px at 88% 4%,rgba(120,140,255,.07),transparent 58%),radial-gradient(1000px 720px at 55% 115%,rgba(196,18,48,.06),transparent 62%),linear-gradient(180deg,#F6F6FA 0%,#EDEDF3 100%);background-attachment:fixed;color:var(--t1);line-height:1.55;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}
        .container{max-width:1680px;margin:0 auto;padding:0 32px}
        header{padding:14px 0;background:rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.5);position:sticky;top:0;z-index:100;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 28px rgba(0,0,0,.06);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px)}
        .header-inner{display:flex;justify-content:space-between;align-items:center}
        .logo-area{display:flex;align-items:center;gap:12px;cursor:pointer;transition:var(--tr)}
        .logo-area:hover{opacity:.8}
        .logo-area:hover .title{color:var(--primary)}
        .logo-area img{height:32px;width:auto}
        .logo-area .title{font-size:19px;font-weight:600;letter-spacing:-0.2px;transition:var(--tr);color:var(--t1)}
        .beta-badge{font-size:10px;font-weight:600;color:var(--primary);background:var(--primary-bg);padding:3px 8px;border-radius:7px;letter-spacing:0.3px;line-height:1.4;border:1px solid var(--primary-100)}
        .product-tabs{display:flex;gap:2px;background:var(--surface-2);padding:4px;border-radius:var(--r-m);border:1px solid var(--border-l)}
        .product-tab{padding:8px 20px;border-radius:10px;cursor:pointer;font-weight:500;font-size:13px;color:var(--t2);transition:var(--tr);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:-0.1px;position:relative}
        .product-tab:hover{color:var(--t1);background:rgba(0,0,0,.03)}
        .product-tab.active{background:var(--card);color:var(--primary);box-shadow:var(--sh-s);font-weight:600;transform:translateY(-1px)}
        .product-tab.disabled{position:relative;color:var(--t3);opacity:.5;cursor:not-allowed;background:transparent}
        .product-tab.disabled:hover{color:var(--t3);background:transparent;transform:none}
        .product-tab.disabled::after{content:'敬请期待';position:absolute;top:-8px;right:-4px;font-size:9px;font-weight:600;color:#fff;background:var(--t3);padding:1px 6px;border-radius:6px;letter-spacing:0;white-space:nowrap}
        html:lang(en) .product-tab.disabled::after{content:'Coming Soon'}
        .header-right{display:flex;align-items:center;gap:14px}
        .lang-switcher{display:flex;align-items:center}
        .lang-switch{display:inline-flex;align-items:center;height:34px;padding:3px;border-radius:10px;border:1px solid var(--border);background:rgba(245,245,247,.7);gap:2px;-webkit-user-select:none;user-select:none}
        .lang-opt{border:none;background:transparent;color:var(--t3);font-size:13px;font-weight:600;padding:0 12px;height:28px;border-radius:8px;cursor:pointer;transition:var(--tr);font-family:inherit;line-height:1;white-space:nowrap}
        .lang-opt:hover{color:var(--t1)}
        .lang-opt.active{background:var(--card);color:var(--primary);box-shadow:var(--sh-s)}
        .ipc-search-row{position:relative;margin:0 0 18px}
        .ipc-search-row::before{content:'';position:absolute;left:16px;top:50%;width:15px;height:15px;margin-top:-8px;border:1.8px solid var(--t3);border-radius:50%;pointer-events:none;transition:border-color .2s}
        .ipc-search-row::after{content:'';position:absolute;left:28px;top:50%;width:7px;height:1.8px;margin-top:6px;background:var(--t3);transform:rotate(45deg);border-radius:1px;pointer-events:none;transition:background .2s}
        .ipc-search-row:focus-within::before{border-color:var(--primary)}
        .ipc-search-row:focus-within::after{background:var(--primary)}
        .ipc-search-row input[type="text"]{width:100%;max-width:none;height:44px;padding:0 16px 0 44px;border-radius:var(--r-s);background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.05);font-size:15px}
        .ipc-search-row input[type="text"]:focus{background:#fff;border-color:var(--primary);box-shadow:var(--focus-ring)}
        main{padding:48px 0;flex:1}
        .main-layout{display:grid;grid-template-columns:1fr;gap:36px;align-items:start}
        .main-layout.no-panel{grid-template-columns:1fr}
        .main-layout.servo-center{grid-template-columns:1fr!important;gap:0}
        .main-layout.servo-center .sel-area{width:100%}
        .main-layout.servo-center .opt-card.selected::after{display:none}
        .sel-panel{background:var(--glass-panel);-webkit-backdrop-filter:var(--glass-blur-lg);backdrop-filter:var(--glass-blur-lg);border-radius:var(--r-xl);padding:var(--card-pad);box-shadow:var(--glass-highlight),var(--glass-shadow);border:1px solid var(--glass-border);position:relative;overflow:hidden}
        .sel-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-grad);opacity:0;transition:opacity .3s ease}
        .sel-panel:hover::before{opacity:.6}
        .sel-title{font-size:24px;font-weight:700;margin-bottom:6px;letter-spacing:-0.3px;color:var(--t1)}
        .sel-desc{font-size:14px;color:var(--t2);margin-bottom:30px;line-height:1.7}
        .info-panel{background:var(--card);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-m);position:sticky;top:90px;transition:var(--tr);border:1px solid var(--border-l)}
        .info-panel.hidden{display:none}
        .info-panel-img{width:100%;height:260px;background:var(--surface-2);background-size:contain;background-position:center;background-repeat:no-repeat;position:relative}
        .info-panel-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.04));pointer-events:none}
        .info-panel-body{padding:24px}
        .info-panel-name{font-size:18px;font-weight:700;margin-bottom:10px;letter-spacing:-0.2px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--t1)}
        .info-panel-desc{font-size:13px;color:var(--t2);line-height:1.75;margin-bottom:18px}
        .info-panel-features{list-style:none;margin-bottom:20px;display:flex;flex-direction:column;gap:2px}
        .info-panel-features li{font-size:13px;color:var(--t2);padding:6px 0;display:flex;align-items:flex-start;gap:10px;line-height:1.6}
        .info-panel-features li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:7px}
        .btn-more-arrow{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--tr);padding:4px 0}
        .btn-more-arrow:hover{color:var(--primary-dark);gap:6px}
        .option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}
        .option-grid.cols-3{grid-template-columns:repeat(3,1fr);gap:var(--gap)}
        .option-grid.cols-1{grid-template-columns:1fr;gap:var(--gap)}
        /* 伺服系列选择：限制卡片与图片尺寸，避免整块区域过大 */
        .option-grid.series-grid{grid-template-columns:repeat(2,minmax(0,450px));justify-content:center;gap:24px}
        .series-grid .opt-card{padding:20px}
        .series-grid .family-img{display:block;width:100%;max-width:300px;aspect-ratio:1/1;object-fit:contain;margin:0 auto 12px;padding:12px}
        .series-grid .opt-card-name{font-size:14px;margin-bottom:4px}
        .series-grid .opt-card-desc{font-size:12px;line-height:1.55}
        @media(max-width:960px){.option-grid.series-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto}}
        .opt-card{padding:24px;border:1px solid rgba(255,255,255,.55);border-radius:var(--r-m);cursor:pointer;transition:var(--tr);text-align:center;position:relative;-webkit-user-select:none;user-select:none;background:var(--glass-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--glass-highlight),0 1px 3px rgba(0,0,0,.04);overflow:hidden}
        .opt-card:hover{border-color:var(--primary);background:var(--primary-bg);transform:translateY(-3px);box-shadow:var(--sh-m)}
        .opt-card.selected{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 0 1px var(--primary),var(--sh-s)}
        .opt-card.selected::after{content:'';position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:var(--primary);box-shadow:0 2px 8px rgba(196,18,48,.3);animation:checkPop .3s cubic-bezier(.34,1.56,.64,1)}
        .opt-card.selected::before{content:'';position:absolute;top:19px;right:17px;width:11px;height:5.5px;border-left:2.2px solid #fff;border-bottom:2.2px solid #fff;transform:rotate(-45deg);z-index:2}
        @keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}
        .opt-card-icon{margin-bottom:8px;color:var(--primary);height:28px;display:flex;align-items:center;justify-content:center}
        .opt-card-icon svg{width:28px;height:28px;stroke:var(--primary);fill:none;stroke-linecap:round;stroke-linejoin:round}
        .opt-card-name{font-size:14px;font-weight:600;margin-bottom:4px;letter-spacing:-0.1px;color:var(--t1)}
        .opt-card-desc{font-size:12px;color:var(--t2);line-height:1.6}
        .opt-card-overview{font-size:12px;color:var(--t3);line-height:1.65;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-l)}
        .family-img{width:100%;aspect-ratio:1/1;object-fit:contain;margin-bottom:14px;border-radius:var(--r-s);background:linear-gradient(135deg,#f5f5f7,#ececf1);padding:14px;transition:transform .3s var(--tr);position:relative}
        .opt-card:hover .family-img{transform:scale(1.04)}
        .drive-img{width:100%;max-height:200px;object-fit:contain;border-radius:var(--r-s);background:linear-gradient(135deg,#f5f5f7,#e8e8ed);padding:16px;margin-bottom:14px;transition:transform .3s var(--tr)}
        .opt-card:hover .drive-img{transform:scale(1.03)}
        .form-group{margin-bottom:20px}
        .form-label{font-size:13px;font-weight:600;margin-bottom:8px;display:block;color:var(--t1);letter-spacing:-0.1px;display:flex;align-items:center;gap:6px}
        .form-label::before{content:'';width:3px;height:14px;background:var(--primary-grad);border-radius:2px;flex-shrink:0}
        .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
        select,input[type="number"],input[type="text"]{width:100%;height:44px;padding:0 14px;border:1px solid rgba(0,0,0,.1);border-radius:var(--r-s);font-size:14px;font-family:inherit;background:rgba(255,255,255,.85);color:var(--t1);transition:var(--tr);-webkit-appearance:none;appearance:none;line-height:1.4;box-shadow:0 1px 3px rgba(0,0,0,.05)}
        select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236E6E73' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}
        select:hover,input:hover{border-color:rgba(0,0,0,.2)}
        select:focus,input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:var(--focus-ring)}
        .checkbox-group{display:flex;flex-wrap:wrap;gap:8px}
        .check-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid rgba(255,255,255,.55);border-radius:var(--r-s);cursor:pointer;transition:var(--tr);font-size:13px;-webkit-user-select:none;user-select:none;background:var(--glass-card);color:var(--t2);font-weight:500}
        .check-item:hover{border-color:var(--primary);color:var(--t1);background:var(--primary-bg)}
        .check-item.checked{border-color:var(--primary);background:var(--primary-bg);color:var(--primary);font-weight:600}
        .check-box{width:18px;height:18px;border:1.5px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:var(--tr);flex-shrink:0;background:var(--card)}
        .check-item.checked .check-box{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 6px rgba(196,18,48,.25)}
        .check-box::after{content:'';width:9px;height:4.5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);opacity:0;transition:var(--tr)}
        .check-item.checked .check-box::after{opacity:1;transform:rotate(-45deg) scale(1)}
        .btn-row{display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0;padding:0;border:none}
        .sel-head-right{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}
        @media(max-width:600px){
          .sel-head-right{width:100%;justify-content:flex-end}
          .btn-row{flex-direction:row;gap:8px}
          .sel-head-right .btn{width:auto;height:38px;font-size:13px;padding:0 14px;flex:none;max-width:none}
        }
        .btn-row .btn{flex:0 0 auto;min-width:120px;letter-spacing:0}
        .btn-row .btn#btnReset{order:1}
        .btn-row .btn#btnPrev{order:2}
        .btn-row .btn#btnNext{order:3}
        .btn{height:var(--btn-h);padding:var(--btn-pad);border-radius:var(--btn-radius);font-size:var(--btn-fs);font-weight:600;border:1px solid transparent;cursor:pointer;transition:var(--tr);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;letter-spacing:-0.1px;line-height:1;background:var(--primary-grad);color:#fff;box-shadow:var(--sh-primary);position:relative;overflow:hidden}
        .btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent);opacity:0;transition:opacity .2s ease}
        .btn:active{transform:translateY(0)}
        .btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(196,18,48,.28)}
        .btn:disabled{background:var(--surface-3);color:var(--t4);box-shadow:none;cursor:not-allowed;transform:none;filter:none;border-color:transparent}
        .btn:disabled::before{display:none}
        .btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}
        /* 主按钮（品牌红 filled，唯一主 CTA） */
        .btn-primary{background:var(--primary-grad);color:#fff;border-color:transparent;box-shadow:var(--sh-primary)}
        .btn:not(.btn-outline):not(.btn-ghost):hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 8px 24px rgba(196,18,48,.32)}
        .btn:not(.btn-outline):not(.btn-ghost):hover::before{opacity:1}
        /* 次级按钮（玻璃白底 + 深描边，与输入框统一） */
        .btn-outline{background:rgba(255,255,255,.85);color:var(--t1);border-color:rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.05)}
        .btn-outline:hover{filter:none;border-color:var(--primary);color:var(--primary);background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(196,18,48,.14)}
        /* 幽灵按钮（透明文字，弱操作） */
        .btn-ghost{background:transparent;color:var(--t2);border-color:transparent;box-shadow:none}
        .btn-ghost:hover{filter:none;color:var(--t1);background:rgba(0,0,0,.045);transform:translateY(-1px)}
        .result-card{background:linear-gradient(135deg,rgba(196,18,48,.06),rgba(255,255,255,.55));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(196,18,48,.14);border-radius:var(--r-l);padding:24px;margin-bottom:16px;box-shadow:var(--glass-highlight),0 1px 3px rgba(0,0,0,.04);transition:var(--tr);position:relative;overflow:hidden}
        .result-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-grad);border-radius:0 3px 3px 0}
        .result-card:hover{box-shadow:var(--sh-s);transform:translateX(2px)}
        .result-model{font-size:17px;font-weight:700;color:var(--primary);margin-bottom:10px;letter-spacing:-0.1px;display:flex;align-items:center;gap:8px}
        .result-specs{display:flex;flex-wrap:wrap;gap:8px}
        .result-spec-item{font-size:12px;color:var(--t2);background:var(--card);padding:5px 12px;border-radius:20px;border:1px solid var(--border-l);font-weight:500;transition:var(--tr)}
        .result-spec-item:hover{border-color:var(--primary-100);background:var(--primary-bg)}
        .result-spec-item strong{color:var(--t1);font-weight:600;margin-right:4px}
        .ipc-model-card.selected{border-color:var(--primary)!important;background:var(--primary-bg);box-shadow:0 0 0 1px var(--primary),var(--sh-s);border-bottom-left-radius:0;border-bottom-right-radius:0}
        .ipc-model-card.selected::before{display:none}
        .ipc-brief-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
        .ipc-brief-item{font-size:12px;color:var(--t2);background:var(--card);padding:4px 12px;border-radius:20px;border:1px solid var(--border-l);font-weight:500;transition:var(--tr)}
        .ipc-brief-item:hover{border-color:var(--primary-100);background:var(--primary-bg)}
        .ipc-brief-item strong{color:var(--primary);font-weight:600;margin-right:4px}
        .sel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
        .sel-head-actions{display:flex;align-items:center;flex-shrink:0}
        .export-actions{display:flex;gap:8px;margin:0;flex-wrap:wrap;align-items:center;justify-content:flex-end}
        .export-actions .btn{background:rgba(255,255,255,.85);color:var(--t1);border-color:rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.05);flex:0 0 auto;min-width:0;height:42px;padding:0 16px;font-size:14px;font-weight:600;gap:8px}
        .export-actions .btn:hover{filter:none;border-color:var(--primary);color:var(--primary);background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(196,18,48,.14)}
        .export-actions .btn svg{width:16px;height:16px;stroke:currentColor}
        .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:500;opacity:0;pointer-events:none;transition:opacity .25s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
        .modal-overlay.show{opacity:1;pointer-events:auto}
        .modal-box{background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur-lg);backdrop-filter:var(--glass-blur-lg);border-radius:var(--r-xl);padding:32px;max-width:420px;width:90%;box-shadow:var(--glass-highlight),0 20px 60px rgba(20,20,30,.18);transform:scale(.92) translateY(10px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.6)}
        .modal-overlay.show .modal-box{transform:scale(1) translateY(0)}
        .modal-title{font-size:18px;font-weight:700;margin-bottom:10px;text-align:center;letter-spacing:-0.2px;color:var(--t1)}
        .modal-desc{font-size:14px;color:var(--t2);text-align:center;margin-bottom:24px;line-height:1.6}
        .modal-actions{display:flex;gap:12px}
        .modal-actions .btn{flex:1;justify-content:center}
        .modal-actions .btn:first-child{background:rgba(255,255,255,.85);color:var(--t1);border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.05)}
        .modal-actions .btn:first-child:hover{filter:none;border-color:var(--primary);color:var(--primary);background:#fff;transform:translateY(-1px)}
        .toast{position:fixed;bottom:80px;right:24px;padding:14px 20px;background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--r-m);box-shadow:var(--glass-highlight),0 12px 32px rgba(20,20,30,.16);z-index:1000;transform:translateY(16px);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:12px;font-size:13px;min-width:240px;max-width:360px;border:1px solid rgba(255,255,255,.6);font-weight:500;color:var(--t1)}
        .toast.show{transform:translateY(0);opacity:1}
        .toast.success{border-left:4px solid var(--ok)}
        .toast.error{border-left:4px solid var(--err)}
        .toast.info{border-left:4px solid var(--primary)}
        .toast-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
        .toast.success .toast-icon{color:var(--ok)}
        .toast.error .toast-icon{color:var(--err)}
        .toast.info .toast-icon{color:var(--primary)}
        .fade-in{animation:fadeIn .36s cubic-bezier(.22,.61,.36,1)}
        @keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
        /* 步骤/产品切换：View Transitions 交叉过渡（支持时覆盖整体淡入，让内容丝滑衔接） */
        #stepContent{view-transition-name:step-content}
        ::view-transition-old(step-content){animation:vtOut .22s cubic-bezier(.4,0,.2,1) forwards}
        ::view-transition-new(step-content){animation:vtIn .3s cubic-bezier(.22,.61,.36,1) forwards}
        @keyframes vtOut{to{opacity:0;transform:translateY(-8px)}}
        @keyframes vtIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
        @media (prefers-reduced-motion: reduce){.fade-in{animation:none}::view-transition-old(step-content),::view-transition-new(step-content){animation:none}}
        .empty-state{text-align:center;padding:40px 20px;color:var(--t3);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}
        .empty-state svg{width:48px;height:48px;stroke:var(--t4);fill:none;stroke-width:1.5}
        .empty-state strong{color:var(--t2);font-weight:600;font-size:15px}
        .section-header{font-size:14px;font-weight:600;margin-bottom:14px;color:var(--t1);display:flex;align-items:center;gap:8px;letter-spacing:-0.1px}
        .section-header::before{content:'';width:3px;height:14px;background:var(--primary-grad);border-radius:2px}
        .filter-panel{background:rgba(255,255,255,.44);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--r-m);padding:20px 22px;margin-bottom:24px;border:1px solid rgba(255,255,255,.55);box-shadow:var(--glass-highlight);position:relative}
        .filter-panel::before{content:'';position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--primary-100),transparent);opacity:.6}
        .config-panel{background:rgba(255,255,255,.44);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--r-m);padding:20px 22px;margin-bottom:20px;border:1px solid rgba(255,255,255,.55);box-shadow:var(--glass-highlight)}
        .ext-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
        .ext-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.55);border-radius:var(--r-s);cursor:pointer;transition:var(--tr);background:var(--glass-card);min-height:64px;position:relative;overflow:hidden}
        .ext-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--primary-grad);transition:width .3s ease;opacity:.1}
        .ext-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--sh-s)}
        .ext-card:hover::before{width:4px;opacity:1}
        .ext-card.checked{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 0 1px var(--primary),var(--sh-xs)}
        .ext-card.checked::before{width:4px;opacity:1}
        .ext-check{width:20px;height:20px;border:1.5px solid var(--border);border-radius:6px;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:var(--tr);background:var(--card)}
        .ext-card.checked .ext-check{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 6px rgba(196,18,48,.25)}
        .ext-check::after{content:'';width:10px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);opacity:0;transition:var(--tr)}
        .ext-card.checked .ext-check::after{opacity:1;transform:rotate(-45deg) scale(1)}
        .ext-info{flex:1;min-width:0}
        .ext-name{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:2px;line-height:1.4}
        .ext-card.checked .ext-name{color:var(--primary)}
        .ext-desc{font-size:12px;color:var(--t3);line-height:1.5}
        .spec-card{background:var(--glass-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.55);border-radius:var(--r-l);overflow:hidden;margin-top:24px;box-shadow:var(--glass-highlight),0 1px 3px rgba(0,0,0,.04);transition:var(--tr)}
        .spec-card:hover{box-shadow:var(--sh-s);border-color:var(--primary-100)}
        .spec-card-header{display:flex;align-items:center;gap:12px;padding:18px 24px;background:linear-gradient(135deg,var(--primary-50),rgba(196,18,48,.02));border-bottom:1.5px solid var(--primary-100)}
        .spec-card-title{font-size:18px;font-weight:700;color:var(--primary);letter-spacing:-0.2px;flex:1}
        .spec-card .spec-tbl{border-radius:0;border:none;border-top:none}
        .app-footer{padding:20px 0;margin-top:auto;text-align:center;font-size:12px;color:var(--t3);letter-spacing:0.2px}
        .app-footer .container{border-top:1px solid var(--border-l);padding-top:20px}
        .final-result{background:var(--glass-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--r-xl);padding:28px;border:1px solid rgba(196,18,48,.16);box-shadow:var(--glass-highlight),0 1px 3px rgba(0,0,0,.04);position:relative;overflow:hidden}
        .final-result::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-grad)}
        .final-section{padding:20px 0;border-bottom:1px dashed var(--border-l)}
        .final-section:last-child{border-bottom:none}
        .final-section-title{font-size:15px;font-weight:700;color:var(--primary);margin-bottom:14px;display:flex;align-items:center;gap:10px;letter-spacing:-0.1px}
        .final-section-title::before{content:'';width:4px;height:16px;background:var(--primary-grad);border-radius:2px}
        .final-kv{display:flex;flex-wrap:wrap;gap:10px 24px}
        .final-kv-item{font-size:13px;color:var(--t2);background:var(--surface-2);padding:6px 14px;border-radius:8px;line-height:1.6}
        .final-kv-item strong{color:var(--t1);font-weight:600;margin-right:4px}
        .configurable-tag{display:inline-block;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,#FF9500,#FF6B00);padding:3px 10px;border-radius:20px;margin-left:8px;vertical-align:middle;letter-spacing:0.2px;line-height:1.5;box-shadow:0 2px 8px rgba(255,149,0,.25)}
        .overview-clamp{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.75;font-size:13px;color:var(--t2);margin-bottom:16px}
        .spec-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:14px 0;-webkit-user-select:none;user-select:none;border-top:1px solid var(--border-l);margin-top:20px;transition:var(--tr)}
        .spec-toggle:hover .toggle-label{color:var(--primary)}
        .spec-toggle .toggle-label{font-size:14px;font-weight:600;color:var(--t1);display:flex;align-items:center;gap:8px;transition:var(--tr)}
        .spec-toggle .toggle-hint{font-size:12px;color:var(--t3);font-weight:400;margin-left:4px}
        .spec-toggle .arrow{font-size:12px;color:var(--t3);transition:transform .3s ease}
        .spec-toggle .arrow.open{transform:rotate(180deg)}
        .spec-panel{overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);max-height:0}
        .spec-panel.open{max-height:2000px}
        .spec-tbl,.final-tbl,.pdf-tbl{width:100%;border-collapse:collapse;font-size:14px;border:1px solid var(--border-l);border-radius:var(--r-m);overflow:hidden;margin-top:0}
        .spec-tbl thead th,.final-tbl thead th,.pdf-tbl thead th{background:var(--primary-grad);color:#fff;font-weight:600;text-align:left;padding:13px 16px;font-size:13px;letter-spacing:.2px;position:relative}
        .spec-tbl thead th::after,.final-tbl thead th::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(255,255,255,.15)}
        .spec-tbl tbody td,.final-tbl tbody td,.pdf-tbl tbody td{border:1px solid var(--border-l);padding:12px 16px;vertical-align:middle;line-height:1.6;color:var(--t1);font-size:13px;transition:background .15s ease}
        .spec-tbl tbody tr:nth-child(even) td,.final-tbl tbody tr:nth-child(even) td,.pdf-tbl tbody tr:nth-child(even) td{background:rgba(196,18,48,.025)}
        .spec-tbl tbody tr:hover td,.final-tbl tbody tr:hover td,.pdf-tbl tbody tr:hover td{background:rgba(196,18,48,.07)}
        .spec-tbl tbody td:first-child,.final-tbl tbody td:first-child,.pdf-tbl tbody td:first-child{background:var(--primary-bg);color:var(--t2);white-space:nowrap;width:140px;font-size:13px;font-weight:600;border-right:1px solid var(--border-l)}
        .spec-tbl .opt-badge,.final-tbl .opt-tag{display:inline-block;font-size:10px;color:var(--primary);font-weight:600;background:var(--primary-bg);padding:2px 8px;border-radius:6px;margin-left:6px;vertical-align:middle;border:1px solid var(--primary-100);line-height:1.5}
        .table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
        .hw-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border-l);border-radius:var(--r-s);overflow:hidden;margin-bottom:20px;background:var(--card)}
        .hw-spec-item{display:flex;padding:10px 14px;border-bottom:1px solid var(--border-l);font-size:13px;transition:background .15s ease}
        .hw-spec-item:hover{background:var(--surface-2)}
        .hw-spec-item:nth-last-child(-n+2){border-bottom:none}
        .hw-spec-item .hw-label{color:var(--t3);min-width:80px;flex-shrink:0;font-size:12px;font-weight:500}
        .hw-spec-item .hw-value{color:var(--t1);font-weight:500}
        .hw-spec-item .hw-value.opt{color:var(--primary);font-weight:600}
        .result-count{font-size:13px;font-weight:600;margin-bottom:14px;color:var(--t1);display:flex;align-items:center;gap:8px}
        .result-count span{color:var(--primary);font-weight:700}
        /* 最终报告表格优化 */
        .final-report{background:var(--card);border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border-l);box-shadow:var(--sh-m)}
        .final-report-header{background:var(--primary-grad);color:#fff;padding:28px 32px;box-shadow:var(--sh-m);position:relative;overflow:hidden}
        .final-report-header::before{content:'';position:absolute;top:-80%;right:-15%;width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);border-radius:50%;pointer-events:none}
        .final-report-header::after{content:'';position:absolute;bottom:-40%;left:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 65%);border-radius:50%;pointer-events:none}
        .final-report-header h3{font-size:20px;font-weight:700;margin-bottom:6px;letter-spacing:-0.2px;position:relative;z-index:1}
        .final-report-header p{font-size:12px;opacity:.85;margin:0;position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
        .final-report-header p span{display:inline-flex;align-items:center;gap:6px}
        .final-report-header p span:not(:last-child)::after{content:'';width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.4);margin-left:10px}
        .final-section-new{padding:24px 32px;border-bottom:1px solid var(--border-l)}
        .final-section-new:last-child{border-bottom:none}
        .final-section-new h4{font-size:15px;font-weight:700;color:var(--t1);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--primary);display:inline-block;letter-spacing:-0.1px}
        /* 最终表格重设计 */
        .final-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;border:1px solid var(--border-l);border-radius:var(--r-m);overflow:hidden;margin-top:0;background:var(--card)}
        .final-tbl thead th{background:linear-gradient(180deg,#FAFAFC,#F2F2F6);color:var(--t1);font-weight:600;text-align:left;padding:14px 20px;font-size:13px;letter-spacing:0;border-bottom:1.5px solid var(--border);position:relative}
        .final-tbl thead th::after{display:none}
        .final-tbl tbody td{border:none;border-bottom:1px solid var(--border-l);padding:14px 20px;vertical-align:middle;line-height:1.6;color:var(--t1);font-size:13px;transition:background .15s ease}
        .final-tbl tbody tr:last-child td{border-bottom:none}
        .final-tbl tbody tr:nth-child(even) td{background:rgba(0,0,0,.015)}
        .final-tbl tbody tr:hover td{background:var(--primary-bg)}
        .final-tbl tbody td:first-child{background:transparent;color:var(--t2);white-space:nowrap;width:160px;font-size:13px;font-weight:500;border-right:1px solid var(--border-l)}
        .final-tbl tbody tr:hover td:first-child{color:var(--primary);font-weight:600;background:var(--primary-bg)}
        .final-tbl .opt-tag{display:inline-block;font-size:11px;color:var(--primary);font-weight:600;background:var(--primary-bg);padding:2px 10px;border-radius:20px;margin-left:8px;vertical-align:middle;border:1px solid var(--primary-100);line-height:1.5}

        .final-ext-item{padding:6px 0;font-size:13px;color:var(--t1);display:flex;align-items:center;gap:10px;line-height:1.6}
        .final-ext-item::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0;box-shadow:0 0 0 3px var(--primary-bg)}

        /* ===== 选型记忆：右下角悬浮「我的选型」入口 ===== */
        .my-history-btn{position:fixed;right:24px;bottom:24px;z-index:300;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px 0 18px;border-radius:999px;border:1px solid var(--border-l);background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);color:var(--t1);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;letter-spacing:-0.1px;box-shadow:0 6px 24px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.06);transition:transform .28s cubic-bezier(.34,1.4,.64,1),bottom .3s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,color .2s ease,border-color .2s ease,background .2s ease}
        .my-history-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}
        .my-history-btn:hover{transform:translateY(-3px);border-color:var(--primary-200);color:var(--primary);background:var(--card);box-shadow:0 12px 32px rgba(196,18,48,.22),0 2px 6px rgba(0,0,0,.06)}
        .my-history-btn:active{transform:translateY(-1px) scale(.98)}
        .my-history-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--primary-grad);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 6px rgba(196,18,48,.3)}

        /* ===== 选型记忆：恢复弹窗摘要卡 ===== */
        .resume-card{background:linear-gradient(135deg,rgba(196,18,48,.06),rgba(255,255,255,.5));border:1px solid rgba(196,18,48,.14);border-radius:var(--r-m);padding:16px 18px;text-align:left;margin-bottom:4px}
        .resume-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
        .resume-tag{font-size:11px;font-weight:700;color:var(--primary);background:var(--primary-bg);border:1px solid var(--primary-100);padding:3px 10px;border-radius:20px;line-height:1.4}
        .resume-step{font-size:12px;color:var(--t2);font-weight:500}
        .resume-model{font-size:17px;font-weight:700;color:var(--primary);letter-spacing:-0.2px;margin-bottom:6px;word-break:break-all}
        .resume-time{font-size:12px;color:var(--t3)}

        /* ===== 选型记忆：历史方案弹窗 ===== */
        .modal-box-wide{max-width:640px;text-align:left}
        .history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}
        .history-head .modal-title{text-align:left}
        .modal-close{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-l);background:var(--surface-2);color:var(--t3);font-size:13px;cursor:pointer;transition:var(--tr);font-family:inherit;line-height:1;flex-shrink:0}
        .modal-close:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-100);transform:rotate(90deg)}
        #historyList{max-height:420px;overflow-y:auto;margin:0 -4px;padding:0 4px}
        #historyList::-webkit-scrollbar{width:6px}
        #historyList::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
        .history-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.55);border-radius:var(--r-m);margin-bottom:10px;transition:var(--tr)}
        .history-item:hover{background:var(--primary-bg);border-color:var(--primary-100);transform:translateY(-1px);box-shadow:var(--sh-xs)}
        .history-item-main{min-width:0;flex:1}
        .history-tag{display:inline-block;font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-bg);border:1px solid var(--primary-100);padding:2px 9px;border-radius:20px;margin-bottom:6px;line-height:1.5}
        .history-model{font-size:15px;font-weight:700;color:var(--primary);letter-spacing:-0.1px;word-break:break-all;line-height:1.4}
        .history-time{font-size:12px;color:var(--t3);margin-top:4px}
        .history-item-actions{display:flex;gap:4px;flex-shrink:0}
        .history-act{font-size:12px;font-weight:600;color:var(--t2);background:none;border:none;font-family:inherit;padding:6px 9px;border-radius:8px;cursor:pointer;transition:var(--tr)}
        .history-act:hover{background:var(--card);color:var(--primary);box-shadow:var(--sh-xs)}
        .history-act.danger:hover{color:var(--err);background:var(--err-bg)}
        .history-empty{text-align:center;padding:44px 20px}
        .history-empty-icon{font-size:38px;margin-bottom:12px;opacity:.55}
        .history-empty-text{font-size:15px;font-weight:600;color:var(--t1);margin-bottom:6px}
        .history-empty-sub{font-size:13px;color:var(--t3)}
        .history-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-l)}
        .history-foot>div{display:flex;gap:10px}
        .danger-text{color:var(--t3)!important}
        .danger-text:hover{background:var(--err-bg)!important;color:var(--err)!important;border-color:var(--err)!important}
        .btn-danger{background:var(--err)!important;box-shadow:0 2px 8px rgba(255,59,48,.25)!important}

        @media(max-width:600px){.my-history-btn{right:16px;bottom:16px;height:42px;font-size:13px;padding:0 16px 0 14px}.history-item{flex-direction:column;align-items:flex-start}.history-item-actions{width:100%;justify-content:flex-end}.history-foot{flex-direction:column-reverse;align-items:stretch}.history-foot>div{justify-content:flex-end}}
        @media(max-width:1200px){.container{padding:0 24px}}
        @media(max-width:960px){.container{padding:0 20px}.product-tabs{flex-wrap:wrap}.form-row{grid-template-columns:1fr}.option-grid{grid-template-columns:1fr}.option-grid.cols-3{grid-template-columns:1fr 1fr}.sel-panel{padding:32px}.result-card .ipc-card-img{width:60px!important;height:60px!important}.btn-row .btn{flex:1 1 0;max-width:none}.export-actions .btn{max-width:none}}
        @media(max-width:600px){.container{padding:0 16px}header{padding:12px 0}.header-inner{flex-direction:column;gap:10px}.logo-area .title{font-size:17px}.logo-area img{height:24px}.product-tabs{width:100%;justify-content:center}.product-tab{flex:1;text-align:center;padding:8px 10px;font-size:12px}main{padding:24px 0}.sel-panel{padding:20px;border-radius:var(--r-m)}.sel-title{font-size:20px}.sel-desc{font-size:13px;margin-bottom:20px}.option-grid{grid-template-columns:1fr!important}.option-grid.cols-3{grid-template-columns:1fr!important}.opt-card{padding:18px}.info-panel-img{height:200px}.info-panel-body{padding:20px}.info-panel-name{font-size:18px}.info-panel-desc{font-size:13px}.result-card{padding:16px}.result-card .ipc-card-img{width:50px!important;height:50px!important}.result-model{font-size:16px}.btn-row{flex-direction:column;gap:10px}.btn-row .btn{flex:none;width:100%;max-width:none}.btn{width:100%;height:46px;font-size:15px;justify-content:center}.sel-head{gap:10px}.export-actions{flex-direction:row;gap:6px}.export-actions .btn{width:auto;height:30px;font-size:12px;padding:0 10px;justify-content:center}.final-kv{flex-direction:column;gap:6px}.toast{right:16px;left:16px;bottom:70px}.form-row{grid-template-columns:1fr!important}.checkbox-group{flex-direction:column}.check-item{width:100%}select,input[type="number"],input[type="text"]{font-size:16px}}
        @media(max-width:380px){.container{padding:0 12px}.sel-panel{padding:16px}.opt-card-name{font-size:13px}.opt-card-desc{font-size:11px}}
        /* ==================== 移动端苹果风增强（毛玻璃 / 透明 / 原生质感）==================== */
        @media(max-width:960px){
          body{background:linear-gradient(160deg,#F2F2F7 0%,#E8E8ED 100%);background-attachment:fixed}
          .sel-panel{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:saturate(180%) blur(28px);backdrop-filter:saturate(180%) blur(28px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);border-radius:24px}
          .info-panel{background:rgba(255,255,255,.72);-webkit-backdrop-filter:saturate(180%) blur(28px);backdrop-filter:saturate(180%) blur(28px);border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.08)}
          .opt-card{background:rgba(255,255,255,.68);border:1px solid rgba(0,0,0,.06);border-radius:18px}
          .opt-card.selected{background:rgba(196,18,48,.08);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 4px 16px rgba(196,18,48,.18)}
          .result-card{background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.06);border-radius:18px}
          .result-card.selected{border-color:var(--primary);background:rgba(196,18,48,.06)}
          .product-tabs{background:rgba(245,245,247,.7);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(0,0,0,.04)}
          .product-tab.active{background:rgba(255,255,255,.9);color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.06)}
          .lang-switch{background:rgba(255,255,255,.7);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(0,0,0,.06)}
          .lang-opt.active{background:rgba(196,18,48,.1);color:var(--primary);box-shadow:none}
          .config-panel,.filter-panel{background:rgba(245,245,247,.6);border:1px solid rgba(0,0,0,.04);border-radius:18px}
          .spec-card{background:rgba(255,255,255,.68);border:1px solid rgba(0,0,0,.06);border-radius:18px}
          .resume-card{background:rgba(245,245,247,.6);border-radius:14px}
        }
        @media(max-width:600px){
          header{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border-bottom:1px solid rgba(0,0,0,.06)}
          .header-right{width:100%;justify-content:space-between;gap:10px}
          .modal-overlay{background:rgba(0,0,0,.32);-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter:saturate(120%) blur(8px)}
          .modal-box{background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(180%) blur(32px);backdrop-filter:saturate(180%) blur(32px);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.18)}
          .toast{background:rgba(28,28,30,.85);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:16px}
          .toast .toast-icon svg{fill:none;stroke:#fff}
          .toast.success .toast-icon svg{stroke:#34C759}
          .toast.error .toast-icon svg{stroke:#FF3B30}
          .toast.info .toast-icon svg{stroke:#FF4D6A}
          .toast.warning .toast-icon svg{stroke:#FF9500}
          .my-history-btn{background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 24px rgba(0,0,0,.12)}
          .btn-primary{background:linear-gradient(135deg,#E8364F,#C41230);color:#fff;border:none;box-shadow:0 6px 20px rgba(196,18,48,.28)}
          .btn{border-radius:14px}
          .history-item{background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.04);border-radius:16px}
          select,input[type="number"],input[type="text"]{font-size:16px;background:rgba(255,255,255,.7);border-radius:12px}
        }
        /* 降级：不支持 backdrop-filter 的设备回退纯色 */
        @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
          @media(max-width:960px){
            .sel-panel,.info-panel,.modal-box,.my-history-btn,.product-tabs,.lang-switch,.toast,.mobile-tabbar{background:rgba(255,255,255,.94)!important}
            .opt-card,.result-card,.config-panel,.filter-panel,.spec-card,.resume-card,.btn-row{background:rgba(255,255,255,.94)}
          }
        }
        @media print{header,.my-history-btn,.btn-row,.export-actions,.modal-overlay,.toast,.guide-root{display:none!important}.main-layout{grid-template-columns:1fr!important}.sel-panel{box-shadow:none;border:1px solid #ddd}}

        /* ==================== 新手引导样式（聚焦式分步）==================== */
        .guide-root{position:fixed;inset:0;z-index:9999;pointer-events:auto;cursor:pointer}
        .guide-hole{position:absolute;border-radius:14px;box-shadow:0 0 0 9999px rgba(0,0,0,.45),0 0 0 2px rgba(196,18,48,.55),0 0 24px 4px rgba(196,18,48,.22);pointer-events:none;transition:left .28s cubic-bezier(.25,.46,.45,.94),top .28s cubic-bezier(.25,.46,.45,.94),width .28s cubic-bezier(.25,.46,.45,.94),height .28s cubic-bezier(.25,.46,.45,.94)}
        .guide-bubble{position:absolute;max-width:340px;padding:20px 22px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(180%) blur(28px);backdrop-filter:saturate(180%) blur(28px);border:1px solid rgba(255,255,255,.6);border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.18);pointer-events:auto;color:#1C1C1E}
        .guide-title{font-size:16px;font-weight:700;color:#1C1C1E;letter-spacing:-.2px;margin-bottom:6px}
        .guide-desc{font-size:14px;color:#3C3C43;line-height:1.6;margin-bottom:16px}
        .guide-dots{display:flex;gap:6px;margin-bottom:14px;align-items:center}
        .guide-dot{width:7px;height:7px;border-radius:50%;background:rgba(60,60,67,.25);transition:all .25s}
        .guide-dot.active{background:#C41230;width:18px;border-radius:4px}
        .guide-tap-hint{font-size:12px;color:rgba(60,60,67,.42);text-align:right;letter-spacing:.2px}
        .guide-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
        .guide-btn{border:none;background:transparent;color:#8E8E93;font-size:14px;font-weight:600;padding:9px 16px;border-radius:11px;cursor:pointer;transition:all .2s;font-family:inherit}
        .guide-btn:hover{background:rgba(0,0,0,.05);color:#1C1C1E}
        .guide-btn-next{background:linear-gradient(135deg,#E8364F,#C41230);color:#fff;box-shadow:0 4px 14px rgba(196,18,48,.28)}
        .guide-btn-next:hover{color:#fff;background:linear-gradient(135deg,#F04A63,#D4163E)}
        .guide-bubble.arrow-top::before{content:'';position:absolute;top:-7px;left:28px;width:14px;height:14px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.6);border-right:none;border-bottom:none;transform:rotate(45deg);border-radius:3px}
        .guide-bubble.arrow-bottom::before{content:'';position:absolute;bottom:-7px;left:28px;width:14px;height:14px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.6);border-left:none;border-top:none;transform:rotate(45deg);border-radius:3px}
        @media(max-width:600px){
          .guide-bubble{max-width:86vw;padding:18px}
          .guide-hole{border-radius:12px}
        }

        /* ==================== 移动端 App 形态（≤768px 独立设计） ==================== */
        /* 桌面端默认隐藏底部 Tab Bar 与大标题 */
        .mobile-tabbar{display:none}
        .mobile-page-title{display:none}

        @media(max-width:768px){
          /* 全局背景与底部留白（iOS 系统灰） */
          body{background:#F2F2F7}
          main{padding:4px 0 0;padding-bottom:calc(var(--cta-h) + var(--tabbar-h) + var(--safe-bottom) + 64px)}

          /* 顶部导航栏：logo + 语言切换（产品 tab 移到底部） */
          header{padding:10px 0;background:rgba(255,255,255,.82);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px 0 rgba(0,0,0,.02)}
          .header-inner{flex-direction:row;align-items:center;gap:10px}
          .logo-area{gap:8px}
          .logo-area img{height:26px}
          .logo-area .title{font-size:16px;font-weight:600;letter-spacing:-.2px}
          .beta-badge{display:none}
          .header-right{width:auto;margin-left:auto;justify-content:flex-end}
          .header-right .product-tabs{display:none}
          /* 语言切换：iOS segmented 分段控件 */
          .lang-switch{background:rgba(118,118,128,.12);border:1px solid transparent;border-radius:9px;padding:2px;height:30px}
          .lang-opt{font-size:12px;font-weight:600;height:24px;padding:0 14px;border-radius:7px;color:var(--t1)}
          .lang-opt.active{background:#fff;color:var(--t1);box-shadow:0 2px 6px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)}

          /* 顶部大标题（iOS Large Title） */
          .mobile-page-title{display:block;padding:18px 4px 12px}
          .mobile-page-title-text{display:block;font-size:34px;font-weight:700;letter-spacing:-.6px;line-height:1.1;color:var(--t1)}

          /* 选型面板：白色分组卡片（纯实底，无玻璃，避免 fixed 定位失效） */
          .sel-panel{background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:18px 16px;margin-bottom:16px}
          .sel-title{font-size:17px;font-weight:600;letter-spacing:-.2px;color:var(--t1)}
          .sel-desc{font-size:13px;margin-bottom:16px}
          .sel-head{gap:10px;flex-wrap:wrap}
          .sel-head-right{width:auto;flex:1;justify-content:flex-end}
          /* 修正旧适配遗留的全宽按钮：移动端按钮默认自适应内容宽度，仅 CTA/弹窗按钮拉伸 */
          .btn{width:auto;height:44px;padding:0 18px;font-size:14px}
          /* 去掉标签装饰红竖条，靠字重与间距分层 */
          .form-label::before{display:none}
          .section-header::before{display:none}
          .section-header{font-size:13px;font-weight:600;margin-bottom:10px;color:var(--t2);letter-spacing:0}
          /* 分组行式表单（iOS 设置页：标签左 + 下拉右，行间 hairline） */
          .form-row{grid-template-columns:1fr;gap:0}
          .form-group{margin:0;display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line)}
          .form-row:last-child .form-group:last-child{border-bottom:none}
          .form-label{display:block;flex-shrink:0;min-width:56px;font-size:12px;font-weight:600;margin:0;letter-spacing:-0.1px}
          .form-group select,.form-group input[type="number"]{flex:1;height:40px}

          /* 卡片流：iOS 分组行式（左缩略图 + 右文字，hairline 分隔） */
          .option-grid{gap:0}
          .opt-card{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;text-align:left;padding:12px 16px;border-radius:0;background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:none}
          .opt-card:last-child{border-bottom:none}
          .opt-card:hover{transform:none;box-shadow:none;background:rgba(0,0,0,.025)}
          .opt-card.selected{background:rgba(196,18,48,.05);box-shadow:none}
          .opt-card .family-img,.opt-card .opt-card-icon{grid-row:1/3;grid-column:1;width:72px;height:72px;margin:0;border-radius:10px;aspect-ratio:auto;object-fit:contain;padding:10px;background:#F7F7FA}
          .opt-card .opt-card-name{grid-column:2;grid-row:1;font-size:13.5px;font-weight:600;margin:0 0 2px;color:var(--t1)}
          .opt-card .opt-card-desc{grid-column:2;grid-row:2;font-size:12px;line-height:1.5;color:var(--t2)}
          .opt-card .opt-card-overview{grid-column:1/3;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
          .opt-card:hover .family-img,.opt-card:hover .drive-img{transform:none}
          .result-card{padding:14px 16px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px rgba(0,0,0,.03)}
          .result-card .result-model{font-size:15px}
          .result-card .ipc-card-img{width:72px!important;height:72px!important}
          .config-panel,.filter-panel{background:#F7F7FA;border-radius:12px;padding:14px;border:1px solid rgba(0,0,0,.04)}
          .spec-card{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.06)}

          /* 底部固定 CTA 操作栏 */
          .btn-row{
            position:fixed;left:0;right:0;
            bottom:calc(var(--tabbar-h) + var(--safe-bottom));
            z-index:150;display:flex;gap:10px;align-items:center;
            padding:10px 16px calc(10px + var(--safe-bottom));
            background:var(--glass-bg);
            -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
            border-top:1px solid rgba(255,255,255,.6);
            box-shadow:0 -6px 24px rgba(0,0,0,.06);margin:0
          }
          .btn-row .btn{flex:1;height:50px;font-size:16px;border-radius:14px;min-width:0;max-width:none;letter-spacing:0}
          .btn-row .btn#btnPrev{flex:0.9;background:#fff;color:var(--t1);border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.05)}
          .btn-row .btn#btnNext{flex:1.6}

          /* 底部 Tab Bar */
          .mobile-tabbar{
            display:flex;position:fixed;left:0;right:0;bottom:0;z-index:200;
            height:calc(var(--tabbar-h) + var(--safe-bottom));
            padding:6px 8px var(--safe-bottom);
            background:var(--glass-bg);
            -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
            border-top:1px solid rgba(255,255,255,.6);
            box-shadow:0 -4px 24px rgba(0,0,0,.06)
          }
          .mobile-tab{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;cursor:pointer;font-family:inherit;color:var(--t3);border-radius:14px;transition:var(--tr);padding:0;-webkit-tap-highlight-color:transparent}
          .mobile-tab:active{background:rgba(0,0,0,.04)}
          .mobile-tab-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}
          .mobile-tab-icon svg{width:23px;height:23px}
          .mobile-tab-label{font-size:11px;font-weight:600;line-height:1}
          .mobile-tab-badge{position:absolute;top:3px;right:calc(50% - 26px);min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:var(--primary-grad);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 6px rgba(196,18,48,.3)}
          .mobile-tab.active{color:var(--primary)}
          .mobile-tab.is-disabled{opacity:.38;cursor:not-allowed}

          .my-history-btn{display:none!important}
          .toast{bottom:calc(var(--tabbar-h) + var(--cta-h) + var(--safe-bottom) + 24px)}

          /* 弹层毛玻璃 */
          .modal-box{background:rgba(255,255,255,.84);-webkit-backdrop-filter:var(--glass-blur-lg);backdrop-filter:var(--glass-blur-lg);border:1px solid rgba(255,255,255,.5);border-radius:24px}

          /* 表单防 iOS 聚焦缩放 */
          select,input[type="number"],input[type="text"]{font-size:16px;background:rgba(255,255,255,.72);border-radius:12px}
          .ipc-search-row input[type="text"]{font-size:16px}

          /* 页脚隐藏 */
          .app-footer{display:none}
        }

        /* ==================== 已选产品行（工智机列表页顶部） ==================== */
        .ipc-selected-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;background:rgba(255,255,255,.44);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.55);border-radius:14px;padding:10px 12px 10px 16px;box-shadow:var(--glass-highlight)}
        .ipc-selected-text{font-size:13px;color:var(--t2);line-height:1.5;min-width:0}
        .ipc-selected-text strong{color:var(--t1);font-weight:600}
        .ipc-selected-row .btn{flex-shrink:0;height:36px;padding:0 14px;font-size:13px;border-radius:10px;background:var(--card);color:var(--primary);border:1px solid var(--primary-100);box-shadow:none}
        .ipc-selected-row .btn:hover{background:var(--primary-bg);transform:none;box-shadow:none}

        /* ==================== 图标体系：容器统一尺寸（配合 js/icons.js） ==================== */
        .my-history-icon{width:17px;height:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
        .my-history-icon svg{width:17px;height:17px}
        .modal-close-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center}
        .modal-close-icon svg{width:14px;height:14px}
        .bar-toggle-icon{width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center}
        .bar-toggle-icon svg{width:12px;height:12px}
        .toast-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
        .spec-toggle .arrow svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}