@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=IBM+Plex+Sans+KR:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #0B0C10;--bg-2: #0D0F15;--surface: #1F2833;--surface-2: #16202A;--surface-3: #253340;--border: rgba(102,252,241,.1);--border-bright: rgba(102,252,241,.28);--text: #C5C6C7;--text-dim: #6E7F8D;--text-bright: #E8E9EA;--accent: #66FCF1;--accent-2: #45A29E;--accent-glow: rgba(102,252,241,.18);--nvidia: #76B900;--amd: #ED1C24;--intel: #0071C5;--tier-s: #66FCF1;--tier-a: #76B900;--tier-b: #45A29E;--tier-c: #9BA3AF;--tier-d: #6B7280;--font-logo: "Black Han Sans", sans-serif;--font-display: "IBM Plex Sans KR", sans-serif;--font-body: "IBM Plex Sans KR", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 8px;--radius-lg: 14px;--max-w: 1280px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(102,252,241,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(102,252,241,.022) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 100%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-2)}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}@keyframes glitch{0%,88%,to{transform:translate(0);filter:none}89%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}91%{transform:translate(2px,-1px);clip-path:inset(20% 0 60% 0)}93%{transform:translate(-1px);clip-path:inset(60% 0 10% 0)}95%{transform:translate(1px,1px);clip-path:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes barFill{0%{width:0}to{width:var(--w, 100%)}}@keyframes pulse{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 22px var(--accent-glow),0 0 44px #66fcf114}}@keyframes scanline{0%{transform:translateY(-200%)}to{transform:translateY(200vh)}}.mono{font-family:var(--font-mono)}.neon{color:var(--accent);text-shadow:0 0 16px var(--accent-glow)}.fade-in{animation:fadeInUp .4s ease both}.hdr{position:sticky;top:0;z-index:200;background:#0b0c10f0;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--border);box-shadow:0 4px 40px #0009,0 1px #66fcf10f;overflow:hidden}.hdr-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(102,252,241,.012) 3px,rgba(102,252,241,.012) 4px);pointer-events:none}.hdr-inner{max-width:var(--max-w);margin:0 auto;padding:0 20px;height:68px;display:flex;align-items:center;gap:24px}.hdr-brand{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;flex-shrink:0;padding:0}.brand-mark{font-size:16px;color:var(--accent);text-shadow:0 0 12px rgba(102,252,241,.7);flex-shrink:0;line-height:1}.brand-words{display:flex;flex-direction:column;line-height:1.1;text-align:left}.brand-top{font-family:var(--font-mono);font-size:9px;font-weight:400;color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase}.brand-main{font-family:var(--font-logo);font-size:21px;font-weight:400;color:var(--accent);letter-spacing:.08em;text-shadow:0 0 24px rgba(102,252,241,.55)}.brand-sub{font-family:var(--font-mono);font-size:8.5px;color:var(--text-dim);letter-spacing:.12em;white-space:nowrap;margin-left:32px;align-self:flex-end;margin-bottom:2px}.hdr-nav{display:flex;gap:3px;margin-left:auto;flex-wrap:nowrap}.hdr-tab{display:flex;align-items:center;gap:5px;padding:7px 15px;border-radius:var(--radius);background:transparent;border:1px solid transparent;color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer;transition:color .18s,background .18s,border-color .18s;white-space:nowrap}.hdr-tab:hover{color:var(--text-bright);background:var(--surface);border-color:var(--border)}.hdr-tab--on{color:var(--accent)!important;background:#66fcf112!important;border-color:#66fcf138!important;box-shadow:0 0 12px #66fcf114}@media (max-width: 900px){.brand-sub{display:none}}@media (max-width: 760px){.hdr-inner{height:auto;flex-direction:column;padding:14px 16px;gap:10px}.hdr-nav{flex-wrap:wrap;justify-content:center;margin-left:0}.hdr-tab{padding:5px 11px;font-size:12px}.brand-sub{display:none}}.tier-page{display:flex;flex-direction:column;gap:48px}.tier-hero{display:flex;flex-direction:column;gap:14px}.tier-h1{display:flex;flex-direction:column;gap:0}.tier-h1-line{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase}.tier-h1-main{font-family:var(--font-display);font-size:clamp(36px,7vw,56px);font-weight:900;letter-spacing:.05em;line-height:1}.tier-h1-sub{font-size:14px;color:var(--text-dim);margin-top:6px;letter-spacing:.02em}.tier-desc{font-size:14px;color:var(--text);line-height:1.7;max-width:640px}.tier-filters{display:flex;gap:8px;flex-wrap:wrap}.tier-filter{padding:6px 18px;border-radius:99px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;transition:all .18s}.tier-filter:hover{border-color:var(--border-bright);color:var(--text-bright)}.tier-filter--on{background:#66fcf114;border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px #66fcf11a}.tier-list{display:flex;flex-direction:column;gap:20px}.tier-row{display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto auto;gap:0 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);overflow:hidden;padding:0}.tier-badge{grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px 12px;border-right:1px solid;border-color:inherit;background:#0000004d}.tier-badge-ic{font-size:22px}.tier-badge-label{font-family:var(--font-display);font-size:32px;font-weight:900;line-height:1}.tier-badge-name{font-size:10px;font-weight:600;letter-spacing:.06em;opacity:.8}.tier-cards{padding:16px;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}.tier-row-desc{grid-column:2;padding:0 16px 14px;font-size:12px;color:var(--text-dim);font-style:italic}.gpu-card{display:flex;flex-direction:column;gap:7px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;text-align:left;min-width:140px;animation:fadeInUp .35s ease both}.gpu-card:hover{transform:translateY(-3px);border-color:var(--border-bright);box-shadow:0 6px 24px #0006,0 0 12px var(--accent-glow)}.gpu-brand{font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:99px;align-self:flex-start;letter-spacing:.05em}.gpu-name{font-size:13px;font-weight:700;color:var(--text-bright);line-height:1.3}.gpu-stats{display:flex;gap:10px;flex-wrap:wrap}.gpu-stat{display:flex;flex-direction:column;gap:1px}.gs-label{font-size:9px;color:var(--text-dim);letter-spacing:.05em}.gs-val{font-size:11px;color:var(--text)}.gpu-price{font-family:var(--font-mono);font-size:12px;color:var(--accent-2);margin-top:2px}.tier-article{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;gap:16px}.ta-h2{font-family:var(--font-display);font-size:clamp(18px,4vw,22px);font-weight:700;color:var(--accent)}.ta-h3{font-size:15px;font-weight:700;color:var(--text-bright);padding-left:12px;border-left:3px solid var(--accent-2)}.ta-p{font-size:14px;line-height:1.82;color:var(--text)}.ta-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px;background:#66fcf10a;border:1px solid var(--border-bright);border-radius:var(--radius);margin-top:8px}.ta-cta-txt{font-size:14px;color:var(--text);flex:1}.ta-cta-btn{padding:10px 22px;background:var(--accent);color:#0b0c10;border-radius:99px;font-weight:700;font-size:13px;transition:transform .18s,box-shadow .18s;flex-shrink:0}.ta-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #66fcf14d}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeInUp .2s ease}.modal{background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--radius-lg);padding:28px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 80px #000c,0 0 40px #66fcf114;display:flex;flex-direction:column;gap:20px}.modal-close{position:absolute;top:16px;right:18px;background:var(--surface-3);border:1px solid var(--border);color:var(--text-dim);border-radius:50%;width:28px;height:28px;font-size:12px;transition:color .15s}.modal-close:hover{color:var(--accent)}.modal-head{display:flex;flex-direction:column;gap:6px}.modal-brand{font-size:10px;font-weight:700;padding:2px 10px;border-radius:99px;align-self:flex-start;letter-spacing:.06em}.modal-name{font-family:var(--font-display);font-size:clamp(18px,5vw,22px);font-weight:700;color:var(--text-bright)}.modal-tier{font-family:var(--font-display);font-size:11px;font-weight:700;padding:3px 12px;border:1px solid;border-radius:99px;align-self:flex-start}.modal-specs{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.modal-row{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:1px solid var(--border);gap:12px}.modal-row:last-child{border-bottom:none}.modal-row:nth-child(2n){background:#ffffff04}.modal-key{font-size:12px;color:var(--text-dim)}.modal-val{font-size:12px;color:var(--text-bright);text-align:right}.modal-res{display:flex;flex-direction:column;gap:10px}.modal-res-title{font-size:12px;font-weight:700;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase}.modal-bar-row{display:flex;align-items:center;gap:10px}.modal-bar-label{font-size:12px;color:var(--text);width:90px;flex-shrink:0}.modal-bar-track{flex:1;height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.modal-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:3px;animation:barFill .6s ease both}.modal-bar-num{font-size:11px;color:var(--text-dim);width:35px;text-align:right;flex-shrink:0}.modal-tags{display:flex;flex-wrap:wrap;gap:7px}.modal-tag{font-size:11px;padding:3px 10px;border-radius:99px;background:#66fcf112;border:1px solid rgba(102,252,241,.18);color:var(--accent)}.modal-naver{display:block;text-align:center;padding:12px;background:#03c75a;color:#fff;border-radius:var(--radius);font-weight:700;font-size:14px;transition:opacity .18s}.modal-naver:hover{opacity:.88}.modal-compare-btn{padding:12px;background:#66fcf11a;border:1px solid var(--border-bright);color:var(--accent);border-radius:var(--radius);font-weight:700;font-size:14px;transition:background .18s}.modal-compare-btn:hover{background:#66fcf12e}@media (max-width: 640px){.tier-row{grid-template-columns:80px 1fr}.tier-badge-label{font-size:24px}.tier-badge-name{display:none}.tier-article{padding:20px}.gpu-card{min-width:120px}.modal{padding:20px}}.cmp-page{display:flex;flex-direction:column;gap:40px}.cmp-hero{display:flex;flex-direction:column;gap:10px}.cmp-h1{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.cmp-h1-label{font-family:var(--font-mono);font-size:14px;color:var(--text-dim);border:1px solid var(--border);padding:3px 10px;border-radius:var(--radius)}.cmp-h1-main{font-family:var(--font-display);font-size:clamp(30px,6vw,48px);font-weight:900;letter-spacing:.05em}.cmp-desc{font-size:14px;color:var(--text);line-height:1.7;max-width:600px}.cmp-selectors{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.cmp-side{display:flex;flex-direction:column;gap:8px}.cmp-side-label{font-size:11px;font-weight:700;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.cmp-side--right .cmp-side-label{text-align:right}.gpu-sel{display:flex;flex-direction:column;gap:6px}.gpu-sel-input{padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;font-family:var(--font-body);outline:none;transition:border-color .18s}.gpu-sel-input:focus{border-color:var(--border-bright)}.gpu-sel-input::placeholder{color:var(--text-dim)}.gpu-sel-drop{padding:10px 14px;background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text-bright);font-size:13px;font-family:var(--font-body);cursor:pointer;outline:none;transition:border-color .18s}.gpu-sel-drop:focus{border-color:var(--accent)}.cmp-vs{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.cmp-vs-text{font-family:var(--font-logo);font-size:28px;font-weight:900;color:var(--accent);text-shadow:0 0 30px rgba(102,252,241,.6)}.cmp-result{display:flex;flex-direction:column;gap:28px;animation:fadeInUp .4s ease}.cmp-cards{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start}.cmp-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:10px;position:relative;transition:border-color .25s,box-shadow .25s}.cmp-card--winner{border-color:var(--accent)!important;box-shadow:0 0 30px #66fcf126}.cmp-winner-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#0b0c10;font-size:11px;font-weight:800;padding:3px 12px;border-radius:99px;white-space:nowrap}.cmp-card-brand{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;align-self:flex-start}.cmp-card-name{font-family:var(--font-display);font-size:clamp(13px,2.5vw,16px);font-weight:700;color:var(--text-bright);line-height:1.3}.cmp-card-tier{font-size:12px;font-weight:700}.cmp-card-price{font-size:15px;color:var(--accent-2)}.cmp-card-pm{font-size:12px;color:var(--text-dim)}.cmp-naver-btn{margin-top:6px;display:block;text-align:center;padding:9px;background:#03c75a;color:#fff;border-radius:var(--radius);font-size:12px;font-weight:700;transition:opacity .18s}.cmp-naver-btn:hover{opacity:.88}.cmp-score-mid{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;justify-content:center}.cmp-score-item{display:flex;flex-direction:column;align-items:center;gap:3px}.cmp-score-label{font-size:10px;color:var(--text-dim);text-align:center}.cmp-score-val{font-size:13px;color:var(--accent)}.cmp-table{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:4px}.cmp-table-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--accent);margin-bottom:12px;letter-spacing:.05em}.cmp-metric{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid var(--border)}.cmp-metric:last-child{border-bottom:none}.cmp-metric-label{font-size:11px;color:var(--text-dim);text-align:center;font-weight:600}.cmp-bars{display:grid;grid-template-columns:1fr 28px 1fr;gap:8px;align-items:center}.cmp-bar-wrap{display:flex;align-items:center;gap:8px}.cmp-bar-wrap--left{flex-direction:row-reverse}.cmp-bar-wrap--right{flex-direction:row}.cmp-bar-track{flex:1;height:7px;background:var(--surface-3);border-radius:99px;overflow:hidden}.cmp-bar-fill{height:100%;border-radius:99px;background:var(--surface-3);animation:barFill .55s ease both;transition:width .55s ease}.cmp-bar-fill--left{margin-left:auto}.cmp-bar-fill--win{background:linear-gradient(90deg,var(--accent-2),var(--accent))}.cmp-bar-val{font-size:11px;color:var(--text-dim);white-space:nowrap;flex-shrink:0;min-width:52px;text-align:center}.cmp-bar-val--win{color:var(--accent);font-weight:700}.cmp-bar-mid{display:flex;justify-content:center}.cmp-win-l,.cmp-win-r{font-size:14px;color:var(--accent)}.cmp-tie{font-size:14px;color:var(--text-dim)}.cmp-res-section{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.cmp-res-grid{display:flex;flex-direction:column;gap:14px;margin-top:12px}.cmp-res-row{display:flex;flex-direction:column;gap:6px}.cmp-res-label{font-size:12px;color:var(--text-dim);font-weight:600}.cmp-res-bars{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cmp-res-bar-wrap{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.cmp-res-bar-wrap.win{border-color:var(--accent);background:#66fcf10d}.cmp-res-track{flex:1;height:5px;background:var(--surface-3);border-radius:99px;overflow:hidden}.cmp-res-fill{height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:99px;transition:width .5s ease}.cmp-res-score{font-size:11px;color:var(--text-dim);flex-shrink:0}.cmp-verdict{background:#66fcf10a;border:1px solid var(--border-bright);border-radius:var(--radius-lg);padding:24px}.cmp-verdict-title{font-family:var(--font-display);font-size:15px;color:var(--accent);margin-bottom:10px}.cmp-verdict-text{font-size:14px;line-height:1.75;color:var(--text)}@media (max-width: 700px){.cmp-selectors{grid-template-columns:1fr}.cmp-vs{flex-direction:row}.cmp-cards{grid-template-columns:1fr 1fr}.cmp-score-mid{display:none}.cmp-bars{grid-template-columns:1fr 20px 1fr}.cmp-table{padding:16px}}@media (max-width: 480px){.cmp-cards{grid-template-columns:1fr}}.val-page{display:flex;flex-direction:column;gap:40px}.val-hero{display:flex;flex-direction:column;gap:10px}.val-h1{display:flex;flex-direction:column;gap:4px}.val-h1-label{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase}.val-h1-main{font-family:var(--font-display);font-size:clamp(30px,6vw,48px);font-weight:900;letter-spacing:.05em}.val-desc{font-size:14px;color:var(--text);line-height:1.75;max-width:620px}.val-list{display:flex;flex-direction:column;gap:6px}.val-row{display:grid;grid-template-columns:54px 1fr 220px 100px;gap:16px;align-items:center;padding:14px 18px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .18s,transform .15s;animation:fadeInUp .35s ease both}.val-row:hover{border-color:var(--border-bright);transform:translate(4px)}.val-row--top{background:linear-gradient(135deg,var(--surface-2) 0%,rgba(102,252,241,.04) 100%);border-color:#66fcf133}.val-rank{display:flex;align-items:center;justify-content:center}.val-num{font-size:13px;color:var(--text-dim);letter-spacing:.04em}.val-num--top{font-size:15px;font-weight:700;color:var(--accent)}.val-info{display:flex;flex-direction:column;gap:5px}.val-info-top{display:flex;gap:6px;align-items:center}.val-brand{font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:99px;letter-spacing:.05em}.val-tier{font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:99px;border:1px solid}.val-name{font-size:14px;font-weight:700;color:var(--text-bright)}.val-sub{display:flex;gap:6px;align-items:center}.val-spec{font-size:11px;color:var(--text-dim)}.val-sep{color:var(--border-bright);font-size:10px}.val-bar-area{display:flex;flex-direction:column;gap:5px}.val-bar-track{height:7px;background:var(--surface-3);border-radius:99px;overflow:hidden}.val-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:99px;animation:barFill .6s ease both}.val-score-row{display:flex;align-items:baseline;gap:4px}.val-score-num{font-size:18px;font-weight:700;color:var(--accent)}.val-score-label{font-size:11px;color:var(--text-dim)}.val-price-col{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.val-price{font-size:14px;color:var(--accent-2)}.val-buy{font-size:11px;font-weight:700;color:#fff;background:#03c75a;padding:4px 10px;border-radius:var(--radius);transition:opacity .18s}.val-buy:hover{opacity:.85}.val-article{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;gap:16px}.va-h2{font-family:var(--font-display);font-size:clamp(16px,3.5vw,20px);font-weight:700;color:var(--accent)}.va-h3{font-size:14px;font-weight:700;color:var(--text-bright);padding-left:12px;border-left:3px solid var(--accent-2)}.va-p{font-size:14px;line-height:1.82;color:var(--text)}.va-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 22px;background:#66fcf10a;border:1px solid var(--border-bright);border-radius:var(--radius)}.va-cta span{font-size:14px;color:var(--text)}.va-cta button{padding:10px 22px;background:var(--accent);color:#0b0c10;border-radius:99px;font-weight:700;font-size:13px;flex-shrink:0;transition:transform .18s,box-shadow .18s}.va-cta button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #66fcf14d}@media (max-width: 760px){.val-row{grid-template-columns:44px 1fr 1fr;grid-template-rows:auto auto}.val-price-col{display:none}.val-article{padding:20px}}@media (max-width: 520px){.val-row{grid-template-columns:36px 1fr}.val-bar-area{display:none}}.guide-page{display:flex;flex-direction:column;gap:36px}.guide-hero{display:flex;flex-direction:column;gap:10px}.guide-h1{display:flex;flex-direction:column;gap:4px}.guide-h1-label{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase}.guide-h1-main{font-family:var(--font-display);font-size:clamp(30px,6vw,48px);font-weight:900;letter-spacing:.05em}.guide-desc{font-size:14px;color:var(--text);line-height:1.75;max-width:620px}.guide-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.guide-sidebar{display:flex;flex-direction:column;gap:8px;position:sticky;top:90px}.guide-card{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;transition:border-color .18s,background .18s}.guide-card:hover{border-color:var(--border-bright);background:var(--surface)}.guide-card--on{border-color:var(--accent)!important;background:#66fcf10d!important;box-shadow:0 0 15px #66fcf114}.guide-card-cat{font-size:10px;font-weight:700;letter-spacing:.05em}.guide-card-title{font-size:13px;font-weight:600;color:var(--text-bright);line-height:1.4}.guide-card-meta{display:flex;gap:5px;font-size:11px;color:var(--text-dim)}.guide-article{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;display:flex;flex-direction:column;gap:28px;animation:fadeInUp .3s ease}.ga-header{display:flex;flex-direction:column;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--border)}.ga-cat{font-size:11px;font-weight:700;padding:3px 12px;border:1px solid;border-radius:99px;align-self:flex-start;letter-spacing:.04em}.ga-title{font-family:var(--font-display);font-size:clamp(18px,4vw,24px);font-weight:700;color:var(--text-bright);line-height:1.3}.ga-meta{display:flex;gap:8px;font-size:12px;color:var(--text-dim);align-items:center}.ga-summary{font-size:14px;color:var(--text);line-height:1.75;padding:14px 18px;background:#66fcf10a;border-left:3px solid var(--accent-2);border-radius:0 var(--radius) var(--radius) 0}.ga-body{display:flex;flex-direction:column;gap:24px}.ga-section{display:flex;flex-direction:column;gap:10px}.ga-section-h{font-size:16px;font-weight:700;color:var(--accent);padding-bottom:8px;border-bottom:1px solid rgba(102,252,241,.15)}.ga-para{font-size:14px;line-height:1.85;color:var(--text)}@media (max-width: 860px){.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static;flex-direction:row;overflow-x:auto;padding-bottom:4px}.guide-card{min-width:200px}.guide-article{padding:22px}}.faq-page{display:flex;flex-direction:column;gap:36px}.faq-hero{display:flex;flex-direction:column;gap:10px}.faq-h1{display:flex;flex-direction:column;gap:4px}.faq-h1-label{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase}.faq-h1-main{font-family:var(--font-display);font-size:clamp(30px,6vw,48px);font-weight:900;letter-spacing:.05em}.faq-desc{font-size:14px;color:var(--text);line-height:1.75;max-width:600px}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .18s}.faq-item--open{border-color:#66fcf14d;box-shadow:0 0 20px #66fcf10f}.faq-q{width:100%;display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:transparent;text-align:left;cursor:pointer;transition:background .15s}.faq-q:hover{background:#ffffff05}.faq-num{font-size:11px;font-weight:700;color:var(--accent);padding:3px 9px;border:1px solid rgba(102,252,241,.25);border-radius:99px;flex-shrink:0;line-height:1.5;margin-top:1px}.faq-q-text{flex:1;font-size:14px;font-weight:600;color:var(--text-bright);line-height:1.5}.faq-arrow{font-size:11px;color:var(--text-dim);flex-shrink:0;margin-top:4px;transition:color .18s}.faq-item--open .faq-arrow{color:var(--accent)}.faq-a{padding:0 20px 20px 53px;display:flex;flex-direction:column;gap:10px;animation:fadeInUp .22s ease}.faq-a-para{font-size:13.5px;line-height:1.85;color:var(--text);white-space:pre-line}@media (max-width: 560px){.faq-a{padding-left:20px}.faq-q{gap:10px}}.footer{border-top:1px solid var(--border);background:#0b0c10e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:36px 20px 28px;display:flex;flex-direction:column;gap:16px}.footer-brand{display:flex;align-items:center;gap:8px}.footer-mark{font-size:13px;color:var(--accent);text-shadow:0 0 8px rgba(102,252,241,.6)}.footer-title{font-family:var(--font-logo);font-size:15px;font-weight:700;color:var(--accent);letter-spacing:.06em}.footer-desc{font-size:13px;color:var(--text-dim);line-height:1.6;max-width:500px}.footer-nav{display:flex;flex-wrap:wrap;gap:8px}.footer-link{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-size:12px;padding:5px 12px;cursor:pointer;transition:color .18s,border-color .18s}.footer-link:hover{color:var(--accent);border-color:var(--border-bright)}.footer-bottom{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid var(--border)}.footer-copy{font-size:11.5px;color:var(--text-dim)}.footer-ad{font-size:11px;color:var(--text-dim);opacity:.6}.app-wrap{display:flex;flex-direction:column;min-height:100vh}.data-bar{border-bottom:1px solid var(--border);background:#0b0c10cc}.data-bar-inner{max-width:var(--max-w);margin:0 auto;padding:6px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.data-bar-status{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.data-bar-status--err{color:#ed1c24}.data-bar-refresh{font-family:var(--font-mono);font-size:11px;padding:3px 12px;border:1px solid var(--border);border-radius:99px;color:var(--accent);background:none;cursor:pointer;transition:border-color .15s,background .15s;flex-shrink:0}.data-bar-refresh:hover:not(:disabled){border-color:var(--accent);background:#66fcf10f}.data-bar-refresh:disabled{opacity:.4;cursor:not-allowed}.app-main{flex:1;max-width:var(--max-w);margin:0 auto;width:100%;padding:32px 20px 64px;animation:fadeInUp .35s ease both}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--text-dim);font-size:14px}.app-loading-spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.app-main{padding:20px 12px 48px}.data-bar-inner{padding:6px 12px}}