:root{--ink:#142c33;--muted:#5f7377;--fog:#edf2f1;--paper:#f9fbfa;--blue:#3157c8;--orange:#ef6c42;--line:#cbd7d5;--deep:#123d46;--white:#fff;--display:"STZhongsong","Songti SC",Georgia,serif;--body:"Microsoft YaHei","PingFang SC",Arial,sans-serif;--mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,select{font:inherit}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1240px,100% - 48px);height:76px;margin:auto;display:flex}.brand{letter-spacing:.06em;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{background:var(--ink);color:#fff;width:32px;height:32px;font-family:var(--display);place-items:center;display:grid;transform:rotate(-4deg)}nav{align-items:center;gap:30px;font-size:14px;font-weight:700;display:flex}nav a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{background:var(--orange);color:#fff;padding:9px 15px}.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:70px;min-height:650px;padding-block:70px;display:grid}.eyebrow{font-family:var(--mono);letter-spacing:.14em;color:var(--blue);margin:0 0 20px;font-size:11px;font-weight:700}.hero h1,.page-title h1,.article-header h1{font-family:var(--display);letter-spacing:-.04em;font-weight:700;line-height:1.14}.hero h1{margin:0 0 25px;font-size:clamp(44px,5.3vw,76px)}.hero h1 em{color:var(--blue);font-style:normal}.hero-lead{color:var(--muted);max-width:580px;font-size:18px}.hero-actions{align-items:center;gap:28px;margin-top:34px;display:flex}.button{cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:30px;padding:13px 18px;font-weight:800;display:inline-flex}.button.primary{background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--orange)}.button.primary:hover{box-shadow:7px 7px 0 var(--orange);transform:translate(-1px,-1px)}.text-link{border-bottom:1px solid var(--ink);font-weight:800}.route-map{background-color:#dfe9e8;background-image:linear-gradient(#142c330f 1px,#0000 1px),linear-gradient(90deg,#142c330f 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:30px 30px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #b8cac7;height:420px;position:relative;overflow:hidden;box-shadow:12px 12px #c8d5d3}.map-head{font:10px var(--mono);letter-spacing:.1em;justify-content:space-between;padding:20px;display:flex}.route-line{background:var(--blue);height:3px;position:absolute;top:51%;left:12%;right:12%;transform:rotate(-8deg)}.route-line:after{content:"";border-left:12px solid var(--blue);border-top:6px solid #0000;border-bottom:6px solid #0000;position:absolute;top:-5px;right:-2px}.route-stop{background:var(--paper);border:1px solid var(--ink);flex-direction:column;min-width:128px;padding:11px 14px;display:flex;position:absolute;box-shadow:4px 4px #142c332e}.route-stop:after{content:"";background:var(--orange);border:3px solid var(--paper);width:12px;height:12px;box-shadow:0 0 0 1px var(--orange);border-radius:50%;position:absolute}.route-stop b{font:10px var(--mono);color:var(--blue)}.route-stop span{font-weight:800}.route-stop small{color:var(--muted)}.stop-a{top:52%;left:8%}.stop-a:after{top:-25px;left:20px}.stop-b{top:29%;left:40%}.stop-b:after{bottom:-25px;left:55px}.stop-c{top:50%;right:8%}.stop-c:after{top:-24px;right:20px}.route-stamp{color:var(--orange);border:2px solid var(--orange);text-align:center;width:90px;height:90px;font:10px var(--mono);border-radius:50%;place-content:center;display:grid;position:absolute;bottom:26px;right:25px;transform:rotate(-10deg)}.route-stamp strong{font-size:11px}.trust-strip{border-block:1px solid var(--line);background:var(--fog)}.trust-grid{grid-template-columns:repeat(3,1fr) 2fr;align-items:center;min-height:105px;display:grid}.trust-grid>div{border-right:1px solid var(--line);align-items:baseline;gap:10px;display:flex}.trust-grid strong{font:700 28px var(--display)}.trust-grid span,.trust-grid p{color:var(--muted);font-size:12px}.trust-grid p{text-align:right}.section-grid{grid-template-columns:.8fr 1.2fr;gap:100px;padding-block:110px;display:grid}.section-intro h2,.section-heading h2,.final-cta h2{font:700 clamp(35px,4vw,53px)/1.16 var(--display);letter-spacing:-.03em;margin:0}.section-intro>p:last-child{color:var(--muted);max-width:360px}.decision-row{border-top:1px solid var(--line);grid-template-columns:48px 1fr 30px;gap:18px;padding:26px 0;display:grid}.decision-row:last-child{border-bottom:1px solid var(--line)}.decision-no{font:12px var(--mono);color:var(--blue)}.decision-row small{color:var(--orange);font-weight:800}.decision-row h3{font:700 24px var(--display);margin:2px 0}.decision-row p{color:var(--muted);margin:0;font-size:14px}.row-arrow{font-size:20px}.reading-section{background:var(--deep);color:#fff;padding:95px 0}.section-heading{justify-content:space-between;align-items:end;margin-bottom:40px;display:flex}.section-heading .eyebrow{color:#8bb7ff}.section-heading>a{border-bottom:1px solid #8ca5aa;font-size:13px}.article-grid{grid-template-columns:1.2fr 1fr 1fr;gap:2px;display:grid}.article-card{background:#194b55;flex-direction:column;min-height:330px;padding:28px;transition:transform .2s,background .2s;display:flex}.article-card:hover{background:#205965;transform:translateY(-4px)}.card-1{background:var(--orange)}.card-1:hover{background:#f27852}.card-meta,.card-foot{font:10px var(--mono);letter-spacing:.08em;opacity:.85;justify-content:space-between;display:flex}.article-card h3{font:700 27px/1.35 var(--display);margin:35px 0 15px}.article-card p{opacity:.8;margin:0;font-size:13px}.card-foot{margin-top:auto}.final-cta{background:var(--blue);color:#fff;grid-template-columns:1.2fr .8fr;gap:60px;margin-block:95px;padding:55px 60px;display:grid}.final-cta .eyebrow{color:#b9ceff}.final-cta p{opacity:.82}.button.light{color:var(--blue);background:#fff;margin-top:15px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;width:min(1240px,100% - 48px);margin:auto;padding:45px 0 60px;display:flex}.site-footer p,.footer-note{color:var(--muted);font-size:12px}.page-pad{padding-block:75px 110px}.page-title{max-width:780px;margin-bottom:55px}.page-title.compact{max-width:630px}.page-title h1{margin:0 0 20px;font-size:clamp(46px,6vw,74px)}.page-title>p:last-child{color:var(--muted);max-width:640px;font-size:17px}.filter-line{border-block:1px solid var(--line);font:11px var(--mono);color:var(--muted);gap:25px;padding:14px 0;display:flex}.filter-line span:first-child{color:var(--blue);font-weight:800}.guide-item{border-bottom:1px solid var(--line);grid-template-columns:1fr 160px;gap:40px;padding:34px 0;display:grid}.guide-item:hover h2{color:var(--blue)}.tag{color:var(--orange);font-size:11px;font-weight:800}.guide-item h2{font:700 28px var(--display);margin:6px 0}.guide-item p{color:var(--muted);margin:0}.guide-side{font:10px var(--mono);color:var(--muted);flex-direction:column;align-items:flex-end;gap:5px;display:flex}.guide-side b{font:24px var(--body);color:var(--ink);margin-top:auto}.article-page{padding-block:55px 120px}.article-header{max-width:900px;margin:0 auto 70px}.back-link{color:var(--muted);font-size:13px}.article-kicker{font:10px var(--mono);color:var(--blue);gap:25px;margin:55px 0 18px;display:flex}.article-header h1{margin:0 0 25px;font-size:clamp(42px,5vw,66px)}.article-header>p{color:var(--muted);max-width:720px;font-size:19px}.article-layout{grid-template-columns:230px minmax(0,700px);justify-content:center;gap:90px;display:grid}.article-layout aside{border-top:2px solid var(--ink);flex-direction:column;gap:12px;height:max-content;padding-top:18px;font-size:12px;display:flex;position:sticky;top:25px}.article-layout aside a{color:var(--muted)}.article-layout aside small{border-top:1px solid var(--line);color:var(--muted);margin-top:10px;padding-top:15px}.article-body section{margin-bottom:65px;scroll-margin-top:30px}.section-index{font:11px var(--mono);color:var(--orange)}.article-body h2{font:700 32px var(--display);margin:5px 0 20px}.article-body p{color:#31474c;font-size:17px;line-height:1.95}.article-next{background:var(--fog);border-left:4px solid var(--orange);padding:35px}.article-next>span{font:10px var(--mono);color:var(--blue)}.article-next h2{margin:5px 0}.comparison-wrap{border-top:2px solid var(--ink);overflow:auto}.comparison-table{border-collapse:collapse;width:100%;min-width:950px;font-size:13px}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:21px 14px}.comparison-table thead th{font:10px var(--mono);color:var(--muted);background:var(--fog)}.comparison-table tbody th{font-size:16px}.comparison-table i{border-radius:50%;width:9px;height:9px;margin-right:10px;display:inline-block}.data-note{background:var(--fog);grid-template-columns:150px 1fr 170px;align-items:start;gap:30px;margin-top:35px;padding:25px;display:grid}.data-note p{color:var(--muted);margin:0;font-size:13px}.data-note a{color:var(--blue);font-size:13px;font-weight:800}.matcher-grid{border:1px solid var(--line);grid-template-columns:1fr .8fr;margin-top:10px;display:grid}.matcher-form{background:#fff;padding:40px}.matcher-form label{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:25px;padding:22px 0;display:grid}.matcher-form label>span{font-weight:800}.matcher-form label b{font:10px var(--mono);color:var(--blue);margin-right:10px}.matcher-form select{background:var(--fog);border:1px solid var(--line);width:100%;color:var(--ink);padding:12px}.submit-button{margin-top:35px}.submit-button:disabled{opacity:.65}.result-panel{background:var(--deep);color:#fff;flex-direction:column;justify-content:center;min-height:520px;padding:45px;display:flex}.result-code{font:10px var(--mono);color:#9fb9be;letter-spacing:.12em}.empty-compass{font:200 80px var(--body);color:var(--orange);margin:35px 0;line-height:1;transform:rotate(45deg)}.result-panel h2{font:700 35px var(--display);margin:5px 0 15px}.result-panel p{color:#bfd0d3}.result-label{font:10px var(--mono);color:#fda58a!important;margin-top:40px!important}.result-panel ul{padding:0;list-style:none}.result-panel li{border-top:1px solid #3e646b;padding:10px 0;font-size:13px}.result-panel li:before{content:"→";color:var(--orange);margin-right:9px}.result-panel small{color:#8ba8ad;margin-top:20px}@media (max-width:850px){.shell{width:min(100% - 30px,680px)}.site-header{width:calc(100% - 30px)}nav{gap:14px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;gap:25px;padding-block:55px}.hero-copy{max-width:650px}.route-map{height:370px}.trust-grid{grid-template-columns:repeat(3,1fr)}.trust-grid p{display:none}.section-grid{grid-template-columns:1fr;gap:45px}.article-grid{grid-template-columns:1fr}.article-card{min-height:270px}.final-cta{grid-template-columns:1fr;gap:20px;padding:42px}.article-layout{grid-template-columns:1fr}.article-layout aside{display:none}.matcher-grid,.data-note{grid-template-columns:1fr}.site-footer{width:calc(100% - 30px)}}@media (max-width:560px){body{font-size:15px}.site-header{height:66px}.brand>span:last-child{display:none}nav{font-size:12px}.nav-cta{padding:8px 10px}.hero{min-height:auto}.hero h1{font-size:43px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.route-map{height:340px}.route-stop{min-width:108px;padding:8px;font-size:12px}.stop-a{left:4%}.stop-b{left:34%}.stop-c{right:3%}.route-stamp{display:none}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.section-grid{padding-block:70px}.article-grid{display:block}.article-card{margin-bottom:2px}.section-heading{flex-direction:column;align-items:start;gap:20px}.final-cta{margin-block:60px;padding:32px 24px}.site-footer{flex-direction:column}.guide-item{grid-template-columns:1fr}.guide-side{align-items:flex-start}.guide-side b{display:none}.article-kicker{flex-wrap:wrap;gap:10px;margin-top:35px}.matcher-form{padding:20px}.matcher-form label{grid-template-columns:1fr;gap:8px}.result-panel{min-height:420px;padding:30px}.page-pad{padding-block:50px 80px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.article-interactions{border-top:1px solid var(--line);margin-top:70px;padding-top:35px}.interaction-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.interaction-head h2{font:700 28px var(--display);margin:4px 0 0}.like-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;padding:11px 15px}.like-button:hover{border-color:var(--orange);color:var(--orange)}.comment-form{align-items:end;gap:15px;margin-top:28px;display:flex}.comment-fields{flex:1;gap:10px;display:grid}.comment-fields input,.comment-fields textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:14px var(--body);background:#fff;padding:11px 13px}.comment-fields textarea{resize:vertical;min-height:105px}.comment-form .button{white-space:nowrap}.interaction-notice{margin:12px 0;font-size:13px;color:var(--blue)!important}.comment-list{margin-top:28px}.empty-comments{color:var(--muted);font-size:14px}.comment-item{border-top:1px solid var(--line);padding:18px 0}.comment-item>div{align-items:baseline;gap:12px;display:flex}.comment-item time{font:10px var(--mono);color:var(--muted)}.comment-item p{white-space:pre-wrap;margin:7px 0 0;font-size:15px!important}