/* Visitor layouts. Shared controls and readable article styles remain independent of layout. */
html[data-color-mode="dark"]{background:#182321;color-scheme:dark}
html[data-color-mode="light"]{color-scheme:light}
#pjax,.footer{position:relative;z-index:1}
.theme-toolbar{display:flex;align-items:center;gap:10px;padding-top:12px;padding-bottom:16px;flex-wrap:wrap;position:relative;z-index:2}
.theme-toolbar__hint{font-size:12px;color:var(--text-muted);margin-right:auto}
.theme-toolbar label{font-size:13px;color:var(--text-muted)}
.theme-toolbar select,.theme-toolbar button{color:var(--text-main);background:var(--bg-content);border:1px solid var(--border-color);border-radius:7px;min-height:38px;box-sizing:border-box;font-size:13px;line-height:1.4;cursor:pointer}
.theme-toolbar select{padding:7px 30px 7px 12px;max-width:150px}
.theme-toolbar button{padding:7px 12px}
.theme-toolbar .theme-toggle{gap:8px;display:inline-flex}
.theme-toolbar .sun-and-moon{width:18px;height:18px}
.theme-toolbar button:hover,.theme-toolbar select:hover{border-color:var(--theme-accent)}
.theme-toolbar button:disabled{cursor:default;opacity:.7}
.theme-toolbar button[aria-pressed="true"]{border-color:var(--theme-accent)}
.theme-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;contain:strict}
.theme-atmosphere i{display:none}
.theme-changing #pjax{animation:theme-settle .3s ease-out}
@keyframes theme-settle{from{filter:brightness(1.08);transform:translateY(3px)}to{filter:brightness(1);transform:translateY(0)}}
/* 1. Magazine: a lead story, a side column and a second editorial row. */
html[data-blog-theme="magazine"] body{--bg-body:#f8f5ee;--bg-content:#fffdf8;--text-main:#182b3b;--text-muted:#56616b;--theme-accent:#ad382b;--border-color:#d3d1c9;--code-bg:#ecebe5}
html[data-blog-theme="magazine"][data-color-mode="dark"] body{--bg-body:#1c2028;--bg-content:#252b35;--text-main:#f1eee5;--text-muted:#babfc7;--theme-accent:#ffa28c;--border-color:#4b505a;--code-bg:#303641}
html[data-blog-theme="magazine"] .wrapper{max-width:1180px}
html[data-blog-theme="magazine"] .header{background:var(--bg-body);border-top:6px solid var(--theme-accent)}
html[data-blog-theme="magazine"] .header--index>.header__title{text-align:center;padding-top:34px}
html[data-blog-theme="magazine"] .header__h1{display:flex;justify-content:center;padding-top:0;font-family:'Noto Serif CJK SC','Songti SC','STSong',serif;font-size:50px;font-weight:800;letter-spacing:.02em}
html[data-blog-theme="magazine"] .header__h1 img{width:38px;height:38px}
html[data-blog-theme="magazine"] .header__h2{font-size:14px;letter-spacing:.12em;margin:12px 0 24px}
html[data-blog-theme="magazine"] .header__nav{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}
html[data-blog-theme="magazine"] .theme-toolbar{padding-top:10px;padding-bottom:10px}
html[data-blog-theme="magazine"] .articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}
html[data-blog-theme="magazine"] .articles .item{display:flex;flex-direction:column;gap:16px;padding:0 0 24px;border-bottom:1px solid var(--border-color);min-width:0}
html[data-blog-theme="magazine"] .articles .item:first-child{grid-column:span 2;grid-row:span 2;gap:20px}
html[data-blog-theme="magazine"] .articles .item__cover{width:100%;height:170px;flex:none;border-radius:2px;align-self:auto;transition:background-size .4s ease;overflow:hidden}
html[data-blog-theme="magazine"] .articles .item:first-child .item__cover{height:auto;min-height:360px;flex:1}
html[data-blog-theme="magazine"] .articles .item__main{width:auto;flex:1}
html[data-blog-theme="magazine"] .articles .item__title>a{font-family:'Noto Serif CJK SC','Songti SC','STSong',serif;font-size:22px;font-weight:750;line-height:1.5}
html[data-blog-theme="magazine"] .articles .item:first-child .item__title>a{font-size:34px}
html[data-blog-theme="magazine"] .articles .item__tag{font-size:12px;border-bottom:2px solid var(--theme-accent);padding-bottom:3px}
html[data-blog-theme="magazine"] .articles .item__abstract{font-size:14px;line-height:1.85;-webkit-line-clamp:3}
html[data-blog-theme="magazine"] .articles .item__details{margin-top:auto;padding-top:16px}
html[data-blog-theme="magazine"] .article .item__title,html[data-blog-theme="magazine"] .other__title{font-family:'Noto Serif CJK SC','Songti SC','STSong',serif;font-weight:750}
html[data-blog-theme="magazine"] .other__content{border-radius:2px;border-top:3px solid var(--theme-accent)}
html[data-blog-theme="magazine"] .article>.wrapper{max-width:840px}
html[data-blog-theme="magazine"][data-motion="on"] .articles .item__title>a{transition:color .2s ease}
html[data-blog-theme="magazine"][data-motion="on"] .articles .item__cover:hover{box-shadow:inset 0 0 0 5px var(--theme-accent);transition:box-shadow .25s ease}
/* 2. Sticker: taped notes, playful rotations, asymmetric pastel sheets. */
html[data-blog-theme="sticker"] body{--bg-body:#fff4c9;--bg-content:#fffcf1;--text-main:#352c40;--text-muted:#62576b;--theme-accent:#63449b;--border-color:#b3a4bc;--code-bg:#f0e8f5;--note-pink:#f8dce8;--note-lilac:#e8e1ff;--note-blue:#dceef5;background-image:radial-gradient(#c0a97566 1px,transparent 1px);background-size:20px 20px}
html[data-blog-theme="sticker"][data-color-mode="dark"] body{--bg-body:#292238;--bg-content:#352f43;--text-main:#f5edf9;--text-muted:#d0bed8;--theme-accent:#e0b9ff;--border-color:#877196;--code-bg:#44364f;--note-pink:#453345;--note-lilac:#38344f;--note-blue:#2e414c;background-image:radial-gradient(#a388b533 1px,transparent 1px)}
html[data-blog-theme="sticker"] .wrapper{max-width:1100px}
html[data-blog-theme="sticker"] .header{background:transparent;border:0}
html[data-blog-theme="sticker"] .header--index>.header__title{padding-top:26px}
html[data-blog-theme="sticker"] .header__h1{font-family:'Hannotate SC','Noto Sans CJK SC','Microsoft YaHei',sans-serif;font-size:40px;display:inline-flex;padding:14px 20px;background:var(--note-lilac);border:2px solid var(--text-main);border-radius:10px 18px 7px 13px;box-shadow:5px 5px 0 var(--text-main);transform:rotate(-1deg)}
html[data-blog-theme="sticker"] .header__h2{margin-top:18px}
html[data-blog-theme="sticker"] .header__nav{gap:10px 20px}
html[data-blog-theme="sticker"] .theme-toolbar{padding-top:10px;padding-bottom:28px}
html[data-blog-theme="sticker"] .theme-toolbar select,html[data-blog-theme="sticker"] .theme-toolbar button{border:2px solid var(--text-main);border-radius:5px;box-shadow:2px 2px 0 var(--text-main)}
html[data-blog-theme="sticker"] .articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 38px;margin:28px 12px 50px}
html[data-blog-theme="sticker"] .articles .item{position:relative;display:flex;flex-direction:column;gap:16px;padding:22px;background:var(--bg-content);border:2px solid var(--text-main);border-radius:5px 12px 7px 8px;box-shadow:6px 7px 0 var(--text-main);transform:rotate(-1deg);overflow:visible}
html[data-blog-theme="sticker"] .articles .item:nth-child(3n+2){background:var(--note-pink);transform:rotate(1.3deg)}
html[data-blog-theme="sticker"] .articles .item:nth-child(3n){background:var(--note-blue);transform:rotate(-.6deg)}
html[data-blog-theme="sticker"] .articles .item:before{content:'';position:absolute;width:92px;height:26px;background:#bba7d9b8;top:-15px;left:calc(50% - 46px);transform:rotate(-7deg);border-left:1px dashed #ffffff80;border-right:1px dashed #ffffff80;z-index:2;pointer-events:none}
html[data-blog-theme="sticker"] .articles .item:nth-child(even):before{background:#e9bb7dc7;transform:rotate(6deg)}
html[data-blog-theme="sticker"] .articles .item__cover{flex:none;width:100%;height:210px;border-radius:3px;border:5px solid var(--bg-content);box-sizing:border-box;box-shadow:0 2px 4px #0002;align-self:auto}
html[data-blog-theme="sticker"] .articles .item__title>a{font-size:24px;line-height:1.5;font-weight:750}
html[data-blog-theme="sticker"] .articles .item__tag{padding:4px 10px;border:1px solid var(--theme-accent);border-radius:30% 40% 35% 42%;background:var(--note-lilac);font-weight:600}
html[data-blog-theme="sticker"] .articles .item__details{margin-top:auto;padding-top:12px}
html[data-blog-theme="sticker"] .other__content,html[data-blog-theme="sticker"] .article__bottom .item{border:2px solid var(--text-main);border-radius:6px;box-shadow:5px 5px 0 var(--border-color);background:var(--bg-content)}
html[data-blog-theme="sticker"] .article .item__title{display:inline-block;border-bottom:8px solid var(--note-pink);line-height:1.35;padding-bottom:5px}
html[data-blog-theme="sticker"] .adv-tag-modern-item{background:var(--note-lilac);border:1px solid var(--text-main);border-radius:5px;box-shadow:2px 2px 0 var(--border-color)}
html[data-blog-theme="sticker"] .footer{background:var(--note-lilac);border-top:2px dashed var(--text-main)}
html[data-blog-theme="sticker"][data-motion="on"] .articles .item{transition:transform .22s ease,box-shadow .22s ease}
html[data-blog-theme="sticker"][data-motion="on"] .articles .item:hover{transform:rotate(0) translateY(-5px);box-shadow:9px 12px 0 var(--text-main)}
/* 3. Snow: quiet reading stream, alternating photographs and light snowfall. */
html[data-blog-theme="snow"] body{--bg-body:#edf6ff;--bg-content:#fff;--text-main:#243e58;--text-muted:#4d6882;--theme-accent:#286599;--border-color:#c5ddeb;--code-bg:#e6f0f8}
html[data-blog-theme="snow"][data-color-mode="dark"] body{--bg-body:#152638;--bg-content:#1f354a;--text-main:#e3f1ff;--text-muted:#aec9df;--theme-accent:#9dd6ff;--border-color:#425e77;--code-bg:#2a455d}
html[data-blog-theme="snow"] .wrapper{max-width:980px}
html[data-blog-theme="snow"] .header{background:transparent;border-bottom:1px solid var(--border-color)}
html[data-blog-theme="snow"] .header--index>.header__title{text-align:center;padding-top:18px}
html[data-blog-theme="snow"] .header__h1{display:flex;justify-content:center;font-size:36px;font-weight:500;letter-spacing:.08em;padding-top:26px}
html[data-blog-theme="snow"] .header__h2{margin:12px 0 30px;letter-spacing:.15em;font-weight:400}
html[data-blog-theme="snow"] .header__nav{background:var(--bg-content);border-radius:16px 16px 0 0;padding-left:24px;padding-right:24px}
html[data-blog-theme="snow"] .theme-toolbar{background:var(--bg-content);border-radius:0 0 16px 16px;padding-left:24px;padding-right:24px;margin-bottom:24px}
html[data-blog-theme="snow"] .articles{display:flex;flex-direction:column;gap:24px;margin:28px 0 44px}
html[data-blog-theme="snow"] .articles .item{display:flex;flex-direction:row;gap:26px;padding:22px;background:var(--bg-content);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 8px 28px #28659908}
html[data-blog-theme="snow"] .articles .item__cover{width:220px;flex:0 0 220px;height:170px;border-radius:10px}
html[data-blog-theme="snow"] .articles .item:nth-child(even) .item__cover{order:1}
html[data-blog-theme="snow"] .articles .item__title>a{font-size:23px;font-weight:600}
html[data-blog-theme="snow"] .articles .item__abstract{line-height:1.9;-webkit-line-clamp:3}
html[data-blog-theme="snow"] .article>.wrapper{max-width:800px}
html[data-blog-theme="snow"] .article .item__content{line-height:2.05}
html[data-blog-theme="snow"] .other__content{border-radius:18px;box-shadow:0 8px 28px #28659908}
html[data-blog-theme="snow"] .theme-atmosphere i{display:block;position:absolute;left:var(--x);top:-12px;width:var(--size);height:var(--size);border-radius:50%;background:#6da4cf;opacity:.55;box-shadow:0 0 5px #ffffff;animation:snowfall var(--duration) linear var(--delay) infinite}
html[data-blog-theme="snow"][data-color-mode="dark"] .theme-atmosphere i{background:#d7efff;opacity:.7}
@keyframes snowfall{from{transform:translate3d(-15px,-10px,0)}to{transform:translate3d(35px,calc(100vh + 20px),0)}}
html[data-blog-theme="snow"][data-motion="on"] .articles .item__cover{transition:transform .45s ease}
html[data-blog-theme="snow"][data-motion="on"] .articles .item:hover .item__cover{transform:translateY(-3px)}
/* 4. Aurora: feature panorama and uneven 7/5 columns above a slow sky. */
html[data-blog-theme="aurora"] body{--bg-body:#edf8f7;--bg-content:#ffffffed;--text-main:#26394c;--text-muted:#506479;--theme-accent:#6542a4;--border-color:#c5cce5;--code-bg:#e9e8f5}
html[data-blog-theme="aurora"][data-color-mode="dark"] body{--bg-body:#141c35;--bg-content:#202c49f2;--text-main:#eef3ff;--text-muted:#b5c5dd;--theme-accent:#b9a4ff;--border-color:#526282;--code-bg:#2a3657}
html[data-blog-theme="aurora"] .wrapper{max-width:1180px}
html[data-blog-theme="aurora"] .header{background:transparent;border:0}
html[data-blog-theme="aurora"] .header__h1{font-size:46px;letter-spacing:-.045em;padding-top:44px}
html[data-blog-theme="aurora"] .header__h2{color:var(--text-muted);margin-bottom:28px}
html[data-blog-theme="aurora"] .header__nav{border-top:1px solid var(--border-color)}
html[data-blog-theme="aurora"] .theme-toolbar{border-bottom:1px solid var(--border-color)}
html[data-blog-theme="aurora"] .articles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px;margin:32px 0 48px}
html[data-blog-theme="aurora"] .articles .item{grid-column:span 5;display:flex;flex-direction:column;gap:0;padding:0;background:var(--bg-content);border:1px solid var(--border-color);border-radius:22px;overflow:hidden;box-shadow:0 8px 28px #334c7c08}
html[data-blog-theme="aurora"] .articles .item:nth-child(even){grid-column:span 7}
html[data-blog-theme="aurora"] .articles .item:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}
html[data-blog-theme="aurora"] .articles .item__cover{width:100%;flex:none;height:245px;align-self:stretch;border-radius:0}
html[data-blog-theme="aurora"] .articles .item:first-child .item__cover{height:360px}
html[data-blog-theme="aurora"] .articles .item__main{padding:28px;justify-content:center;width:auto}
html[data-blog-theme="aurora"] .articles .item__title>a{font-size:26px;line-height:1.5}
html[data-blog-theme="aurora"] .articles .item:first-child .item__title>a{font-size:32px}
html[data-blog-theme="aurora"] .articles .item__abstract{font-size:15px;line-height:1.9;-webkit-line-clamp:3}
html[data-blog-theme="aurora"] .articles .item__tag{background:var(--code-bg);border-radius:30px;padding:4px 12px}
html[data-blog-theme="aurora"] .other__content,html[data-blog-theme="aurora"] .article__bottom .item{border-radius:20px;background:var(--bg-content)}
html[data-blog-theme="aurora"] .article{background:transparent}
html[data-blog-theme="aurora"] .article>.wrapper{background:var(--bg-content);border:1px solid var(--border-color);border-radius:20px;padding:32px;max-width:840px}
html[data-blog-theme="aurora"] .article__bottom{background:transparent;margin-top:24px}
html[data-blog-theme="aurora"] .theme-atmosphere:before,html[data-blog-theme="aurora"] .theme-atmosphere:after{content:'';position:absolute;inset:-30%;background:radial-gradient(ellipse at 25% 45%,#57dabd80 0%,transparent 44%),radial-gradient(ellipse at 70% 55%,#a29aef88 0%,transparent 48%);filter:blur(50px);transform:rotate(-16deg);animation:aurora-sway 22s ease-in-out infinite alternate}
html[data-blog-theme="aurora"] .theme-atmosphere:after{background:radial-gradient(ellipse at 60% 20%,#6ab1e155 0%,transparent 50%);animation-delay:-9s;animation-duration:29s}
html[data-blog-theme="aurora"][data-color-mode="dark"] .theme-atmosphere:before{background:radial-gradient(ellipse at 25% 45%,#16ac8770 0%,transparent 42%),radial-gradient(ellipse at 70% 55%,#8051d877 0%,transparent 48%)}
@keyframes aurora-sway{from{transform:translate(-3%,-3%) rotate(-18deg) scale(1)}to{transform:translate(6%,5%) rotate(8deg) scale(1.1)}}
html[data-blog-theme="aurora"][data-motion="on"] .articles .item{transition:border-color .3s ease,box-shadow .3s ease}
html[data-blog-theme="aurora"][data-motion="on"] .articles .item:hover{border-color:var(--theme-accent);box-shadow:0 8px 28px #755ac92b}
/* 5. Geek: identity rail and numbered files. Dark and daylight terminals. */
html[data-blog-theme="geek"] body{--bg-body:#edf3f0;--bg-content:#f7fbf8;--text-main:#1e3730;--text-muted:#52665d;--theme-accent:#175d43;--border-color:#b4cbbb;--code-bg:#dfece5;font-family:'Cascadia Code','SFMono-Regular','Consolas','Noto Sans Mono CJK SC',monospace}
html[data-blog-theme="geek"][data-color-mode="dark"] body{--bg-body:#152424;--bg-content:#1c3030;--text-main:#d6eee5;--text-muted:#a0c0b3;--theme-accent:#8adcb3;--border-color:#41645a;--code-bg:#254039}
html[data-blog-theme="geek"] #pjax:has(>.header--index){display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;width:min(1300px,100%);margin:0 auto;align-items:start;padding:28px;box-sizing:border-box}
html[data-blog-theme="geek"] .header{background:var(--bg-content);border:1px solid var(--border-color);border-radius:6px}
html[data-blog-theme="geek"] .header--index{position:sticky;top:28px;padding:12px 0;max-height:calc(100vh - 56px);overflow-y:auto}
html[data-blog-theme="geek"] .header--index>.wrapper{padding:0 22px}
html[data-blog-theme="geek"] .header__h1{font-family:inherit;font-size:28px;line-height:1.65;padding-top:18px;display:block;letter-spacing:-.04em}
html[data-blog-theme="geek"] .header__h1 img{display:block;width:36px;height:36px;margin-bottom:16px}
html[data-blog-theme="geek"] .header__h1 a:after{content:'_';color:var(--theme-accent);margin-left:4px}
html[data-blog-theme="geek"] .header__h2{font-size:13px;line-height:1.8;border-bottom:1px dashed var(--border-color);padding-bottom:22px;margin:12px 0 18px}
html[data-blog-theme="geek"] .header--index .header__nav{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:0}
html[data-blog-theme="geek"] .header--index .header__nav>a:before{content:'~/';color:var(--theme-accent);padding-right:8px}
html[data-blog-theme="geek"] .header--index .header__nav .fn__right{margin:12px 0 0;padding:14px 0;border-top:1px dashed var(--border-color);gap:12px}
html[data-blog-theme="geek"] .header--index .theme-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;padding-top:16px;padding-bottom:12px;border-top:1px dashed var(--border-color)}
html[data-blog-theme="geek"] .theme-toolbar__hint{display:none}
html[data-blog-theme="geek"] .theme-toolbar select,html[data-blog-theme="geek"] .theme-toolbar button{border-radius:3px;font-family:inherit}
html[data-blog-theme="geek"] #pjax:has(>.header--index)>.wrapper{max-width:none;width:100%;padding:0}
html[data-blog-theme="geek"] .articles{display:block;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-content);overflow:hidden}
html[data-blog-theme="geek"] .articles:before{content:'~/notes  ·  文章目录';display:block;background:var(--code-bg);padding:16px 24px;border-bottom:1px solid var(--border-color);font-size:13px;color:var(--theme-accent)}
html[data-blog-theme="geek"] .articles .item{position:relative;display:flex;flex-direction:row;gap:20px;padding:26px 24px 26px 64px;border-bottom:1px dashed var(--border-color);background:transparent}
html[data-blog-theme="geek"] .articles .item:last-child{border-bottom:0}
html[data-blog-theme="geek"] .articles .item:before{content:attr(data-story-number);position:absolute;left:22px;top:30px;font-size:12px;color:var(--theme-accent);font-weight:700}
html[data-blog-theme="geek"] .articles .item__cover{order:1;width:94px;flex:0 0 94px;height:72px;border-radius:3px;filter:saturate(.7)}
html[data-blog-theme="geek"] .articles .item__title>a{font-family:inherit;font-size:20px;font-weight:650;line-height:1.6}
html[data-blog-theme="geek"] .articles .item__tag:before{content:'# '}
html[data-blog-theme="geek"] .articles .item__abstract{font-size:13px;line-height:1.9}
html[data-blog-theme="geek"] .articles .item__details{font-size:11px}
html[data-blog-theme="geek"] .article .item__title,html[data-blog-theme="geek"] .other__title{font-family:inherit}
html[data-blog-theme="geek"] .other__content,html[data-blog-theme="geek"] .article__bottom .item{border-radius:3px;border-style:dashed;box-shadow:none}
html[data-blog-theme="geek"] .adv-tag-modern-item{border-radius:2px}
html[data-blog-theme="geek"] .article .item__content{font-family:'Noto Sans CJK SC','Microsoft YaHei',sans-serif}
html[data-blog-theme="geek"] .article-signature{font-family:monospace;border:1px dashed var(--border-color);background:var(--code-bg);border-radius:3px}
html[data-blog-theme="geek"][data-motion="on"] .header__h1 a:after{animation:terminal-caret 1.2s steps(2,end) infinite}
html[data-blog-theme="geek"][data-motion="on"] .articles .item{transition:background-color .15s ease}
html[data-blog-theme="geek"][data-motion="on"] .articles .item:hover{background:var(--code-bg)}
@keyframes terminal-caret{50%{opacity:0}}
/* Theme-independent accessible dark reading surfaces. */
html[data-color-mode="dark"] .vditor-reset pre,html[data-color-mode="dark"] .vditor-reset code{background:var(--code-bg);color:var(--text-main)}
html[data-color-mode="dark"] .vditor-reset .hljs{color:var(--text-main);background:var(--code-bg)}
html[data-color-mode="dark"] .vditor-reset .hljs-comment{color:#abc3b5}
html[data-color-mode="dark"] .vditor-reset .hljs-keyword{color:#cfb5ff}
html[data-color-mode="dark"] .vditor-reset .hljs-string{color:#a4dcba}
html[data-color-mode="dark"] .vditor-reset .hljs-number{color:#ffcb9c}
html[data-blog-theme] .footer{margin-top:24px}
@media(max-width:1000px){
 html[data-blog-theme="magazine"] .articles{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-blog-theme="magazine"] .articles .item:first-child{grid-column:1/-1;grid-row:auto}
 html[data-blog-theme="magazine"] .articles .item:first-child .item__cover{height:300px}
 html[data-blog-theme="geek"] #pjax:has(>.header--index){grid-template-columns:230px minmax(0,1fr);gap:20px;padding:20px}
 html[data-blog-theme="geek"] .articles .item__cover{display:none}
 html[data-blog-theme="geek"] .header__h1{font-size:24px}
}
@media(max-width:768px){
 .theme-toolbar{gap:8px;padding-top:10px;padding-bottom:14px}
 .theme-toolbar__hint{display:none}.theme-toolbar label{font-size:12px}
 .theme-toolbar select{font-size:16px;min-height:42px;max-width:124px;padding-left:9px;padding-right:24px}
 .theme-toolbar button{min-height:42px;padding:8px 10px;font-size:12px}.theme-toolbar .theme-toggle{gap:5px}
 .header__nav .fn__right{width:auto;border-top:0;margin-left:auto;padding:0;margin-top:0}
 .header__nav .fn__right>a[href*="ld246.com"],.header__nav .fn__right>a[href*="github.com"]{display:none}
 html[data-blog-theme="magazine"] .header--index>.header__title{padding-top:26px}
 html[data-blog-theme="magazine"] .header__h1{font-size:28px;letter-spacing:0}.header__h1 img{flex-shrink:0}
 html[data-blog-theme="magazine"] .header__h1 img{width:28px;height:28px}
 html[data-blog-theme="magazine"] .header__h2{font-size:12px;margin:10px 0 20px;letter-spacing:.06em}
 html[data-blog-theme="magazine"] .articles{grid-template-columns:1fr;gap:22px;margin:22px 0}
 html[data-blog-theme="magazine"] .articles .item{gap:14px;padding-bottom:20px}
 html[data-blog-theme="magazine"] .articles .item__cover{height:180px;width:100%;flex:none}
 html[data-blog-theme="magazine"] .articles .item:first-child .item__cover{height:220px}
 html[data-blog-theme="magazine"] .articles .item:first-child .item__title>a{font-size:26px}
 html[data-blog-theme="magazine"] .articles .item__title>a{font-size:22px}
 html[data-blog-theme="sticker"] .header__h1{font-size:25px;padding:10px 14px;letter-spacing:-.03em;gap:8px}
 html[data-blog-theme="sticker"] .header__h1 img{width:27px;height:27px}
 html[data-blog-theme="sticker"] .header--index>.header__title{padding-top:22px}
 html[data-blog-theme="sticker"] .articles{grid-template-columns:1fr;gap:34px;margin:24px 5px 42px}
 html[data-blog-theme="sticker"] .articles .item{padding:18px;gap:14px}
 html[data-blog-theme="sticker"] .articles .item__cover{height:190px;width:100%;flex:none}
 html[data-blog-theme="sticker"] .articles .item__title>a{font-size:22px}
 html[data-blog-theme="sticker"] .theme-toolbar{padding-bottom:20px}
 html[data-blog-theme="snow"] .header__h1{font-size:27px;letter-spacing:.02em;padding-top:20px}
 html[data-blog-theme="snow"] .header__h2{font-size:13px;margin-bottom:22px}
 html[data-blog-theme="snow"] .header__nav,html[data-blog-theme="snow"] .theme-toolbar{margin-left:16px;margin-right:16px;padding-left:14px;padding-right:14px}
 html[data-blog-theme="snow"] .articles{gap:18px;margin-top:22px}
 html[data-blog-theme="snow"] .articles .item{flex-direction:column;padding:18px;gap:16px;border-radius:14px}
 html[data-blog-theme="snow"] .articles .item__cover{width:100%;flex:none;height:170px;border-radius:8px}
 html[data-blog-theme="snow"] .articles .item:nth-child(even) .item__cover{order:0}
 html[data-blog-theme="snow"] .articles .item__title>a{font-size:22px}
 html[data-blog-theme="aurora"] .header__h1{font-size:30px;padding-top:28px}
 html[data-blog-theme="aurora"] .articles{display:flex;flex-direction:column;gap:22px;margin-top:24px}
 html[data-blog-theme="aurora"] .articles .item,html[data-blog-theme="aurora"] .articles .item:first-child{display:flex;flex-direction:column;border-radius:17px}
 html[data-blog-theme="aurora"] .articles .item__cover,html[data-blog-theme="aurora"] .articles .item:first-child .item__cover{width:100%;flex:none;height:190px}
 html[data-blog-theme="aurora"] .articles .item__main{padding:20px}
 html[data-blog-theme="aurora"] .articles .item__title>a,html[data-blog-theme="aurora"] .articles .item:first-child .item__title>a{font-size:23px}
 html[data-blog-theme="aurora"] .article>.wrapper{padding:20px;border-radius:14px;margin:0 12px}
 html[data-blog-theme="geek"] #pjax:has(>.header--index){display:block;padding:16px}
 html[data-blog-theme="geek"] .header--index{position:static;max-height:none;overflow:visible;margin-bottom:20px;padding:8px 0}
 html[data-blog-theme="geek"] .header__h1{font-size:27px;display:flex;gap:12px;padding-top:12px}
 html[data-blog-theme="geek"] .header__h1 img{display:inline;width:28px;height:28px;margin:0}
 html[data-blog-theme="geek"] .header__h2{margin:8px 0 12px;padding-bottom:14px}
 html[data-blog-theme="geek"] .header--index .header__nav{flex-direction:row;gap:6px 16px}
 html[data-blog-theme="geek"] .header--index .header__nav .fn__right{width:100%;margin-top:4px;padding-top:8px}
 html[data-blog-theme="geek"] .header--index .theme-toolbar{margin-top:8px;padding-top:12px}
 html[data-blog-theme="geek"] .articles .item{padding:22px 18px 22px 48px;gap:0}
 html[data-blog-theme="geek"] .articles .item:before{left:16px;top:27px}
 html[data-blog-theme="geek"] .articles .item__title>a{font-size:18px}
 html[data-blog-theme="geek"] .articles:before{padding:14px 16px;font-size:12px}
 html[data-blog-theme="geek"] #pjax:has(>.header--index)>.wrapper{padding:0}
 html[data-blog-theme] .theme-atmosphere:before,html[data-blog-theme] .theme-atmosphere:after{filter:blur(30px)}
}
/* Explicit pause and system reduced motion both stop ambient and interaction effects. */
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion="off"] .theme-atmosphere i{display:none}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .theme-atmosphere i{display:none!important}
}

/* Keep preview text intrinsic; legacy article wrappers share item classes. */
html[data-blog-theme] .articles .item__main{min-height:0;height:auto}
html[data-blog-theme="magazine"] .articles .item:first-child .item__main{flex:0 0 auto}
html[data-blog-theme="magazine"] .articles .item:first-child .item__details{margin-top:14px}
@media(max-width:1000px){html[data-blog-theme="magazine"] .articles .item:first-child .item__cover{height:300px;min-height:0;flex:none}}
@media(max-width:768px){html[data-blog-theme="magazine"] .articles .item:first-child .item__cover{height:220px;min-height:0;flex:none}}
/* Refinement: environments, atmosphere and material cues. */
html[data-blog-theme] .articles>.item{flex:none}
html[data-blog-theme="magazine"] body{background-image:repeating-linear-gradient(0deg,#99856a05 0,#99856a05 1px,transparent 1px,transparent 4px)}
html[data-blog-theme="magazine"] .header--index{position:relative;border-bottom:0;background:linear-gradient(90deg,transparent 0%,#ad382b05 50%,transparent 100%)}
html[data-blog-theme="magazine"] .header--index>.header__title{padding-top:32px}
html[data-blog-theme="magazine"] .header__h1{text-shadow:0 1px 0 var(--bg-content)}
html[data-blog-theme="magazine"] .header__nav{border-top:3px double var(--text-main);border-bottom:1px solid var(--text-main)}
html[data-blog-theme="magazine"] .articles .item:first-child{border-bottom:3px double var(--border-color)}
html[data-blog-theme="magazine"] .articles .item:nth-child(n+4) .item__cover{height:190px}
html[data-blog-theme="magazine"] .articles .item__cover{background-color:var(--code-bg);box-shadow:inset 0 0 0 1px #00000008}
html[data-blog-theme="sticker"] .theme-atmosphere:before{content:'';position:absolute;width:170px;height:170px;left:5vw;top:22vh;border:2px dashed #ae855e65;border-radius:50%;transform:rotate(-15deg);background:repeating-linear-gradient(35deg,transparent 0 8px,#d4a77218 8px 10px)}
html[data-blog-theme="sticker"] .theme-atmosphere:after{content:'';position:absolute;width:110px;height:170px;right:5vw;top:58vh;border:2px solid #a082b04a;border-radius:6px;transform:rotate(13deg);background:#d8caee44;box-shadow:9px 9px 0 #00000008}
html[data-blog-theme="sticker"] .articles .item:after{content:'';position:absolute;right:8px;bottom:8px;width:17px;height:17px;border-right:2px solid var(--border-color);border-bottom:2px solid var(--border-color);border-radius:0 0 5px 0;opacity:.7;pointer-events:none}
html[data-blog-theme="sticker"] .articles .item__cover{transform:rotate(.3deg)}
html[data-blog-theme="sticker"] .articles .item:nth-child(even) .item__cover{transform:rotate(-.5deg)}
html[data-blog-theme="sticker"][data-motion="on"] .articles .item:hover:before{animation:tape-flutter .55s ease}
@keyframes tape-flutter{0%,100%{transform:rotate(-7deg)}45%{transform:rotate(-2deg) translateY(-2px)}}
html[data-blog-theme="snow"] .theme-atmosphere:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 18% 10%,#c2e2ff66,transparent 45%),radial-gradient(ellipse at 85% 80%,#aacbe83d,transparent 48%)}
html[data-blog-theme="snow"] .theme-atmosphere:after{content:'';position:absolute;left:-5%;bottom:-1px;width:110%;height:25vh;background:linear-gradient(165deg,transparent 35%,#d3e6f74a 35%,#e2f0fc66 55%,#f4faff75 55%);clip-path:polygon(0 100%,0 65%,15% 35%,30% 60%,48% 5%,68% 55%,85% 20%,100% 60%,100% 100%)}
html[data-blog-theme="snow"][data-color-mode="dark"] .theme-atmosphere:before{background:radial-gradient(ellipse at 18% 10%,#2c568340,transparent 45%),radial-gradient(ellipse at 85% 80%,#6299c324,transparent 48%)}
html[data-blog-theme="snow"][data-color-mode="dark"] .theme-atmosphere:after{opacity:.12}
html[data-blog-theme="snow"] .theme-atmosphere i:nth-child(5n){background:transparent;box-shadow:none;width:14px;height:14px}
html[data-blog-theme="snow"] .theme-atmosphere i:nth-child(5n):before{content:'✧';display:block;color:#6a9ec6;font:17px/1 serif}
html[data-blog-theme="snow"][data-color-mode="dark"] .theme-atmosphere i:nth-child(5n):before{color:#d7efff}
html[data-blog-theme="snow"] .articles .item{background:var(--bg-content);box-shadow:0 10px 30px #28659908,0 1px 2px #28659908}
html[data-blog-theme="aurora"] .theme-atmosphere:before{inset:-35%;background:radial-gradient(ellipse at 20% 60%,#49d3b478,transparent 42%),radial-gradient(ellipse at 75% 28%,#a891eb8a,transparent 40%),conic-gradient(from 35deg at 55% 50%,transparent,#a4ded34d,transparent,#b7a6ee38,transparent);filter:blur(65px);animation:aurora-ribbon 24s ease-in-out infinite alternate}
html[data-blog-theme="aurora"][data-color-mode="dark"] .theme-atmosphere:before{background:radial-gradient(ellipse at 20% 60%,#15b9a063,transparent 40%),radial-gradient(ellipse at 75% 28%,#8458d97d,transparent 40%),conic-gradient(from 35deg at 55% 50%,transparent,#28c8bb36,transparent,#9a65e64d,transparent)}
html[data-blog-theme="aurora"] .theme-atmosphere:after{background:radial-gradient(ellipse at 50% 45%,transparent 28%,#6eafc91c 36%,transparent 48%);animation:aurora-sway 32s ease-in-out infinite alternate}
html[data-blog-theme="aurora"] .articles .item{box-shadow:0 12px 32px #353c7b0a}
html[data-blog-theme="aurora"][data-motion="on"] .articles .item__cover{transition:filter .35s ease}
html[data-blog-theme="aurora"][data-motion="on"] .articles .item:hover .item__cover{filter:saturate(1.12)}
@keyframes aurora-ribbon{0%{transform:translate(-4%,-6%) rotate(-20deg) scale(1)}50%{transform:translate(2%,3%) rotate(-4deg) scale(1.08)}100%{transform:translate(6%,-2%) rotate(12deg) scale(1.02)}}
html[data-blog-theme="geek"] body{background-image:linear-gradient(#4e8a7110 1px,transparent 1px),linear-gradient(90deg,#4e8a7110 1px,transparent 1px);background-size:28px 28px}
html[data-blog-theme="geek"] .header--index:before{content:'';display:block;position:static;width:50px;height:7px;margin:5px 22px 6px;border-radius:8px;background:linear-gradient(90deg,#d28077 0 7px,transparent 7px 17px,#cebd7e 17px 24px,transparent 24px 34px,#7fae99 34px 41px,transparent 41px);filter:none}
html[data-blog-theme="geek"] .articles{box-shadow:0 10px 32px #16392c0a}
html[data-blog-theme="geek"] .articles .item:hover:before{color:var(--text-main)}
html[data-blog-theme="geek"] .articles .item__cover{border:1px solid var(--border-color);padding:2px;box-sizing:border-box;background-clip:content-box}
html[data-blog-theme="geek"] .articles:before{border-bottom-style:dashed}
html[data-blog-theme] .theme-toolbar select,html[data-blog-theme] .theme-toolbar button{box-shadow:0 1px 2px #00000005}
html[data-blog-theme="sticker"] .theme-toolbar select,html[data-blog-theme="sticker"] .theme-toolbar button{box-shadow:2px 2px 0 var(--text-main)}
html[data-blog-theme][data-motion="on"] .theme-toolbar button{transition:background-color .18s ease,border-color .18s ease}
html[data-blog-theme][data-motion="on"] .pagination__item{transition:transform .18s ease,background-color .18s ease}
html[data-blog-theme][data-motion="on"] .pagination__item:hover{transform:translateY(-2px)}
@media(max-width:768px){
 html[data-blog-theme="magazine"] .articles .item:nth-child(n+4) .item__cover{height:180px}
 html[data-blog-theme="sticker"] .theme-atmosphere:before,html[data-blog-theme="sticker"] .theme-atmosphere:after{display:none}
 html[data-blog-theme="snow"] .theme-atmosphere:after{height:18vh}
 html[data-blog-theme="aurora"] .theme-atmosphere:before{filter:blur(35px)}
}