:root{--ink:#102044;--muted:#65718e;--line:rgba(67,84,132,.16);--paper:rgba(255,255,255,.76);--paper-strong:#fff;--blue:#4564c8;--blue-soft:#edf2ff;--coral:#eb806c;--green:#2c8067;--shadow:rgba(34,50,94,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:radial-gradient(circle at 14% 5%,rgba(80,108,202,.17),transparent 34%),radial-gradient(circle at 91% 20%,rgba(235,128,108,.17),transparent 30%),linear-gradient(145deg,#eef2ff,#fff6f1);overflow-x:hidden}.overview-page::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(36,55,110,.18) .6px,transparent .6px);background-size:13px 13px}.overview-nav{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1240px;margin:auto;padding:25px 30px}.overview-nav a{color:var(--ink);font-size:12px;font-weight:900;text-decoration:none}.guide-link{justify-self:end}.series-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 12px 30px var(--shadow);backdrop-filter:blur(15px)}.series-switch a{padding:8px 14px;border-radius:999px;color:var(--muted);font-size:10px}.series-switch a.active{background:var(--blue);color:#fff}.overview-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 40px));margin:30px auto 80px}.overview-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:56px;align-items:center;min-height:420px;padding:66px 68px;border:1px solid rgba(255,255,255,.9);border-radius:42px;background:linear-gradient(130deg,rgba(255,255,255,.9),rgba(241,245,255,.7));box-shadow:0 32px 90px var(--shadow);overflow:hidden}.overview-hero::after{content:"∫";position:absolute;right:19%;top:-90px;color:rgba(69,100,200,.06);font:400 330px/1 Georgia,serif;pointer-events:none}.eyebrow,.editorial-section header p,.flow-title p,.route-overview header p,.deep-dive p{margin:0 0 13px;color:var(--blue);font:900 10px/1 "Times New Roman",serif;letter-spacing:.22em}.hero-copy h1{margin:0;font:900 clamp(55px,8vw,98px)/.98 SimSun,"Songti SC",serif;letter-spacing:-.07em}.hero-copy>p:not(.eyebrow){max-width:700px;margin:27px 0 0;font:600 16px/2 SimSun,"Songti SC",serif}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:34px}.primary-action,.secondary-action{display:flex;align-items:center;gap:20px;min-height:58px;padding:10px 18px;border-radius:17px;text-decoration:none}.primary-action{background:var(--ink);color:#fff;box-shadow:0 15px 32px rgba(16,32,68,.22)}.primary-action span,.primary-action b{display:block}.primary-action span{font-size:10px}.primary-action b{font-size:13px}.secondary-action{border:1px solid var(--line);background:rgba(255,255,255,.7);color:var(--blue);font-size:11px;font-weight:900}.hero-folio{position:relative;z-index:1;min-height:260px;padding:30px;border:1px solid rgba(69,100,200,.22);border-radius:30px;background:linear-gradient(150deg,#f1f5ff,#fff);box-shadow:0 20px 55px rgba(48,67,124,.13);transform:rotate(2deg)}.hero-folio span,.hero-folio strong,.hero-folio small{display:block}.hero-folio span{color:var(--blue);font:900 10px "Times New Roman",serif;letter-spacing:.2em}.hero-folio strong{margin:28px 0 8px;font:900 90px/.8 Georgia,serif;letter-spacing:-.08em}.hero-folio small{color:var(--muted);font:700 11px SimSun,serif}.hero-folio i{position:absolute;right:24px;bottom:24px;display:grid;place-items:center;width:67px;height:67px;border-radius:50%;background:var(--coral);color:#fff;font:900 22px Georgia,serif;font-style:normal}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.overview-stats article{min-height:132px;padding:22px;border:1px solid var(--line);border-radius:23px;background:var(--paper);box-shadow:0 14px 38px rgba(38,54,98,.075);backdrop-filter:blur(15px)}.overview-stats small,.overview-stats strong,.overview-stats span{display:block}.overview-stats small{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.1em}.overview-stats strong{margin:16px 0 10px;font:900 28px/1 SimSun,"Songti SC",serif}.overview-stats span{color:var(--muted);font-size:10px;line-height:1.55}.editorial-section,.flow-section,.route-overview,.deep-dive{margin-top:18px;border:1px solid var(--line);border-radius:32px;background:var(--paper);box-shadow:0 20px 60px rgba(38,54,98,.085);backdrop-filter:blur(18px)}.editorial-section{display:grid;grid-template-columns:275px 1fr;gap:42px;padding:38px}.editorial-section header h2,.flow-title h2,.route-overview h2,.deep-dive h2{margin:0;font:900 29px/1.28 SimSun,"Songti SC",serif}.editorial-section header span,.route-overview header span,.deep-dive span{display:block;margin-top:12px;color:var(--muted);font-size:11px;line-height:1.75}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.comparison-card{position:relative;min-height:160px;padding:22px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.7)}.comparison-card:first-child{background:linear-gradient(145deg,#fff,#f7f8fb)}.comparison-card:last-child{background:linear-gradient(145deg,var(--blue-soft),#fff)}.comparison-card small{color:var(--muted);font-size:9px;font-weight:900}.comparison-card h3{margin:12px 0 14px;font:900 19px SimSun,"Songti SC",serif}.comparison-card ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:10px;line-height:1.55}.comparison-card li::before{content:"—";margin-right:7px;color:var(--blue)}.play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.play-card{position:relative;min-height:194px;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.9),var(--blue-soft));overflow:hidden}.play-card::after{content:attr(data-no);position:absolute;right:10px;bottom:-25px;color:rgba(69,100,200,.08);font:900 105px Georgia,serif}.play-card b,.play-card span{position:relative;z-index:1;display:block}.play-card b{font:900 17px SimSun,"Songti SC",serif}.play-card span{margin-top:14px;color:var(--muted);font-size:10px;line-height:1.8}.play-card em{position:relative;z-index:1;display:inline-block;margin-top:16px;padding:5px 8px;border-radius:999px;background:#fff;color:var(--blue);font-size:8px;font-style:normal;font-weight:900}.flow-section{display:grid;grid-template-columns:220px 1fr;gap:38px;padding:35px}.training-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:0;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--line);overflow:hidden;list-style:none}.training-flow li{position:relative;min-height:132px;padding:20px 15px;background:rgba(255,255,255,.84)}.training-flow i,.training-flow b,.training-flow span{display:block}.training-flow i{color:var(--coral);font:900 20px Georgia,serif;font-style:normal}.training-flow b{margin-top:20px;font:900 13px SimSun,"Songti SC",serif}.training-flow span{margin-top:8px;color:var(--muted);font-size:9px;line-height:1.55}.route-overview{padding:35px}.route-overview>header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.route-overview>header a{color:var(--blue);font-size:10px;font-weight:900;text-decoration:none}.stage-rail{display:flex;gap:7px;margin-top:25px}.stage-rail button{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:9px;font-weight:900;cursor:pointer}.stage-rail button.active{border-color:var(--blue);background:var(--blue);color:#fff}.compact-route{display:grid;grid-template-columns:repeat(11,1fr);gap:8px;margin-top:15px}.route-node{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.86);color:var(--ink);font:900 18px Georgia,serif;text-decoration:none;transition:.2s ease}.route-node:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 12px 23px rgba(38,54,98,.12)}.route-node.review::after{content:"";position:absolute;right:6px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--coral)}.route-node.gate{box-shadow:inset 0 0 0 2px var(--blue)}.route-node small{position:absolute;left:0;right:0;bottom:5px;color:var(--muted);font:800 6px "Microsoft YaHei",sans-serif;text-align:center}.deep-dive{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px}.deep-dive>div{max-width:720px}.deep-dive>a{display:flex;align-items:center;justify-content:space-between;gap:22px;min-width:280px;padding:17px 19px;border-radius:18px;background:var(--ink);color:#fff;text-decoration:none}.deep-dive>a span,.deep-dive>a b{margin:0}.deep-dive>a span{font-size:10px}.deep-dive>a b{font-size:12px}.mixed-mode .overview-hero::after{content:"Aλ"}.mixed-mode .hero-folio i{background:var(--green)}
@media(max-width:900px){.overview-hero{grid-template-columns:1fr;padding:48px}.hero-folio{display:none}.overview-stats{grid-template-columns:repeat(2,1fr)}.editorial-section,.flow-section{grid-template-columns:1fr}.compact-route{grid-template-columns:repeat(7,1fr)}.training-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.overview-nav{grid-template-columns:1fr auto;padding:18px}.series-switch{grid-column:1/-1;grid-row:2;margin-top:12px}.series-switch a{flex:1;text-align:center}.guide-link{font-size:0!important}.guide-link::after{content:"详情 ↗";font-size:11px}.overview-shell{width:calc(100% - 24px);margin-top:8px}.overview-hero{min-height:0;padding:36px 24px;border-radius:28px}.hero-copy h1{font-size:48px}.hero-copy>p:not(.eyebrow){font-size:13px}.hero-actions{align-items:stretch;flex-direction:column}.primary-action,.secondary-action{justify-content:center}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-stats article{min-height:116px;padding:17px}.editorial-section,.flow-section,.route-overview,.deep-dive{padding:24px;border-radius:25px}.comparison-grid,.play-grid{grid-template-columns:1fr}.training-flow{grid-template-columns:1fr}.route-overview>header,.deep-dive{align-items:flex-start;flex-direction:column}.stage-rail{overflow:auto;padding-bottom:4px}.stage-rail button{flex:0 0 auto}.compact-route{grid-template-columns:repeat(5,1fr)}.deep-dive>a{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Readability, route-card motion and live advanced progress */
.hero-copy h1{font-size:clamp(54px,7.2vw,88px);line-height:1}
.hero-folio{overflow:hidden;animation:folio-float 5.4s ease-in-out infinite}
.hero-folio::before{content:"";position:absolute;inset:-70% -30%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.72) 50%,transparent 58%);transform:translateX(-60%) rotate(12deg);animation:folio-glint 6.4s ease-in-out infinite}
.hero-folio strong{position:relative;z-index:1;margin:27px 0 10px;font-size:76px;line-height:.92}
.hero-folio small{position:relative;z-index:1;font-size:12px;line-height:1.45}
.overview-nav a,.primary-action span,.secondary-action,.route-overview>header a,.deep-dive>a span,.deep-dive>a b{font-size:12px}
.overview-stats small{font-size:11px}.overview-stats span,.editorial-section header span,.route-overview header span,.deep-dive span{font-size:12px}.comparison-card small{font-size:11px}.comparison-card ul,.play-card span{font-size:12px}.play-card em,.training-flow span,.stage-rail button{font-size:10px}.training-flow b{font-size:14px}.route-node small{font-size:7px}
.advanced-progress-card{position:relative;display:grid;grid-template-columns:126px minmax(0,1fr) 170px;align-items:center;gap:26px;min-height:180px;margin-top:18px;padding:28px 34px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(120deg,var(--paper-strong),color-mix(in srgb,var(--blue-soft) 74%,var(--paper-strong)));box-shadow:0 20px 60px rgba(38,54,98,.10);overflow:hidden}
.advanced-progress-card::after{content:"";position:absolute;right:-75px;top:-115px;width:270px;height:270px;border:28px solid color-mix(in srgb,var(--blue) 8%,transparent);border-radius:50%;animation:progress-orbit 12s linear infinite}
.advanced-progress-pet{position:relative;z-index:1;text-align:center}.advanced-progress-pet img{display:block;width:110px;height:116px;margin:auto;object-fit:contain;filter:drop-shadow(0 12px 11px rgba(24,41,85,.18));animation:progress-pet 3.8s ease-in-out infinite}.advanced-progress-pet span{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:900}
.advanced-progress-copy{position:relative;z-index:1}.advanced-progress-copy p{margin:0;color:var(--blue);font:900 11px "Times New Roman",serif;letter-spacing:.2em}.advanced-progress-copy h2{margin:12px 0 8px;font:900 27px/1.3 SimSun,"Songti SC",serif}.advanced-progress-copy>span{color:var(--muted);font-size:13px;line-height:1.7}.advanced-progress-track{height:10px;margin-top:20px;border-radius:99px;background:color-mix(in srgb,var(--blue) 11%,transparent);overflow:hidden}.advanced-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--coral),var(--blue));background-size:220% 100%;animation:progress-flow 3.2s linear infinite;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.advanced-progress-number{position:relative;z-index:1;text-align:right}.advanced-progress-number strong,.advanced-progress-number span{display:inline-block}.advanced-progress-number strong{font:900 58px/.85 Georgia,serif}.advanced-progress-number span{color:var(--muted);font-size:13px;font-weight:900}.advanced-progress-number a{display:block;margin-top:23px;padding:11px 13px;border-radius:12px;background:var(--ink);color:#fff;font-size:11px;font-weight:900;text-align:center;text-decoration:none}
@keyframes folio-float{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(-.7deg) translateY(-9px)}}@keyframes folio-glint{0%,58%{transform:translateX(-68%) rotate(12deg)}80%,100%{transform:translateX(68%) rotate(12deg)}}@keyframes progress-flow{to{background-position:-220% 0}}@keyframes progress-pet{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes progress-orbit{to{transform:rotate(360deg)}}
@media(max-width:760px){.advanced-progress-card{grid-template-columns:80px 1fr;padding:24px}.advanced-progress-pet img{width:76px;height:88px}.advanced-progress-pet span{display:none}.advanced-progress-number{grid-column:1/-1;display:flex;align-items:center;gap:8px;text-align:left}.advanced-progress-number strong{font-size:42px}.advanced-progress-number a{margin:0 0 0 auto}}
html[data-motion="off"] .hero-folio,html[data-motion="off"] .hero-folio::before,html[data-motion="off"] .advanced-progress-card::after,html[data-motion="off"] .advanced-progress-pet img,html[data-motion="off"] .advanced-progress-track i{animation:none!important}
.overview-page{--ink:var(--card-title,#102044);--muted:var(--card-muted,#65718e);--line:var(--card-border,rgba(67,84,132,.16));--paper:var(--card-bg,rgba(255,255,255,.76));--paper-strong:var(--card-bg-strong,#fff);--blue:var(--card-accent,#4564c8);--blue-soft:var(--card-accent-soft,#edf2ff);--coral:var(--theme-warm,#eb806c);--shadow:var(--card-shadow,rgba(34,50,94,.12))}

/* Clickable progress companion and guided-action motion. */
.advanced-progress-pet-button{position:relative;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.advanced-progress-pet-button b{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:900}.advanced-progress-pet-button:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:18px}.advanced-progress-speech{position:absolute;z-index:4;left:50%;bottom:calc(100% - 10px);width:190px;padding:10px 12px;border:1px solid var(--line);border-radius:14px 14px 14px 4px;background:var(--paper-strong);box-shadow:0 15px 35px var(--shadow);color:var(--ink);font-size:11px;font-weight:800;line-height:1.55;opacity:0;translate:-50% 8px;pointer-events:none;transition:.2s}.advanced-progress-pet-button.is-speaking .advanced-progress-speech{opacity:1;translate:-50% 0}.primary-action,#advanced-progress-next,#bottom-guide-link{position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s}.primary-action::after,#advanced-progress-next::after,#bottom-guide-link::after{content:"";position:absolute;inset:-45% auto -45% -40%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:skewX(-16deg);animation:advanced-action-glint 3.4s ease-in-out infinite}.primary-action:hover,#advanced-progress-next:hover,#bottom-guide-link:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 18px 38px rgba(16,32,68,.22)}.primary-action b,#advanced-progress-next,#bottom-guide-link b{animation:advanced-arrow-nudge 1.7s ease-in-out infinite}@keyframes advanced-action-glint{0%,58%{left:-40%}82%,100%{left:120%}}@keyframes advanced-arrow-nudge{0%,100%{letter-spacing:0}50%{letter-spacing:.06em}}html[data-motion="off"] .primary-action::after,html[data-motion="off"] #advanced-progress-next::after,html[data-motion="off"] #bottom-guide-link::after,html[data-motion="off"] .primary-action b,html[data-motion="off"] #advanced-progress-next,html[data-motion="off"] #bottom-guide-link{animation:none!important}