:root{--paper:#f2efe7;--paper-deep:#e8e3d8;--ink:#151512;--muted:#706d64;--line:#cbc5b8;--signal:#ee4b2b;--signal-dark:#be351c;--acid:#d9ef62;--white:#fffdf8;--shadow:0 18px 50px #2d271b1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Bahnschrift,Noto Sans SC,Microsoft YaHei,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.wrap{width:min(1480px,100% - 48px);margin:0 auto}.site-header{z-index:50;border-bottom:1px solid var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f2efe7f0;height:68px;position:sticky;top:0}.header-inner{align-items:center;gap:44px;width:min(1480px,100% - 48px);height:100%;margin:0 auto;display:flex}.brand{letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand b{letter-spacing:.18em;font-family:Arial Narrow,sans-serif;font-size:10px;display:block}.brand-mark{background:var(--ink);width:30px;height:30px;color:var(--acid);place-items:center;font:900 19px/1 Georgia,serif;display:grid;transform:rotate(-3deg)}.main-nav{align-items:stretch;height:100%;margin-left:auto;display:flex}.main-nav a{letter-spacing:.04em;border-left:1px solid #0000;border-right:1px solid #0000;place-items:center;min-width:92px;padding:0 18px;font-size:13px;font-weight:700;display:grid}.main-nav a:hover{border-color:var(--line);background:var(--white)}.header-build{background:var(--signal);color:#fff;box-shadow:4px 4px 0 var(--ink);padding:11px 17px;font-size:13px;font-weight:800;transition:transform .18s,box-shadow .18s}.header-build:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);align-items:center;gap:8vw;min-height:650px;padding:96px 0 86px;display:grid;position:relative}.hero:before{content:"";z-index:-1;background:repeating-linear-gradient(90deg,#0000 0 calc(10vw - 1px),#1515120e calc(10vw - 1px) 10vw);position:absolute;inset:0 -28vw}.eyebrow{color:var(--muted);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 24px;font:800 11px/1 Arial Narrow,sans-serif;display:flex}.eyebrow span{background:var(--signal);width:24px;height:3px}.hero h1,.page-heading h1,.detail-hero h1{letter-spacing:-.065em;margin:0;font-family:Arial Narrow,Microsoft YaHei,sans-serif;font-weight:950;line-height:.96}.hero h1{max-width:760px;font-size:clamp(64px,7.2vw,112px)}.hero h1 em{color:var(--signal);font-style:normal}.hero-lead{color:#4f4c45;max-width:650px;margin:34px 0 0;font-size:18px;line-height:1.8}.hero-actions{gap:14px;margin-top:38px;display:flex}.button{border:1px solid var(--ink);justify-content:center;align-items:center;gap:20px;min-height:50px;padding:0 24px;font-weight:800;display:inline-flex}.button-primary{background:var(--ink);color:var(--white);box-shadow:6px 6px 0 var(--signal)}.button-primary:hover{background:var(--signal);box-shadow:6px 6px 0 var(--ink)}.button-ghost{background:var(--paper)}.button-ghost:hover{background:var(--acid)}.hero-board{border:1px solid var(--ink);background:var(--white);box-shadow:14px 14px 0 var(--ink);position:relative;transform:rotate(1deg)}.hero-board:before{content:"持续更新";background:var(--acid);border:1px solid var(--ink);letter-spacing:.1em;padding:6px 12px;font-size:10px;font-weight:900;position:absolute;top:-13px;right:18px}.board-head,.board-foot{letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:15px 20px;font-size:11px;display:flex}.board-head{border-bottom:1px solid var(--ink)}.board-row{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr auto;align-items:center;gap:14px;min-height:98px;padding:18px 20px;display:grid}.board-row:hover{background:#f5f7d7}.board-rank{color:var(--signal);font:900 20px/1 Arial Narrow,sans-serif}.board-row div{min-width:0}.board-row div b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.board-row small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.board-row strong{font:900 30px/1 Arial Narrow,sans-serif}.board-foot{background:var(--ink);color:var(--white)}.category-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.category-card{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);flex-direction:column;min-height:360px;padding:28px;transition:background .22s,transform .22s;display:flex}.category-card:hover{z-index:1;background:var(--white);box-shadow:var(--shadow);position:relative;transform:translateY(-8px)}.category-top,.category-foot{justify-content:space-between;align-items:center;display:flex}.category-top span{color:var(--muted);font-size:12px}.category-top b{background:var(--ink);color:var(--acid);letter-spacing:.12em;padding:6px 8px;font-size:11px}.category-card h2{letter-spacing:-.04em;margin:74px 0 16px;font-size:32px}.category-card p{max-width:330px;color:var(--muted);margin:0;line-height:1.75}.category-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:24px;font-size:13px}.category-foot strong{color:var(--signal)}.workflow{padding:120px 0}.section-kicker{color:var(--muted);letter-spacing:.15em;margin-bottom:38px;font-size:12px;font-weight:800}.workflow-grid{background:var(--ink);border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.workflow-grid article{background:var(--paper);min-height:230px;padding:30px}.workflow-grid span{border:1px solid var(--ink);width:35px;height:35px;color:var(--signal);border-radius:50%;place-items:center;font-weight:900;display:grid}.workflow-grid h3{margin:38px 0 12px;font-size:21px}.workflow-grid p{color:var(--muted);margin:0;line-height:1.7}.workflow-cta{background:var(--signal);color:#fff;grid-template-columns:1fr auto 58px;align-items:center;gap:20px;min-height:86px;padding:0 0 0 28px;display:grid}.workflow-cta span{font-size:21px;font-weight:850}.workflow-cta b{letter-spacing:.15em;font-size:11px}.workflow-cta i{background:var(--ink);align-self:stretch;place-items:center;font-size:25px;font-style:normal;display:grid}.page-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:40px;min-height:270px;padding:65px 0 46px;display:flex}.page-heading>div:first-child{max-width:880px}.page-heading .eyebrow{margin-bottom:20px}.page-heading h1{font-size:clamp(48px,6vw,82px)}.page-heading>div>p:last-child{max-width:700px;color:var(--muted);margin:18px 0 0;font-size:16px;line-height:1.7}.heading-stat{border-left:4px solid var(--signal);background:var(--white);flex:none;min-width:150px;padding:18px 22px}.heading-stat strong{font:900 34px/1 Arial Narrow,sans-serif;display:block}.heading-stat span{color:var(--muted);letter-spacing:.08em;margin-top:9px;font-size:11px;display:block}.scenario-strip{border-bottom:1px solid var(--ink);scrollbar-width:none;align-items:center;gap:8px;min-height:74px;padding:15px 0;display:flex;overflow-x:auto}.scenario-strip::-webkit-scrollbar{display:none}.scenario-strip>span{color:var(--muted);letter-spacing:.08em;flex:none;margin-right:8px;font-size:11px;font-weight:800}.scenario-strip button{border:1px solid var(--line);cursor:pointer;background:0 0;flex:none;padding:9px 13px;font-size:12px;font-weight:700}.scenario-strip button:hover,.scenario-strip button.active{border-color:var(--ink);background:var(--acid)}.catalog-insight{border-bottom:1px solid var(--ink);grid-template-columns:minmax(280px,1.2fr) minmax(260px,.8fr);gap:22px;padding:28px 0;display:grid}.catalog-insight-lead{border-right:1px solid var(--line);padding-right:20px}.insight-kicker{color:var(--signal);letter-spacing:.15em;font:800 10px/1 Arial Narrow,sans-serif}.catalog-insight h2{letter-spacing:-.045em;max-width:560px;margin:14px 0 10px;font-size:clamp(24px,3vw,38px);line-height:1.05}.catalog-insight p{max-width:620px;color:var(--muted);margin:0;font-size:12px;line-height:1.75}.insight-metrics{grid-template-columns:repeat(3,1fr);align-items:start;gap:8px;display:grid}.insight-metrics div{border:1px solid var(--line);background:var(--white);min-height:76px;padding:12px}.insight-metrics b{text-overflow:ellipsis;white-space:nowrap;font:900 clamp(19px,2.8vw,30px)/1 Arial Narrow,sans-serif;display:block;overflow:hidden}.insight-metrics span{color:var(--muted);margin-top:9px;font-size:9px;display:block}.featured-gpus{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.featured-gpu{border:1px solid var(--line);background:var(--white);min-width:0;color:var(--ink);padding:15px;transition:transform .2s,border-color .2s,box-shadow .2s}.featured-gpu:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--acid);transform:translate(-2px,-2px)}.featured-gpu span,.featured-gpu small,.featured-gpu i{font-size:9px;display:block}.featured-gpu span,.featured-gpu small{color:var(--muted)}.featured-gpu strong{text-overflow:ellipsis;white-space:nowrap;margin:10px 0 8px;font-size:13px;display:block;overflow:hidden}.featured-gpu i{color:var(--signal);margin-top:10px;font-style:normal;font-weight:800}.ranking-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:26px;padding:28px 0 90px;display:grid}.filter-panel{border:1px solid var(--ink);background:var(--white);scrollbar-width:thin;max-height:calc(100vh - 116px);position:sticky;top:92px;overflow-y:auto}.filter-head{border-bottom:1px solid var(--ink);background:var(--ink);color:#fff;justify-content:space-between;align-items:center;min-height:50px;padding:0 15px;display:flex}.filter-head b{font-size:13px}.filter-head button{color:var(--acid);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:11px}.search-box{border-bottom:1px solid var(--line);align-items:center;gap:9px;height:50px;padding:0 13px;display:flex}.search-box span{color:var(--signal);font-size:20px}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.filter-section{border-bottom:1px solid var(--line);padding:15px}.filter-section h3{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 11px;font-size:10px}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chips button{border:1px solid var(--line);cursor:pointer;background:0 0;padding:6px 8px;font-size:10px}.filter-chips button:hover,.filter-chips button.active{border-color:var(--ink);background:var(--ink);color:#fff}.range-value{margin-bottom:8px;font-size:13px}.filter-section input[type=range]{width:100%;accent-color:var(--signal)}.filter-two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.filter-two label{color:var(--muted);font-size:9px}.filter-two input{border:1px solid var(--line);background:var(--paper);width:100%;margin-top:6px;padding:7px;font-size:11px}.ranking-content{min-width:0}.table-toolbar{justify-content:space-between;align-items:center;height:48px;font-size:12px;display:flex}.table-toolbar span b{color:var(--signal)}.table-toolbar label{color:var(--muted);align-items:center;gap:8px;display:flex}.table-toolbar select{border:1px solid var(--line);background:var(--paper);padding:7px 28px 7px 9px;font-size:11px}.table-shell{border:1px solid var(--ink);background:var(--white);isolation:isolate;width:100%;position:relative;overflow-x:auto}.rank-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1130px;font-size:12px}.rank-table th{z-index:4;border-bottom:1px solid var(--ink);background:var(--paper-deep);height:43px;color:var(--muted);letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:0 12px;font-size:9px;position:sticky;top:0}.rank-table td{border-bottom:1px solid var(--line);white-space:nowrap;height:74px;padding:10px 12px}.rank-table tbody tr:last-child td{border-bottom:0}.rank-table tbody tr:hover td{background:#f6f8dc}.rank-no{color:var(--muted);font:900 16px/1 Arial Narrow,sans-serif}.rank-1,.rank-2,.rank-3{color:var(--signal)}.hardware-name{min-width:190px;max-width:235px;display:block}.hardware-name b{text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.hardware-name small{color:var(--muted);margin-top:6px;font-size:9px;display:block}.score-cell{width:120px;position:relative}.score-cell strong{font:900 18px/1 Arial Narrow,sans-serif}.score-cell i{background:var(--signal);max-width:100%;height:3px;position:absolute;bottom:-11px;left:0}.action-cell{right:0;box-shadow:-10px 0 20px #2a25190f;z-index:6!important;border-left:1px solid var(--ink)!important;background:var(--white)!important;position:sticky!important}th.action-cell{text-align:center;z-index:8!important;background:var(--ink)!important;color:#fff!important}.rank-table tbody tr:hover .action-cell{background:#f6f8dc!important}.row-actions{gap:6px;display:flex}.row-actions button,.row-actions a{border:1px solid var(--ink);cursor:pointer;text-align:center;background:0 0;min-width:48px;padding:8px 9px;font-size:10px;font-weight:800}.row-actions a{background:var(--signal);color:#fff}.row-actions button.selected{background:var(--ink);color:var(--acid)}.empty-state{place-content:center;justify-items:center;gap:10px;min-height:300px;display:grid}.empty-state span{color:var(--muted);font-size:12px}.empty-state button{border:1px solid var(--ink);background:var(--acid);cursor:pointer;padding:8px 14px}.compare-tray{z-index:40;border:1px solid var(--ink);background:var(--ink);color:#fff;width:min(1000px,100% - 32px);min-height:70px;box-shadow:var(--shadow);align-items:stretch;gap:8px;padding:9px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.compare-title{width:90px;color:var(--acid);flex-direction:column;justify-content:space-between;padding:7px;font-size:10px;display:flex}.compare-items{flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.compare-items button{color:#fff;cursor:pointer;text-align:left;background:#25251f;border:1px solid #55544e;min-width:170px;padding:7px 28px 7px 9px;position:relative}.compare-items span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.compare-items b{color:var(--acid);margin-top:6px;display:block}.compare-items i{color:#aaa;font-style:normal;position:absolute;top:7px;right:8px}.compare-clear{color:#aaa;cursor:pointer;background:0 0;border:0;border-left:1px solid #55544e;font-size:10px}.build-page{padding-bottom:120px}.build-heading .heading-stat{min-width:230px}.build-controls{border:1px solid var(--ink);background:var(--white);border-top:0;grid-template-columns:1.3fr 1fr 1.5fr 230px;display:grid}.control-block{border-right:1px solid var(--ink);min-width:0;padding:20px}.control-block>label{min-height:24px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-bottom:14px;font-size:10px;font-weight:800;display:flex}.control-block>label b{color:var(--signal);font-size:16px}.control-block>label small{font-weight:500}.profile-picker>div{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.profile-picker button{border:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;min-width:0;padding:10px 6px}.profile-picker button b{font-size:11px;display:block}.profile-picker button span{display:none}.profile-picker button.active{border-color:var(--ink);background:var(--acid)}.budget-control input{width:100%;accent-color:var(--signal)}.budget-control>div{color:var(--muted);justify-content:space-between;margin-top:7px;font-size:9px;display:flex}.lock-picker>div{gap:5px;display:grid}.lock-picker>div label{grid-template-columns:42px 1fr;align-items:center;gap:6px;display:grid}.lock-picker>div label span{color:var(--muted);font-size:9px;font-weight:800}.lock-picker select{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;padding:6px;font-size:9px}.generate-button{background:var(--signal);color:#fff;cursor:pointer;text-align:left;border:0;justify-content:space-between;align-items:center;padding:0 24px;font-weight:900;display:flex}.generate-button b{font-size:24px}.generate-button.needs-update{animation:1.8s infinite pulse-edge}@keyframes pulse-edge{0%,to{box-shadow:inset 0 0 0 0 var(--acid)}50%{box-shadow:inset 0 0 0 4px var(--acid)}}.build-summary{border:1px solid var(--ink);background:var(--white);grid-template-columns:repeat(4,1fr);margin-top:28px;display:grid}.build-summary>div{border-right:1px solid var(--line);min-height:126px;padding:20px}.build-summary>div:last-child{border:0}.build-summary span,.build-summary small{color:var(--muted);font-size:10px;display:block}.build-summary strong{margin:15px 0 9px;font:900 25px/1 Arial Narrow,sans-serif;display:block}.build-summary .has-warning{background:#fff0e9}.build-summary .has-warning strong{color:var(--signal)}.build-summary .is-safe{background:#f2f7cc}.warning-panel{border:1px solid var(--signal);background:#fff0e9;grid-template-columns:44px 1fr;gap:18px;margin-top:16px;padding:22px;display:grid}.warning-badge{background:var(--signal);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.warning-panel h2{margin:0 0 10px;font-size:17px}.warning-panel p{color:#7c2c1b;margin:6px 0;font-size:12px;line-height:1.65}.parts-section{padding-top:70px}.section-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.section-title span{color:var(--signal);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.section-title h2{letter-spacing:-.04em;margin:8px 0 0;font-size:32px}.section-title>p{max-width:380px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.parts-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(2,1fr);display:grid}.part-card{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--white);flex-direction:column;min-width:0;min-height:340px;padding:22px;display:flex}.part-card-head{color:var(--muted);letter-spacing:.1em;justify-content:space-between;font-size:9px;font-weight:800;display:flex}.part-card-head b{background:var(--acid);color:var(--ink);padding:4px 6px}.part-card h3{letter-spacing:-.03em;margin:25px 0 7px;font-size:20px}.part-spec{color:var(--muted);margin:0;font-size:11px}.part-price{color:var(--signal);margin:18px 0 10px;font:900 23px/1 Arial Narrow,sans-serif}.part-reason{color:#59564e;min-height:42px;margin:0 0 18px;font-size:11px;line-height:1.65}.part-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;display:grid}.part-actions button{border:1px solid var(--ink);cursor:pointer;text-align:left;background:0 0;min-width:0;padding:9px}.part-actions button.upgrade{background:var(--ink);color:#fff}.part-actions button:disabled{cursor:not-allowed;opacity:.38}.part-actions span,.part-actions small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.part-actions span{font-size:10px;font-weight:800}.part-actions small{color:var(--muted);margin-top:5px;font-size:8px}.part-actions .upgrade small{color:#aaa}.part-card>a{color:var(--signal);margin-top:13px;font-size:10px;font-weight:800}.breadcrumb{color:var(--muted);align-items:center;gap:9px;padding:24px 0;font-size:10px;display:flex}.breadcrumb b{max-width:300px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-page{padding-bottom:110px}.detail-hero{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:1fr 330px;align-items:center;gap:70px;min-height:400px;padding:60px 0;display:grid}.detail-hero h1{font-size:clamp(48px,6.8vw,96px)}.detail-hero>div:first-child>p:last-of-type{color:var(--muted);margin:22px 0;font-size:17px}.detail-tags{flex-wrap:wrap;gap:7px;display:flex}.detail-tags span{border:1px solid var(--line);padding:7px 10px;font-size:10px}.detail-score{border:1px solid var(--ink);background:var(--white);box-shadow:10px 10px 0 var(--signal);padding:26px}.detail-score>span,.detail-score small{color:var(--muted);letter-spacing:.12em;font-size:9px;display:block}.detail-score strong{margin:24px 0 18px;font:900 92px/.75 Arial Narrow,sans-serif;display:block}.detail-score i{background:var(--paper-deep);height:6px;display:block}.detail-score i b{background:var(--signal);height:100%;display:block}.detail-score small{margin-top:12px}.detail-metrics{border-left:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.detail-metrics article{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--white);min-height:180px;padding:22px;position:relative;overflow:hidden}.detail-metrics span,.detail-metrics small{color:var(--muted);font-size:10px;display:block}.detail-metrics strong{z-index:2;margin-top:40px;font:900 33px/1 Arial Narrow,sans-serif;display:block;position:relative}.detail-metrics i{background:var(--acid);width:24px;max-height:90px;position:absolute;bottom:0;right:20px}.detail-metrics small{margin-top:15px}.detail-info{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:32px;display:grid}.detail-info div{border-bottom:1px solid var(--line);justify-content:space-between;padding:20px 4px;display:flex}.detail-info span{color:var(--muted);font-size:11px}.detail-info b{font-size:12px}.detail-cta{background:var(--signal);color:#fff;justify-content:space-between;align-items:center;gap:30px;margin-top:60px;padding:38px;display:flex}.detail-cta span{color:#ffd9cf;letter-spacing:.1em;font-size:10px}.detail-cta h2{margin:8px 0;font-size:28px}.detail-cta p{color:#ffe5df;max-width:700px;margin:0;font-size:12px}.detail-cta .button-primary{border-color:#fff}.related{padding-top:70px}.related>div:last-child{border-left:1px solid var(--ink);border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.related a{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--white);min-height:230px;padding:22px;position:relative}.related a>span{color:var(--signal);font-size:9px}.related h3{margin:30px 0 8px;font-size:17px}.related p{color:var(--muted);font-size:10px}.related a>b{font:900 26px/1 Arial Narrow,sans-serif;position:absolute;top:18px;right:20px}.related a>small{font-weight:800;position:absolute;bottom:20px;left:22px}.site-footer{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:30px;min-height:150px;padding:42px max(24px,50vw - 740px);display:flex}.site-footer>div b,.site-footer>div span{display:block}.site-footer>div b{color:var(--acid);letter-spacing:.08em}.site-footer>div span{color:#9d9a90;margin-top:10px;font-size:10px}.site-footer nav{color:#c7c3b9;gap:25px;font-size:11px;display:flex}@media (width<=1100px){.hero{grid-template-columns:1fr 420px;gap:45px}.hero h1{font-size:70px}.build-controls{grid-template-columns:1fr 1fr}.control-block{border-bottom:1px solid var(--ink)}.lock-picker{border-right:1px solid var(--ink)}.generate-button{min-height:100px}}@media (width<=860px){.wrap,.header-inner{width:min(100% - 28px,1480px)}.main-nav a{min-width:auto;padding:0 10px;font-size:11px}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0}.hero-board{max-width:600px}.category-grid,.workflow-grid{grid-template-columns:1fr}.category-card{min-height:270px}.category-card h2{margin-top:45px}.ranking-layout,.catalog-insight{grid-template-columns:1fr}.catalog-insight-lead{border-right:0;padding-right:0}.filter-panel{grid-template-columns:repeat(2,1fr);max-height:none;display:grid;position:static}.filter-head,.search-box{grid-column:1/-1}.filter-section{border-right:1px solid var(--line)}.build-summary{grid-template-columns:repeat(2,1fr)}.build-summary>div:nth-child(2){border-right:0}.build-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.detail-hero{grid-template-columns:1fr}.detail-score{max-width:420px}.detail-metrics,.detail-info{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.site-header{height:58px}.header-inner{gap:10px}.main-nav{margin-left:auto}.main-nav a{padding:0 7px;font-size:10px}.main-nav a:nth-child(3),.header-build{display:none}.brand{font-size:15px}.brand-mark{width:26px;height:26px}.hero{gap:55px;padding:52px 0 60px}.hero h1{font-size:clamp(50px,16vw,68px)}.hero-lead{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-board{box-shadow:8px 8px 0 var(--ink)}.board-row{grid-template-columns:36px minmax(0,1fr) auto;padding:14px}.board-row strong{font-size:22px}.workflow{padding:80px 0}.workflow-cta{grid-template-columns:1fr 50px;padding-left:18px}.workflow-cta b{display:none}.page-heading{flex-direction:column;align-items:flex-start;min-height:240px;padding:48px 0 30px}.page-heading h1{font-size:49px}.heading-stat{width:100%}.scenario-strip{min-height:64px}.insight-metrics{grid-template-columns:repeat(3,1fr)}.featured-gpus{grid-template-columns:repeat(2,1fr)}.filter-panel{display:block}.ranking-layout{padding-top:16px}.table-toolbar{flex-direction:column;align-items:flex-start;gap:8px;height:auto;padding:8px 0 12px}.rank-table{min-width:1030px}.rank-table td{height:68px}.row-actions button,.row-actions a{min-width:50px;min-height:36px}.compare-tray{min-height:62px;bottom:8px}.compare-title{width:64px}.compare-clear{display:none}.build-heading .heading-stat{min-width:0}.build-controls{grid-template-columns:1fr}.control-block{border-right:0}.profile-picker>div{grid-template-columns:repeat(5,minmax(0,1fr))}.generate-button{min-height:72px}.build-summary{grid-template-columns:1fr 1fr}.build-summary>div{min-height:115px;padding:15px}.build-summary strong{font-size:21px}.warning-panel{grid-template-columns:1fr}.parts-section{padding-top:55px}.section-title{flex-direction:column;align-items:flex-start}.parts-grid{grid-template-columns:1fr}.part-card{min-height:325px}.detail-hero{gap:42px;min-height:auto;padding:40px 0 55px}.detail-hero h1{font-size:51px}.detail-score{width:calc(100% - 8px)}.detail-metrics{grid-template-columns:1fr 1fr}.detail-metrics article{min-height:155px;padding:16px}.detail-info{grid-template-columns:1fr}.detail-cta{flex-direction:column;align-items:flex-start;padding:26px}.related>div:last-child{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start}.site-footer nav{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}