:root{--shell-bg:rgba(247,246,242,.94);--shell-ink:#1b2440;--shell-line:#dedbd2;--shell-card:#fff;--shell-accent:#4a3f9e;--shell-muted:#6b7280}
html{scroll-padding-top:70px}
body{overflow-x:hidden}
.site-nav{position:sticky;top:0;z-index:1000;display:flex;justify-content:center;gap:6px;padding:8px max(12px,env(safe-area-inset-left)) 8px max(12px,env(safe-area-inset-right));background:var(--shell-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--shell-line)}
.site-nav a{min-height:44px;min-width:72px;display:flex;align-items:center;justify-content:center;padding:0 16px;border-radius:12px;color:var(--shell-ink);text-decoration:none;font:700 14px/1 -apple-system,"PingFang SC","Noto Sans CJK SC",sans-serif}
.site-nav a[aria-current="page"]{background:#fff;box-shadow:0 1px 8px rgba(27,36,64,.08);color:var(--shell-accent)}
.site-page{max-width:720px;margin:0 auto;padding:28px 16px 64px;font-family:-apple-system,"PingFang SC","Noto Sans CJK SC",sans-serif;color:var(--shell-ink)}
.site-page h1{font-size:28px;line-height:1.3;margin:0 0 8px}.site-page .lede{color:var(--shell-muted);font-size:15px;line-height:1.7;margin:0 0 24px}
.issue-list{display:grid;gap:12px}.issue-card{display:block;background:var(--shell-card);border:1px solid var(--shell-line);border-radius:16px;padding:16px;text-decoration:none;color:inherit;box-shadow:0 4px 16px rgba(27,36,64,.04)}
.issue-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.issue-no{font-size:14px;font-weight:800}.issue-date{font-size:12px;color:var(--shell-muted)}
.issue-title{font-size:18px;line-height:1.45;font-weight:800;margin-bottom:10px}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag,.demo-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:12px}.tag{background:#f0eef8;color:#51478e}.demo-badge{background:#fff1d6;color:#9a5d00;font-weight:800}
.search-box{position:relative;margin:16px 0 20px}.search-box input{width:100%;min-height:50px;border:1px solid var(--shell-line);border-radius:14px;padding:0 16px;font-size:16px;background:#fff;color:var(--shell-ink);outline:none}.search-box input:focus{border-color:#8b82c6;box-shadow:0 0 0 3px rgba(74,63,158,.1)}
.status{padding:18px;border:1px dashed var(--shell-line);border-radius:14px;color:var(--shell-muted);background:#fff}.demo-ribbon{max-width:640px;margin:12px auto 0;padding:10px 14px;border-radius:12px;background:#fff1d6;color:#8b5708;font:800 13px/1.5 -apple-system,"PingFang SC",sans-serif;text-align:center}
.demo-page{max-width:640px;margin:0 auto;padding:28px 16px 70px;font-family:-apple-system,"PingFang SC",sans-serif;color:#1b2440}.demo-hero{background:linear-gradient(145deg,#1c2440,#5a4c8f);color:#fff;border-radius:20px;padding:28px 22px;margin-top:16px}.demo-hero small{opacity:.75}.demo-hero h1{font-size:28px;line-height:1.4;margin:10px 0}.demo-card{background:#fff;border:1px solid #e6e3da;border-radius:16px;padding:18px;margin-top:14px}.demo-card h2{font-size:18px;margin:0 0 8px}.demo-card p{line-height:1.8;color:#4b5563;margin:0}
@media (max-width:480px){.site-nav{justify-content:space-between}.site-nav a{flex:1;min-width:0;padding:0 10px}.site-page{padding:22px 14px 48px}.site-page h1{font-size:24px}.issue-title{font-size:17px}}