:root{--ink: #0e3a46;--ink-deep: #092935;--ink-soft: #155263;--ink-mist: #3d7285;--gold: #c2a059;--gold-soft: #d8c08a;--paper: #f8f5ee;--paper-2: #f1ede2;--white: #ffffff;--gray: #5f6b73;--gray-light: #e7e4da;--line: #ddd9cc;--serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;--sans: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--shadow: 0 10px 40px rgba(9, 41, 53, .08);--radius: 14px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--paper);color:var(--ink-deep);line-height:1.85;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1120px;margin:0 auto;padding:0 28px}.site-header{position:sticky;top:0;z-index:100;background:#f8f5eeeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--ink) 0%,var(--ink-soft) 100%);color:var(--gold-soft);display:grid;place-items:center;font-family:var(--serif);font-size:19px;font-weight:700;letter-spacing:1px}.brand-text{line-height:1.25}.brand-name{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);letter-spacing:2px}.brand-slogan{font-size:11px;color:var(--gray);letter-spacing:1px}.nav-links{display:flex;gap:6px;align-items:center}.nav-links a{padding:8px 14px;font-size:14.5px;color:var(--gray);border-radius:8px;letter-spacing:1px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--ink);background:var(--paper-2)}.nav-links a.active{color:var(--ink);font-weight:600;position:relative}.nav-links a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--gold);border-radius:2px}.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;width:40px;height:40px;cursor:pointer;color:var(--ink);font-size:18px}.section{padding:88px 0}.section.tinted{background:var(--white)}.section.deep{background:linear-gradient(160deg,var(--ink-deep) 0%,var(--ink) 60%,var(--ink-soft) 100%);color:#eef4f5}.kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:4px;color:var(--gold);font-weight:600;text-transform:uppercase;margin-bottom:16px}.kicker:before{content:"";width:28px;height:1px;background:var(--gold)}.section-title{font-family:var(--serif);font-size:clamp(26px,3.4vw,38px);font-weight:700;color:var(--ink);letter-spacing:2px;margin-bottom:18px;line-height:1.4}.section.deep .section-title{color:#f4efe2}.section-lead{max-width:720px;color:var(--gray);font-size:16.5px;margin-bottom:48px}.section.deep .section-lead{color:#b9cdd3}.section-head.center{text-align:center}.section-head.center .section-lead{margin-left:auto;margin-right:auto}.section-head.center .kicker:after{content:"";width:28px;height:1px;background:var(--gold)}.hero{position:relative;padding:120px 0 110px;background:radial-gradient(1100px 480px at 82% -8%,rgba(194,160,89,.14),transparent 60%),radial-gradient(900px 520px at 8% 110%,rgba(21,82,99,.12),transparent 60%),linear-gradient(170deg,#0b2f3b 0%,var(--ink) 55%,var(--ink-soft) 100%);color:#f2f0e6;overflow:hidden}.hero:after{content:"道";position:absolute;right:4%;bottom:-8%;font-family:var(--serif);font-size:clamp(200px,30vw,380px);color:#d8c08a12;line-height:1;pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:860px}.hero-tag{display:inline-block;border:1px solid rgba(216,192,138,.45);color:var(--gold-soft);padding:6px 16px;border-radius:999px;font-size:13px;letter-spacing:3px;margin-bottom:30px}.hero h1{font-family:var(--serif);font-size:clamp(36px,6vw,62px);font-weight:800;letter-spacing:4px;line-height:1.3;margin-bottom:22px}.hero .subtitle{font-size:clamp(16px,2vw,21px);color:var(--gold-soft);letter-spacing:3px;margin-bottom:26px;font-family:var(--serif)}.hero .intro{max-width:620px;color:#c4d4d9;font-size:16px;margin-bottom:44px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:10px;font-size:15px;letter-spacing:2px;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,#a9883f 100%);color:#fff;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #c2a05959}.btn-ghost{border:1px solid rgba(238,244,245,.35);color:#eef4f5;background:transparent}.btn-ghost:hover{background:#eef4f51a}.btn-outline{border:1px solid var(--ink);color:var(--ink);background:transparent}.btn-outline:hover{background:var(--ink);color:#fff}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.compare-card{border-radius:var(--radius);padding:40px 36px;position:relative;overflow:hidden}.compare-card.old{background:var(--white);border:1px solid var(--line)}.compare-card.new{background:linear-gradient(150deg,var(--ink-deep),var(--ink-soft));color:#eef4f5;box-shadow:var(--shadow)}.compare-card h3{font-family:var(--serif);font-size:21px;letter-spacing:2px;margin-bottom:6px}.compare-card .tagline{font-size:13px;letter-spacing:2px;margin-bottom:24px;color:var(--gray)}.compare-card.new .tagline{color:var(--gold-soft)}.compare-card li{padding:10px 0 10px 30px;position:relative;font-size:15px;border-bottom:1px dashed rgba(0,0,0,.06)}.compare-card.new li{border-bottom-color:#eef4f51f}.compare-card li:last-child{border-bottom:none}.compare-card.old li:before{content:"✕";position:absolute;left:0;color:#b0543f;font-weight:700}.compare-card.new li:before{content:"✓";position:absolute;left:0;color:var(--gold-soft);font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.entry-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:38px 30px;transition:transform .25s,box-shadow .25s,border-color .25s;display:block}.entry-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold-soft)}.entry-card .icon{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,var(--ink) 0%,var(--ink-soft) 100%);color:var(--gold-soft);display:grid;place-items:center;font-size:24px;margin-bottom:22px;font-family:var(--serif)}.entry-card h3{font-family:var(--serif);font-size:19px;color:var(--ink);letter-spacing:1px;margin-bottom:10px}.entry-card p{font-size:14.5px;color:var(--gray)}.entry-card .more{margin-top:18px;font-size:13px;color:var(--gold);letter-spacing:2px;font-weight:600}.page-hero{padding:84px 0 64px;background:radial-gradient(800px 300px at 85% 0%,rgba(194,160,89,.12),transparent 60%),linear-gradient(165deg,#0b2f3b,var(--ink) 70%);color:#f2f0e6}.page-hero h1{font-family:var(--serif);font-size:clamp(30px,4.4vw,44px);letter-spacing:3px;font-weight:800;margin-bottom:14px}.page-hero .crumb{font-size:13px;letter-spacing:2px;color:var(--gold-soft);margin-bottom:18px}.page-hero p{max-width:720px;color:#c4d4d9;font-size:15.5px}.trio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.trio-card{background:var(--white);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--radius);padding:36px 30px}.trio-card .char{font-family:var(--serif);font-size:46px;font-weight:800;color:var(--ink);line-height:1;margin-bottom:8px}.trio-card h3{font-size:15px;color:var(--gold);letter-spacing:3px;margin-bottom:16px}.trio-card p{font-size:14.5px;color:var(--gray)}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.rich-text h3{font-family:var(--serif);font-size:21px;color:var(--ink);letter-spacing:1px;margin:28px 0 12px}.rich-text h3:first-child{margin-top:0}.rich-text p{color:var(--gray);font-size:15.5px;margin-bottom:12px}.rich-text strong,.gold-strong{color:var(--ink);font-weight:700}.quote-block{border-left:4px solid var(--gold);background:var(--paper-2);padding:22px 28px;border-radius:0 var(--radius) var(--radius) 0;font-family:var(--serif);font-size:17px;color:var(--ink);letter-spacing:1px;margin:24px 0}.pill-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.pill-list span{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:8px 20px;font-size:14px;color:var(--ink);letter-spacing:1px}.goal-band{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border-radius:var(--radius);overflow:hidden;margin-top:20px}.goal-band div{background:#eef4f50f;border:1px solid rgba(238,244,245,.14);padding:34px 24px;text-align:center}.goal-band .num{font-family:var(--serif);color:var(--gold-soft);font-size:14px;letter-spacing:4px;margin-bottom:10px}.goal-band .txt{font-family:var(--serif);font-size:21px;letter-spacing:4px;font-weight:700}.layer-block{margin-bottom:34px}.layer-label{display:flex;align-items:center;gap:14px;margin-bottom:18px}.layer-label .dot{width:12px;height:12px;border-radius:50%;background:var(--gold)}.layer-label h3{font-family:var(--serif);font-size:19px;color:var(--ink);letter-spacing:2px}.layer-label .desc{font-size:13.5px;color:var(--gray);letter-spacing:1px}.subject-row{display:flex;flex-wrap:wrap;gap:14px}.subject-chip{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 24px;cursor:pointer;min-width:150px;transition:all .2s;text-align:left;font-family:inherit}.subject-chip:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow)}.subject-chip.active{background:linear-gradient(140deg,var(--ink),var(--ink-soft));border-color:var(--ink);color:#fff}.subject-chip.active .role{color:var(--gold-soft)}.subject-chip .name{font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:2px;display:block}.subject-chip .role{font-size:12.5px;color:var(--gray);letter-spacing:1px}.graph-detail{background:var(--white);border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:var(--radius);padding:34px 36px;margin-top:36px;min-height:190px}.graph-detail h3{font-family:var(--serif);font-size:22px;color:var(--ink);letter-spacing:2px;margin-bottom:4px}.graph-detail .sub{color:var(--gold);font-size:13.5px;letter-spacing:2px;margin-bottom:18px}.graph-detail dl{display:grid;grid-template-columns:88px 1fr;row-gap:10px;font-size:14.5px}.graph-detail dt{color:var(--ink);font-weight:700;letter-spacing:2px}.graph-detail dd{color:var(--gray)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.case-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--white)}.case-card .head{background:linear-gradient(140deg,var(--ink),var(--ink-soft));color:#f2f0e6;padding:24px 26px}.case-card .head h3{font-family:var(--serif);font-size:19px;letter-spacing:3px}.case-card .head span{font-size:12.5px;color:var(--gold-soft);letter-spacing:2px}.case-card .body{padding:22px 26px}.case-card .body p{font-size:14px;color:var(--gray);margin-bottom:14px}.case-card .tags{display:flex;flex-wrap:wrap;gap:8px}.case-card .tags span{font-size:12px;background:var(--paper-2);color:var(--ink-soft);border-radius:999px;padding:4px 12px;letter-spacing:1px}.stage-list{display:flex;flex-direction:column;gap:30px}.stage-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:40px 42px;display:grid;grid-template-columns:200px 1fr;gap:36px}.stage-side{border-right:1px dashed var(--line);padding-right:30px}.stage-side .age{font-family:var(--serif);font-size:30px;font-weight:800;color:var(--ink);letter-spacing:1px}.stage-side .stage-name{color:var(--gold);font-size:14px;letter-spacing:3px;margin:6px 0 16px;font-weight:600}.stage-side .one-liner{font-size:13.5px;color:var(--gray)}.stage-body h4{font-size:14px;color:var(--ink);letter-spacing:2px;margin:14px 0 6px;display:flex;align-items:center;gap:8px}.stage-body h4:before{content:"";width:7px;height:7px;background:var(--gold);border-radius:50%}.stage-body h4:first-child{margin-top:0}.stage-body p{font-size:14.5px;color:var(--gray)}.tool-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:44px 42px;box-shadow:var(--shadow)}.tool-form{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.tool-form label{font-size:15px;color:var(--ink);letter-spacing:1px;font-weight:600}.tool-form input[type=number]{width:130px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;font-size:16px;font-family:inherit;background:var(--paper);color:var(--ink-deep)}.tool-form input:focus{outline:2px solid var(--gold-soft);border-color:var(--gold)}.tool-result{margin-top:30px;display:none}.tool-result.show{display:block;animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.result-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.result-head .r-age{font-family:var(--serif);font-size:26px;font-weight:800;color:var(--ink)}.result-head .r-stage{color:var(--gold);letter-spacing:3px;font-weight:600}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 36px}.result-grid h5{font-size:13.5px;color:var(--ink);letter-spacing:2px;margin-bottom:4px}.result-grid p{font-size:14px;color:var(--gray)}.duty-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:14.5px}.duty-table th,.duty-table td{padding:18px 22px;text-align:left;vertical-align:top;border-bottom:1px solid var(--gray-light)}.duty-table thead th{background:linear-gradient(140deg,var(--ink),var(--ink-soft));color:#f2f0e6;font-family:var(--serif);letter-spacing:2px;font-size:15px}.duty-table tbody tr:last-child td{border-bottom:none}.duty-table td:first-child{font-weight:700;color:var(--ink);letter-spacing:1px;white-space:nowrap}.duty-table .no{color:#b0543f;font-weight:600}.duty-table .yes{color:#2e7d4f;font-weight:600}.redline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.redline-card{background:var(--white);border:1px solid var(--line);border-top:4px solid #b0543f;border-radius:var(--radius);padding:32px 28px}.redline-card h3{font-family:var(--serif);font-size:18px;color:#8c4030;letter-spacing:1px;margin-bottom:10px}.redline-card p{font-size:14px;color:var(--gray)}.classroom-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:step}.flow-step{position:relative;padding:34px 30px 34px 78px;border:1px solid rgba(238,244,245,.16);background:#eef4f50d}.flow-step:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:26px;top:32px;font-family:var(--serif);font-size:30px;font-weight:800;color:var(--gold-soft)}.flow-step h3{font-family:var(--serif);font-size:18px;letter-spacing:2px;margin-bottom:8px;color:#f4efe2}.flow-step p{font-size:13.5px;color:#b9cdd3}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}.filter-btn{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:8px 20px;font-size:13.5px;letter-spacing:1px;color:var(--gray);cursor:pointer;font-family:inherit;transition:all .2s}.filter-btn:hover{border-color:var(--gold);color:var(--ink)}.filter-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.article-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.article-card .cat{font-size:12px;color:var(--gold);letter-spacing:2px;font-weight:600;margin-bottom:12px}.article-card h3{font-family:var(--serif);font-size:17.5px;color:var(--ink);line-height:1.6;margin-bottom:12px}.article-card p{font-size:13.5px;color:var(--gray);flex:1}.article-card .meta{margin-top:18px;padding-top:14px;border-top:1px dashed var(--line);font-size:12px;color:#97a1a8;letter-spacing:1px}.site-footer{background:var(--ink-deep);color:#9db4bb;padding:64px 0 34px;font-size:13.5px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:44px;margin-bottom:44px}.footer-brand .brand-name{color:#f2f0e6;font-size:19px}.footer-brand p{margin-top:14px;max-width:380px;line-height:1.9}.footer-col h4{color:#f2f0e6;font-size:14px;letter-spacing:3px;margin-bottom:16px;font-family:var(--serif)}.footer-col a{display:block;padding:5px 0;letter-spacing:1px;transition:color .2s}.footer-col a:hover{color:var(--gold-soft)}.footer-bottom{border-top:1px solid rgba(157,180,187,.18);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;letter-spacing:1px}@media (max-width: 960px){.card-grid,.trio-grid,.case-grid,.redline-grid,.article-grid{grid-template-columns:1fr 1fr}.goal-band,.compare-grid,.split-grid,.result-grid,.classroom-flow,.stage-card{grid-template-columns:1fr}.stage-side{border-right:none;border-bottom:1px dashed var(--line);padding:0 0 18px}.footer-grid{grid-template-columns:1fr;gap:30px}}@media (max-width: 720px){.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px 20px 18px;gap:2px}.nav-links.open{display:flex}.nav-links a{padding:12px 14px}.nav-toggle{display:block}.section{padding:60px 0}.hero{padding:84px 0 76px}.card-grid,.trio-grid,.case-grid,.redline-grid,.article-grid{grid-template-columns:1fr}.stage-card,.tool-panel{padding:30px 24px}.graph-detail dl{grid-template-columns:1fr;row-gap:2px}.graph-detail dt{margin-top:10px}.duty-table{font-size:13px}.duty-table th,.duty-table td{padding:12px}}