/* ===== 2026-10-23 · 内容页整体方案（预览）：观星层（归档：原来的星路方案，不变；标签：标签夜空）+ 阅读层（文章） =====
   观星层共用 #arx 这一层外壳（标题区、按钮、胶囊、列表面板、提示卡的样式都在 css-arch 里），这里补新增的部分。 */
#arx:not(.arc) .ar-hero{top:112px}
/* 三种看法：时间（归档）· 星官（分类）· 标签 */
#arx .vsw{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);margin:0 0 18px}
#arx .vsw button{height:30px;padding:0 15px;border:0;border-radius:999px;background:none;color:var(--ink2);font:12.5px var(--mono);letter-spacing:.14em;transition:background .2s,color .2s}
#arx .vsw button.on{background:var(--btnbg);color:var(--btnfg)}
#arx .vsw button:not(.on):hover{color:var(--ink)}
#arx.tgs .yv-panel{transform:none}
#arx .yv-i .as .cdot{margin-right:6px}
/* 标签 · 标签夜空 */
#arx.tgs:not(.m) .tg-pn{display:none}
#arx .tg-chips{flex:1;overflow:auto;padding:8px 14px 16px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;scrollbar-width:thin}
#arx .tch{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--glass);color:var(--ink);font-family:var(--serif);font-weight:600;transition:border-color .2s,color .2s}
#arx .tch i{width:7px;height:7px;border-radius:50%;background:var(--tc);box-shadow:0 0 8px var(--tc)}
#arx .tch em{font:normal 10.5px var(--mono);color:var(--ink3)}
#arx .tch.on{border-color:var(--warm);color:var(--warm)}
#arx .tg-sel{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:8px 16px 2px;font-size:12.5px;color:var(--ink3)}
#arx .tg-sel b{font:700 15px var(--serif);color:var(--ink);margin-right:8px}
#arx .tl-x{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--glass);color:var(--ink2);font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
#arx .tl-x:hover{color:var(--ink);border-color:var(--line2)}
/* 点了标签星：文章列在水面下（地平线往下那一块），像沉在湖里；从水面往下浮现 */
#arx .tg-lake{position:absolute;left:80px;right:80px;top:62%;bottom:18px;display:flex;flex-direction:column;border-radius:4px 4px 20px 20px;border-top:1px solid var(--line2);
  background:linear-gradient(180deg,rgba(9,13,28,.18),var(--panel) 60px);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  opacity:0;transform:translateY(-14px);pointer-events:none;transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
#arx.ink-dark .tg-lake{background:linear-gradient(180deg,rgba(255,255,255,.12),var(--panel) 60px)}
#arx .tg-lake.on{opacity:1;transform:none;pointer-events:auto}
#arx .tl-h{display:flex;align-items:baseline;gap:14px;padding:14px 22px 10px}
#arx .tl-h b{font:700 19px var(--serif);color:var(--ink);letter-spacing:.04em}
#arx .tl-h span{flex:1;font:11px var(--mono);letter-spacing:.12em;color:var(--ink3)}
#arx .tl-h .tl-x{align-self:center}
#arx .tl-list{flex:1;overflow:auto;padding:0 12px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));column-gap:14px;align-content:start;scrollbar-width:thin}
#arx .tl-list .yv-m{grid-column:1/-1;padding-top:8px}
#arx .tl-list .yv-i{grid-template-columns:84px 1fr auto}
#arx.pin .ar-hint{opacity:0}
#arx.lo .tg-lake{left:auto;right:12px;top:64px!important;bottom:12px;width:min(340px,40%)}
#arx.lo .tl-list{grid-template-columns:1fr}
/* 手机：点一个胶囊，胶囊收成一行，下面列出文章 */
#arx .tg-list{display:none}
#arx.m.pin .tg-chips{flex:none;flex-wrap:nowrap;overflow-x:auto;padding:6px 14px 8px;scrollbar-width:none}
#arx.m.pin .tg-chips::-webkit-scrollbar{display:none}
#arx.m.pin .tch{flex:none}
#arx.m.pin .tg-list{display:block;border-top:1px solid var(--line)}
#arx.m.pin .yv-ph{display:none}
#arx.m.pin.tgs .tg-pn{height:min(420px,52vh)}
#arx.m.pin.riv .tg-pn{height:min(320px,40vh)}   /* 时间之河：面板不长高，岸边的光不被挡住 */
/* 手机 */
#arx.m .vsw{margin:0 0 10px}#arx.m .vsw button{height:27px;padding:0 12px;font-size:11.5px}
#arx.m:not(.arc) .ar-hero .stats{display:none}
#arx.m.tgs .tg-pn{height:min(320px,40vh)}
#arx.m .tch{height:31px;padding:0 10px}
/* 矮的横屏（手机横放等）：标题区收紧 */
#arx.lo .ar-hero{top:70px;width:300px;left:40px}
#arx.lo .ar-hero .gt{font-size:44px;margin:4px 0}
#arx.lo .ar-hero p.lead,#arx.lo .ar-hero .stats,#arx.lo .ar-hero .btns{display:none}
#arx.lo .ar-hero .sub{font-size:15px;margin-bottom:6px}
#arx.lo .stats{margin-bottom:10px}
#arx.lo .yv-panel{top:64px;bottom:12px;width:min(320px,34%)}
#arx.lo .ar-hint{display:none}

