* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
:root { --paper:#fafaf6; --bg:#eceae2; --ink:#333; --ink-soft:#7d786d; --line:#e0ddd3; --line-strong:#c5c1b4;
        --imgph:#e6e3da;
        --accent:#e0623f; --link:var(--accent);
        --np-rail:color-mix(in srgb, var(--ink) 20%, transparent);
        --np-buf:color-mix(in srgb, var(--ink) 68%, transparent);
        --gap:20px; --edge:20px; --sheet:550px; --btnbg:rgba(250,250,246,.5);
        --np-edge:10px;   /* 播放器与往期抽屉距窗口的留白;窄屏同 --edge 一起收(见 540 那档) */
        --nav-pad:12px;
        --nav-rule-gap:14px;   /* 抽屉里虚线上下的间隔,上下同值(owner 2026-07-29) */
        --nav-cover:120px; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --paper:#211f1c; --bg:#151412; --ink:#CCC; --ink-soft:#8f8b80;
                                    --imgph:#2b2926;
                                    --line:#3a3731; --line-strong:#524e45;
                                    --np-rail:color-mix(in srgb, var(--ink) 16%, transparent);
                                    --np-buf:rgba(255,255,255,.68);
                                    --btnbg:rgba(33,31,28,.5); }
}
:root[data-theme="dark"] { --paper:#211f1c; --bg:#151412; --ink:#CCC; --ink-soft:#8f8b80;
                           --imgph:#2b2926;
                           --line:#3a3731; --line-strong:#524e45;
                           --np-rail:color-mix(in srgb, var(--ink) 16%, transparent);
                           --np-buf:rgba(255,255,255,.68);
                           --btnbg:rgba(33,31,28,.5); }
body { background:var(--bg); color:var(--ink);
       font:15px/1.5 -apple-system, "SF Pro SC", "PingFang SC", "Hiragino Sans GB",
            "Microsoft YaHei", system-ui, sans-serif;
       font-weight:400; -webkit-font-smoothing:antialiased; padding:var(--edge);
       padding:max(var(--edge), env(safe-area-inset-top))
               max(var(--edge), env(safe-area-inset-right))
               max(var(--edge), env(safe-area-inset-bottom))
               max(var(--edge), env(safe-area-inset-left)); }
a { color:var(--link); text-decoration:none; }
a:hover { text-decoration:underline; }
b, strong { font-weight:700; }
.small { font-size:13px; color:var(--ink-soft); }
@media (max-width:540px) { :root { --edge:12px; } }