:root{--accent:#39c5bb;--accent-strong:#1f9e95;--accent-soft:#39c5bb1f;--bg:#f4f9f8;--surface:#fff;--surface-2:#f7fbfa;--border:#12393a14;--ink:#12393a;--ink-2:#4d6a69;--muted:#8ba3a1;--ok:#2fb36b;--shadow:0 1px 2px #12393a0a, 0 8px 28px #12393a0f;--code-bg:#f3f7f6;--code-ink:#24393a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--accent-strong:#5fd6cd;--accent-soft:#39c5bb29;--bg:#0e1618;--surface:#152123;--surface-2:#1a292b;--border:#ffffff12;--ink:#e2f2f0;--ink-2:#a8c3c0;--muted:#6f8d8a;--shadow:0 1px 2px #0003, 0 8px 28px #00000040;--code-bg:#1b2a2c;--code-ink:#d5e7e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent-strong:#5fd6cd;--accent-soft:#39c5bb29;--bg:#0e1618;--surface:#152123;--surface-2:#1a292b;--border:#ffffff12;--ink:#e2f2f0;--ink-2:#a8c3c0;--muted:#6f8d8a;--shadow:0 1px 2px #0003, 0 8px 28px #00000040;--code-bg:#1b2a2c;--code-ink:#d5e7e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root{--font:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--fs-display:clamp(30px, 6vw, 40px);--fs-title:26px;--fs-label:13px;--fs-number:26px;--fs-body:15px;--fs-small:13px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r-card:18px;--r-tile:12px;--r-pill:999px;--page-width:1040px}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.75}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{max-width:var(--page-width);padding:10px var(--s4);align-items:center;gap:var(--s3);margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:.01em;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand .dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.nav{align-items:center;gap:2px;margin-left:auto;display:flex}.nav a{white-space:nowrap;color:var(--ink-2);border-radius:var(--r-pill);padding:6px 12px;font-size:14px}.nav a:hover{background:var(--accent-soft);color:var(--ink);text-decoration:none}.nav a.on{color:var(--accent-strong);background:var(--accent-soft);font-weight:600}.theme{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--ink-2);cursor:pointer;border-radius:50%;margin-left:4px;font-size:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow);padding:var(--s5)}.card-head{justify-content:space-between;align-items:center;gap:var(--s3);margin-bottom:var(--s4);display:flex}.label{font-size:var(--fs-label);letter-spacing:.08em;color:var(--muted);margin:0;font-weight:600}.meta{font-size:var(--fs-small);color:var(--muted)}.tags{gap:var(--s2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tags li{background:var(--accent-soft);color:var(--accent-strong);border-radius:var(--r-pill);padding:2px 12px;font-size:14px}.tiles{gap:var(--s3);grid-template-columns:repeat(2,1fr);display:grid}.tile{background:var(--surface-2);border-radius:var(--r-tile);padding:var(--s3) var(--s4);min-width:0}.tile .k{font-size:var(--fs-small);color:var(--muted)}.tile .v{font-size:var(--fs-number);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.25;overflow:hidden}.tile .v small{color:var(--ink-2);margin-left:2px;font-size:14px;font-weight:500}.tile .x{color:var(--muted);font-size:12px}.online{color:var(--ok);align-items:center;gap:8px;font-weight:600;display:inline-flex}.online:before{content:"";background:var(--ok);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2fb36b26}.more{color:var(--accent-strong);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}.oshi{gap:var(--s3);grid-template-columns:repeat(4,1fr);display:grid}.oshi figure{margin:0}.oshi img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-tile);background:var(--surface-2);width:100%;display:block}.oshi figcaption{margin-top:6px;font-size:14px;font-weight:600;line-height:1.3}.oshi figcaption small{color:var(--muted);font-size:12px;font-weight:400;display:block}.prose p{color:var(--ink);margin:0 0 .8em}.prose p:last-child{margin-bottom:0}.prose h4{margin:1.2em 0 .3em;font-size:15px}.footer{max-width:var(--page-width);margin:var(--s7) auto var(--s6);padding:0 var(--s4);justify-content:space-between;gap:var(--s2);font-size:var(--fs-small);color:var(--muted);flex-wrap:wrap;display:flex}.footer a{color:var(--muted)}@media (width<=560px){.card{padding:var(--s4);border-radius:16px}.oshi{grid-template-columns:repeat(2,1fr)}.topbar-inner{gap:var(--s2)}.nav a{padding:6px 7px}.brand{white-space:nowrap;font-size:16px}}@media (width<=430px){.brand-name{display:none}.theme{flex-shrink:0}}#app{display:contents}.page{max-width:var(--page-width);padding:var(--s5) var(--s4) 0;gap:var(--s4);margin:0 auto;display:grid}.page.narrow{max-width:760px}.page>*{min-width:0}.muted-note{color:var(--muted)}.count{color:var(--muted);font-size:var(--fs-small)}.back-link{margin:0;font-size:14px}::view-transition-old(root){animation-duration:.5s;animation-timing-function:ease}::view-transition-new(root){animation-duration:.5s;animation-timing-function:ease}
