*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(135,187,255,.22),transparent 25%),radial-gradient(circle at 80% 15%,rgba(169,130,255,.18),transparent 26%),radial-gradient(circle at 20% 80%,rgba(80,255,218,.16),transparent 26%),linear-gradient(180deg,#f5f8ff 0%,#edf2ff 26%,#eef3fa 100%);color:#0f172a;min-height:100vh;overflow-x:hidden;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04));pointer-events:none;z-index:-2}
.page-orb{position:fixed;border-radius:50%;filter:blur(28px);opacity:.7;pointer-events:none;z-index:-3;animation:floatOrb 18s ease-in-out infinite}
.orb-a{width:320px;height:320px;background:radial-gradient(circle,#8dd6ff 0%,rgba(141,214,255,.15) 60%,transparent 76%);top:80px;left:-90px}
.orb-b{width:380px;height:380px;background:radial-gradient(circle,#af98ff 0%,rgba(175,152,255,.12) 58%,transparent 76%);top:380px;right:-110px;animation-delay:-6s}
.orb-c{width:260px;height:260px;background:radial-gradient(circle,#86f2d1 0%,rgba(134,242,209,.13) 58%,transparent 76%);bottom:120px;left:10%;animation-delay:-12s}
@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(16px,-18px,0) scale(1.08)}}
.shell{width:min(1180px,calc(100vw - 40px));margin:0 auto}.shell-block{position:relative}.section-pad{padding:110px 0}.section-gray{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(250,252,255,.78));border-top:1px solid rgba(255,255,255,.52);border-bottom:1px solid rgba(255,255,255,.58)}.section-dark{background:linear-gradient(180deg,#0d1322 0%,#111a2f 100%);color:#eaf1ff}.skip{position:absolute;left:-9999px}.skip:focus{left:14px;top:14px;z-index:1000;background:#fff;border-radius:999px;padding:10px 16px}
.glass-card,.finder-form,.finder-result,.case-card,.step,.searchbox,.calc-inputs,.calc-result,.boundary-list>div,.dialog-wrap,.manifesto-copy,.audit-band{background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.48));backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.5);box-shadow:0 18px 50px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.5)}
.glass-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,.4));border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 10px 24px rgba(34,63,120,.1)}
.site-header{position:sticky;top:0;z-index:30;padding:18px 0 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.52));backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.65);box-shadow:0 20px 45px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.85)}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px;letter-spacing:.01em}.brand-mark{display:flex;align-items:center;justify-content:center;gap:1px;white-space:nowrap;width:42px;height:42px;border-radius:14px;background:linear-gradient(160deg,rgba(17,24,39,.92),rgba(63,91,185,.78));color:#fff;box-shadow:0 10px 30px rgba(52,83,170,.25),inset 0 1px 0 rgba(255,255,255,.15)}.brand-mark span{color:#95b7ff}.brand-sub{opacity:.55;font-weight:600;margin-left:6px}.nav-links,.nav-actions{display:flex;align-items:center;gap:12px}.nav-links a{font-size:14px;font-weight:600;color:#32405f;padding:10px 12px;border-radius:999px;transition:.25s}.nav-links a:hover{background:rgba(255,255,255,.5);color:#111827}.nav-wechat{border:0;background:rgba(255,255,255,.56);padding:12px 16px;border-radius:999px;font-weight:700;color:#0f172a;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 20px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-light{background:linear-gradient(180deg,#ffffff,#e8f1ff);color:#08111f;box-shadow:0 16px 34px rgba(50,80,161,.2)}.btn-outline{background:rgba(255,255,255,.14);color:inherit;border-color:rgba(255,255,255,.24)}.btn-primary{background:linear-gradient(135deg,#3158f5,#7c60ff);color:#fff;box-shadow:0 18px 38px rgba(69,96,220,.3)}.btn-dark{background:linear-gradient(135deg,#0f172a,#1f3159);color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.22)}.btn-small{padding:12px 16px;font-size:14px}
.hero{padding:30px 0 44px;position:relative}.hero-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 16% 20%,rgba(255,255,255,.48),transparent 34%),radial-gradient(circle at 88% 16%,rgba(161,121,255,.18),transparent 24%),radial-gradient(circle at 78% 72%,rgba(130,236,225,.18),transparent 28%);pointer-events:none}.hero-noise{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.35) .6px,transparent .6px);background-size:18px 18px;mask-image:linear-gradient(180deg,rgba(0,0,0,.18),transparent 70%);opacity:.25;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:38px;align-items:center;padding:76px 0 34px}.eyebrow{font-size:13px;font-weight:700;color:#22314f;letter-spacing:.04em;text-transform:uppercase}.eyebrow-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#74d0ff,#3862ff);box-shadow:0 0 0 6px rgba(109,172,255,.12)}.eyebrow-line{display:inline-block;width:38px;height:1px;background:rgba(62,91,155,.28)}
.hero-text h1{font-size:clamp(48px,7vw,92px);line-height:.94;letter-spacing:-.06em;margin:22px 0 18px;color:#06111f}.gradient-text{background:linear-gradient(120deg,#1c3da6,#6e5cff 35%,#1a7ecb 68%,#0f172a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:30px;line-height:1.22;font-weight:800;color:#132238;margin:0 0 14px;letter-spacing:-.04em}.hero-sub{font-size:17px;color:#4a5a77;max-width:690px;margin:0 0 30px}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px}.hero-proof{display:flex;align-items:center;gap:12px;color:#50617f;font-size:14px;font-weight:700;flex-wrap:wrap}.hero-proof i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#9fb2d7}.hero-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}.glass-kpi{padding:18px 18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.45));border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 15px 34px rgba(36,56,110,.09)}.glass-kpi b{display:block;font-size:12px;letter-spacing:.15em;color:#4466c5;margin-bottom:8px}.glass-kpi span{display:block;font-size:14px;color:#21314f;font-weight:600;line-height:1.45}
.hero-visual{position:relative}.hero-panel{position:relative;padding:24px;border-radius:34px;overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:-30% auto auto 10%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.56),rgba(255,255,255,0));filter:blur(10px);opacity:.7}.hero-sticker{position:absolute;top:62px;right:22px;font-size:12px;font-weight:800;color:#304164}.panel-top,.panel-bottom{display:flex;align-items:center;gap:8px;justify-content:space-between}.panel-top{padding-bottom:18px;color:#53647f;font-size:12px;font-weight:700}.panel-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.panel-dot.one{background:#ff7488}.panel-dot.two{background:#ffd261}.panel-dot.three{background:#78df98}.panel-title{margin-right:auto;margin-left:6px}.panel-ok{font-size:11px;color:#335ec5}.flowline{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 0}.flow-number{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(226,235,255,.88));font-weight:800;color:#17305a;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 25px rgba(29,48,96,.08)}.flow-number.active{background:linear-gradient(140deg,#4f63ff,#7f64ff);color:#fff;box-shadow:0 18px 34px rgba(79,99,255,.3)}.flowline b{display:block;font-size:17px;color:#0f172a;margin-bottom:4px}.flowline span{display:block;font-size:13px;color:#5f6f88;line-height:1.5}.flowline em{font-style:normal;font-size:12px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.58);color:#34507d;font-weight:700}.flow-done{background:rgba(60,116,255,.14)!important;color:#2949a4!important}.flow-connector{height:22px;width:2px;background:linear-gradient(180deg,rgba(116,147,220,.1),rgba(116,147,220,.45),rgba(116,147,220,.1));margin-left:26px}.panel-bottom{border-top:1px solid rgba(255,255,255,.5);padding-top:18px;margin-top:8px;font-size:13px;color:#52637d;font-weight:700}.hero-footnote{font-size:14px;color:#5a6885;padding-top:10px}
.section-label{display:inline-block;font-size:12px;letter-spacing:.16em;font-weight:800;color:#5471c8;text-transform:uppercase;margin-bottom:18px}.label-on-dark{color:#8ea8ff}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:34px}.section-head h2,.manifesto h2{margin:0;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.05em;color:#09111f}.section-head h2 .muted,.manifesto h2 span{color:#536582}.section-head p,.manifesto-copy p{max-width:540px;margin:0;color:#566781;font-size:16px}.soft-card{padding:28px;border-radius:26px}.manifesto-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);gap:30px;align-items:center}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#2849a9;margin-top:18px}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.route-card{position:relative;padding:22px;border-radius:26px;min-height:248px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.44));border:1px solid rgba(255,255,255,.56);box-shadow:0 18px 42px rgba(23,39,84,.08);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.route-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px rgba(23,39,84,.12)}.route-top,.route-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.route-number{font-size:13px;font-weight:800;color:#4665c1}.route-tag{font-size:12px;color:#536582;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.6)}.route-card h3{font-size:22px;line-height:1.14;margin:22px 0 14px;color:#0e1728;letter-spacing:-.03em}.route-card p{font-size:15px;color:#586981;margin:0;line-height:1.6}.route-bottom{position:absolute;left:22px;right:22px;bottom:20px;font-size:13px;color:#5d6f88}.route-bottom b{color:#2747a3}.glass-strip{padding:16px 18px;border-radius:20px}.section-note{margin-top:20px;font-size:14px;color:#52647e;display:flex;gap:10px;align-items:flex-start}
.finder-layout{display:grid;grid-template-columns:minmax(0,.96fr) minmax(320px,1.04fr);gap:18px}.finder-form,.finder-result{padding:30px;border-radius:28px;min-height:344px}.finder-form label{display:block;font-weight:700;font-size:14px;color:#20314b;margin-bottom:10px}.finder-form select{width:100%;padding:16px 18px;border-radius:18px;border:1px solid rgba(195,208,238,.9);background:rgba(255,255,255,.8);color:#0f172a;outline:none;margin-bottom:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.finder-result h3{font-size:34px;line-height:1.02;margin:16px 0 14px;letter-spacing:-.04em;color:#0b1424}.finder-result p{margin:0;color:#566780;font-size:16px}.small-overline{display:inline-block;font-size:12px;letter-spacing:.18em;font-weight:800;color:#5e79c8;text-transform:uppercase}.empty-icon{width:62px;height:62px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3657f6,#8567ff);color:#fff;font-size:28px;box-shadow:0 18px 38px rgba(54,87,246,.25);margin-top:26px}.recommend-tag{display:inline-flex;padding:8px 10px;border-radius:999px;background:rgba(95,119,207,.12);font-size:12px;font-weight:700;color:#3b58b1}.result-next{margin-top:18px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.54);color:#44526e}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.step{padding:24px 20px;border-radius:24px}.step-num{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2c51f6,#755fff);color:#fff;font-weight:800;box-shadow:0 16px 32px rgba(56,82,242,.22)}.step-content h3{font-size:20px;line-height:1.18;letter-spacing:-.03em;margin:18px 0 12px;color:#0e1728}.step-content p{margin:0 0 16px;color:#5a6a84;font-size:15px}.step-content span{display:block;font-size:13px;color:#35529b;font-weight:700}
.red-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.red-card{padding:24px;border-radius:26px}.red-index{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#ff9276,#ff5f74);color:#fff;font-weight:800;box-shadow:0 14px 30px rgba(255,95,116,.24)}.red-card h3{font-size:21px;line-height:1.22;letter-spacing:-.03em;margin:16px 0 12px;color:#0f172a}.red-card p{margin:0;color:#5a6a84;font-size:15px}.audit-band{margin-top:22px;padding:26px;border-radius:28px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.audit-band h3{margin:10px 0 0;font-size:28px;line-height:1.12;letter-spacing:-.04em;color:#0f172a}.audit-band ul{margin:0;padding-left:18px;color:#44556f}.audit-band li+li{margin-top:12px}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-card{padding:24px;border-radius:28px}.case-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:#567;letter-spacing:.08em;font-weight:800;text-transform:uppercase}.case-card h3{margin:18px 0 12px;font-size:24px;letter-spacing:-.03em;color:#0f172a}.case-card p{margin:0 0 18px;color:#566882;font-size:15px;line-height:1.65}.case-card a{font-weight:800;color:#2949a4}.case-verdict{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.56);font-size:13px;color:#52637f;font-weight:700}
.learn-tools{margin-bottom:22px}.searchbox{display:flex;align-items:center;gap:12px;padding:0 18px;border-radius:22px;min-height:62px}.searchbox input{flex:1;border:0;outline:none;background:transparent;color:#f3f6ff;font-size:16px}.searchbox input::placeholder{color:#93a4c9}.shortcut{font-size:12px;font-weight:700;letter-spacing:.18em;color:#8ea4db}.chapter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.chapter-card{padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12);color:#fff;text-align:left;cursor:pointer;transition:transform .25s ease,border-color .25s ease;min-height:172px}.chapter-card:hover{transform:translateY(-3px);border-color:rgba(143,168,255,.44)}.chapter-card strong{display:block;font-size:12px;letter-spacing:.18em;color:#90a8ee;margin-bottom:16px}.chapter-card h3{margin:0 0 10px;font-size:22px;line-height:1.14;letter-spacing:-.03em}.chapter-card p{margin:0;color:#bec9e2;font-size:14px;line-height:1.55}.chapter-arrow{display:inline-flex;margin-top:16px;color:#fff;font-weight:800}.learn-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:26px;color:#bfd0ef}.learn-footer code{padding:2px 6px;border-radius:8px;background:rgba(255,255,255,.09)}.muted-on-dark{color:#8ea0c5}
.progress-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px}.progress-top strong{font-size:34px;letter-spacing:-.05em}.reset-link{border:0;background:transparent;color:#35529b;font-weight:700;cursor:pointer}.progress-track{height:18px;padding:3px;border-radius:999px;background:rgba(255,255,255,.65);box-shadow:inset 0 1px 2px rgba(15,23,42,.06);overflow:hidden}.progress-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#3a5cff,#68b7ff);transition:width .25s ease}.checklist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px}.week-card{padding:24px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.48));border:1px solid rgba(255,255,255,.56);box-shadow:0 18px 42px rgba(15,23,42,.08)}.week-card h3{margin:12px 0 8px;font-size:24px;letter-spacing:-.03em}.week-card p{margin:0 0 18px;color:#5b6a84}.check-item{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid rgba(199,212,238,.74);cursor:pointer}.check-item input{margin-top:3px;accent-color:#3a5cff}.check-item span{color:#22324f;font-size:15px}
.calc-layout{display:grid;grid-template-columns:minmax(0,.98fr) minmax(320px,1.02fr);gap:18px}.calc-inputs,.calc-result{padding:28px;border-radius:28px}.calc-group+.calc-group{margin-top:18px}.calc-group label{display:flex;justify-content:space-between;gap:12px;font-weight:700;color:#1d2c49;font-size:14px;margin-bottom:12px}.calc-group input[type=range]{width:100%}.calc-result p{margin:6px 0 0;color:#5a6b85}.calc-result strong{display:block;font-size:58px;letter-spacing:-.06em;line-height:1;margin:18px 0 20px;color:#0f172a}.calc-rows{display:grid;gap:12px}.calc-rows div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid rgba(193,205,229,.74)}.calc-rows span{color:#5a6a84}.calc-rows b{color:#10213f}.calc-warning{margin-top:18px;font-size:13px;color:#667694}
.boundary-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.boundary-list>div{padding:22px;border-radius:24px}.boundary-list b{display:inline-flex;width:42px;height:42px;border-radius:14px;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#24406d);color:#fff;margin-bottom:14px}.boundary-list h3{font-size:18px;line-height:1.24;margin:0 0 10px;color:#0e1728}.boundary-list p{margin:0;color:#5a6a84;font-size:14px}.source-links{margin-top:18px;color:#5a6982;font-size:14px}.source-links a{font-weight:700;color:#2849a9}
.author-band{padding:110px 0;background:linear-gradient(180deg,#0d1322,#11182d);color:#ecf3ff}.author-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}.author-layout h2{margin:0 0 12px;font-size:clamp(34px,5vw,56px);line-height:1.02;letter-spacing:-.05em}.author-layout p{margin:0;color:#b7c7e6;max-width:620px}.author-actions{display:flex;flex-wrap:wrap;gap:12px}
footer{padding:40px 0 28px}.footer-grid{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.footer-brand{font-size:18px;font-weight:800;color:#15223b}.footer-brand span{color:#627495}.footer-grid p{margin:0 0 8px;color:#61718d;font-size:14px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center;justify-content:flex-end}.footer-links a,.footer-links button{background:transparent;border:0;padding:0;color:#2849a9;font-weight:700;cursor:pointer}.footer-last{padding-top:18px;color:#70809a;font-size:13px}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(12px);padding:12px 18px;border-radius:999px;background:rgba(15,23,42,.88);color:#fff;font-size:14px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:60;box-shadow:0 18px 36px rgba(15,23,42,.25)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.chapter-dialog{border:0;padding:0;background:transparent;max-width:min(780px,calc(100vw - 20px));width:100%}.chapter-dialog::backdrop{background:rgba(8,13,26,.58);backdrop-filter:blur(6px)}.dialog-wrap{padding:26px;border-radius:28px}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.dialog-badge{font-size:12px;font-weight:800;letter-spacing:.18em;color:#5d78c8}.dialog-close{width:44px;height:44px;border-radius:16px;border:0;background:rgba(255,255,255,.64);font-size:28px;line-height:1;cursor:pointer;color:#0f172a}.dialog-wrap h2{margin:0 0 12px;font-size:36px;line-height:1.04;letter-spacing:-.05em;color:#0f172a}.dialog-wrap p{margin:0 0 16px;color:#556781}.dialog-wrap h4{margin:0 0 10px;font-size:16px;color:#2949a4}.dialog-wrap ol{margin:0 0 18px;padding-left:22px;color:#20324d}.dialog-wrap li+li{margin-top:10px}.dialog-note{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.6);font-size:14px;color:#43536d;margin-bottom:12px}.dialog-warning{background:rgba(255,119,124,.1);color:#8a3241}.dialog-actions{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:18px;flex-wrap:wrap}.dialog-actions a{font-weight:700;color:#2849a9}.no-results{color:#c6d1e5}
@media (max-width:1100px){.hero-grid,.manifesto-grid,.finder-layout,.calc-layout,.author-layout,.audit-band{grid-template-columns:1fr}.route-grid,.case-grid,.red-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boundary-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-kpis{grid-template-columns:1fr}.author-actions{justify-content:flex-start}}
@media (max-width:860px){.site-header{padding-top:12px}.nav{flex-wrap:wrap}.nav-links{order:3;width:100%;justify-content:flex-start;overflow:auto;padding-bottom:4px}.nav-actions{margin-left:auto}.hero-grid{padding-top:52px}.hero-text h1{font-size:54px}.hero-lead{font-size:24px}.route-grid,.case-grid,.red-grid,.chapter-grid,.checklist-grid,.boundary-list,.steps{grid-template-columns:1fr}.footer-grid{flex-direction:column}.footer-links{justify-content:flex-start}}
@media (max-width:640px){.shell{width:min(100vw - 22px,1180px)}.section-pad{padding:78px 0}.nav{padding:12px 14px;border-radius:20px}.brand-sub{display:none}.btn{padding:13px 16px}.hero{padding-top:16px}.hero-text h1{font-size:44px}.hero-lead{font-size:21px}.hero-sub{font-size:15px}.panel-top{font-size:11px}.flowline{grid-template-columns:50px minmax(0,1fr);gap:12px}.flowline em{grid-column:2/3;justify-self:start}.flow-number{width:42px;height:42px;border-radius:14px}.finder-form,.finder-result,.hero-panel,.calc-inputs,.calc-result,.dialog-wrap,.case-card,.red-card,.week-card{padding:22px}.section-head{flex-direction:column;align-items:flex-start}.section-head h2,.manifesto h2,.author-layout h2{font-size:34px}.finder-result h3{font-size:28px}.calc-result strong{font-size:46px}.progress-top strong{font-size:28px}.searchbox{padding:0 14px}.shortcut{display:none}.dialog-actions{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* ─────────────────────────────────────────────────────────────
   ANDY EDITORIAL DESIGN SYSTEM / 2026
   Real typography · intentional whitespace · usable contrast
   No fake metrics, glass layers, glowing orbs or motion clutter.
   ───────────────────────────────────────────────────────────── */
:root{--ed-bg:#F4F3EF;--ed-paper:#FFFFFF;--ed-ink:#171A1C;--ed-muted:#62696A;--ed-line:#D6D8D3;--ed-accent:#245A62;--ed-soft:#E6EBE8;--ed-max:1136px;color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:var(--ed-bg)!important;color:var(--ed-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",Arial,sans-serif!important;line-height:1.65;letter-spacing:-.012em}
body:before,.page-orb,.aurora,.ambient,.page-grid,.grain,.hero-backdrop,.hero-noise,.hero-sticker,.floating-chip,.float-chip,.orbit,.hero-asterisk,.lab-orb{display:none!important}
::selection{background:var(--ed-accent);color:var(--ed-bg)}
:is(h1,h2,h3){color:var(--ed-ink);font-family:inherit!important;font-weight:680!important;letter-spacing:-.057em!important;text-wrap:balance}
:is(h2){font-size:clamp(31px,4.1vw,54px)!important;line-height:1.18!important}
:is(h3){letter-spacing:-.035em!important}
p{line-height:1.8}
a,button{outline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--ed-accent)!important;outline-offset:4px!important}
a{transition:color .18s ease}
button,input,select,textarea{font-family:inherit}
button{cursor:pointer}
:where(.shell,.container){max-width:var(--ed-max)!important}
:where(.site-header,.topbar){background:var(--ed-bg)!important;border-bottom:1px solid var(--ed-line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
:where(.site-header .nav,.topbar .top-inner){background:transparent!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:where(.nav-links a,.desktop-nav a,.nav-website,.mobile-quicknav a){color:var(--ed-muted)!important;font-weight:570!important;letter-spacing:0!important}
:where(.nav-links a,.desktop-nav a,.nav-website,.mobile-quicknav a):hover{color:var(--ed-ink)!important}
:where(.brand,.brand-type,.brand-sub){color:var(--ed-ink)!important}
:where(.brand-mark){color:var(--ed-ink)!important}
:where(.btn,.nav-wechat,.footer-links button){border-radius:5px!important;box-shadow:none!important;transform:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font-weight:650!important;text-decoration:none!important;transition:background .18s ease,color .18s ease,border-color .18s ease!important}
:where(.btn):hover{transform:none!important}
:where(.btn-primary,.btn-dark,.btn-light,.btn-white){background:var(--ed-ink)!important;color:var(--ed-bg)!important;border:1px solid var(--ed-ink)!important}
:where(.btn-primary,.btn-dark,.btn-light,.btn-white):hover{background:var(--ed-accent)!important;border-color:var(--ed-accent)!important;color:var(--ed-bg)!important}
:where(.btn-outline,.btn-ghost,.nav-wechat){background:transparent!important;color:var(--ed-ink)!important;border:1px solid var(--ed-line)!important}
:where(.btn-outline,.btn-ghost,.nav-wechat):hover{background:var(--ed-soft)!important;border-color:var(--ed-muted)!important;color:var(--ed-ink)!important}
:where(.btn){min-height:44px!important;padding:11px 19px!important;font-size:13px!important;gap:14px}
:where(.glass,.glass-card,.glass-strip,.soft-card,.route-card,.case-card,.red-card,.chapter-card,.step,.finder-form,.finder-result,.week-card,.calc-form,.calc-result,.template-card,.day-card,.policy-card,.notice,.credibility,.faq-list details,.lab-promo,.visual-board,.hero-panel){background:var(--ed-paper)!important;color:var(--ed-ink)!important;border:1px solid var(--ed-line)!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:8px!important}
:where(.glass,.glass-card,.route-card,.chapter-card,.template-card):before,:where(.glass,.glass-card,.route-card,.chapter-card,.template-card):after{box-shadow:none!important;filter:none!important;opacity:0!important}
:where(.route-card,.chapter-card,.day-card,.handbook-card,.template-card,.case-card):hover{transform:none!important;box-shadow:none!important;border-color:var(--ed-muted)!important}
:where(.section,.section-pad){padding-top:104px!important;padding-bottom:104px!important}
:where(.section-gray,.section-dark,.policy-section){background:var(--ed-bg)!important;color:var(--ed-ink)!important}
:where(.section-label,.eyebrow,.small-overline,.card-kicker,.small-label){font-family:ui-monospace,"SFMono-Regular",Consolas,monospace!important;font-size:11px!important;letter-spacing:.13em!important;font-weight:650!important;color:var(--ed-accent)!important;text-transform:uppercase}
:where(.eyebrow-dot,.pulse,.with-dot:before){background:var(--ed-accent)!important;box-shadow:none!important}
:where(.muted,.section-head h2 span,.section-header h2 span,.hero h1 em,.gradient-text,.hero-accent){background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--ed-accent)!important;font-style:normal!important}
:where(.section-head,.section-header){margin-bottom:39px!important;gap:22px}
:where(.section-head p,.section-header p,.section-head>p,.section-header>p){color:var(--ed-muted)!important;max-width:450px!important}
:where(.hero){background:transparent!important;overflow:visible!important}
:where(.hero h1){font-size:clamp(52px,7.2vw,98px)!important;font-weight:730!important;line-height:1.04!important;letter-spacing:-.079em!important;margin:0 0 27px!important}
:where(.hero p){color:var(--ed-muted)!important}
:where(.hero-proof,.hero-meta){font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:11px!important;letter-spacing:.035em}
:where(.hero-proof i){background:var(--ed-line)!important}
:where(.route-grid,.chapter-grid,.case-grid,.red-grid,.template-grid,.handbook-grid){gap:14px!important}
:where(.route-card,.chapter-card,.case-card,.red-card,.day-card,.template-card){padding:25px!important}
:where(.route-card h3,.chapter-card h3,.case-card h3,.red-card h3){color:var(--ed-ink)!important}
:where(.route-card p,.chapter-card p,.case-card p,.red-card p,.template-card p,.notice p){color:var(--ed-muted)!important}
:where(.route-card .route-tag,.route-badge,.card-kicker,.card-tag){box-shadow:none!important}
:where(input,select,textarea){background:var(--ed-paper)!important;color:var(--ed-ink)!important;border:1px solid var(--ed-line)!important;border-radius:5px!important;box-shadow:none!important;min-height:44px}
:where(input,select,textarea)::placeholder{color:var(--ed-muted)!important;opacity:.75}
:where(.chapter-dialog,.chapter-dialog::backdrop){backdrop-filter:none!important}
:where(.dialog-wrap,.dialog-shell){background:var(--ed-paper)!important;color:var(--ed-ink)!important;border-radius:10px!important;box-shadow:0 25px 80px #0003!important}
:where(.footer,footer){background:var(--ed-bg)!important;color:var(--ed-ink)!important;border-top:1px solid var(--ed-line)!important}
:where(.footer p,.footer-bottom,.footer-last){color:var(--ed-muted)!important}
:where(.footer a,.footer button,.footer h2){color:var(--ed-ink)!important}
:where(.toast){box-shadow:none!important}
.ed-kicker{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--ed-accent);display:flex;align-items:center;gap:12px;margin-bottom:35px}
.ed-kicker:before{content:"";display:inline-block;width:21px;height:1px;background:currentColor}
.ed-hero-lead{max-width:600px;font-size:clamp(18px,2vw,22px)!important;line-height:1.65!important;color:var(--ed-ink)!important;font-weight:540!important;margin:0 0 15px!important;letter-spacing:-.025em}
.ed-hero-desc{max-width:535px;color:var(--ed-muted)!important;font-size:15px!important;line-height:1.9!important;margin:0 0 34px!important}
.ed-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:27px 0 39px}
.ed-proof{border-top:1px solid var(--ed-line);padding-top:21px;display:flex;flex-wrap:wrap;gap:24px;font-size:12px;color:var(--ed-muted);font-family:ui-monospace,"SFMono-Regular",Consolas,monospace}
.ed-proof b{color:var(--ed-ink);font-weight:730}
.ed-feature{background:var(--ed-paper)!important;color:var(--ed-ink)!important;border:1px solid var(--ed-line)!important;padding:33px;border-radius:6px!important;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-width:0;box-shadow:none!important;transform:none!important}
.ed-feature-head{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--ed-line);padding-bottom:22px;color:var(--ed-muted);font:600 11px/1.5 ui-monospace,"SFMono-Regular",monospace;letter-spacing:.07em}
.ed-feature-head span:last-child{color:var(--ed-accent)}
.ed-feature-large{font-size:clamp(68px,9vw,128px);line-height:1.0;font-weight:750;letter-spacing:-.085em;color:var(--ed-ink);margin:26px 0 8px}
.ed-feature-caption{color:var(--ed-muted);font-size:13px;margin-bottom:22px}
.ed-feature-list{display:grid;gap:0}
.ed-feature-row{padding:15px 0;border-top:1px solid var(--ed-line);display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:12px;align-items:baseline;font-size:14px;font-weight:580}
.ed-feature-row small{font-size:11px;color:var(--ed-muted);font-weight:400}
.ed-feature-row em{font:500 11px ui-monospace,"SFMono-Regular",monospace;color:var(--ed-accent);font-style:normal}
.ed-feature-note{margin-top:18px;color:var(--ed-muted);font-size:11px;line-height:1.65}
@media(max-width:960px){
  :where(.section,.section-pad){padding-top:75px!important;padding-bottom:75px!important}
  :where(.hero h1){font-size:clamp(51px,8vw,74px)!important}
  .ed-feature{padding:27px!important}
}
@media(max-width:700px){
  :where(.section,.section-pad){padding-top:59px!important;padding-bottom:59px!important}
  :where(.hero h1){font-size:clamp(47px,11vw,68px)!important}
  .ed-kicker{margin-bottom:25px}
  .ed-hero-desc{font-size:14px!important}
  .ed-hero-actions{align-items:stretch;gap:9px}
  .ed-hero-actions .btn{min-width:0;max-width:100%}
  .ed-feature{padding:24px!important}
  .ed-proof{gap:12px}
  :where(.route-card,.case-card,.red-card,.chapter-card){padding:22px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}

/* GitHub / technical field notes: warm paper, restrained teal. */
body{font-size:15px}
.shell{max-width:var(--ed-max)!important}
.site-header .nav{min-height:76px!important}
.brand{letter-spacing:-.03em!important;font-weight:720!important}
.brand-mark{border:1px solid var(--ed-ink)!important;border-radius:4px!important;padding:7px 10px!important;background:transparent!important;font-weight:700}
.brand-mark span{color:var(--ed-accent)!important}
.nav-links{gap:24px!important}
.nav-wechat{border:0!important;font-size:12px!important}
.nav-actions .btn{min-height:39px!important}
.hero{padding:105px 0 65px!important;min-height:0!important}
.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important;gap:clamp(40px,6vw,85px)!important;align-items:stretch!important}
.hero-text{padding:28px 0}
.hero-text h1{font-size:clamp(64px,6.8vw,102px)!important}
.hero-text h1 span{color:var(--ed-accent)!important}
.hero-visual{display:flex!important;align-items:stretch!important;min-width:0!important;max-width:none!important;transform:none!important}
.hero-footnote{border-top:1px solid var(--ed-line);margin-top:58px!important;padding-top:20px!important;color:var(--ed-muted)!important;font-size:12px!important}
.section-gray{background:#EEEFEA!important}
.section-dark{background:#E9ECE7!important}
.manifesto-copy,.audit-band,.week-card,.calc-result,.finder-result,.finder-form{border-radius:8px!important}
.manifesto h2 span{color:var(--ed-accent)!important}
.section-head h2 .muted{color:var(--ed-accent)!important}
.hero-kpis{display:none!important}
.step-num,.red-index,.route-number{color:var(--ed-accent)!important}
.route-card .route-bottom,.case-verdict{border-top:1px solid var(--ed-line)!important}
.chapter-card .chapter-tag{color:var(--ed-accent)!important}
.dialog-wrap{background:var(--ed-paper)!important}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr!important}.hero-visual{max-width:620px!important}.hero{padding:76px 0 44px!important}}
@media(max-width:650px){.hero{padding-top:52px!important}.hero-text{padding:0}.hero-visual{max-width:none!important}.hero-grid{gap:28px!important}.hero-text h1{font-size:clamp(55px,11vw,75px)!important}}



/* Flatten remaining legacy accent surfaces in the handbook. */
:where(.searchbox,.week-card,.boundary-list>div,.calc-inputs,.calc-result,.glass-strip,.audit-band,.dialog-wrap){box-shadow:none!important;background:var(--ed-paper)!important;border:1px solid var(--ed-line)!important;border-radius:8px!important}
:where(.section-dark h2,.section-dark h3,.section-dark p,.section-dark .section-head p){color:var(--ed-ink)!important}
:where(.chapter-card,.route-card,.red-card,.case-card){background:var(--ed-paper)!important;border:1px solid var(--ed-line)!important;box-shadow:none!important}


/* Editorial index treatment: fewer boxed panels, stronger reading rhythm. */
:where(.route-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 42px!important}
:where(.route-grid>.route-card){background:transparent!important;border:0!important;border-bottom:1px solid var(--ed-line)!important;border-radius:0!important;padding:27px 0!important;box-shadow:none!important;transform:none!important;outline:none!important}
:where(.route-grid>.route-card.featured){outline:none!important}
:where(.route-grid>.route-card):hover{background:transparent!important;border-bottom-color:var(--ed-accent)!important}
:where(.route-grid>.route-card):before,:where(.route-grid>.route-card):after{display:none!important}
:where(.route-grid>.route-card h3){font-size:clamp(19px,2.1vw,24px)!important;line-height:1.35!important}
:where(.route-grid>.route-card p){font-size:13px!important;line-height:1.8!important}
@media(max-width:700px){:where(.route-grid){grid-template-columns:1fr!important;gap:0!important}}