/* 月明组合 — deep navy, luminous moon gold and high-contrast text. */
:root{color-scheme:dark;--bg:#09182b;--paper:#12263e;--green:#8cc8ff;--green-soft:#203b58;--ink:#f0f5fc;--muted:#b3c3d9;--line:#2d4461;--gold:#f0d395;--red:#ffb5aa;--blue:#a3c8f2;--shadow:0 8px 24px #02091730;background:var(--bg);color:var(--ink)}
body{background:var(--bg);color:var(--ink)}a{color:#a8d6ff}a:hover{color:#e3f2ff}button,input,select{color:var(--ink)}input,select,.study-toolbar select{background:#0c1e34;border-color:#405977;color:var(--ink)}input::placeholder{color:#9eafc7;opacity:1}select option{background:#10243b;color:#f0f5fc}:focus-visible{outline:2px solid #f0d395;outline-offset:4px}input:focus,select:focus{border-color:#9cd3ff}.sidebar{background:#0b1e34;border-color:var(--line);overflow-y:auto}.brand{letter-spacing:1px;font-size:24px;color:#f0f5fc}.brand-symbol{width:46px;height:46px;border-radius:12px;background:transparent;flex:none;object-fit:contain}.brand small{font-size:12px;letter-spacing:2px;color:var(--muted);margin-top:4px}.sidebar-caption{color:#b3c3d9;font-size:12px;letter-spacing:1px;margin-bottom:23px}.nav{gap:5px}.nav a{color:#c5d4e7;padding:10px 12px}.nav a:hover{background:#19344f;color:#fff}.nav a.active{color:#fff;background:#23568a;box-shadow:inset 3px 0 #f0d395}.local-badge,#archive-details,#archive-details p{color:var(--muted)}.local-badge i{background:#a6d7ff}#archive-details{border-color:var(--line)}summary{color:#b9ddff}.topbar{border-color:var(--line);color:var(--muted)}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px;letter-spacing:0}.eyebrow{color:#e8cf9a;font-size:12px}.research-tag,.pill{color:#d0e8ff;background:#203e5d}.pill.warning,.blocked-tag{color:#f6d99d;background:#4a3929}.button{background:#28609a;border-color:#5c8cbd;color:#fff}.button:hover{background:#326ea9;filter:none;color:#fff}.button-quiet{background:#142d48;border-color:#486482;color:#d4eaff}.button-quiet:hover{background:#203f60}.button:disabled{opacity:.55}.skip-link{background:#1b3856;color:#fff}.study-toolbar,.card,.metric,.holding-card,.target-card{background:var(--paper);border-color:var(--line)}.scope-note,.method-notes,.sop p,.recovery-copy p{color:var(--muted)}.notice,.calc-warnings{background:#3a3228;border-color:#6f5b3d;color:#f4d9ab}.error-panel{background:#432b34;border-color:#8b5360;color:#ffd1ca}.range-actions{background:#132b44}.chip{color:#c4d6eb}.chip.active{background:#2b5580;color:#fff;box-shadow:none}.metric:first-child{background:#1b426b;border-color:#48719a;color:#fff}.metric:first-child .metric-label,.metric:first-child .metric-note{color:#d2e2f5}.metric-label,.metric-note{color:var(--muted)}.metric-value{color:var(--ink)}.chart-grid{stroke:#314963}.chart-axis{fill:#becde0;font-size:12px}.chart-line{stroke:#9bd2ff}.chart-area-fill{fill:#6bbcff1b}.chart-crosshair{stroke:#cfdef0}.chart-dot{fill:#b8e1ff;stroke:#183652}.chart-tooltip{background:#071526f5;border:1px solid #6882a1;color:#f7fbff;box-shadow:0 5px 20px #0005}.dd-line{stroke:#f1cc88}.dd-fill{fill:#efc77b24}.chart-footer{border-color:var(--line);color:var(--muted)}.legend i,.allocation-key i{background:#9bd2ff}.year-track:before{border-color:#3b526e}.year-bar{background:#85b8ec}.year-bar.down{background:#dfa790}.year-label{color:#c2d0e3;font-size:12px}.stacked-bar{background:#233b53}.positive{color:#a6d8ff}.negative{color:#ffb5aa}.muted{color:var(--muted)}th{color:#c4d2e4;border-color:#405977}td{border-color:#2b405a}.holding-datum,.sop li,.source-item{border-color:var(--line)}.holding-date,.holding-datum span,.record-tag,.asset-code{color:#b7c8de}.method-stat{border-color:#526b88}.details-box,.report-links a{border-color:#405977}.report-links a{background:#142c46}.sop li>span{color:#e6cc95}.target-weight,.recovery-number{color:#b5dcff}.live-summary>div{border-color:#526e91}.market-warning{color:#e7c899}.calc-warnings{color:#f4d9ab}.calc-input-table input{background:#0c1e34}.live-panel .record-tag{color:#bed0e6}footer{border-color:#304760;color:#b8c9df}
.history-fund-status{white-space:normal;min-width:200px;max-width:300px;color:#e7d1a6}
.intro-allocation-copy{color:#d3dfef;font-size:14px;line-height:1.9}.reader-links{margin-top:18px}
.contribution-cash-fields{margin-top:22px}.contribution-strategy-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.contribution-strategy-copy article{border-left:3px solid #5a82a9;padding-left:15px;min-width:0}.contribution-strategy-copy h3{font-size:15px;color:#dfedff;margin-bottom:7px}.contribution-strategy-copy p{font-size:13px;color:#bed0e6;line-height:1.8}.contribution-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin:5px 0 15px;font-size:12px;color:#d5e2f2}.contribution-legend span{display:flex;align-items:center;gap:7px}.contribution-legend i{height:3px;width:20px;display:inline-block}.contribution-metrics th,.contribution-metrics td{padding:12px}.contribution-metrics th:nth-child(2),.contribution-metrics td:nth-child(2){background:#1d3b5855}.contribution-metrics td:nth-child(n+2){font-variant-numeric:tabular-nums}.contribution-metrics tr:first-child td:nth-child(n+2){font-size:20px;color:#e5f2ff}.contribution-metrics td:first-child{color:#bdcfe5}#contrib-allocation-strategy{font-size:16px;max-width:100%}#contrib-draft{font-size:13px;color:#d9c99f}
@media(max-width:640px){.contribution-strategy-copy{grid-template-columns:minmax(0,1fr);gap:19px}.contribution-metrics th,.contribution-metrics td{padding:10px}.contribution-metrics tr:first-child td:nth-child(n+2){font-size:17px}#contrib-results .card-heading{flex-wrap:wrap}#contrib-results .card-heading label{width:100%}#contrib-allocation-strategy{width:100%}.contribution-legend{gap:8px 13px}}
.allocation-comparison{display:flex;flex-direction:column;gap:22px;width:100%;min-width:0;margin:14px 0 20px}.allocation-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;min-width:0;align-items:start}.allocation-row-label{font-size:14px;line-height:22px;color:#e4efff;font-weight:600;white-space:nowrap}.allocation-content{min-width:0;container-type:inline-size;container-name:allocation-row}.allocation-track{width:100%;height:22px;border-radius:5px;background:#263b52;display:flex;gap:0;overflow:hidden;min-width:0}.allocation-segment{height:100%;min-width:0;flex-shrink:0;box-shadow:inset -1px 0 #10243c66}.allocation-name-list{display:flex;flex-wrap:wrap;gap:7px 9px;margin-top:10px;min-width:0}.allocation-name-chip{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:#e2ecfa;font-size:12px;line-height:1.5;border:1px solid #344e6d;background:#10243b;border-radius:5px;padding:4px 6px}.allocation-name-chip i{height:8px;width:8px;flex:none;border-radius:2px}.allocation-name-chip b{font-weight:500;color:#c9d8eb;font-variant-numeric:tabular-nums;white-space:nowrap}.allocation-row-caption{color:#b3c3d9;font-size:12px;line-height:1.6;margin-top:8px;overflow-wrap:anywhere}.allocation-centered,.allocation-small-labels{display:none}.allocation-empty{background:#132b45;border:1px dashed #425a75;border-radius:5px;min-height:38px;display:flex;align-items:center;padding:7px 10px;color:#bfcee2;font-size:12px;overflow-wrap:anywhere}.calculator-allocation{border-bottom:1px solid #314963;margin-bottom:22px;padding-bottom:2px}.calculator-allocation h3,.ledger-allocation h3{font-size:16px}.ledger-allocation{margin:20px 0 24px;padding:18px 0;border-top:1px solid #314963;border-bottom:1px solid #314963}.ledger-allocation .card-heading{align-items:flex-start;flex-wrap:wrap}.ledger-allocation select{font-size:16px;max-width:100%;min-height:42px}.ledger-allocation label{min-width:0;max-width:100%}
@container allocation-row (min-width:560px){.allocation-name-list{display:none}.allocation-centered{display:block;position:relative;height:47px;margin-top:8px}.allocation-centered>span{position:absolute;top:0;transform:translateX(-50%);text-align:center;font-size:12px;line-height:1.5;color:#e4eefb;white-space:nowrap;overflow:hidden}.allocation-centered i{display:inline-block;width:6px;height:6px;border-radius:1px;margin-right:3px;vertical-align:1px}.allocation-centered b{display:block;font-size:12px;font-weight:500;color:#c8d8ed}.allocation-small-labels{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px}.allocation-small-labels:empty{display:none}}
@media(max-width:640px){.allocation-row{grid-template-columns:32px minmax(0,1fr);gap:8px}.allocation-row-label{font-size:13px}.allocation-track{height:20px}.allocation-name-list{gap:6px}.allocation-name-chip{padding:3px 5px;gap:4px}.allocation-comparison{gap:18px}.ledger-allocation .card-heading{flex-direction:column}.ledger-allocation label,.ledger-allocation select{width:100%}.ledger-allocation{padding-top:16px}.calculator-allocation h3{font-size:15px}}
.allocation-comparison{gap:8px}.allocation-footer{margin-left:54px;width:calc(100% - 54px)}.allocation-notes{margin-top:7px;font-size:12px;color:#b3c3d9}.allocation-notes summary{font-size:12px}.allocation-notes p{margin-top:5px;line-height:1.7}.allocation-empty{min-height:22px;padding:1px 8px;line-height:20px}.allocation-footer .allocation-row-caption{margin-top:6px}
@media(max-width:640px){.allocation-comparison{gap:8px}.allocation-footer{margin-left:40px;width:calc(100% - 40px)}}
/* All annotations are readable, including the original archive panels. */
small,.brand small,.topbar>span,.sidebar-caption,.asof,.research-tag,.record-tag,.blocked-tag,.asset-code,.year-label,.yearly-bars .year-label,.chart-footer,.chart-footer span,.subchart-heading span,.subchart-heading h3,.source-item code,.holding-date,.holding-datum,.metric-note,.metric-value small,.sample-label small,.chart-axis,.nav a,.topbar .button,.range-toolbar p,.sop p,.footnote,.card-heading p,.scope-note,.report-links a,footer,footer span{font-size:12px;line-height:1.65}.brand small{letter-spacing:1px}.card-heading h2{font-size:17px}.page-heading p,.section-heading p{color:#b8cbe2;font-size:14px}.topbar{letter-spacing:1px}.intro-hero{background:linear-gradient(125deg,#173659,#14273f);padding:30px}.intro-hero h2{font-size:26px;line-height:1.5;margin-bottom:14px;max-width:800px}.intro-hero p{font-size:15px;line-height:1.9;max-width:950px;color:#d3dfef;margin-bottom:22px}.intro-hero .eyebrow{margin-bottom:12px}.intro-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.intro-columns h3{color:#f0d395;font-size:16px;margin-bottom:9px}.intro-columns p{color:#c0d0e4;font-size:14px;line-height:1.9}.intro-panel .sop h3{font-size:15px}.intro-panel .sop p{font-size:14px;max-width:1000px}.intro-panel .target-card{background:#102238}.intro-panel .notice{margin-top:15px}.schedule-chart{height:290px;max-width:100%;position:relative;margin:16px 0 0}.schedule-chart svg{display:block;width:100%;height:100%}.schedule-drawdown{height:150px;margin-top:12px}.schedule-dates{white-space:normal;overflow-wrap:anywhere;max-height:200px;overflow:auto;margin-top:12px;font-size:12px}.schedule-chart-label{fill:#bdd0e5;font-size:12px}.schedule-chart-line{fill:none;stroke:#9bd2ff;stroke-width:2.1;stroke-linejoin:round}.schedule-chart-fill{fill:#71bafa1c}.schedule-chart .chart-grid{stroke-dasharray:4 5}.schedule-drawdown .schedule-chart-line{stroke:#efd09b}.schedule-drawdown .schedule-chart-fill{fill:#efd09b22}#schedule-draft-status{color:#d6c5a0;font-size:13px}#schedule-run-caption,#schedule-run-params{overflow-wrap:anywhere}#schedule-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}#schedule-metrics .metric:first-child{grid-column:auto;display:block}#schedule-metrics .metric-value{font-size:27px;text-align:left;white-space:normal}#schedule-metrics .metric-note{font-size:12px}.live-summary strong{color:#f1f6ff}
@media(max-width:1180px){.brand{font-size:21px}.sidebar{padding-left:13px;padding-right:13px}.brand-symbol{width:38px;height:38px}.brand small{font-size:12px;letter-spacing:0}.intro-columns{grid-template-columns:minmax(0,1fr);gap:21px}}
@media(max-width:900px){.sidebar{overflow:visible}.brand{font-size:24px}.brand-symbol{width:44px;height:44px}.nav a{font-size:13px;padding:9px 12px}.nav{padding-bottom:14px}.sidebar-caption{margin-bottom:16px}.page-heading h1{font-size:27px}.intro-hero{padding:25px}.topbar>span{font-size:12px}.brand small{font-size:12px}}
@media(max-width:640px){.brand{font-size:23px}.brand-symbol{width:42px;height:42px}.page-heading h1{font-size:24px;line-height:1.5}.page-heading p{font-size:14px}.intro-hero h2{font-size:23px}.intro-hero p{font-size:14px}.live-panel .intro-hero{padding:22px 17px}.intro-columns p,.intro-panel .sop p{font-size:14px}.card-heading h2{font-size:16px}.schedule-chart{height:230px}.schedule-drawdown{height:140px}#schedule-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#schedule-metrics .metric{padding:14px 11px}#schedule-metrics .metric-value{font-size:24px}#schedule-metrics .metric-label{font-size:12px}.target-card{min-width:0}.target-card h3{font-size:14px}.brand small,.chart-footer,.year-label,.topbar .button,.asof,.source-item code{font-size:12px}.range-actions{flex-wrap:wrap;justify-content:flex-start}.chip{font-size:12px}.topbar{letter-spacing:0}}

/* Beginner route: one primary task and the real research result beside it. */
:root{--p-bg:#09182b;--p-surface:#12263e;--p-ink:#f0f5fc;--p-muted:#b3c3d9;--p-action:#f0d395;--p-action-ink:#09182b;--moon-space:clamp(24px,4vw,64px);--moon-serif:"Songti SC","STSong","SimSun",serif}
.sidebar .nav{margin-top:24px;overflow:visible}
.nav a,.research-nav summary{min-height:44px;align-items:center}
.research-nav summary{display:flex;justify-content:space-between;padding:8px 12px;color:var(--muted);font-size:13px}
.research-nav summary::after{content:"+";font-size:18px;line-height:1}
.research-nav[open] summary::after{content:"−"}
.research-nav div{padding-left:10px}
.research-nav div a{font-size:13px}
body[data-view="intro"] .page-heading,body[data-view="intro"] .topbar{display:none}
body[data-view="intro"] main{padding-top:0}
.moon-hero{min-height:100svh;display:grid;align-items:center;padding:var(--moon-space) 0;background:radial-gradient(ellipse at 85% 45%,#1c365151,transparent 62%)}
.moon-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:var(--moon-space);align-items:center}
.moon-copy,.moon-proof{min-width:0}
.moon-copy .eyebrow{font-size:14px;letter-spacing:.12em;margin-bottom:16px}
.moon-copy h1{font:500 clamp(38px,4.7vw,73px)/1.15 var(--moon-serif);letter-spacing:-.055em;color:#f6f3ed;margin-bottom:22px}
.moon-copy .hero__lead{font-size:clamp(16px,1.45vw,20px);line-height:1.75;max-width:31em;color:#d6e1ee}
.moon-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px}
.moon-actions .button{min-height:48px;padding:10px 16px;font-size:14px;border-radius:7px;transition:transform 150ms ease,background-color 150ms ease}
.moon-actions .button:hover{transform:translateY(-2px)}
.moon-actions .button:active{transform:translateY(0)}
.moon-actions .moon-primary{background:var(--p-action);border-color:var(--p-action);color:var(--p-action-ink);font-weight:600}
.moon-actions .moon-primary:hover{background:#f7deb0;color:var(--p-action-ink)}
.moon-primary span{margin-left:6px}
.moon-copy .moon-small,.moon-proof-note,.moon-period{font-size:13px;color:var(--p-muted)}
.moon-proof{background:#11253c;border:1px solid #38526c;border-radius:12px;padding:clamp(17px,2.6vw,34px);box-shadow:0 18px 56px #050d1c55}
.moon-proof-heading{display:flex;gap:8px;justify-content:space-between;align-items:baseline;flex-wrap:wrap;padding-bottom:13px;border-bottom:1px solid #38526c}
.moon-proof-heading h2{font-size:17px;font-weight:600}
.moon-proof-heading span,.moon-proof-state{color:var(--p-muted);font-size:13px}
.moon-proof-state{margin:24px 0}
.moon-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 10px}
.moon-metrics span{display:block;color:var(--p-muted);font-size:13px}
.moon-metrics strong{display:block;font:500 clamp(24px,3.45vw,49px)/1.2 "Segoe UI",sans-serif;font-variant-numeric:tabular-nums;color:#f3d9a7;letter-spacing:-.05em;white-space:nowrap}
.moon-metrics div+div strong{color:#e4ebf5}
.moon-chart{height:clamp(112px,13vw,204px);margin:8px 0}
.moon-chart svg{width:100%;height:100%;display:block}
.moon-gridline{stroke:#38516b;stroke-width:1;stroke-dasharray:4 5}
.moon-curve{fill:none;stroke:#efd49a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.moon-proof-note{margin-top:6px;color:#c5b99f}
.moon-guide,.moon-allocation{padding:var(--moon-space) 0;border-top:1px solid var(--line)}
.moon-section-head{margin-bottom:28px}
.moon-section-head h2{font:500 clamp(29px,3vw,45px)/1.3 var(--moon-serif);letter-spacing:-.035em}
.moon-section-head p{font-size:16px;color:#c7d6e8;margin-top:9px}
.moon-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}
.moon-steps li{border-top:1px solid #49637e;padding-top:16px}
.moon-steps li>span{color:var(--gold);font-size:14px;font-variant-numeric:tabular-nums}
.moon-steps h3{font-size:19px;margin:5px 0 6px}
.moon-steps p{font-size:15px;line-height:1.75;color:#c7d6e8}
.moon-textlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--gold);font-size:14px}
.moon-allocation .target-card{border-radius:8px}
@media(prefers-reduced-motion:no-preference){body[data-view="intro"] .moon-hero[data-enter] .moon-copy,body[data-view="intro"] .moon-hero[data-enter] .moon-proof{animation:moon-enter 380ms ease-out both}.moon-hero .moon-proof{animation-delay:60ms}@keyframes moon-enter{from{transform:translateY(7px);opacity:.75}to{transform:translateY(0);opacity:1}}}
@media(max-width:900px){
  .sidebar .nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;gap:4px 8px;padding-bottom:8px}
  .sidebar .nav>a{font-size:13px;padding:7px 4px;text-align:center}
  .research-nav{grid-column:1/-1}
  .research-nav summary{justify-content:flex-start;gap:12px;padding-left:4px}
  .research-nav[open] div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-left:0}
  .research-nav div a{white-space:normal;padding:6px 2px;text-align:center}
  .moon-hero{min-height:calc(100svh - 155px)}
}
@media(max-width:680px){
  .moon-hero{padding:26px 0 28px;min-height:0}
  .moon-split{grid-template-columns:minmax(0,1fr);gap:22px}
  .moon-copy .eyebrow{margin-bottom:7px}
  .moon-copy h1{font-size:clamp(37px,10vw,53px);margin-bottom:12px}
  .moon-copy .hero__lead{font-size:16px}
  .moon-actions{display:grid;grid-template-columns:1fr;margin:16px 0 9px;gap:8px}
  .moon-actions .button{min-height:44px}
  .moon-metrics{margin:12px 0 4px}
  .moon-chart{height:104px}
  .moon-steps{grid-template-columns:1fr;gap:12px}
  .moon-steps li{padding-top:12px}
}