:root{--brand-primary:#0052d9;--brand-bright:#006eff;--brand-cyan:#00a4ff;--brand-soft:#e8f3ff;--canvas:#f3f7fc;--surface:#fff;--surface-soft:#f7faff;--surface-blue:#edf5ff;--surface-dark:#071a33;--surface-dark-secondary:#0b2445;--text-primary:#102033;--text-secondary:#53657a;--text-tertiary:#7a8a9e;--text-on-dark:#f5f9ff;--text-on-dark-secondary:#b7c8dd;--border-soft:rgba(24,74,126,.12);--border-medium:rgba(24,74,126,.2);--focus-ring:rgba(0,82,217,.26);--success:#00a870;--warning:#ed7b2f;--danger:#d54941;--shadow-soft:0 12px 32px rgba(20,55,95,.08);--shadow-raised:0 20px 50px rgba(15,52,96,.13);--radius-sm:8px;--radius-md:12px;--radius-lg:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--text-primary);font:15px/1.7 "PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25}a{color:inherit;text-decoration:none}.app-shell{overflow:hidden}.site-header{position:sticky;z-index:9;top:0;display:flex;align-items:center;gap:32px;min-height:70px;padding:0 max(28px,calc((100vw - 1320px)/2));border-bottom:1px solid rgba(24,74,126,.09);background:rgba(247,250,255,.9);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;min-width:264px;border:0;background:transparent;color:var(--text-primary);text-align:left}.brand b{display:block;font-size:16px}.brand small{display:block;color:var(--text-secondary);font-size:12px}.brand-mark{width:26px;height:26px;background:linear-gradient(135deg,#006eff 0 47%,#00a4ff 48% 67%,#0052d9 68%);clip-path:polygon(0 0,100% 0,100% 68%,68% 68%,68% 100%,0 100%)}.nav-list{display:flex;align-items:stretch;align-self:stretch;gap:4px}.nav-item{display:grid;place-items:center;padding:0 13px;border:0;background:none;color:var(--text-secondary);font-size:14px}.nav-item:hover,.nav-item.active{color:var(--brand-primary)}.nav-item.active{font-weight:700;box-shadow:inset 0 -2px var(--brand-primary)}.top-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.version{color:var(--text-tertiary);font-size:12px}.help-button{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border-soft);border-radius:50%;background:var(--surface);color:var(--brand-primary);font-weight:700}.main-content{max-width:1320px;margin:auto}.page-panel{display:none}.page-panel.active{display:block}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:58px;min-height:510px;align-items:center;padding:76px 44px 58px}.eyebrow{margin-bottom:12px;color:var(--brand-primary);font-size:12px;font-weight:700;letter-spacing:.12em}.hero h1{margin-bottom:20px;font-size:clamp(40px,4.1vw,55px);letter-spacing:-.045em}.hero-copy>p:not(.eyebrow){max-width:590px;margin-bottom:28px;color:var(--text-secondary);font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:9px 16px;background:var(--surface);color:#174e8a;font-weight:700}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.button.primary{border-color:var(--brand-primary);background:var(--brand-primary);color:#fff}.button.secondary{background:transparent}.hero-map{position:relative;min-height:310px;overflow:hidden;border:1px solid rgba(0,110,255,.25);border-radius:var(--radius-lg);background:linear-gradient(135deg,#071a33,#0c2d59);box-shadow:var(--shadow-raised)}.hero-map:after{position:absolute;inset:0;background-image:linear-gradient(rgba(155,206,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(155,206,255,.08) 1px,transparent 1px);background-size:30px 30px;content:""}.map-glow{position:absolute;top:25%;left:26%;width:240px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(0,164,255,.42),transparent 68%);filter:blur(7px)}.map-flow{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:390px;margin:95px auto 0;color:var(--text-on-dark-secondary);font-size:13px}.map-flow span,.map-flow strong{padding:7px 10px;border:1px solid rgba(170,213,255,.32);border-radius:20px;background:rgba(13,46,85,.72)}.map-flow strong{border-color:#53b8ff;background:#006eff;color:#fff}.map-flow i{width:22px;height:1px;background:linear-gradient(90deg,#74c8ff,transparent)}.map-caption{position:absolute;z-index:1;bottom:28px;left:31px;color:var(--text-on-dark)}.map-caption b,.map-caption small{display:block}.map-caption small{color:var(--text-on-dark-secondary);font-size:13px}.intro-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 44px;background:var(--border-soft)}.intro-strip div{display:grid;grid-template-columns:40px 1fr;padding:22px 25px;background:var(--surface)}.intro-strip span{grid-row:span 2;color:#9bbde5;font-size:20px;font-weight:700}.intro-strip b{font-size:15px}.intro-strip small{color:var(--text-secondary);font-size:13px}.selection-workspace{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:58px 44px 0;border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-soft)}.workbench-heading{grid-column:1/-1;padding:34px 36px 26px;border-bottom:1px solid var(--border-soft);background:linear-gradient(100deg,#fff,#f5faff)}.workbench-heading h2{margin-bottom:7px;font-size:28px}.workbench-heading p:last-child{margin:0;color:var(--text-secondary)}.step{min-height:265px;padding:30px 34px;border-bottom:1px solid var(--border-soft)}.step-two{border-left:1px solid var(--border-soft)}.step-three{grid-column:1/-1}.step-heading{display:flex;gap:14px;margin-bottom:18px}.step-heading>span{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand-primary);font-size:12px;font-weight:700}.step-heading h2{margin:1px 0 3px;font-size:20px}.step-heading p{margin:0;color:var(--text-secondary);font-size:13px}.segmented-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.segmented-button,.scene-card{min-height:68px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:11px 13px;background:var(--surface-soft);color:var(--text-primary);text-align:left}.segmented-button:hover,.scene-card:hover{border-color:rgba(0,82,217,.42);background:#f1f7ff}.segmented-button.selected,.scene-card.selected{border-color:var(--brand-primary);background:var(--surface-blue);box-shadow:inset 3px 0 var(--brand-primary)}.segmented-button{display:grid;gap:2px}.segmented-button:after{content:"已选择";color:transparent;font-size:11px}.segmented-button.selected:after{color:var(--brand-primary)}.scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.scene-card{display:grid;align-content:start;gap:7px;min-height:132px;padding:16px}.scene-card strong{font-size:15px}.scene-card span{display:-webkit-box;overflow:hidden;color:var(--text-secondary);font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.context-note{grid-column:1/-1;padding:20px 34px 24px;background:#fbfdff;color:var(--text-secondary)}.context-note summary{color:var(--text-primary);cursor:pointer;font-weight:700}.context-note label{display:block;margin:13px 0 6px;font-size:13px}.context-note textarea{width:100%;border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:10px;background:#fff;color:var(--text-primary);resize:vertical}.recommendation-panel{margin-top:58px}.empty-state{margin:0 44px;padding:35px;border:1px dashed var(--border-medium);border-radius:var(--radius-md);background:#fff;color:var(--text-secondary)}.empty-state strong{display:block;margin-bottom:6px;color:var(--text-primary);font-size:18px}.empty-state p{margin:0}.result-head{display:flex;justify-content:space-between;gap:32px;padding:42px max(44px,calc((100vw - 1320px)/2));background:#eef5ff}.result-head h1{margin-bottom:9px;font-size:34px}.result-head p:not(.section-label){max-width:820px;margin:0;color:var(--text-secondary);font-size:17px}.section-label{margin-bottom:8px;color:var(--brand-primary);font-size:12px;font-weight:700;letter-spacing:.1em}.result-meta{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:7px;min-width:180px}.result-meta span{border:1px solid #c8ddf7;border-radius:20px;padding:4px 10px;color:#245787;font-size:12px}.common-judgement{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:39px 44px;background:#f7faff}.common-judgement>div{border-top:1px solid var(--border-medium);padding-top:17px}.common-judgement h2{font-size:20px}.common-judgement li{margin-bottom:8px}.status-reminder{display:flex;gap:10px;margin:0;padding:15px 44px;border-top:1px solid rgba(237,123,47,.22);border-bottom:1px solid rgba(237,123,47,.22);background:#fffbf3;color:#73562d;font-size:13px}.tiers-section{padding:64px 44px;background:var(--surface-dark);color:var(--text-on-dark)}.section-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-row h2{margin:0;font-size:30px}.tiers-section .section-label{color:#66bfff}.tier-table-wrap{overflow:hidden}.tier-table{width:100%;border-collapse:separate;border-spacing:10px 0;table-layout:fixed}.tier-table th,.tier-table td{vertical-align:top;text-align:left}.tier-table thead th{padding:0 8px 13px;color:var(--text-on-dark-secondary);font-size:13px}.tier-table thead th:first-child{width:0;padding:0}.tier-cell{border:1px solid rgba(170,213,255,.18);border-radius:var(--radius-md);padding:23px;background:rgba(255,255,255,.055)}.tier-cell.tier-standard{border-color:#55b8ff;background:linear-gradient(160deg,rgba(0,110,255,.36),rgba(12,52,95,.72));box-shadow:0 15px 34px rgba(0,0,0,.16)}.tier-stage-label{margin:0 0 7px;color:#8fcfff;font-size:12px;font-weight:700}.tier-table h3{margin:0 0 8px;font-size:20px}.tier-reason{min-height:67px;color:var(--text-on-dark-secondary)}.tier-table dl{display:grid;grid-template-columns:76px 1fr;gap:12px 8px;margin:0;padding-top:16px;border-top:1px solid rgba(170,213,255,.15);font-size:13px}.tier-table dt{color:#83aad3}.tier-table dd{margin:0;color:#dcecff}.tier-table dd ul{margin:0;padding-left:17px}.tier-table dd li{margin-bottom:4px}.product-link{border:0;padding:0;background:none;color:#78c7ff;font-weight:700;text-align:left}.talk-panel{padding:54px 44px;background:#fff}.talk-panel header{max-width:890px;border-bottom:1px solid var(--border-soft);padding-bottom:20px}.talk-panel h2,.validation-panel h2{font-size:28px}.opening{margin:0;color:var(--text-secondary);font-size:17px}.talk-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:34px;margin-top:26px}.talk-grid>div{border-top:2px solid #cfe3fb;padding-top:13px}.talk-grid h3,.validation-grid h3{font-size:16px}.talk-grid details{border-bottom:1px solid var(--border-soft);padding:9px 0}.talk-grid summary{cursor:pointer;font-weight:700}.talk-grid small{color:var(--text-tertiary)}.talk-next,.common-next{margin:25px 0 0;border-left:3px solid var(--brand-primary);padding:10px 14px;background:var(--surface-blue)}.validation-panel{padding:50px 44px;background:#eef5ff}.validation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.validation-grid>div{padding:17px 0;border-top:1px solid var(--border-medium)}.sources{margin:0;padding:24px 44px;background:#fff}.sources summary{color:var(--brand-primary);cursor:pointer;font-weight:700}.sources a,.sources span{display:block;margin-top:7px;font-size:13px}.catalog-hero{padding:76px 44px 34px;background:linear-gradient(120deg,#eef5ff,#f8fbff)}.catalog-hero h1{font-size:42px}.catalog-hero p:last-child{max-width:680px;color:var(--text-secondary);font-size:17px}.catalog-controls{display:flex;gap:10px;padding:26px 44px 14px;background:#fff}.catalog-controls input,.catalog-controls select{min-height:42px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:8px 11px;background:#fff;color:var(--text-primary)}.catalog-controls input{min-width:280px;flex:1}.catalog-map-note{display:flex;gap:20px;padding:0 44px 23px;background:#fff;color:var(--text-secondary);font-size:13px}.catalog-map-note span:before{margin-right:7px;color:var(--brand-cyan);content:"●"}.product-map{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:26px 44px 58px;background:#fff}.map-domain{overflow:hidden;border:1px solid var(--border-soft);border-radius:var(--radius-md)}.map-domain>header{display:flex;justify-content:space-between;align-items:end;padding:17px;border-bottom:1px solid var(--border-soft);background:var(--surface-soft)}.map-domain h2{margin:0;font-size:20px}.map-domain header p,.map-domain header>span{margin:0;color:var(--text-secondary);font-size:12px}.map-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.product-tile{display:grid;gap:5px;min-height:120px;border:1px solid #dce7f2;border-radius:var(--radius-sm);padding:12px;background:#fff;color:var(--text-primary);text-align:left}.product-tile:hover{border-color:#75aef0;box-shadow:var(--shadow-soft);transform:translateY(-1px)}.product-tile>span{color:#3975b4;font-size:11px;font-weight:700}.product-tile strong{color:#174e8a;font-size:15px}.product-tile small{color:var(--text-secondary);font-size:12px}.update-filters,.update-list{padding-left:44px;padding-right:44px}.update-filters{display:flex;gap:8px;padding-top:25px}.filter-button{border:1px solid var(--border-soft);border-radius:20px;padding:6px 12px;background:#fff;color:var(--text-secondary)}.filter-button.selected{border-color:var(--brand-primary);background:var(--surface-blue);color:var(--brand-primary)}.update-list{display:grid;gap:12px;padding-top:18px;padding-bottom:54px;background:#fff}.update-card{display:grid;grid-template-columns:205px 1fr;gap:10px 26px;border-top:1px solid var(--border-soft);padding:20px 0}.update-card h2{margin:0;font-size:19px}.update-card span{color:var(--text-tertiary);font-size:12px}.update-card p{margin:0}.update-card a{grid-column:2;color:var(--brand-primary);font-size:13px}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border-soft);margin:0 44px 64px}.support-grid article{padding:28px;background:#fff}.support-grid span{color:#9bbde5;font-size:20px;font-weight:700}.support-grid h2{margin:8px 0;font-size:20px}.support-grid p{margin:0;color:var(--text-secondary)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:27px max(44px,calc((100vw - 1320px)/2));background:#071a33;color:#d0e0f3;font-size:13px}.site-footer span{color:#91aac8}.drawer-scrim{position:fixed;z-index:10;inset:0;background:rgba(7,26,51,.45)}.drawer{position:fixed;z-index:11;top:0;right:0;width:min(620px,100%);height:100vh;transform:translateX(100%);overflow:auto;padding:24px 28px 48px;border-left:1px solid var(--border-soft);background:#fff;box-shadow:var(--shadow-raised);transition:transform .2s ease}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-soft);padding-bottom:14px}.drawer-head h2{margin:0;font-size:20px}.close-button{position:relative;width:34px;height:34px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#fff;color:transparent}.close-button:after,.close-button:before{position:absolute;top:15px;left:8px;width:16px;height:2px;background:#36516c;content:""}.close-button:before{transform:rotate(45deg)}.close-button:after{transform:rotate(-45deg)}.product-detail h1{font-size:29px}.product-detail .english,.source-note{color:var(--text-tertiary);font-size:13px}.product-detail .summary{font-size:17px}.product-detail dt{margin-top:16px;color:#285a8c;font-weight:700}.product-detail dd{margin:5px 0}.drawer-sources,.referenced-scenes{border-top:1px solid var(--border-soft);margin-top:21px;padding-top:16px}.drawer-sources a,.drawer-sources span{display:block;margin:6px 0;font-size:13px}.referenced-scenes button{margin:0 6px 6px 0;border:1px solid #cfe0f4;border-radius:var(--radius-sm);padding:6px 9px;background:#f7fbff;color:#275b90}.battle-dialog{position:fixed;z-index:20;inset:0;overflow:auto;padding:30px;background:rgba(7,26,51,.55)}.battle-card-shell{width:min(1100px,100%);margin:auto;padding:24px;border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-raised)}.battle-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px}.battle-actions small{color:var(--success)}.battle-print header{border-bottom:2px solid var(--brand-primary);padding-bottom:12px}.battle-print h1{font-size:23px}.battle-print h2{font-size:16px}.battle-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.battle-tiers>div{border:1px solid var(--border-soft);border-top:3px solid var(--brand-primary);padding:12px}
@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:32px;padding-top:52px}.hero-map{min-height:250px}.selection-workspace{margin-left:28px;margin-right:28px}.intro-strip{margin-left:28px;margin-right:28px}.scene-grid{grid-template-columns:repeat(3,1fr)}.product-map{grid-template-columns:1fr}.tier-table{min-width:900px}.tier-table-wrap{overflow-x:auto}.site-header{padding:0 28px}.result-head,.common-judgement,.tiers-section,.talk-panel,.validation-panel,.sources,.catalog-hero,.catalog-controls,.catalog-map-note,.product-map{padding-left:28px;padding-right:28px}}
@media(max-width:760px){body{font-size:14px}.site-header{position:relative;min-height:64px;gap:12px;padding:10px 18px;flex-wrap:wrap}.brand{min-width:0}.nav-list{order:3;width:100%;height:39px;overflow:auto}.nav-item{padding:0 11px;white-space:nowrap}.top-actions{margin-left:auto}.version{display:none}.hero{padding:42px 20px}.hero h1{font-size:34px}.hero-copy>p:not(.eyebrow){font-size:15px}.intro-strip{grid-template-columns:1fr;margin:0 20px}.selection-workspace{display:block;margin:40px 20px 0}.workbench-heading,.step,.context-note{padding:25px 20px}.step-two{border-left:0}.scene-grid{grid-template-columns:1fr 1fr}.segmented-options{grid-template-columns:1fr}.result-head{display:block;padding:33px 20px}.result-head h1{font-size:28px}.result-meta{justify-content:flex-start;margin-top:15px}.common-judgement,.talk-grid,.validation-grid{grid-template-columns:1fr;gap:24px;padding:30px 20px}.tiers-section,.talk-panel,.validation-panel,.sources{padding:42px 20px}.section-row{display:block}.section-row .button{margin-top:14px}.catalog-hero{padding:50px 20px 26px}.catalog-hero h1{font-size:31px}.catalog-controls{display:grid;padding:20px}.catalog-controls input{min-width:0}.catalog-map-note{padding:0 20px 20px;gap:10px;flex-wrap:wrap}.product-map{grid-template-columns:1fr;padding:20px}.map-tiles{grid-template-columns:1fr}.update-filters,.update-list{padding-left:20px;padding-right:20px}.update-card{grid-template-columns:1fr}.update-card a{grid-column:auto}.support-grid{grid-template-columns:1fr;margin:0 20px 40px}.site-footer{display:grid;padding:23px 20px}.battle-dialog{padding:10px}.battle-card-shell{padding:16px}.battle-tiers{grid-template-columns:1fr}}
@media(max-width:430px){.hero h1{font-size:31px}.hero-map{min-height:220px}.map-flow{margin-top:58px}.scene-grid{grid-template-columns:1fr}.hero-actions .button{width:100%}.step-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media print{@page{size:A4 landscape;margin:10mm}body{background:#fff;font-size:12px}.app-shell,.drawer,.drawer-scrim,.battle-actions,.battle-card-shell>.drawer-head{display:none!important}.battle-dialog{position:static;display:block!important;overflow:visible;padding:0;background:#fff}.battle-card-shell{width:100%;padding:0;box-shadow:none}.battle-card-preview{margin:0}}
.next-actions{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;padding:58px 44px;background:#fff}.next-actions h2{font-size:30px}.next-actions>div>p:last-child{color:var(--text-secondary)}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.next-grid article{border-top:3px solid #cfe3fb;padding:15px 0}.next-grid h3{font-size:17px}.next-grid p,.next-grid li{color:var(--text-secondary)}.error-state{margin:0 44px;border:1px solid rgba(213,73,65,.3);border-radius:var(--radius-md);padding:24px;background:#fff8f8;color:var(--danger)}
@media(max-width:760px){.next-actions,.next-grid{grid-template-columns:1fr;gap:24px;padding:30px 20px}}
.segmented-button:after{content:none}.segmented-button.selected:after{content:"已选择";color:var(--brand-primary);font-size:11px}