/* ===== 阅读层（文章详情）：天空收成顶部一条，正文铺在湖面色的纸上 ===== */
html.sl-post{--pp:#0B1122;--lake:#141C36;--pk:#E6ECF8;--pk2:#C2CBDE;--pk3:#8792AC;--pl:rgba(180,195,230,.14);--pl2:rgba(180,195,230,.28);--pc:rgba(255,255,255,.035);--pcode:rgba(255,255,255,.05);--pw:#FFB38A;--pbtn:#EEF2FA;--pbtnf:#13213A}
html.sl-post.sl-day{--pp:#EEF1F5;--lake:#D5DEE8;--pk:#15213A;--pk2:#38455E;--pk3:#64708A;--pl:rgba(20,40,70,.12);--pl2:rgba(20,40,70,.24);--pc:rgba(255,255,255,.6);--pcode:rgba(20,40,70,.05);--pw:#C65A22;--pbtn:#13213A;--pbtnf:#EEF2FA}
html.sl-post,html.sl-post body{background:var(--pp)}
html.sl-post main.pgm,html.sl-post .stage{display:none!important}
html.sl-post .hero{position:fixed;left:0;right:0;top:0;height:var(--hs,72px);z-index:40}
html.sl-post .hud>:not(.hd){display:none!important}
#slp{position:absolute;left:0;right:0;top:0;background:linear-gradient(180deg,transparent 0,transparent var(--hb,340px),var(--lake) var(--hb,340px),var(--pp) calc(var(--hb,340px) + 240px)) no-repeat;color:var(--pk);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue','Microsoft YaHei',sans-serif;--serif:'Noto Serif SC','Songti SC','STSong',serif;--mono:ui-monospace,'SF Mono',Menlo,monospace;opacity:0;transition:opacity .6s}
#slp.on{opacity:1}
#slp .pband{position:absolute;left:0;right:0;top:0;height:340px;z-index:1}
#slp .pband canvas,#slp .pstrip canvas{display:block;width:100%;height:100%}
#slp .pwrap{pointer-events:none}#slp .pwrap>*{pointer-events:auto}   /* 纸的上边距盖在天空条上，让天空条里的光能点到 */
#slp .btip{position:absolute;left:0;top:0;z-index:3;max-width:280px;padding:9px 12px;border-radius:12px;background:rgba(9,13,28,.9);border:1px solid var(--pl);color:var(--pk2);font-size:12px;pointer-events:none;opacity:0;transition:opacity .15s}
#slp .btip.on{opacity:1}#slp .btip b{display:block;font:600 14px var(--serif);color:#E6ECF8;margin-bottom:2px}
html.sl-day #slp .btip{background:rgba(255,255,255,.94);color:#38455E}html.sl-day #slp .btip b{color:#15213A}
#slp .pstrip{position:fixed;left:0;right:0;top:0;height:var(--hs,72px);z-index:30;opacity:0;pointer-events:none;transition:opacity .25s;box-shadow:0 8px 30px rgba(0,0,0,.18)}
#slp .pstrip.on{opacity:1}
#slp .pwrap{position:relative;z-index:2;padding:calc(var(--hb,340px) + 30px) 24px 40px}
#slp .pwrap>*{width:min(964px,100%);margin-left:auto;margin-right:auto}
#slp .phd{position:relative}
#slp .eb{display:inline-flex;align-items:center;gap:0;font:12px var(--mono);letter-spacing:.14em;color:var(--pk3);text-decoration:none;cursor:pointer;margin-bottom:12px}
#slp .eb:hover{color:var(--pw)}
#slp .cdot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;flex:none}
#slp .phd h1{font-family:var(--serif);font-weight:900;font-size:44px;line-height:1.22;letter-spacing:.03em;margin:0;max-width:760px}
#slp .pm{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;padding-bottom:26px;border-bottom:1px solid var(--pl);font:12px var(--mono);color:var(--pk3);letter-spacing:.06em}
#slp .pgrid{display:grid;grid-template-columns:minmax(0,700px) 200px;gap:64px;justify-content:space-between;margin-top:36px}
#slp .pbody{font-size:17px;line-height:1.95;color:var(--pk2);min-width:0}
#slp .pbody p{margin:0 0 1.15em}
#slp .pbody .lede2{font-size:18.5px;color:var(--pk);line-height:1.85}
#slp .pbody h2{font-family:var(--serif);font-weight:700;font-size:25px;line-height:1.4;color:var(--pk);margin:2.1em 0 .7em;scroll-margin-top:100px}
#slp .pbody h3{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--pk);margin:1.7em 0 .5em;scroll-margin-top:100px}
#slp .pbody blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:2px solid var(--pw);font-family:var(--serif);font-size:19px;line-height:1.75;color:var(--pk)}
#slp .pbody pre{margin:1.4em 0;padding:16px 18px;border-radius:14px;background:var(--pcode);border:1px solid var(--pl);overflow:auto;font:13.5px/1.7 var(--mono);color:var(--pk)}
#slp .pbody figure{margin:1.8em 0}
#slp .pbody figure img{display:block;width:100%;border-radius:14px}
#slp .pbody figcaption{margin-top:10px;font-size:13px;color:var(--pk3);text-align:center}
#slp .pbody ul{margin:0 0 1.2em;padding-left:1.3em}#slp .pbody li{margin:.3em 0}
#slp .pbody li::marker{color:var(--pw)}
#slp .toc{position:sticky;top:calc(var(--hs,72px) + 28px);align-self:start;font-size:13px}
#slp .kk{font:11px var(--mono);letter-spacing:.24em;color:var(--pk3);text-transform:uppercase}
#slp .kk em{font-style:normal;color:var(--pw);background:none;padding:0;border:0;box-shadow:none;font:inherit;letter-spacing:inherit}
#slp .toc ol{list-style:none;margin:14px 0 0;padding:0 0 0 12px;border-left:1px solid var(--pl)}
#slp .toc li{margin:0}#slp .toc li.h3{padding-left:12px}
#slp .toc a{position:relative;display:block;padding:6px 0;color:var(--pk3);text-decoration:none;line-height:1.5}
#slp .toc a:hover{color:var(--pk)}
#slp .toc a.on{color:var(--pk)}
#slp .toc a.on:before{content:'';position:absolute;left:-16px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--pw);box-shadow:0 0 10px var(--pw)}
#slp .pend{margin-top:56px}
#slp .pwrap>.pend{width:min(964px,100%);max-width:none}
#slp .pend>*{max-width:700px}
#slp .ptags{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:30px;border-bottom:1px solid var(--pl)}
#slp .tgc{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--pl2);display:inline-flex;align-items:center;color:var(--pk);text-decoration:none;font-family:var(--serif);font-weight:600;font-size:14px;cursor:pointer;transition:border-color .2s,color .2s}
#slp .tgc:hover{border-color:var(--pw);color:var(--pw)}
#slp .pnav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
#slp .nc{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:16px;border:1px solid var(--pl);background:var(--pc);color:var(--pk);text-decoration:none;cursor:pointer;transition:border-color .2s,transform .2s}
#slp a.nc:hover{border-color:var(--pl2);transform:translateY(-2px)}
#slp .nc.r{text-align:right}
#slp .nc b{font-family:var(--serif);font-size:17px;line-height:1.45}
#slp .nc .mt,#slp .rc .mt{font:11.5px var(--mono);color:var(--pk3)}
#slp .nc.none{justify-content:center;align-items:center;color:var(--pk3);font-size:13px;border-style:dashed;background:none}
#slp .prel{margin-top:40px}
#slp .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
#slp .rc{display:flex;flex-direction:column;gap:8px;padding:16px 16px 14px;border-radius:14px;border:1px solid var(--pl);color:var(--pk);text-decoration:none;cursor:pointer;transition:border-color .2s}
#slp .rc:hover{border-color:var(--pl2)}
#slp .rc .as{display:flex;align-items:center;font-size:11.5px;color:var(--pk3)}
#slp .rc b{font-family:var(--serif);font-size:15.5px;line-height:1.5;flex:1}
#slp .pcm{margin-top:48px;padding-top:30px;border-top:1px solid var(--pl)}
#slp .pcm h3{font-family:var(--serif);font-size:22px;margin:8px 0 18px}
#slp .cform{border:1px solid var(--pl);border-radius:16px;padding:14px;background:var(--pc)}
#slp .crow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#slp .cform input,#slp .cform textarea{width:100%;box-sizing:border-box;border:1px solid var(--pl);background:transparent;border-radius:10px;color:var(--pk);font:inherit;font-size:14px;padding:0 12px;height:40px;outline:none}
#slp .cform textarea{height:96px;padding:10px 12px;margin-top:8px;resize:vertical;line-height:1.6}
#slp .cform input:focus,#slp .cform textarea:focus{border-color:var(--pw)}
#slp .cform ::placeholder{color:var(--pk3)}
#slp .cgo{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:12px;color:var(--pk3)}
#slp .btn{height:38px;padding:0 22px;border-radius:999px;border:0;background:var(--pbtn);color:var(--pbtnf);font:600 14px inherit;letter-spacing:.2em;cursor:pointer;flex:none}
#slp .pcl{margin-top:18px}
#slp .pci{display:flex;gap:14px;padding:16px 4px;border-bottom:1px solid var(--pl)}
#slp .pci>i{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-family:var(--serif);font-weight:700;background:var(--pcode);border:1px solid var(--pl);color:var(--pk2)}
#slp .pci b{font-size:14px}#slp .pci span{margin-left:10px;font:11.5px var(--mono);color:var(--pk3)}
#slp .pci p{margin:4px 0 0;font-size:14.5px;line-height:1.7;color:var(--pk2)}
#slp footer.ft{position:relative;z-index:2;margin-top:0}
/* 较窄：目录收起，正文居中 */
#slp .pgrid{grid-template-columns:minmax(0,700px) 180px;gap:48px}
/* 窄屏目录：标题下面一块 + 往下读后右下角「目录」按钮 */
/* 窄屏目录（< 1040）：右下角悬浮按钮（圆环 = 阅读进度）+ 目录面板；手机是底部抽屉，平板是按钮上方的面板 */
#slp .ftoc{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:35;display:none;align-items:center;gap:9px;height:44px;box-sizing:border-box;padding:0 16px 0 8px;border-radius:999px;border:1px solid var(--pl2);background:var(--pp);color:var(--pk);font-family:inherit;font-weight:600;font-size:13.5px;letter-spacing:.1em;box-shadow:0 10px 30px rgba(0,0,0,.3);cursor:pointer;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s,padding .28s,gap .28s,background .2s;pointer-events:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#slp .ftoc.on{opacity:1;transform:none;pointer-events:auto}
#slp .ftoc.mini{padding:0 8px;gap:0}
#slp .ftoc.open{background:var(--pc)}
#slp .ftoc .tci{position:relative;width:26px;height:26px;flex:none;display:grid;place-items:center}
#slp .ftoc svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:2}
#slp .ftoc svg circle{stroke:var(--pl2)}#slp .ftoc svg .tcr{stroke:var(--pw);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .2s}
#slp .ftoc i{width:11px;height:8px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;position:relative}#slp .ftoc i:after{content:'';position:absolute;left:0;right:3px;top:3.25px;border-top:1.5px solid currentColor}
#slp .ftoc .tcw{display:inline-flex;align-items:baseline;gap:8px;max-width:150px;overflow:hidden;white-space:nowrap;transition:max-width .28s,opacity .2s}
#slp .ftoc.mini .tcw{max-width:0;opacity:0}
#slp .ftoc .tcn{font:500 11.5px var(--mono);letter-spacing:.04em;color:var(--pk3)}#slp .ftoc:not(.has) .tcn{display:none}
#slp .tback{position:fixed;inset:0;z-index:36;display:none;background:transparent;opacity:0;pointer-events:none;transition:opacity .25s}
#slp .tback.on{opacity:1;pointer-events:auto}
#slp .tsheet{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));z-index:37;display:flex;flex-direction:column;width:min(360px,calc(100vw - 36px));max-height:min(62vh,560px);box-sizing:border-box;padding:14px 18px 10px;border-radius:18px;border:1px solid var(--pl2);background:var(--pp);box-shadow:0 20px 60px rgba(0,0,0,.4);opacity:0;transform:translateY(10px) scale(.98);transform-origin:right bottom;pointer-events:none;transition:opacity .2s,transform .22s;visibility:hidden}
#slp .tsheet.on{opacity:1;transform:none;pointer-events:auto;visibility:visible}
#slp .tsheet:not(.on){transition:opacity .2s,transform .22s,visibility 0s .22s}
#slp .tgrab{display:none}
#slp .tsheet ol{list-style:none;margin:0;padding:4px 0 2px;counter-reset:t;position:relative;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0}
#slp .tsheet li{counter-increment:t}#slp .tsheet li.h3{padding-left:22px;counter-increment:none}
#slp .tsheet a{position:relative;display:flex;gap:12px;align-items:flex-start;min-height:44px;box-sizing:border-box;padding:11px 12px;border-radius:12px;color:var(--pk2);text-decoration:none;font-size:15px;line-height:1.5;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}
#slp .tsheet li.h3 a{min-height:40px;padding-top:9px;padding-bottom:9px;font-size:14px}
#slp .tsheet li.h2 a:before{content:counter(t,decimal-leading-zero);font:11px/22.5px var(--mono);letter-spacing:.06em;color:var(--pk3);flex:none}
#slp .tsheet li.h3 a:before{content:'';flex:none;width:5px;height:5px;margin-top:8.5px;border-radius:50%;background:currentColor;opacity:.45}
#slp .tsheet a.rd{color:var(--pk3)}
#slp .tsheet a.on{color:var(--pw);background:var(--pc);font-weight:600}
#slp .tsheet a.on:after{content:'';position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:3px;background:var(--pw)}
#slp .tsheet a:active{background:var(--pc)}
#slp .tsheet a:focus{outline:none}#slp .tsheet a:focus-visible{outline:2px solid var(--pw);outline-offset:-2px}
#slp .tsh{display:flex;align-items:center;gap:10px;flex:none;padding:0 0 10px;border-bottom:1px solid var(--pl)}
#slp .tpg{margin-left:auto;font:11px var(--mono);letter-spacing:.06em;color:var(--pk3);white-space:nowrap}
#slp .tsx{flex:none;width:32px;height:32px;margin:-4px -6px -4px 0;border-radius:50%;border:1px solid var(--pl);background:none;color:var(--pk2);font-size:17px;line-height:1;cursor:pointer;touch-action:manipulation}
#slp .pbody .hflash{animation:slhf 1.6s ease-out}
@keyframes slhf{0%,30%{background:var(--pc);box-shadow:0 0 0 8px var(--pc)}100%{background:transparent;box-shadow:0 0 0 8px transparent}}
@media (max-width:640px){
#slp .tsheet{left:0;right:0;bottom:0;width:auto;max-height:72vh;max-height:72dvh;padding:8px 18px calc(10px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border-width:1px 0 0;box-shadow:0 -16px 50px rgba(0,0,0,.35);opacity:1;transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s}
#slp .tsheet:not(.on){transition:transform .26s ease-in,visibility 0s .26s}
#slp .tsheet.on{transform:none}
#slp .tsheet.drag{transition:none}
#slp .tgrab{display:block;flex:none;width:40px;height:4px;margin:2px auto 12px;border-radius:4px;background:var(--pl2)}
#slp .tback{background:rgba(4,7,18,.45);touch-action:none}
html.sl-day #slp .tback{background:rgba(20,32,56,.28)}
}
@media (max-width:1039px){#slp .pgrid{grid-template-columns:minmax(0,700px);justify-content:center}#slp .toc{display:none}#slp .pwrap>*{width:min(700px,100%)}#slp .ftoc{display:inline-flex}#slp .tback{display:block}}
#slp.m .pwrap{padding:calc(var(--hb,250px) + 22px) 18px 30px}
#slp.m .ph h1{font-size:28px;line-height:1.3}
#slp.m .eb{font-size:11px;letter-spacing:.1em;margin-bottom:10px}
#slp.m .pm{gap:4px 14px;padding-bottom:20px;font-size:11px}
#slp.m .pgrid{margin-top:24px}
#slp.m .pbody{font-size:16px;line-height:1.9}#slp.m .pbody .lede2{font-size:17px}
#slp.m .pbody h2{font-size:21px}
#slp.m .pnav,#slp.m .rgrid{grid-template-columns:1fr}
#slp.m .nc.r{text-align:left}
#slp.m .crow{grid-template-columns:1fr}
#slp.m .cgo span{font-size:11px}

/* ===== 主题补充（标签页、文章页）：设计稿之外，接 Halo 真实内容时需要的样式 ===== */
/* 「归档 · 标签」切换在主题里是链接 */
#arx .vsw a{display:inline-flex;align-items:center;height:30px;padding:0 15px;border-radius:999px;color:var(--ink2);font:12.5px var(--mono);letter-spacing:.14em;text-decoration:none;transition:background .2s,color .2s}
#arx .vsw a.on{background:var(--btnbg);color:var(--btnfg)}
#arx .vsw a:not(.on):hover{color:var(--ink)}
#arx.m .vsw a{height:27px;padding:0 12px;font-size:11.5px}
/* 文章页：正文由模板输出，脚本没跑完也先能读；天空条的画布淡入 */
#slp{opacity:1}
#slp .pband{background:linear-gradient(180deg,#070b1c,#1a2142)}
html.sl-day #slp .pband{background:linear-gradient(180deg,#3f82d2,#bcd7ee)}
#slp .pband canvas{opacity:0;transition:opacity .6s}
#slp.on .pband canvas{opacity:1}
#slp .eb{color:var(--pk3)}
#slp .pm a{color:inherit;text-decoration:none}#slp .pm a:hover{color:var(--pw)}
#slp.notoc .toc,#slp.notoc .ftoc,#slp.notoc .tsheet,#slp.notoc .tback{display:none!important}
#slp.notoc .pgrid{grid-template-columns:minmax(0,700px);justify-content:start}   /* 没有目录：正文和标题左对齐 */
/* 正文里常见的元素（Halo 编辑器输出） */
#slp .pbody a{color:var(--pw);text-decoration:none;border-bottom:1px solid currentColor}
#slp .pbody img,#slp .pbody video{max-width:100%;height:auto;border-radius:12px}
#slp .pbody picture{display:block}
#slp .pbody table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15px}
#slp .pbody th,#slp .pbody td{border:1px solid var(--pl);padding:8px 12px;text-align:left}
#slp .pbody th{background:var(--pc);color:var(--pk)}
#slp .pbody :not(pre)>code{font:.9em var(--mono);padding:.1em .4em;border-radius:6px;background:var(--pcode);color:var(--pk)}
#slp .pbody pre code{background:none;padding:0}
#slp .pbody hr{border:0;border-top:1px solid var(--pl);margin:2em 0}
#slp .pbody ol{margin:0 0 1.2em;padding-left:1.5em}
#slp .pbody h4{font:700 17px var(--serif);color:var(--pk);margin:1.5em 0 .5em}
#slp .pcover{margin:0 0 1.6em}#slp .pcover img{display:block;width:100%;border-radius:14px}
/* 评论组件（Halo 评论插件）：跟着纸色 */
#slp .pcm{--halo-cw-text-1-color:var(--pk);--halo-cw-text-2-color:var(--pk2);--halo-cw-text-3-color:var(--pk3);--halo-cw-base-bg-color:transparent;--halo-cw-muted-bg-color:var(--pc);--halo-cw-base-border-color:var(--pl2);--halo-cw-primary-1-color:var(--pw);color:var(--pk)}