:root{--bg:#D7E4E6;--deep:#C4D4D6;--paper:#F3F7F7;--soft:#E4EEEF;--ink:#1E2C2E;--text:#2A3A3C;--muted:#4A6064;--aux:#6A8084;--teal:#4A8A8C;--sand:#C4A070;--line:rgba(30,44,46,.14);--strong:rgba(74,138,140,.42);--shadow:0 12px 28px rgba(30,44,46,.08);--max:980px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden;padding-top:74px}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(var(--max),calc(100% - 32px));margin:auto}.top-strip{position:fixed;z-index:50;top:0;left:0;right:0;height:20px;background:var(--ink);color:var(--paper);font-size:12px}.strip-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:var(--paper);height:20px;cursor:pointer}.site-header{position:fixed;z-index:49;top:20px;left:0;right:0;height:54px;background:var(--paper);border-bottom:1px solid var(--strong)}.header-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand,.drawer-brand{display:flex;align-items:center;gap:10px}.brand-text{font-size:16px;font-weight:700}.logo-plate,.footer-logo-plate{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;padding:3px 6px;min-height:30px}.brand-logo{display:block;height:24px;width:auto;max-width:150px;object-fit:contain}.header-actions{display:flex;gap:8px;align-items:center}.header-link,.menu-button{height:44px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--strong);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer}.body-shell{display:grid;grid-template-columns:132px minmax(0,1fr);gap:28px;align-items:start}.side-nav{position:sticky;top:92px;padding:18px 0}.side-nav a{display:flex;align-items:center;min-height:34px;padding:0 0 0 12px;border-left:3px solid transparent;color:var(--muted);font-size:13px}.side-nav a.active{border-left-color:var(--teal);color:var(--ink);font-weight:700}.site-main{min-width:0;padding:32px 0 58px}.page-hero,.section{background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:28px;margin-bottom:22px}.page-hero h1,.section h1{font-size:24px;line-height:1.3;color:var(--ink);margin:0 0 12px}.section h2{font-size:20px;color:var(--ink);margin:0 0 12px}.section h3{font-size:16px;color:var(--ink);margin:0 0 8px}.lead{font-size:16px;color:var(--muted);max-width:760px}.eyebrow{font-size:12px;letter-spacing:.08em;color:var(--teal);margin-bottom:8px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:8px;font-size:14px;background:linear-gradient(135deg,#4A8A8C 0%,#1E2C2E 100%);color:var(--paper);border:0}.btn.secondary{background:var(--paper);color:var(--ink);border:1px solid var(--teal)}a:focus-visible,button:focus-visible{outline:3px solid var(--sand);outline-offset:2px}.btn:hover,.header-link:hover,.menu-button:hover{filter:brightness(.96)}.short-index{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.short-index a{padding:10px 12px;background:var(--soft);border-left:3px solid var(--teal);border-radius:6px;color:var(--ink)}.newspaper{display:grid;grid-template-columns:1fr 1fr;gap:24px}.media-slot{background:var(--deep);border-radius:8px;min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot.h168{height:168px}.media-slot.h200{height:200px}.media-slot.v320{height:320px}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.marquee-list{display:grid;gap:14px}.marquee-item{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:16px;background:var(--soft);border-radius:8px}.marquee-item.no-media{grid-template-columns:1fr}.clip-pages{display:grid;grid-template-columns:1fr 1fr;gap:18px}.clip-card,.topic-card,.status-card,.center-card,.memo-card,.faq-item{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:20px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.periods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.status-list{display:grid;gap:10px}.status-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;background:var(--soft);border-radius:8px}.status-tag{white-space:nowrap;color:var(--ink);font-weight:700}.app-split{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}.article-flow p{margin:0 0 15px}.article-flow h2{margin-top:26px}.two-column-copy{columns:2;column-gap:32px}.note-list{display:grid;gap:12px}.note-list .memo-card{border-left:4px solid var(--teal)}.center-stack{display:grid;gap:16px;max-width:720px;margin:auto}.terms section{padding:18px 0;border-bottom:1px solid var(--line)}.terms section:last-child{border-bottom:0}.banner-slot{height:200px;background:var(--deep);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;overflow:hidden}.banner-slot img{width:100%;height:100%;object-fit:contain}.site-footer{background:#162022;color:#D7E4E6;border-top:1px solid var(--strong);font-size:13px;padding:36px 0 68px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.footer-brand span:last-child{color:#9DB0B3}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-groups h3{font-size:13px;color:#F3F7F7;margin:0 0 8px}.footer-groups a{display:block;color:#D7E4E6;margin:5px 0}.footer-note{max-width:760px;margin:24px 0 10px;color:#B8C6C8}.copyright{margin:0;color:#91A4A7}.overlay{position:fixed;z-index:70;inset:0;background:rgba(22,32,34,.48);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;z-index:80;left:16px;bottom:16px;width:min(360px,88vw);max-height:480px;overflow:auto;background:var(--paper);border:1px solid var(--strong);border-radius:10px;box-shadow:var(--shadow);padding:18px;transform:translateY(120%);visibility:hidden;pointer-events:none;transition:.25s}.drawer.open{transform:translateY(0);visibility:visible;pointer-events:auto}.drawer-head,.search-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.close-button{min-width:60px;height:40px;border:1px solid var(--strong);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer}.drawer-group{margin-top:16px}.drawer-group h3{font-size:13px;margin:0 0 8px;color:var(--teal)}.drawer-group a{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.drawer-group a span{color:var(--muted);font-size:12px}.search-panel{position:fixed;z-index:79;left:0;right:0;top:74px;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.search-panel.open{visibility:visible;opacity:1;pointer-events:auto}.search-card{background:var(--paper);border:1px solid var(--strong);border-radius:0 0 10px 10px;padding:18px}.search-links{display:flex;gap:10px;flex-wrap:wrap}.search-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.mobile-nav{display:none}
@media(max-width:760px){body{padding-top:74px;padding-bottom:calc(58px + env(safe-area-inset-bottom))}.shell{width:calc(100% - 32px)}.body-shell{display:block}.side-nav{display:none}.site-main{padding-top:20px}.page-hero,.section{padding:20px}.short-index{grid-template-columns:1fr 1fr}.newspaper,.clip-pages,.topic-grid,.periods,.app-split{grid-template-columns:1fr}.marquee-item{grid-template-columns:1fr}.two-column-copy{columns:1}.footer-groups{grid-template-columns:1fr 1fr}.mobile-nav{position:fixed;z-index:60;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border-top:1px solid var(--strong)}.mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-nav a.active{background:var(--teal);color:var(--paper)}.search-panel{inset:0;top:0;background:var(--ink);padding-top:22px}.search-card{width:calc(100% - 32px);background:var(--ink);color:var(--paper);border:0;border-radius:0}.search-links a{background:#223336;border-color:#4A8A8C;color:var(--paper)}.search-head .close-button{background:var(--paper)}.drawer{bottom:64px}}