/* Mobile V1: shared green/yellow palette; structure and spacing remain unchanged. */
:root{color-scheme:light;--bg:#fff;--surface:#fff;--ink:#22292b;--muted:#687174;--line:#e8ebec;--green:#087747;--green-soft:#e7f4ed;--on-green:#fff;--yellow:#efc649;--yellow-soft:#fff6d5;--yellow-ink:#70540b;--band:#f3f5f4}
*{box-sizing:border-box}
html{scroll-padding-bottom:100px}
body{margin:0 auto;max-width:760px;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.65;padding-bottom:calc(82px + env(safe-area-inset-bottom))}
a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
p,li{overflow-wrap:anywhere}
button,input{font:inherit}
.skip-link{position:absolute;left:12px;top:-70px;background:var(--surface);padding:8px 12px;z-index:5}.skip-link:focus{top:8px}
:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--line)}
.site-name{margin:0;font-size:19px;letter-spacing:.04em;font-weight:750;color:var(--green)}
.site-scope{color:var(--muted);font-size:12px;letter-spacing:.08em}
main{min-height:60vh}.page-heading{padding:24px 18px 22px;background:var(--surface)}
.eyebrow{margin:0 0 8px;color:var(--green);font-size:12px;font-weight:650;letter-spacing:.1em}
h1{font-size:25px;line-height:1.4;letter-spacing:-.025em;margin:0 0 12px;font-weight:750}
.lede{color:var(--muted);font-size:14px;line-height:1.8;margin:0;max-width:62ch}
.content-section{background:var(--surface);margin:10px 0 0;scroll-margin-top:12px}
.content-section>h2,.related>h2{margin:0;padding:10px 18px;background:var(--band);color:var(--green);box-shadow:inset 3px 0 var(--green);font-size:14px;line-height:1.65;font-weight:650}
main>.content-section:nth-of-type(2)>h2::after{content:"精选";display:inline-block;margin-left:8px;padding:1px 6px;border-radius:3px;background:var(--yellow-soft);color:var(--yellow-ink);font-size:10px;font-weight:650;vertical-align:middle}
.content-section>p{margin:0;padding:14px 18px;font-size:14px;color:var(--muted)}
.story-list,.related{background:var(--surface)}
.story-row{display:block;position:relative;padding:17px 18px;border-bottom:1px solid var(--line)}
.story-row:last-child{border-bottom:0}.story-row:active{background:var(--green-soft)}
.row-meta{display:block;color:var(--green);font-size:11px;font-weight:650;margin-bottom:6px}
.row-title{display:block;position:relative;padding-right:20px;font-size:16px;font-weight:650;line-height:1.6}
.row-arrow{position:absolute;right:0;top:-2px;color:var(--muted);font-size:23px;font-weight:400}
.row-summary{display:block;font-size:13px;color:var(--muted);line-height:1.7;margin-top:6px;max-width:65ch}
.related{margin-top:12px}
.reading{background:var(--surface)}.reading .page-heading{padding-bottom:18px;border-bottom:1px solid var(--line)}
.reading h1{font-size:26px;line-height:1.48}
.reading-meta{color:var(--muted);font-size:11px;margin:0 0 16px}
.reading .lede{font-size:16px;line-height:1.9;color:var(--ink)}
.reading .content-section{margin:0;padding:22px 18px 0}
.reading .content-section>h2{padding:0;margin:0 0 12px;background:none;box-shadow:none;color:var(--ink);font-size:20px;line-height:1.5}
.reading .content-section>p{padding:0;margin:0 0 16px;color:var(--ink);font-size:16px;line-height:1.95}
.reading .content-section>.source-links{font-size:12px;line-height:1.75;color:var(--muted);padding-bottom:12px}
.source-links a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.official-entry{margin:14px 12px 0;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:inset 0 2px var(--yellow)}
.official-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.official-heading h2{font-size:15px;margin:0;line-height:1.5;color:var(--green)}.status-label{font-size:11px;white-space:nowrap;color:var(--yellow-ink);background:var(--yellow-soft);border-radius:4px;padding:2px 7px}
.official-entry p{font-size:13px;color:var(--muted);margin:10px 0 0;line-height:1.8}
.official-entry a{display:block;background:var(--green);color:var(--on-green);padding:9px 14px;border-radius:6px;text-align:center;font-weight:650}
.site-footer{padding:15px 18px 4px;text-align:center;color:var(--muted);font-size:11px}.site-footer p{margin:0}
.primary-nav{position:fixed;z-index:3;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:760px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px 8px calc(7px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}
.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:11px;line-height:1.5;padding:2px 0;min-width:0}
.nav-icon{display:flex;align-items:center;justify-content:center;width:42px;height:31px;border-radius:20px}
.nav-icon svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item[aria-current]{color:var(--green);font-weight:650}.nav-item[aria-current] .nav-icon{background:var(--green);color:var(--on-green)}
@media(min-width:760px){body{border-inline:1px solid var(--line)}.page-heading{padding:28px}.reading .content-section{padding-inline:28px}.story-row{padding-inline:28px}}