:root{--bg:#F1EFE8;--paper:#FAF8F2;--ink:#2C2C2A;--sub:#5F5E5A;--line:#D8D3C7;--gold:#BA7517;--gold-dark:#854F0B;--wash:#E9E2D2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:DengXian,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.75}a{color:var(--gold-dark);text-decoration-thickness:1px;text-underline-offset:4px}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold-dark);outline-offset:4px}.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:.12em;min-width:44px;min-height:44px;display:inline-flex;align-items:center}.nav{display:flex;gap:24px;font-size:13px}.nav a{color:var(--sub);text-decoration:none;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.nav a:hover{color:var(--ink)}.hero{padding:64px 0 40px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:64px;align-items:end}.eyebrow{font-size:13px;letter-spacing:.16em;color:var(--sub);margin:0 0 16px}.hero h1{font-family:KaiTi,STKaiti,'Microsoft YaHei',serif;font-size:clamp(48px,7vw,84px);font-weight:700;line-height:1.1;letter-spacing:.08em;margin:0 0 24px;text-wrap:balance}.subtitle{font-size:clamp(20px,2.3vw,28px);line-height:1.5;margin:0;max-width:720px;text-wrap:balance}.summary{color:var(--sub);margin:0;font-size:16px}.metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:16px}.metric{border-top:1px solid var(--ink);padding-top:12px}.metric b{display:block;font-size:30px;line-height:1.2;font-variant-numeric:tabular-nums}.metric span{font-size:12px;color:var(--sub)}.section{padding:40px 0 48px;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:220px 1fr;gap:32px;margin-bottom:28px}.section-head h2{font-size:24px;line-height:1.35;margin:0;text-wrap:balance}.section-head p{margin:0;color:var(--sub);max-width:720px}.chart-panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 20px 12px}.chart-panel svg{display:block;width:100%;height:auto}.chart-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.chart-notes p{margin:0;color:var(--sub);font-size:14px}.chart-notes b{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}.timeline{border-bottom:1px solid var(--line)}.turning{width:100%;border:0;border-top:1px solid var(--line);background:transparent;display:grid;grid-template-columns:96px 150px 1fr 36px;gap:24px;align-items:center;text-align:left;padding:22px 8px;cursor:pointer;min-height:104px}.turning:hover{background:rgba(255,255,255,.42)}.turning:active{background:var(--wash)}.turning .no{font-size:32px;font-variant-numeric:tabular-nums;line-height:1}.turning .label{font-size:12px;color:var(--sub);letter-spacing:.12em}.turning h3{font-size:20px;margin:0 0 4px}.turning p{margin:0;color:var(--sub);font-size:14px}.turning .arrow{font-size:24px;text-align:right}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 56px}.quote{margin:0;border-top:2px solid var(--ink);padding-top:20px}.quote .qmeta{font-family:DengXian,'PingFang SC','Microsoft YaHei',sans-serif;font-size:12px;color:var(--sub);letter-spacing:.08em;margin-bottom:12px}.quote p{font-family:KaiTi,STKaiti,'Microsoft YaHei',serif;font-size:22px;line-height:1.85;margin:0}.quote cite{display:block;font-style:normal;font-family:DengXian,'PingFang SC','Microsoft YaHei',sans-serif;font-size:12px;color:var(--sub);margin-top:14px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tab{min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer}.tab[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.panel{display:none}.panel.active{display:block}.panel-inner{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px}.panel-inner h3{margin:0 0 8px;font-size:20px}.panel-inner p{margin:0 0 12px;color:var(--sub)}.panel-inner p:last-child{margin-bottom:0}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{color:var(--sub);font-weight:400}.data-table tr:last-child td{border-bottom:0}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.chapter-button{min-height:96px;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:14px 16px;text-align:left;cursor:pointer;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}.chapter-button:hover{border-color:var(--ink)}.chapter-button:active{background:var(--wash)}.chapter-button b{font-size:24px;font-variant-numeric:tabular-nums}.chapter-button span{font-size:13px;line-height:1.6}.note{font-size:13px;color:var(--sub);margin-top:20px}.site-footer{border-top:1px solid var(--line);padding:28px 0 48px;color:var(--sub);font-size:13px}.site-footer a{min-width:44px;min-height:44px;display:inline-flex;align-items:center}.footer-inner{display:flex;justify-content:space-between;gap:24px}.cross{color:var(--gold);font-size:24px;line-height:1}dialog{width:min(720px,calc(100% - 32px));max-height:86dvh;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);padding:0;box-shadow:0 20px 60px rgba(44,44,42,.18)}dialog::backdrop{background:rgba(44,44,42,.42)}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:24px;padding:24px 24px 16px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font-size:24px;line-height:1.4}.close{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;font-size:22px;line-height:1}.dialog-body{padding:20px 24px 28px}.dialog-body p{margin:0 0 14px}.dialog-body .muted{color:var(--sub)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.mini{border-top:1px solid var(--ink);padding-top:8px}.mini b{display:block;font-size:22px}.mini span{font-size:12px;color:var(--sub)}details{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}summary{min-height:44px;cursor:pointer;font-weight:700}details blockquote{margin:12px 0 0;font-family:KaiTi,STKaiti,'Microsoft YaHei',serif;font-size:20px;line-height:1.85}.event-list{padding-left:20px;color:var(--sub)}.event-list li{margin:6px 0}
.mu-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.home-hero{padding:64px 0 40px}.home-hero h1{font-family:KaiTi,STKaiti,'Microsoft YaHei',serif;font-size:clamp(56px,8vw,96px);line-height:1.1;letter-spacing:.12em;margin:0 0 24px}.home-hero .theme{font-size:clamp(22px,3vw,34px);line-height:1.55;max-width:900px;margin:0 0 20px;text-wrap:balance}.home-hero .intro{max-width:680px;color:var(--sub);margin:0}.home-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.panorama{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px}.panorama svg{display:block;width:100%;height:auto}.mobile-stages{display:none}.mu-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mu-card{position:relative;display:block;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--ink);text-decoration:none;min-height:220px}.mu-card:hover{border-color:var(--ink);transform:translateY(-1px)}.mu-card:active{background:var(--wash)}.mu-card .mu-no{font-size:12px;color:var(--sub);letter-spacing:.12em}.mu-card h3{font-family:KaiTi,STKaiti,'Microsoft YaHei',serif;font-size:30px;margin:12px 0 10px}.mu-card p{font-size:14px;color:var(--sub);margin:0 0 18px}.mu-card .enter{font-size:13px;color:var(--gold-dark)}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.method{border-top:2px solid var(--ink);padding-top:16px}.method h3{margin:0 0 8px;font-size:18px}.method p{margin:0;color:var(--sub);font-size:14px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.about-grid h3{margin:0 0 10px}.about-grid p,.about-grid li{color:var(--sub);font-size:14px}.about-grid ul{margin:0;padding-left:20px}
@media(max-width:768px){.wrap{width:min(100% - 32px,680px)}.header-inner{min-height:60px}.nav{gap:12px}.nav a{font-size:12px}.nav a:nth-child(2){display:none}.hero{padding:40px 0 28px;grid-template-columns:1fr;gap:24px}.hero h1{font-size:52px}.subtitle{font-size:21px}.metrics{grid-template-columns:1fr 1fr;gap:20px;margin-top:4px}.section{padding:30px 0 34px}.section-head{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.section-head h2{font-size:22px}.chart-panel{padding:8px;border-radius:10px;overflow-x:auto}.chart-panel svg{min-width:680px}.chart-notes{grid-template-columns:1fr;gap:12px}.turning{grid-template-columns:52px 1fr 24px;gap:12px;padding:18px 4px}.turning .label{display:none}.turning .no{font-size:26px}.turning h3{font-size:18px}.turning p{font-size:13px}.quote-grid{grid-template-columns:1fr;gap:32px}.quote p{font-size:21px}.panel-inner{padding:18px 14px;overflow-x:auto}.chapter-grid{grid-template-columns:1fr 1fr}.chapter-button{grid-template-columns:34px 1fr;padding:12px;min-height:100px}.chapter-button b{font-size:20px}.chapter-button span{font-size:12px}.footer-inner{display:block}.mini-grid{grid-template-columns:1fr 1fr 1fr}dialog{width:100%;max-width:none;max-height:88dvh;margin:auto 0 0;border-radius:16px 16px 0 0}.dialog-head{padding:20px 18px 14px}.dialog-body{padding:18px}.data-table{min-width:560px}.home-hero{padding:40px 0 28px}.home-hero h1{font-size:56px}.home-hero .theme{font-size:23px}.home-metrics{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.desktop-panorama{display:none}.mobile-stages{display:grid;gap:12px}.mobile-stage{border-top:1px solid var(--ink);padding-top:12px}.mobile-stage b{display:block;font-size:18px}.mobile-stage span{font-size:13px;color:var(--sub)}.mu-grid{grid-template-columns:1fr}.mu-card{min-height:0;padding:20px}.method-grid{grid-template-columns:1fr;gap:24px}.about-grid{grid-template-columns:1fr;gap:24px}.mu-links{margin-top:16px}}
.beian-ico{width:14px;height:14px;vertical-align:-2px;margin-right:3px;display:inline-block}.site-footer a.beian-link{min-height:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}