:root{--ink:#30241f;--muted:#6e5a50;--paper:#faf6ef;--rust:#9d4937;--line:#ddcfc0;--dark:#30241f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
a{color:inherit}
.wrap{width:min(1140px,calc(100% - 48px));margin:auto}
.site-header{background:var(--dark);color:#f7eee4}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:77px}
.brand{font-size:27px;font-weight:800;letter-spacing:.08em;text-decoration:none}
.nav{display:flex;gap:28px;font-size:14px}
.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}
.breadcrumb{font-size:13px;color:#85786e;padding:23px 0}.breadcrumb a{text-decoration:none}
.story-hero{background:#eadfd3;border-top:1px solid #d5c4b4}
.story-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px;padding-top:65px;padding-bottom:66px;align-items:end}
.eyebrow{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--rust)}
h1,h2,h3,p{margin-top:0}
.story-hero h1{font:normal clamp(39px,4.5vw,62px)/1.2 Georgia,"Noto Serif SC","Songti SC",serif;letter-spacing:-.035em;margin:18px 0 23px}
.story-hero .lead{max-width:740px;font-size:18px;color:#5d5148;margin:0}
.hero-aside{border-left:1px solid #b99f8a;padding-left:25px;color:#715f51;font-size:14px}
.hero-aside strong{display:block;color:var(--ink);font-size:16px;margin-bottom:9px}
.meta{display:flex;gap:20px;flex-wrap:wrap;color:#75695e;font-size:13px;padding:20px 0;border-bottom:1px solid var(--line)}
.content-grid{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:58px;padding-top:45px;padding-bottom:85px}
.article{min-width:0}
.article h2{font:normal 30px/1.35 Georgia,"Noto Serif SC","Songti SC",serif;margin:45px 0 18px}
.article h3{font-size:19px;margin:25px 0 9px}
.article p,.article li{color:#51463f;line-height:1.92}
.article ul{padding-left:1.5em}
.article li{margin-bottom:8px}
.intro-box{background:#fff;border-left:4px solid var(--rust);padding:24px 28px;box-shadow:0 9px 30px #4835220b}
.intro-box p:last-child{margin-bottom:0}
.timeline{border-top:1px solid #cdbcae;margin-top:30px}
.timeline-item{display:grid;grid-template-columns:70px 1fr;gap:17px;padding:25px 0;border-bottom:1px solid var(--line)}
.timeline-item .num{color:var(--rust);font:30px Georgia,serif}
.timeline-item h3{margin:0 0 9px;font-size:21px}
.timeline-item p{margin-bottom:0}
.detail-card{background:#fff;padding:27px 30px;border:1px solid var(--line);margin:30px 0}
.detail-card h3{margin-top:0}
.notice{background:#efe5da;padding:21px 24px;border-left:3px solid #b27856;font-size:14px}
.sources{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;font-size:14px}
.sources a{color:#8a3e2f}.sources li{overflow-wrap:anywhere}
.side{align-self:start;position:sticky;top:22px}
.side-panel{background:#3b302a;color:#f2e8df;padding:25px}
.side-panel h2{font:normal 24px/1.3 Georgia,"Noto Serif SC","Songti SC",serif;margin:0 0 17px}
.side-panel a{display:block;padding:11px 0;border-top:1px solid #78665b;text-decoration:none;font-size:14px}
.side-panel a:hover{text-decoration:underline}
.side-note{font-size:13px;color:#74675e;margin-top:15px}
.bottom-cta{background:var(--dark);color:#f6ede4;padding:35px;margin-top:45px}
.bottom-cta h2{font-size:26px;margin:0 0 10px;color:#fff}
.bottom-cta p{color:#d2c0b3}
.button{display:inline-block;background:var(--rust);color:#fff;text-decoration:none;padding:11px 23px;font-weight:700;font-size:14px}
.site-footer{background:var(--dark);color:#d6c8bc;font-size:13px;padding:26px 0}.site-footer a{color:inherit}
@media(max-width:850px){.story-hero .wrap{grid-template-columns:1fr;gap:24px}.hero-aside{border-left:0;border-top:1px solid #b99f8a;padding:17px 0 0}.content-grid{grid-template-columns:1fr}.side{position:static}.side-panel{display:none}}
@media(max-width:600px){.wrap{width:min(100% - 36px,1140px)}.site-header .wrap{display:block;padding-top:15px;padding-bottom:15px}.nav{gap:18px;flex-wrap:wrap;margin-top:8px}.story-hero .wrap{padding-top:47px;padding-bottom:48px}.story-hero h1{font-size:38px}.content-grid{padding-top:32px;padding-bottom:55px}.article h2{font-size:26px}.timeline-item{grid-template-columns:44px 1fr;gap:10px}.timeline-item .num{font-size:25px}.detail-card,.bottom-cta{padding:23px}.meta{gap:4px 16px}}
