/* 神经虚空（void）· 全站皮肤样式
组织：令牌 → 全局底层 → 预加载 → 头部/切换器 → 首屏 → 首页版块 → 便当网格/骨架 → 侧栏 → 页脚/浮动按钮
→ 文章 → 评论 → 归档/分页 → 组件 → 第三方 → 特殊页面 → 响应式 → 降级
旧 Joe 的 joe.*.min.css 先于本文件加载，当作内页结构基线；这里统一用 html[data-skin=void] 前缀提高特异性覆盖，不改旧文件。
令牌名 --orz-*（base.css / skin.js 依赖）保留，--void-* 为本皮肤扩展。 */
/* ===== 1. 设计令牌（暗：黑红 / 亮：暖白 + 同一红色强调） ===== */
html[data-skin=void]{
--orz-bg:#06060a;
--orz-surface:#0e0e15;
--orz-surface2:#151520;
--orz-tx:#f4f1f2;
--orz-tx2:#bdb7bb;
--orz-tx3:#8d868b;
--orz-line:rgba(255,255,255,.1);
--orz-accent:#ff2d55;
--orz-accent2:#ff6a85;
--orz-sk1:rgba(255,255,255,.05);
--orz-sk2:rgba(255,255,255,.11);
--void-line2:rgba(255,255,255,.16);
--void-line-red:rgba(255,45,85,.55);
--void-red-deep:#a30f2b;
--void-btn:#e11237;
--void-btn-h:#f01c43;
--void-chip:rgba(255,255,255,.07);
--void-chip-red:rgba(255,45,85,.14);
--void-glow:rgba(255,45,85,.38);
--void-spot:rgba(255,45,85,.13);
--void-aura1:rgba(255,30,70,.22);
--void-aura2:rgba(120,10,40,.28);
--void-grid:rgba(255,255,255,.045);
--void-glass:rgba(14,14,21,.62);
--void-hdr:rgba(8,8,12,.72);
--void-shadow:0 24px 60px -24px rgba(0,0,0,.9);
--void-net-rgb:255,45,85;
--void-net-a:1;
--void-grad-a:#ff2d55;
--void-grad-b:#ff6a85;
--void-grad-c:#ff9a5a;
--void-code-bg:#0a0a10;
--vt-r:#ff5c7c; --vt-k:#ff8aa0; --vt-s:#56e0d8; --vt-n:#ffb085; --vt-f:#9ee7ff; --vt-v:#eadde2; --vt-x:#ffcf8a; --vt-o:#d9a0ae;
--void-sans:"Avenir Next","SF Pro Display","PingFang SC","HarmonyOS Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
--void-mono:"SF Mono","JetBrains Mono",ui-monospace,Menlo,Consolas,"Liberation Mono",monospace;
color-scheme:dark;
}
html[data-skin=void][data-theme=light]{
--orz-bg:#f6f2f1;
--orz-surface:#ffffff;
--orz-surface2:#fbf7f6;
--orz-tx:#170f12;
--orz-tx2:#52464b;
--orz-tx3:#6c6066;
--orz-line:rgba(30,10,16,.12);
--orz-accent:#c8102e;
--orz-accent2:#e11d48;
--orz-sk1:rgba(30,10,16,.06);
--orz-sk2:rgba(30,10,16,.12);
--void-line2:rgba(30,10,16,.17);
--void-line-red:rgba(200,16,46,.5);
--void-red-deep:#8f0a21;
--void-btn:#c8102e;
--void-btn-h:#b00d28;
--void-chip:rgba(30,10,16,.06);
--void-chip-red:rgba(200,16,46,.09);
--void-glow:rgba(200,16,46,.28);
--void-spot:rgba(200,16,46,.08);
--void-aura1:rgba(255,70,100,.2);
--void-aura2:rgba(255,140,170,.22);
--void-grid:rgba(40,10,20,.055);
--void-glass:rgba(255,255,255,.72);
--void-hdr:rgba(246,242,241,.8);
--void-shadow:0 24px 50px -26px rgba(90,20,35,.35);
--void-net-rgb:200,16,46;
--void-net-a:.8;
--void-grad-a:#c8102e;
--void-grad-b:#e8284a;
--void-grad-c:#ff4d7a;
--void-code-bg:#f8f2f1;
--vt-r:#c4143c; --vt-k:#a80f38; --vt-s:#0b7a82; --vt-n:#a24a0c; --vt-f:#0a6592; --vt-v:#3d2a31; --vt-x:#8a5a00; --vt-o:#8a3b50;
color-scheme:light;
}
/* ===== 2. 全局底层：旧变量映射 + 背景（光晕 + 网格） ===== */
/* 旧 CSS 的深色变量写在 html[data-night='night'] body 上（特异性 0,1,2），所以这里必须同样落在 body 上且特异性更高(0,2,2) */
html[data-skin=void][data-theme=dark] body,
html[data-skin=void][data-theme=light] body{
--theme:var(--orz-accent);
--background:var(--orz-surface);
--main:var(--orz-tx);
--routine:var(--orz-tx2);
--minor:var(--orz-tx3);
--seat:var(--orz-tx3);
--classA:var(--orz-line);
--classB:var(--orz-line);
--classC:var(--orz-line);
--classD:var(--orz-surface2);
--box-shadow:none;
--text-shadow:none;
--text_shadow:none;
--radius-wrap:22px;
--radius-inner:12px;
background:var(--orz-bg);
color:var(--orz-tx);
font-family:var(--void-sans);
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* 页内锚点（文章 [TOC] 目录等）：平滑滚动，并给顶部固定导航留出位置——桌面 64px 主导航 + 44px 滚动后出现的文章标题条，
不留的话目标标题会停在视口最上沿被导航遮住；与 ember 皮肤的做法一致（scroll-padding-top）。系统开启“减少动态效果”时不做平滑滚动 */
html[data-skin=void]{scroll-behavior:smooth; scroll-padding-top:120px}
@media (prefers-reduced-motion:reduce){html[data-skin=void] { scroll-behavior:auto}}
/* 旧页面底图层（body::before）：用令牌底色盖掉；叠上红色光晕 + 网格线（固定层，不随滚动重绘） */
html[data-skin=void][data-theme] body::before{
background:
radial-gradient(900px 560px at 12% -6%,var(--void-aura1),transparent 62%),
radial-gradient(760px 520px at 96% 4%,var(--void-aura2),transparent 60%),
var(--orz-bg);
}
html[data-skin=void][data-theme] body::after{
content:"";
position:fixed;
inset:0;
z-index:-499;
pointer-events:none;
background-image:linear-gradient(var(--void-grid) 1px,transparent 1px),linear-gradient(90deg,var(--void-grid) 1px,transparent 1px);
background-size:52px 52px;
-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 8%,transparent 78%);
mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 8%,transparent 78%);
}
html[data-skin=void] ::selection{background:var(--orz-accent); color:#fff}
html[data-skin=void] a{color:inherit; transition:color .2s}
html[data-skin=void] a:hover{color:var(--orz-accent2)}
html[data-theme=light][data-skin=void] a:hover{color:var(--orz-accent)}
html[data-skin=void] :focus-visible{outline:2px solid var(--orz-accent2); outline-offset:2px; border-radius:4px}
html[data-skin=void] ::-webkit-scrollbar{width:9px; height:9px}
html[data-skin=void] ::-webkit-scrollbar-thumb{background:var(--void-line2); border-radius:9px}
html[data-skin=void] ::-webkit-scrollbar-thumb:hover{background:var(--void-line-red)}
html[data-skin=void] ::-webkit-scrollbar-track{background:transparent}
html[data-skin=void] .joe_container{max-width:1280px; padding:0 20px}
html[data-skin=void] .joe_main{padding:22px 0 8px}
html[data-skin=void] img{-webkit-user-drag:none}
/* 公共：按钮 / 小标签 */
.void-btn,html[data-skin=void] .joe_load,html[data-skin=void] .joe_comment__respond-form .foot .submit button{
font-family:inherit;
}
/* ===== 3. 预加载：样式已搬到 assets/skin/void/preloader.css（由 core/skin.php 内联进 <head>，保证首字节后第一帧就能画出遮罩） ===== */
/* ===== 4. 头部 ===== */
html[data-skin=void] .joe_header{top:0; background:transparent; box-shadow:none; border:0; pointer-events:none; transition:none}
html[data-skin=void] .joe_header.active{top:0}
html[data-skin=void] .joe_header>*{pointer-events:auto}
html[data-skin=void] .joe_header__above,
html[data-skin=void] .joe_header__below{background:transparent; border:0; transition:background-color .3s,backdrop-filter .3s,border-color .3s,opacity .3s,visibility .3s}
html[data-skin=void] .joe_header__above{z-index:999}
html[data-skin=void] .joe_header__above>.joe_container{height:64px; display:flex; align-items:center; gap:6px}
html[data-skin=void] .joe_header.is-scrolled .joe_header__above,
html[data-skin=void] .joe_header.is-scrolled .joe_header__below{
background:var(--void-hdr);
-webkit-backdrop-filter:blur(16px) saturate(1.5);
backdrop-filter:blur(16px) saturate(1.5);
}
html[data-skin=void] .joe_header.is-scrolled .joe_header__above{border-bottom:1px solid var(--orz-line)}
html[data-skin=void] .joe_header.is-scrolled .joe_header__below{border-bottom:1px solid var(--orz-line)}
html[data-skin=void] .joe_header.is-scrolled .joe_header__above{box-shadow:0 10px 40px -24px rgba(0,0,0,.8)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
html[data-skin=void] .joe_header.is-scrolled .joe_header__above,
html[data-skin=void] .joe_header.is-scrolled .joe_header__below{background:var(--orz-surface)}
}
.void-header__progress{
position:absolute; left:0; right:0; top:0; z-index:1001; height:2px; pointer-events:none;
background:linear-gradient(90deg,var(--void-red-deep),var(--orz-accent),var(--orz-accent2));
box-shadow:0 0 10px var(--void-glow);
transform-origin:0 50%; transform:scaleX(var(--orz-p,0));
}
/* 品牌 */
html[data-skin=void] .joe_header__above-logo.void-brand{
display:inline-flex; align-items:center; gap:10px; height:40px; padding:0; margin:0 14px 0 0; flex-shrink:0;
font-size:19px; font-weight:800; letter-spacing:.08em; color:var(--orz-tx); max-width:260px;
}
html[data-skin=void] .joe_header__above-logo::after{display:none}
html[data-skin=void] .joe_header__above-logo .void-brand__mark{display:block; width:30px; height:30px}
.void-brand__mark{flex:none; color:var(--orz-accent); overflow:visible; filter:drop-shadow(0 0 8px var(--void-glow))}
.void-brand__mark .ln{fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:60; stroke-dashoffset:0}
.void-brand__mark .nd{fill:var(--orz-bg); stroke:currentColor; stroke-width:1.6}
.void-brand__name{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.void-brand:hover .void-brand__mark .ln{animation:void-dash 1s ease}
@keyframes void-dash{from { stroke-dashoffset:60} to { stroke-dashoffset:0}}
/* 主导航：胶囊，当前项带发光小点 */
html[data-skin=void] .joe_header__above-nav{display:flex; align-items:center; gap:2px}
html[data-skin=void] .joe_header__above-nav .item,
html[data-skin=void] .joe_header__above-nav .joe_dropdown__link{
position:relative; display:inline-flex; align-items:center; height:38px; line-height:38px; margin:0; padding:0 14px; border-radius:999px;
font-size:14px; font-weight:500; color:var(--orz-tx2); transition:background-color .2s,color .2s;
}
html[data-skin=void] .joe_header__above-nav .joe_dropdown{margin:0!important}
html[data-skin=void] .joe_header__above-nav .joe_dropdown__link{padding:0 8px 0 14px; cursor:pointer}
html[data-skin=void] .joe_header__above-nav .joe_dropdown__link a{height:38px; line-height:38px; font-size:14px; font-weight:500; color:inherit; padding-right:2px}
html[data-skin=void] .joe_header__above-nav .item::after{display:none}
html[data-skin=void] .joe_header__above-nav .item:hover,
html[data-skin=void] .joe_header__above-nav .joe_dropdown__link:hover,
html[data-skin=void] .joe_header__above-nav .joe_dropdown.active .joe_dropdown__link{background:var(--void-chip); color:var(--orz-tx)}
html[data-skin=void] .joe_header__above-nav .item.active{background:var(--void-chip); color:var(--orz-tx); padding-left:26px}
html[data-skin=void] .joe_header__above-nav .item.active::before{
content:""; position:absolute; left:12px; top:50%; width:6px; height:6px; margin-top:-3px; border-radius:50%;
background:var(--orz-accent); box-shadow:0 0 10px 2px var(--void-glow);
}
html[data-skin=void] .joe_dropdown__link-icon,html[data-skin=void] .joe_dropdown__link .icon{width:12px; height:12px; fill:currentColor; opacity:.7}
/* 下拉卡片（顶部导航、分类导航、用户菜单共用） */
html[data-skin=void] .joe_dropdown__menu{
top:calc(100% + 8px); min-width:132px; padding:6px; border:1px solid var(--void-line2); border-top:1px solid var(--void-line2); border-radius:16px;
background:var(--orz-surface); box-shadow:var(--void-shadow); transform:translateX(-50%) translateY(6px); opacity:0; visibility:hidden;
transition:opacity .2s,transform .2s,visibility 0s linear .2s;
}
html[data-skin=void] .joe_dropdown__menu::before{
/* 旧三角箭头改为透明"桥"，鼠标从链接移到菜单时不会因间隙关闭 */
content:""; position:absolute; left:0; right:0; top:-10px; height:10px; width:auto; border:0; background:transparent;
}
html[data-skin=void] .joe_dropdown.active .joe_dropdown__menu{opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); transition-delay:0s}
html[data-skin=void] .joe_dropdown__menu a,
html[data-skin=void] .joe_header__above-nav .joe_dropdown__menu a{display:block; height:auto; line-height:1.4; padding:9px 14px; border-radius:10px; font-size:14px; text-align:left; color:var(--orz-tx2); white-space:nowrap}
html[data-skin=void] .joe_dropdown__menu a:hover,html[data-skin=void] .joe_dropdown__menu a.active{background:var(--void-chip-red); color:var(--orz-accent2)}
html[data-theme=light][data-skin=void] .joe_dropdown__menu a:hover,html[data-theme=light][data-skin=void] .joe_dropdown__menu a.active{color:var(--orz-accent)}
html[data-skin=void] .joe_header__above-nav .joe_dropdown__menu{width:auto; text-align:left}
/* 搜索：胶囊输入框，提交按钮化作放大镜 */
html[data-skin=void] .joe_header__above-search{position:relative; margin-left:8px; display:flex; align-items:center}
html[data-skin=void] .joe_header__above-search .input{
width:190px; height:38px; padding:0 44px 0 16px; border:1px solid var(--void-line2); border-radius:999px; background:var(--void-chip);
color:var(--orz-tx); font:14px var(--void-sans); outline:0; transition:width .3s,border-color .2s,box-shadow .2s,background-color .2s;
}
html[data-skin=void] .joe_header__above-search .input::placeholder{color:var(--orz-tx3)}
html[data-skin=void] .joe_header__above-search .input:focus{width:270px; padding:0 44px 0 16px; background:var(--orz-surface); border-color:var(--void-line-red); box-shadow:0 0 0 4px var(--void-chip-red)}
html[data-skin=void] .joe_header__above-search .submit{
position:absolute; right:4px; top:4px; width:30px; height:30px; padding:0; border:0; border-radius:50%; font-size:0; color:transparent; cursor:pointer;
background:var(--orz-accent); transition:transform .2s,box-shadow .2s;
}
html[data-skin=void] .joe_header__above-search .submit::before{
content:""; position:absolute; inset:7px; background:#fff;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m20 20-4.8-4.8'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m20 20-4.8-4.8'/%3E%3C/svg%3E") center/contain no-repeat;
}
html[data-skin=void] .joe_header__above-search .submit:hover{transform:scale(1.08); box-shadow:0 0 16px var(--void-glow)}
html[data-skin=void] .joe_header__above-search .icon{display:none}
html[data-skin=void] .joe_header__above-search .result{
left:auto; right:0; top:calc(100% + 12px); width:340px; border:1px solid var(--void-line2); border-radius:18px; padding:6px; overflow:hidden;
background:var(--orz-surface); box-shadow:var(--void-shadow); transform:translateY(6px); transition:opacity .2s,transform .2s,visibility .2s;
}
html[data-skin=void] .joe_header__above-search .result.active{transform:none}
html[data-skin=void] .joe_header__above-search .result .item{height:42px; padding:0 10px; border:0; border-radius:10px; color:var(--orz-tx2)}
html[data-skin=void] .joe_header__above-search .result .item:hover{background:var(--void-chip); color:var(--orz-tx)}
html[data-skin=void] .joe_header__above-search .result .item .sort{display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; border-radius:6px; background:var(--void-chip)!important; color:var(--orz-tx3); font:600 11px var(--void-mono)}
html[data-skin=void] .joe_header__above-search .result .item:nth-child(-n+3) .sort{background:var(--orz-accent)!important; color:#fff}
html[data-skin=void] .joe_header__above-search .result .item .views{color:var(--orz-tx3); font:11px var(--void-mono)}
html[data-skin=void] .joe_header__above-slideicon,html[data-skin=void] .joe_header__above-searchicon{
width:38px; height:38px; padding:9px; border:1px solid var(--void-line2); border-radius:50%; background:var(--void-chip); fill:var(--orz-tx); cursor:pointer; flex:none;
}
/* 右上角切换器（明暗 + 皮肤）：玻璃胶囊，发光描边 */
html[data-skin=void] .orz-switcher{margin-left:auto; gap:8px}
html[data-skin=void] .orz-theme-toggle,
html[data-skin=void] .orz-menu-trigger{
height:38px; min-width:38px; padding:0 12px; border:1px solid var(--void-line2); border-radius:999px; background:var(--void-chip);
color:var(--orz-tx); font:600 13px var(--void-sans); opacity:1; transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s;
}
html[data-skin=void] .orz-theme-toggle{width:38px; padding:0}
html[data-skin=void] .orz-theme-toggle:hover,html[data-skin=void] .orz-menu-trigger:hover,
html[data-skin=void] .orz-menu-trigger[aria-expanded="true"]{border-color:var(--void-line-red); box-shadow:0 0 18px -4px var(--void-glow); background:var(--void-chip-red)}
html[data-skin=void] .orz-theme-toggle:active{transform:rotate(25deg) scale(.92)}
html[data-skin=void] .orz-menu-trigger .orz-ico{color:var(--orz-accent2)}
html[data-skin=void] .orz-menu{
top:calc(100% + 10px); min-width:196px; padding:8px; border:1px solid var(--void-line2); border-radius:18px;
background:var(--orz-surface); color:var(--orz-tx); box-shadow:var(--void-shadow);
}
html[data-skin=void] .orz-menu__item{padding:10px 12px; border-radius:12px; color:var(--orz-tx2)}
html[data-skin=void] .orz-menu__item:hover{background:var(--void-chip); color:var(--orz-tx)}
html[data-skin=void] .orz-menu__item.is-active{background:var(--void-chip-red); color:var(--orz-accent2)}
html[data-theme=light][data-skin=void] .orz-menu__item.is-active{color:var(--orz-accent)}
html[data-skin=void] .orz-menu__en{font-family:var(--void-mono); letter-spacing:.08em}
/* 下栏：分类 / 用户入口 */
html[data-skin=void] .joe_header__below>.joe_container{height:44px; align-items:center}
html[data-skin=void] .joe_header__below-class{display:flex; align-items:center; gap:2px; overflow:hidden}
html[data-skin=void] .joe_header__below-class .item,
html[data-skin=void] .joe_header__below-class .joe_dropdown__link{height:30px; line-height:30px; margin:0; padding:0 12px; border-radius:999px; font-size:13px; color:var(--orz-tx3); display:inline-flex; align-items:center}
html[data-skin=void] .joe_header__below-class .joe_dropdown__link .item{padding:0; height:30px; line-height:30px}
html[data-skin=void] .joe_header__below-class .joe_dropdown{margin:0}
html[data-skin=void] .joe_header__below-class .item:hover,
html[data-skin=void] .joe_header__below-class .joe_dropdown__link:hover{color:var(--orz-tx); background:var(--void-chip)}
html[data-skin=void] .joe_header__below-class .item.active,
html[data-skin=void] .joe_header__below-class .joe_dropdown__link:has(.item.active){color:var(--orz-accent2); background:var(--void-chip-red)}
html[data-theme=light][data-skin=void] .joe_header__below-class .item.active{color:var(--orz-accent)}
html[data-skin=void] .joe_header__below-title{max-width:60%; line-height:44px; font-size:15px; font-weight:700; color:var(--orz-tx); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
html[data-skin=void] .joe_header.current .joe_header__below-title{display:none}
html[data-skin=void] .joe_header.active.current .joe_header__below-title{display:block}
html[data-skin=void] .joe_header.active.current .joe_header__below-class{display:none}
/* 向下滚动时：普通页面收起下栏（只淡出，不改高度，避免布局抖动），文章页保留下栏显示标题 */
html[data-skin=void] .joe_header.active:not(.current) .joe_header__below{opacity:0; visibility:hidden; pointer-events:none}
/* 已登录用户名：纯文字胶囊，点击进后台；未登录时 _sign.php 不输出元素 */
html[data-skin=void] .joe_header__below-sign{margin-left:auto; display:inline-flex; align-items:center; height:30px; max-width:160px; padding:0 12px; border-radius:999px; color:var(--orz-tx3); font-size:13px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
html[data-skin=void] .joe_header__below-sign:hover{background:var(--void-chip); color:var(--orz-tx)}
/* 手机端搜索浮层 */
html[data-skin=void] .joe_header__searchout{top:64px; background:var(--orz-surface); border-top:1px solid var(--orz-line); box-shadow:var(--void-shadow)}
html[data-skin=void] .joe_header__searchout-inner{padding:18px 0}
html[data-skin=void] .joe_header__searchout .search{display:flex; gap:8px}
html[data-skin=void] .joe_header__searchout .search .input{flex:1; min-width:0; height:42px; padding:0 18px; border:1px solid var(--void-line2); border-radius:999px; background:var(--void-chip); color:var(--orz-tx); font:14px var(--void-sans); outline:0}
html[data-skin=void] .joe_header__searchout .search .input:focus{border-color:var(--void-line-red)}
html[data-skin=void] .joe_header__searchout .search .submit{height:42px; padding:0 20px; border:0; border-radius:999px; background:var(--void-btn); color:#fff; font-weight:600; cursor:pointer}
html[data-skin=void] .joe_header__searchout .title{display:flex; align-items:center; margin:18px 0 10px; color:var(--orz-tx3); font:12px var(--void-mono); letter-spacing:.08em}
html[data-skin=void] .joe_header__searchout .title svg{width:14px; height:14px; margin-right:6px; fill:var(--orz-accent2)}
html[data-skin=void] .joe_header__searchout .cloud .item a{height:28px; line-height:28px; padding:0 12px; border-radius:999px; font-size:12px; background:var(--void-chip)!important; color:var(--orz-tx2); border:1px solid var(--orz-line)}
html[data-skin=void] .joe_header__searchout .cloud .item a:hover{color:var(--orz-accent2); border-color:var(--void-line-red)}
/* 手机端侧滑菜单与遮罩 */
html[data-skin=void] .joe_header__mask{background:rgba(4,2,5,.62); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px)}
html[data-skin=void] .joe_header__slideout{width:82%; max-width:360px; background:var(--orz-bg); border-right:1px solid var(--void-line2); box-shadow:30px 0 80px rgba(0,0,0,.5)}
html[data-skin=void] .joe_header__slideout-image{opacity:.55; -webkit-mask-image:linear-gradient(#000 40%,transparent); mask-image:linear-gradient(#000 40%,transparent)}
html[data-skin=void] .joe_header__slideout-author,html[data-skin=void] .joe_header__slideout-count,html[data-skin=void] .joe_header__slideout-menu{
background:var(--void-glass); border:1px solid var(--orz-line); border-radius:18px; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
html[data-skin=void] .joe_header__slideout-author .avatar{border-radius:50%; border:2px solid var(--void-line-red)}
html[data-skin=void] .joe_header__slideout-author .info .link{color:var(--orz-tx); font-weight:700}
html[data-skin=void] .joe_header__slideout-author .info .motto{color:var(--orz-tx3)}
html[data-skin=void] .joe_header__slideout-count .item{color:var(--orz-tx2)}
html[data-skin=void] .joe_header__slideout-count .item strong{color:var(--orz-accent2); font-family:var(--void-mono)}
html[data-skin=void] .joe_header__slideout-count svg,html[data-skin=void] .joe_header__slideout-menu .icon{fill:var(--orz-accent2)}
html[data-skin=void] .joe_header__slideout-menu .link{color:var(--orz-tx)}
html[data-skin=void] .joe_header__slideout-menu .link.in,html[data-skin=void] .joe_header__slideout-menu .current{color:var(--orz-accent2)}
html[data-skin=void] .joe_header__slideout-menu .slides{border-left:1px solid var(--void-line-red)}
html[data-skin=void] .joe_header__slideout-menu a:hover{color:var(--orz-accent2)}
/* ===== 5. 首屏（神经网络画布 + 大标题 + 模块） ===== */
html[data-skin=void] .void-hero{position:relative; margin-bottom:4px; --gx:72%; --gy:28%}
html[data-skin=void] .void-hero__canvas{position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.62; -webkit-mask-image:linear-gradient(#000 70%,transparent); mask-image:linear-gradient(#000 70%,transparent)}
html[data-skin=void] .void-hero__glow{position:absolute; inset:0; pointer-events:none; background:radial-gradient(520px circle at var(--gx) var(--gy),var(--void-spot),transparent 62%)}
html[data-skin=void] .void-hero .orz-hero__inner{max-width:1280px; padding:62px 20px 30px}
html[data-skin=void] .void-hero__eyebrow{
display:inline-flex; align-items:center; gap:10px; padding:7px 14px 7px 12px; margin-bottom:24px; border:1px solid var(--void-line2); border-radius:999px;
background:var(--void-glass); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); font:600 12px/1 var(--void-mono); letter-spacing:.14em; color:var(--orz-tx2);
animation:void-rise .7s .05s both;
}
html[data-skin=void] .void-hero__eyebrow i{width:7px; height:7px; border-radius:50%; background:var(--orz-accent); box-shadow:0 0 0 0 var(--void-glow); animation:void-ping 2s infinite}
html[data-skin=void] .void-hero .orz-hero__title{margin:0; font-size:clamp(38px,6.6vw,96px); line-height:1.08; font-weight:800; letter-spacing:-.035em; color:var(--orz-tx)}
html[data-skin=void] .void-hero .orz-hero__line{display:block; width:fit-content; max-width:100%; animation:void-rise .8s .15s both cubic-bezier(.2,.7,.2,1)}
html[data-skin=void] .void-hero .orz-hero__line:nth-child(2){
animation-delay:.32s; padding-bottom:.06em;
background:linear-gradient(100deg,var(--void-grad-a) 10%,var(--void-grad-b) 40%,var(--void-grad-c) 55%,var(--void-grad-a) 90%);
background-size:220% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:var(--orz-accent);
animation:void-rise .8s .32s both cubic-bezier(.2,.7,.2,1),void-sweep 7s 1.2s linear infinite;
}
html[data-skin=void] .void-hero .orz-hero__sub{
--n:11; display:flex; align-items:center; margin:22px 0 0; font:500 clamp(15px,1.7vw,20px)/1.4 var(--void-mono); letter-spacing:.12em; color:var(--orz-tx2); animation:void-rise .8s .5s both;
}
html[data-skin=void] .void-hero__prompt{margin-right:12px; color:var(--orz-accent); font-weight:700}
html[data-skin=void] .void-hero__subtext{display:inline-block; overflow:hidden; white-space:nowrap; vertical-align:bottom; width:calc(var(--n) * 1.12em); animation:void-type calc(var(--n) * .09s) steps(var(--n),end) .9s both}
html[data-skin=void] .void-hero__caret{width:.55em; height:1.1em; margin-left:.15em; background:var(--orz-accent); box-shadow:0 0 10px var(--void-glow); animation:void-blink 1s steps(1) infinite}
html[data-skin=void] .void-hero .orz-hero__notice{
display:flex; align-items:center; width:fit-content; max-width:100%; height:auto; margin:26px 0 0; padding:10px 18px 10px 14px; border:1px solid var(--orz-line); border-radius:16px;
background:var(--void-glass); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); animation:void-rise .8s .62s both;
}
html[data-skin=void] .void-hero .orz-hero__notice::before{content:"NOTICE"; margin-right:12px; padding-right:12px; border-right:1px solid var(--void-line2); font:700 11px/1 var(--void-mono); letter-spacing:.14em; color:var(--orz-accent2)}
html[data-skin=void] .void-hero .orz-hero__notice a{max-width:min(640px,72vw); color:var(--orz-tx2); line-height:20px}
html[data-skin=void] .void-hero .orz-hero__notice a:hover{color:var(--orz-accent2)}
html[data-skin=void] .void-hero .orz-hero__sticky{margin:16px 0 0; gap:10px}
html[data-skin=void] .void-hero .orz-hero__sticky a{display:inline-flex; align-items:center; max-width:100%; padding:7px 14px; border:1px solid var(--orz-line); border-radius:999px; background:var(--void-chip); font-size:13px; color:var(--orz-tx2); transition:border-color .2s,transform .2s}
html[data-skin=void] .void-hero .orz-hero__sticky a:hover{border-color:var(--void-line-red); color:var(--orz-tx); transform:translateY(-2px)}
html[data-skin=void] .void-hero .orz-hero__sticky .badge{margin-right:8px; padding:2px 8px; border-radius:999px; background:var(--void-btn); color:#fff; font-size:11px}
@keyframes void-rise{from { opacity:0; transform:translateY(22px)} to { opacity:1; transform:none}}
@keyframes void-sweep{to { background-position:-220% 0}}
@keyframes void-blink{50% { opacity:0}}
@keyframes void-ping{70% { box-shadow:0 0 0 9px transparent} 100% { box-shadow:0 0 0 0 transparent}}
@keyframes void-type{from { width:0}}
/* 首屏下方模块：轮播 + 推荐、热门、广告 */
html[data-skin=void] .void-hero .orz-hero__modules{max-width:1280px; padding:8px 20px 12px}
html[data-skin=void] .joe_index__banner{padding:0; gap:16px}
html[data-skin=void] .joe_index__banner .swiper-container{height:400px; border-radius:26px; border:1px solid var(--orz-line); background:var(--orz-surface); box-shadow:var(--void-shadow); --swiper-theme-color:var(--orz-accent); transform:translateZ(0); overflow:hidden; position:relative}
html[data-skin=void] .swiper-container .item{height:400px; border-radius:26px; position:relative; overflow:hidden}
html[data-skin=void] .swiper-container .item .thumbnail{transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity .35s}
html[data-skin=void] .swiper-container .item:hover .thumbnail{opacity:1; transform:scale(1.04)}
html[data-skin=void] .swiper-container .item::after{content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(to top,rgba(14,3,8,.88),rgba(14,3,8,.25) 46%,transparent 72%)}
html[data-skin=void] .swiper-container .item .title{
z-index:2; bottom:0; padding:0 34px 34px; text-align:left; background:none; font-size:clamp(18px,2.2vw,28px); font-weight:800; letter-spacing:-.01em; line-height:1.3; color:#fff;
white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
html[data-skin=void] .swiper-container .item .icon{z-index:2; top:20px; left:20px; width:20px; height:20px; opacity:.9}
html[data-skin=void] .swiper-container.swiper-container-horizontal .swiper-pagination-bullets{top:auto; right:28px; bottom:28px; z-index:3; display:flex; gap:6px}
html[data-skin=void] .swiper-container .swiper-pagination-bullet{width:8px; height:8px; margin:0!important; border-radius:8px; background:#fff; opacity:.45; transition:width .3s,opacity .3s,background-color .3s}
html[data-skin=void] .swiper-container .swiper-pagination-bullet-active{width:26px; background:var(--orz-accent); opacity:1; box-shadow:0 0 12px var(--void-glow)}
html[data-skin=void] .swiper-container .swiper-button-next,html[data-skin=void] .swiper-container .swiper-button-prev{
width:44px; height:44px; margin-top:-22px; border-radius:50%; color:#fff; background:rgba(14,3,8,.5); border:1px solid rgba(255,255,255,.2); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); z-index:3;
}
html[data-skin=void] .swiper-container .swiper-button-next:hover,html[data-skin=void] .swiper-container .swiper-button-prev:hover{background:var(--void-btn); border-color:transparent; box-shadow:0 0 20px var(--void-glow)}
html[data-skin=void] .swiper-container .swiper-button-next::after,html[data-skin=void] .swiper-container .swiper-button-prev::after{font-size:16px; font-weight:800}
html[data-skin=void] .joe_index__banner-recommend{width:320px; margin-left:0; gap:16px}
html[data-skin=void] .joe_index__banner-recommend .item{flex:1; height:auto; min-height:0; margin:0; border-radius:22px; border:1px solid var(--orz-line); background:var(--orz-surface); transition:translate .35s,border-color .35s,box-shadow .35s}
html[data-skin=void] .joe_index__banner-recommend .item:hover{translate:0 -4px; border-color:var(--void-line-red); box-shadow:0 22px 50px -22px var(--void-glow)}
html[data-skin=void] .joe_index__banner-recommend .item .thumbnail img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
html[data-skin=void] .joe_index__banner-recommend .item:hover .thumbnail img{transform:scale(1.07)}
html[data-skin=void] .joe_index__banner-recommend .item .information{padding:36px 16px 14px; gap:8px; background:linear-gradient(to top,rgba(14,3,8,.88),transparent); font-size:14px; font-weight:600}
html[data-skin=void] .joe_index__banner-recommend .item .information .type{margin-right:0; padding:0 9px; height:22px; line-height:22px; border-radius:999px; background:var(--void-btn); font:700 11px/22px var(--void-mono); letter-spacing:.08em; flex:none}
html[data-skin=void] .joe_index__banner-recommend.noswiper{width:100%}
/* 热门：带轮廓序号的小卡片 */
html[data-skin=void] .joe_index__hot{padding:0; margin-top:18px}
html[data-skin=void] .joe_index__hot::before,html[data-skin=void] .joe_index__ad::before{content:"// HOT · 热门推荐"; display:block; margin:0 0 12px 2px; font:600 12px/1 var(--void-mono); letter-spacing:.16em; color:var(--orz-tx3)}
html[data-skin=void] .joe_index__ad::before{display:none}
html[data-skin=void] .joe_index__hot-list{counter-reset:hot; gap:16px; grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-skin=void] .joe_index__hot-list .item,html[data-skin=void] .joe_index__hot-list .item .link,html[data-skin=void] .joe_index__hot-list figcaption.title{min-width:0}
html[data-skin=void] .joe_index__hot-list .item{counter-increment:hot; overflow:visible}
html[data-skin=void] .joe_index__hot-list .item .link{border-radius:20px; overflow:hidden; border:1px solid var(--orz-line); background:var(--orz-surface); transition:translate .35s,border-color .35s,box-shadow .35s}
html[data-skin=void] .joe_index__hot-list .item .link:hover{translate:0 -4px; border-color:var(--void-line-red); box-shadow:0 22px 50px -22px var(--void-glow)}
html[data-skin=void] .joe_index__hot-list .item .link .inner{margin:0}
html[data-skin=void] .joe_index__hot-list .item .link .inner::before{
content:counter(hot,decimal-leading-zero); position:absolute; z-index:2; left:14px; top:8px; font:800 34px/1 var(--void-mono); letter-spacing:-.04em; color:transparent; -webkit-text-stroke:1.2px rgba(255,255,255,.9); pointer-events:none;
}
html[data-skin=void] .joe_index__hot-list .item:nth-child(-n+3) .link .inner::before{-webkit-text-stroke-color:var(--orz-accent2)}
html[data-skin=void] .joe_index__hot-list .item:first-child .link .inner::before{color:var(--orz-accent); -webkit-text-stroke:0; text-shadow:0 0 18px var(--void-glow)}
html[data-skin=void] .joe_index__hot-list .item .link .inner::after{content:""; position:absolute; left:0; right:0; top:0; height:90px; background:linear-gradient(rgba(10,2,6,.65),transparent); pointer-events:none}
html[data-skin=void] .joe_index__hot-list .item .link .inner .image{height:132px; border-radius:0; transition:transform .7s cubic-bezier(.2,.7,.2,1)}
html[data-skin=void] .joe_index__hot-list .item .link:hover .inner .image{opacity:1; transform:scale(1.06)}
html[data-skin=void] .joe_index__hot-list .item .link .inner>figcaption.title{position:relative; z-index:1; padding:0 14px; height:44px; line-height:44px; text-align:left; font-size:14px; font-weight:600; color:var(--orz-tx); background:var(--orz-surface); border-radius:0}
html[data-skin=void] .joe_index__hot-list .item .link .inner:hover .title{background:var(--orz-surface)}
html[data-skin=void] .joe_index__hot-list .item .link .inner .views{z-index:3; top:10px; right:10px; height:22px; padding:0 10px; border-radius:999px; background:rgba(10,2,6,.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.18); font:600 11px/22px var(--void-mono)}
html[data-skin=void] .joe_index__ad{padding:0; margin-top:18px}
html[data-skin=void] .joe_index__ad-link{border-radius:22px; overflow:hidden; border:1px solid var(--orz-line)}
html[data-skin=void] .joe_index__ad-link .image{height:130px; border-radius:0}
html[data-skin=void] .joe_index__ad-link .icon{top:12px; right:12px; padding:3px 10px; border-radius:999px; background:rgba(10,2,6,.55); font:11px var(--void-mono); color:#fff; letter-spacing:.1em}
/* ===== 6. 首页列表区：标签栏 + 便当网格 + 骨架 + 加载更多 ===== */
html[data-skin=void] .joe_index{padding:0; background:transparent; box-shadow:none; border-radius:0}
html[data-skin=void] .joe_index__title{margin:20px 0 0; border-bottom:1px solid var(--orz-line)}
html[data-skin=void] .joe_index__title-title{height:52px; line-height:52px; font-size:15px; font-weight:700; color:var(--orz-tx3)}
html[data-skin=void] .joe_index__title-title .item{margin-right:30px; transition:color .25s}
html[data-skin=void] .joe_index__title-title .item:hover{color:var(--orz-tx)}
html[data-skin=void] .joe_index__title-title .item.active{color:var(--orz-tx)}
html[data-skin=void] .joe_index__title-title .line{bottom:-1px; height:3px; border-radius:3px; background:linear-gradient(90deg,var(--void-red-deep),var(--orz-accent),var(--orz-accent2)); box-shadow:0 0 14px var(--void-glow)}
html[data-skin=void] .joe_index__list{padding-top:22px}
html[data-skin=void] .joe_list.orz-feed{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); grid-auto-flow:dense; gap:16px}
html[data-skin=void] .joe_load{display:flex; align-items:center; justify-content:center; gap:10px; width:auto; min-width:220px; height:52px; margin:28px auto 8px; padding:0 34px; border:1px solid var(--void-line-red); border-radius:999px; background:var(--void-chip-red); box-shadow:none; color:var(--orz-tx); font:700 14px/1 var(--void-sans); letter-spacing:.08em; cursor:pointer; transition:background-color .25s,color .25s,translate .25s,box-shadow .25s}
html[data-skin=void] .joe_load::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--orz-accent); box-shadow:0 0 10px var(--void-glow)}
html[data-skin=void] .joe_load:hover{background:var(--void-btn); border-color:transparent; color:#fff; translate:0 -2px; box-shadow:0 12px 30px -10px var(--void-glow)}
html[data-skin=void] .joe_load:hover::before{background:#fff}
html[data-skin=void] .joe_load:active{transform:scale(.96)}
html[data-skin=void] .joe_load[loading]::before{width:14px; height:14px; border:2px solid currentColor; border-top-color:transparent; background:none; box-shadow:none; animation:void-spin .7s linear infinite}
/* ---- 便当卡片：基础（小格） ---- */
html[data-skin=void] .joe_list__item.void-card{
--art:160px; position:relative; display:flex; flex-direction:column; width:auto; min-width:0; padding:0; margin:0; overflow:hidden; isolation:isolate; grid-column:span 2;
border:1px solid var(--orz-line); border-radius:22px; background:var(--orz-surface); transition:translate .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;
}
html[data-skin=void] .joe_list__item.void-card:last-child{border-bottom:1px solid var(--orz-line)}
html[data-skin=void] .joe_list__item.void-card::after{
content:""; position:absolute; inset:0; z-index:1; border-radius:inherit; pointer-events:none; opacity:0; transition:opacity .3s;
background:radial-gradient(340px circle at var(--mx,50%) var(--my,0),var(--void-spot),transparent 62%);
}
html[data-skin=void] .joe_list__item.void-card:hover{translate:0 -4px; border-color:var(--void-line-red); box-shadow:0 22px 50px -22px var(--void-glow)}
html[data-skin=void] .joe_list__item.void-card:hover::after{opacity:1}
html[data-skin=void] .joe_list__item.void-card>.line{display:none}
html[data-skin=void] .void-card .thumbnail,
html[data-skin=void] .void-card.default .thumbnail,html[data-skin=void] .void-card.single .thumbnail,html[data-skin=void] .void-card.multiple .thumbnail,html[data-skin=void] .void-card.none .thumbnail{
position:relative; display:block; flex:none; width:100%; height:var(--art); margin:0; overflow:hidden; background:var(--orz-surface2);
}
html[data-skin=void] .void-card .thumbnail img{width:100%; height:100%; object-fit:cover; border-radius:0; opacity:1; transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .5s}
html[data-skin=void] .void-card:hover .thumbnail img{opacity:1; transform:scale(1.07)}
html[data-skin=void] .void-card.multiple .thumbnail{display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:1fr; gap:2px}
html[data-skin=void] .void-card.multiple .thumbnail img:hover{transform:none; opacity:1}
html[data-skin=void] .void-card .thumbnail svg{display:none}
html[data-skin=void] .void-card .thumbnail time,
html[data-skin=void] .void-card.default .thumbnail time,html[data-skin=void] .void-card.single .thumbnail time{
position:absolute; z-index:2; left:12px; right:auto; top:auto; bottom:12px; height:24px; padding:0 11px; border:1px solid rgba(255,255,255,.2); border-radius:999px;
background:rgba(10,2,6,.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); transform:none; color:#fff; font:600 11px/22px var(--void-mono); letter-spacing:.04em;
}
/* 无图：纯 CSS 渐变占位 */
html[data-skin=void] .void-card__ph{
background:
radial-gradient(120px 90px at 82% 18%,var(--void-chip-red),transparent 70%),
linear-gradient(135deg,var(--orz-surface2),var(--orz-surface)),
repeating-linear-gradient(135deg,transparent 0 14px,var(--void-grid) 14px 15px)!important;
background-blend-mode:normal;
}
html[data-skin=void] .void-card__ph::before{content:""; position:absolute; left:50%; top:50%; width:44px; height:44px; margin:-22px 0 0 -22px; border:1.5px solid var(--void-line-red); border-radius:12px; transform:rotate(45deg); box-shadow:0 0 24px var(--void-glow)}
html[data-skin=void] .void-card__ph::after{content:""; position:absolute; left:50%; top:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; background:var(--orz-accent); box-shadow:0 0 14px var(--void-glow)}
html[data-skin=void] .void-card .information,html[data-skin=void] .void-card.none .information{position:relative; z-index:2; display:flex; flex-direction:column; flex:1; min-width:0; height:auto; margin:0; padding:16px 18px 18px; gap:9px}
html[data-skin=void] .void-card .information .title{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; max-height:none; font-size:17px; font-weight:700; line-height:1.4; letter-spacing:-.005em; color:var(--orz-tx)}
html[data-skin=void] .void-card .information .title:hover{color:var(--orz-accent2)}
html[data-theme=light][data-skin=void] .void-card .information .title:hover{color:var(--orz-accent)}
html[data-skin=void] .void-card .information .title .badge{display:inline-block; height:20px; line-height:20px; margin-right:8px; padding:0 9px; border-radius:999px; background:var(--void-btn); color:#fff; font-size:11px; font-weight:700; letter-spacing:.06em; vertical-align:2px; box-shadow:0 0 14px -2px var(--void-glow)}
html[data-skin=void] .void-card .information .abstract{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:none; margin:0; font-size:14px; line-height:1.6; color:var(--orz-tx2); opacity:1}
html[data-skin=void] .void-card .meta{flex-wrap:wrap; gap:4px 12px; margin-top:auto; padding-top:4px; font:12px/1.6 var(--void-mono); color:var(--orz-tx3)}
html[data-skin=void] .void-card .meta .items{flex-wrap:wrap; gap:0 12px}
html[data-skin=void] .void-card .meta .items li::after{display:none}
html[data-skin=void] .void-card .meta .items li:first-child{display:none}
html[data-skin=void] .void-card .meta .last{margin-left:auto}
html[data-skin=void] .void-card .meta .last .icon{width:13px; height:13px; margin-right:4px; fill:var(--orz-accent2)}
html[data-skin=void] .void-card .meta .last .link{color:var(--orz-tx3)}
html[data-skin=void] .void-card .meta .last .link:hover{color:var(--orz-accent2)}
html[data-skin=void] .void-card.is-sticky{border-color:var(--void-line-red)}
/* ---- 便当节奏：每 9 张一个循环 大·小·小·中·中·宽·小·小·小 ---- */
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1){grid-column:span 4; grid-row:span 2; --art:100%; min-height:440px; border-color:var(--void-line2)}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 2),html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 3){--art:118px}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 2) .abstract,html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 3) .abstract{display:none}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 4),html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 5){grid-column:span 3; --art:190px}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 6){grid-column:span 6; flex-direction:row; --art:100%}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 6) .thumbnail{width:38%; height:auto; min-height:220px}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 6) .information{justify-content:center; padding:26px 30px; gap:12px}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 6) .information .title{font-size:24px; -webkit-line-clamp:2}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 6) .information .abstract{-webkit-line-clamp:3; font-size:15px}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 6) .meta{margin-top:6px}
/* 大格：整张图片铺满 + 深色渐变遮罩 + 白色文字（深浅两种模式一致） */
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1) .thumbnail{position:absolute; inset:0; height:100%; z-index:0}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1) .thumbnail::after{content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(22,5,12,.95) 8%,rgba(22,5,12,.78) 36%,rgba(22,5,12,.25) 66%,transparent 88%); pointer-events:none}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1).multiple .thumbnail{display:block}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1).multiple .thumbnail img:nth-of-type(n + 2){display:none}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1) .thumbnail time{top:18px; bottom:auto; left:20px}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1) .information{margin-top:auto; flex:none; padding:30px 32px 30px; gap:12px}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1) .information .title{font-size:clamp(22px,2.6vw,32px); font-weight:800; line-height:1.25; color:#fff; -webkit-line-clamp:3}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1) .information .title:hover{color:#ffd3dc}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1) .information .abstract{color:rgba(255,255,255,.82); font-size:15px; -webkit-line-clamp:3}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1) .meta,html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1) .meta .last .link{color:rgba(255,255,255,.72)}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1) .meta .last .icon{fill:#ff8aa0}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1).void-card__ph-wrap{background:var(--orz-surface)}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1).none{background:linear-gradient(160deg,#2a0a14,#0e0e15 70%)}
/* 骨架屏：同样的便当节奏，带 shimmer */
html[data-skin=void] .joe_list__loading.orz-skeleton.is-active{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; margin:16px 0 0; padding:0; list-style:none}
html[data-skin=void] .joe_list__loading .item{display:flex; flex-direction:column; grid-column:span 2; min-height:300px; padding:0; border:1px solid var(--orz-line); border-radius:22px; background:var(--orz-surface); overflow:hidden}
html[data-skin=void] .joe_list__loading .item:first-child{grid-column:span 4}
html[data-skin=void] .joe_list__loading .item:last-child{border-bottom:1px solid var(--orz-line)}
html[data-skin=void] .joe_list__loading .item .thumbnail{width:100%; height:160px; margin:0; flex:none; border-radius:0; animation:none}
html[data-skin=void] .joe_list__loading .item .information{flex:1; padding:18px; display:flex; flex-direction:column; gap:12px}
html[data-skin=void] .joe_list__loading .item .thumbnail,
html[data-skin=void] .joe_list__loading .item .information .title,
html[data-skin=void] .joe_list__loading .item .information .abstract p,
html[data-skin=void] .joe_list__loading .item .information>p{
background:linear-gradient(100deg,var(--orz-sk1) 30%,var(--orz-sk2) 50%,var(--orz-sk1) 70%); background-size:300% 100%; animation:void-shimmer 1.5s linear infinite; border-radius:8px;
}
html[data-skin=void] .joe_list__loading .item .thumbnail{border-radius:0}
html[data-skin=void] .joe_list__loading .item .information .title{height:20px; width:78%; margin:0}
html[data-skin=void] .joe_list__loading .item .information .abstract p,html[data-skin=void] .joe_list__loading .item .information>p{height:13px; width:100%; margin:0 0 8px}
@keyframes void-shimmer{from { background-position:100% 0} to { background-position:-100% 0}}
/* ===== 7. 侧栏（玻璃盒子 + 渐变标题条） ===== */
html[data-skin=void] .joe_aside{padding:0 0 15px; margin-left:20px}
html[data-skin=void] .joe_aside__item{width:290px; margin-bottom:16px; border:1px solid var(--orz-line); border-radius:22px; background:var(--orz-surface); box-shadow:none; overflow:hidden; isolation:isolate; transition:border-color .3s,box-shadow .3s}
html[data-skin=void] .joe_aside__item::after{content:""; position:absolute; inset:0; z-index:0; pointer-events:none; border-radius:inherit; opacity:0; transition:opacity .3s; background:radial-gradient(320px circle at var(--mx,50%) var(--my,0),var(--void-spot),transparent 62%)}
html[data-skin=void] .joe_aside__item:hover{border-color:var(--void-line2)}
html[data-skin=void] .joe_aside__item:hover::after{opacity:1}
html[data-skin=void] .joe_aside__item.author::after{display:block; background:radial-gradient(320px circle at var(--mx,50%) var(--my,0),var(--void-spot),transparent 62%); width:auto; height:auto}
html[data-skin=void] .joe_aside__item-title{position:relative; height:52px; line-height:52px; padding:0 20px; border-bottom:1px solid var(--orz-line); font-size:15px; font-weight:700; letter-spacing:.01em; color:var(--orz-tx)}
html[data-skin=void] .joe_aside__item-title::before{content:""; width:4px; height:15px; margin-right:10px; border-radius:4px; background:linear-gradient(var(--orz-accent2),var(--void-red-deep)); box-shadow:0 0 12px var(--void-glow); flex:none}
html[data-skin=void] .joe_aside__item-title .icon{width:16px; height:16px; margin-right:8px; fill:var(--orz-accent2); order:2}
html[data-skin=void] .joe_aside__item-title .line{width:24px; height:1px; margin-left:auto; background:linear-gradient(90deg,var(--orz-accent),transparent)}
html[data-skin=void] .joe_aside__item-contain{padding:18px 20px 20px; z-index:1}
/* 作者 */
html[data-skin=void] .joe_aside__item.author{padding:56px 20px 20px; background:var(--orz-surface)}
html[data-skin=void] .joe_aside__item.author::before{top:60px; height:60px; background:linear-gradient(to bottom,transparent,var(--orz-surface))}
html[data-skin=void] .joe_aside__item.author .image{height:130px; opacity:.85; -webkit-mask-image:linear-gradient(#000 35%,transparent); mask-image:linear-gradient(#000 35%,transparent)}
html[data-skin=void] .joe_aside__item.author .user .avatar{width:80px; height:80px; border:2px solid var(--orz-accent); padding:3px; background:var(--orz-surface); box-shadow:0 0 24px -2px var(--void-glow)}
html[data-skin=void] .joe_aside__item.author .user .link{color:var(--orz-tx); font-weight:800; font-size:18px; letter-spacing:.02em}
html[data-skin=void] .joe_aside__item.author .user .link:hover{color:var(--orz-accent2); text-decoration:none}
html[data-skin=void] .joe_aside__item.author .user .motto{color:var(--orz-tx2); font-size:13px}
html[data-skin=void] .joe_aside__item.author .count{border-bottom-color:var(--orz-line)}
html[data-skin=void] .joe_aside__item.author .count .item{color:var(--orz-tx3)}
html[data-skin=void] .joe_aside__item.author .count .item:first-child{border-right-color:var(--orz-line)}
html[data-skin=void] .joe_aside__item.author .count .item .num{font:800 24px var(--void-mono); color:var(--orz-tx); letter-spacing:-.03em}
html[data-skin=void] .joe_aside__item.author .list .item .link{color:var(--orz-tx2)}
html[data-skin=void] .joe_aside__item.author .list .item .link::after{background:var(--orz-accent)}
html[data-skin=void] .joe_aside__item.author .list .item .link:hover{color:var(--orz-accent2)}
html[data-skin=void] .joe_aside__item.author .list .item .icon{fill:var(--orz-tx3)}
/* 人生倒计时：统一红色系进度条 */
html[data-skin=void] .joe_aside__item.timelife .item .title{color:var(--orz-tx3); font-size:12px}
html[data-skin=void] .joe_aside__item.timelife .item .title .text{color:var(--orz-accent2); font-family:var(--void-mono); font-weight:700}
html[data-skin=void] .joe_aside__item.timelife .item .progress-bar{height:6px; background:var(--void-chip); border-radius:6px}
html[data-skin=void] .joe_aside__item.timelife .item .progress-bar-inner{height:100%; background-image:none!important; background:linear-gradient(90deg,var(--void-red-deep),var(--orz-accent),var(--orz-accent2))!important; border-radius:6px; animation:none; box-shadow:0 0 10px var(--void-glow)}
html[data-skin=void] .joe_aside__item.timelife .item .progress-percentage{color:var(--orz-tx3); font:11px var(--void-mono)}
/* 热门文章 */
html[data-skin=void] .joe_aside__item.hot .item .link{border-radius:14px; border:1px solid var(--orz-line)}
html[data-skin=void] .joe_aside__item.hot .item .link .image{height:124px}
html[data-skin=void] .joe_aside__item.hot .item .link .describe{padding:28px 12px 10px; background:linear-gradient(to bottom,transparent,rgba(14,3,8,.9)); color:rgba(255,255,255,.7); font:11px var(--void-mono)}
html[data-skin=void] .joe_aside__item.hot .item .link .describe h6{color:#fff; font:700 14px/22px var(--void-sans)}
html[data-skin=void] .joe_aside__item.hot .item .link .sort{top:8px; right:8px; width:24px; height:24px; line-height:24px; border-radius:8px; transform:none; font:700 12px/24px var(--void-mono); background:rgba(10,2,6,.6)!important; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.2)}
html[data-skin=void] .joe_aside__item.hot .item:nth-child(-n+3) .link .sort{background:var(--void-btn)!important; border-color:transparent}
/* 今日事件 / 时间线 */
html[data-skin=void] .joe_aside__item.today .joe_aside__item-contain .item .tail{border-left-color:var(--void-line2)}
html[data-skin=void] .joe_aside__item.today .joe_aside__item-contain .item .head{background:var(--orz-surface)}
html[data-skin=void] .joe_aside__item.today .joe_aside__item-contain .item:nth-child(even) .head,html[data-skin=void] .joe_aside__item.today .joe_aside__item-contain .item:nth-child(odd) .head{border:2px solid var(--orz-accent); box-shadow:0 0 10px var(--void-glow)}
html[data-skin=void] .joe_aside__item.today .joe_aside__item-contain .item:nth-child(even) .desc,html[data-skin=void] .joe_aside__item.today .joe_aside__item-contain .item:nth-child(odd) .desc{color:var(--orz-accent2)}
html[data-skin=void] .joe_aside__item.today .joe_aside__item-contain .item .desc time{font-family:var(--void-mono)}
html[data-skin=void] .joe_aside__item.today .joe_aside__item-contain .item .desc a{color:var(--orz-tx2)}
/* 最新回复 */
html[data-skin=void] .joe_aside__item.newreply .item{border-bottom:1px dashed var(--void-line2)}
html[data-skin=void] .joe_aside__item.newreply .item .user .avatar{border:1.5px solid var(--void-line-red); padding:2px}
html[data-skin=void] .joe_aside__item.newreply .item .user .info .author{color:var(--orz-tx)}
html[data-skin=void] .joe_aside__item.newreply .item .user .info .date{color:var(--orz-tx3); font-family:var(--void-mono)}
html[data-skin=void] .joe_aside__item.newreply .item .reply{background:var(--void-chip); border-radius:4px 14px 14px 14px; padding:8px 12px}
html[data-skin=void] .joe_aside__item.newreply .item .reply::before{border-bottom-color:var(--void-chip)}
html[data-skin=void] .joe_aside__item.newreply .item .reply .link{color:var(--orz-tx2)}
html[data-skin=void] .joe_aside__item.newreply .item .reply .link:hover{color:var(--orz-accent2)}
html[data-skin=void] .joe_aside__item.advert{border-radius:22px}
html[data-skin=void] .joe_aside__item.advert .icon{top:12px; right:12px; padding:2px 10px; border-radius:999px; background:rgba(10,2,6,.55); font:11px var(--void-mono); color:#fff}
/* 标签云 / 便签 / 空状态 */
html[data-skin=void] .joe_aside__item.tags .joe_aside__item-contain,html[data-skin=void] .joe_cloud{display:flex; flex-wrap:wrap; gap:8px}
html[data-skin=void] .joe_aside__item.tags a,html[data-skin=void] .joe_aside__item .tag{display:inline-flex; align-items:center; height:28px; margin:0; padding:0 12px; border-radius:999px; background:var(--void-chip)!important; border:1px solid var(--orz-line); color:var(--orz-tx2)!important; font-size:12px; transition:border-color .2s,color .2s,translate .2s}
html[data-skin=void] .joe_aside__item.tags a:hover,html[data-skin=void] .joe_aside__item .tag:hover{border-color:var(--void-line-red); color:var(--orz-accent2)!important; translate:0 -2px}
html[data-skin=void] .joe_aside__item.flatterer .content{border-color:var(--void-line2); background:var(--void-chip); color:var(--orz-tx2)}
html[data-skin=void] .joe_aside__item.flatterer .content mark{background-image:linear-gradient(var(--void-chip-red),var(--void-chip-red)); color:var(--orz-accent2)}
html[data-skin=void] .joe_aside__item.flatterer .change{border-color:var(--void-line2); transition:border-color .2s,transform .4s}
html[data-skin=void] .joe_aside__item.flatterer .change:hover{border-color:var(--orz-accent); transform:rotate(180deg)}
html[data-skin=void] .joe_aside__item.flatterer .change .icon{fill:var(--orz-accent2)}
html[data-skin=void] .joe_aside__item .empty{color:var(--orz-tx3)}
/* ===== 8. 页脚 / 回到顶部 ===== */
html[data-skin=void] .joe_footer{position:relative; margin-top:56px; padding-top:18px; border-top:1px solid var(--orz-line); color:var(--orz-tx3); overflow:hidden}
html[data-skin=void] .joe_footer::before{content:""; position:absolute; left:50%; top:-1px; width:min(720px,80%); height:1px; transform:translateX(-50%); background:linear-gradient(90deg,transparent,var(--orz-accent),transparent); box-shadow:0 0 18px 1px var(--void-glow)}
html[data-skin=void] .joe_footer::after{
content:attr(data-wordmark); display:block; width:100%; margin:6px 0 -.28em; text-align:center; white-space:nowrap; overflow:hidden; pointer-events:none; user-select:none;
font-size:clamp(48px,9.5vw,160px); line-height:1; font-weight:900; letter-spacing:-.04em; color:transparent; -webkit-text-stroke:1px var(--void-line2);
background:linear-gradient(to bottom,var(--void-glow),transparent 75%); -webkit-background-clip:text; background-clip:text; opacity:.7;
}
html[data-skin=void] .joe_footer .joe_container{position:relative; z-index:1; min-height:56px; font:12px/1.7 var(--void-mono); letter-spacing:.04em; flex-wrap:wrap; gap:4px 20px}
html[data-skin=void] .joe_footer a{color:var(--orz-tx2)}
html[data-skin=void] .joe_footer a:hover{color:var(--orz-accent2)}
html[data-skin=void] .joe_footer .run{margin:0 auto 0 10px}
html[data-skin=void] .joe_action{right:28px; bottom:28px; z-index:900}
html[data-skin=void] .joe_action_item{position:relative; width:52px; height:52px; margin:0; border:1px solid var(--void-line2); background:var(--void-glass); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); box-shadow:var(--void-shadow); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:transform .3s,visibility .3s,border-color .2s,box-shadow .2s}
html[data-skin=void] .joe_action_item.scroll::before{
content:""; position:absolute; inset:-1px; border-radius:50%; pointer-events:none;
background:conic-gradient(var(--orz-accent) calc(var(--orz-p,0) * 360deg),transparent 0);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)); mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
}
html[data-skin=void] .joe_action_item:hover{border-color:var(--void-line-red); box-shadow:0 0 22px -2px var(--void-glow)}
html[data-skin=void] .joe_action_item svg{width:22px; height:22px; fill:var(--orz-accent2); transition:translate .25s}
html[data-skin=void] .joe_action_item:hover svg{translate:0 -3px}
/* ===== 9. 文章 / 独立页（.joe_detail）===== */
html[data-skin=void] .joe_bread{padding-top:10px}
html[data-skin=void] .joe_bread__bread{display:flex; align-items:center; flex-wrap:wrap; font:12px/1.6 var(--void-mono); letter-spacing:.04em}
html[data-skin=void] .joe_bread__bread .item,html[data-skin=void] .joe_bread__bread .item .link{color:var(--orz-tx3)}
html[data-skin=void] .joe_bread__bread .item .link:hover{color:var(--orz-accent2)}
html[data-skin=void] .joe_bread__bread .item .icon{width:14px; height:14px; fill:var(--orz-accent2); margin-right:4px}
html[data-skin=void] .joe_bread__bread .line{color:var(--orz-tx3); padding:0 8px; opacity:.6}
html[data-skin=void] .joe_detail{position:relative; padding:38px clamp(18px,4vw,56px) 30px; margin-bottom:20px; border:1px solid var(--orz-line); border-radius:26px; background:var(--orz-surface); box-shadow:none; overflow:hidden}
html[data-skin=void] .joe_detail::before{content:""; position:absolute; left:0; right:0; top:0; height:280px; pointer-events:none; background:radial-gradient(620px 240px at 50% -40px,var(--void-spot),transparent 70%)}
html[data-skin=void] .joe_detail>*{position:relative}
html[data-skin=void] .joe_detail__category{gap:8px; margin-bottom:20px}
html[data-skin=void] .joe_detail__category .item{padding:0 12px; height:26px; line-height:24px; margin:0; border:1px solid var(--void-line-red); border-radius:999px; background:var(--void-chip-red); color:var(--orz-accent2)!important; font:600 12px/24px var(--void-mono); letter-spacing:.06em; max-width:160px}
html[data-theme=light][data-skin=void] .joe_detail__category .item{color:var(--orz-accent)!important}
html[data-skin=void] .joe_detail__category .item:hover{opacity:1; background:var(--void-btn); color:#fff!important; border-color:transparent; transform:none; translate:0 -2px}
html[data-skin=void] .joe_detail__category .edit{font:12px var(--void-mono); color:var(--orz-tx3)}
html[data-skin=void] .joe_detail__title{margin-bottom:26px; font-size:clamp(26px,3.6vw,44px); line-height:1.2; font-weight:800; letter-spacing:-.03em; text-align:left; color:var(--orz-tx)}
html[data-skin=void] .joe_detail__count{padding-bottom:20px; border-bottom:1px solid var(--orz-line)}
html[data-skin=void] .joe_detail__count::after{width:96px; height:2px; bottom:-1px; background:linear-gradient(90deg,var(--orz-accent),transparent); box-shadow:0 0 12px var(--void-glow)}
html[data-skin=void] .joe_detail__count-information .avatar{width:42px; height:42px; margin-right:12px; border:1.5px solid var(--void-line-red); background:var(--orz-surface)}
html[data-skin=void] .joe_detail__count-information .meta{height:42px; font-size:13px}
html[data-skin=void] .joe_detail__count-information .meta .author .link{color:var(--orz-tx); font-weight:700}
html[data-skin=void] .joe_detail__count-information .meta .author .link:hover{color:var(--orz-accent2); text-decoration:none}
html[data-skin=void] .joe_detail__count-information .meta .item{color:var(--orz-tx3); font-family:var(--void-mono); font-size:12px}
html[data-skin=void] .joe_detail__count-created{font:800 36px/1 var(--void-mono); letter-spacing:-.04em; color:transparent; -webkit-text-stroke:1px var(--void-line2)}
html[data-skin=void] .joe_detail__overdue-wrapper{background:var(--void-chip-red); border:1px solid var(--void-line-red); color:var(--orz-tx2); border-radius:16px}
html[data-skin=void] .joe_detail__overdue-wrapper .title{color:var(--orz-accent2)}
html[data-skin=void] .joe_detail__overdue-wrapper .icon{fill:var(--orz-accent2)}
/* 正文排版 */
html[data-skin=void] .joe_detail__article{padding-top:30px; font-size:16.5px; color:var(--orz-tx2); line-height:1.9}
html[data-skin=void] .joe_detail__article p{line-height:1.9; margin-bottom:20px}
html[data-skin=void] .joe_detail__article h1,html[data-skin=void] .joe_detail__article h2,html[data-skin=void] .joe_detail__article h3,html[data-skin=void] .joe_detail__article h4,html[data-skin=void] .joe_detail__article h5,html[data-skin=void] .joe_detail__article h6{color:var(--orz-tx); font-weight:800; letter-spacing:-.01em; margin:34px 0 18px; line-height:1.35}
html[data-skin=void] .joe_detail__article h1{font-size:30px; padding:0 0 0 26px}
html[data-skin=void] .joe_detail__article h1::before{content:"#"; font:800 28px/1 var(--void-mono); color:var(--orz-accent); top:1px; text-shadow:0 0 14px var(--void-glow)}
html[data-skin=void] .joe_detail__article h2{font-size:26px; padding:0 0 12px; border-bottom:1px solid var(--orz-line)}
html[data-skin=void] .joe_detail__article h2::before{top:auto; bottom:-1px; left:0; width:64px; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--orz-accent),transparent); box-shadow:0 0 10px var(--void-glow)}
html[data-skin=void] .joe_detail__article h3{font-size:21px; padding:0 0 0 16px}
html[data-skin=void] .joe_detail__article h3::before{top:.2em; bottom:.2em; width:4px; border-radius:4px; background:linear-gradient(var(--orz-accent2),var(--void-red-deep)); box-shadow:0 0 10px var(--void-glow)}
html[data-skin=void] .joe_detail__article h4{font-size:18px}
html[data-skin=void] .joe_detail__article h4::before,html[data-skin=void] .joe_detail__article h4::after{color:var(--orz-accent)}
html[data-skin=void] .joe_detail__article h5,html[data-skin=void] .joe_detail__article h6{font-size:16px; padding:0 0 0 20px}
html[data-skin=void] .joe_detail__article h5::before,html[data-skin=void] .joe_detail__article h6::before{top:.55em; left:2px; width:8px; height:8px; border-radius:2px; background:var(--orz-accent); box-shadow:0 0 10px var(--void-glow); transform:rotate(45deg)}
html[data-skin=void] .joe_detail__article h6{color:var(--orz-tx2)}
html[data-skin=void] .joe_detail__article hr{height:1px; border:0; margin:34px 0; background:linear-gradient(90deg,transparent,var(--orz-accent),transparent); box-shadow:0 0 12px var(--void-glow); opacity:.7}
html[data-skin=void] .joe_detail__article blockquote{position:relative; margin:0 0 22px; padding:14px 20px; border:1px solid var(--orz-line); border-left:3px solid var(--orz-accent); border-radius:4px 16px 16px 4px; background:var(--void-chip); color:var(--orz-tx2)}
html[data-skin=void] .joe_detail__article blockquote>:last-child{margin-bottom:0}
html[data-skin=void] .joe_detail__article blockquote::before{content:"“"; position:absolute; right:16px; top:-4px; font:800 56px/1 Georgia,serif; color:var(--void-chip-red); pointer-events:none}
html[data-skin=void] .joe_detail__article a:not([class]){color:var(--orz-accent2); font-weight:500; text-decoration:none}
html[data-theme=light][data-skin=void] .joe_detail__article a:not([class]){color:var(--orz-accent)}
html[data-skin=void] .joe_detail__article a:not([class])::after{background:currentColor}
html[data-skin=void] .joe_detail__article strong{color:var(--orz-tx)}
html[data-skin=void] .joe_detail__article mark{background:var(--void-chip-red); color:var(--orz-accent2); padding:1px 4px; border-radius:4px}
html[data-skin=void] .joe_detail__article code:not([class]){background:var(--void-chip-red); color:var(--orz-accent2); padding:1px 8px; border-radius:8px; border:1px solid var(--void-line-red); font:13px/1.7 var(--void-mono)}
html[data-theme=light][data-skin=void] .joe_detail__article code:not([class]){color:var(--void-red-deep); border-color:var(--orz-line)}
html[data-skin=void] .joe_detail__article pre[class*="language-"]{margin:0 0 24px; padding:38px 0 0; border:1px solid var(--void-line2); border-radius:16px; background:var(--void-code-bg); box-shadow:var(--void-shadow); font-size:14px}
html[data-skin=void] .joe_detail__article pre[class*="language-"]::before{top:14px; left:16px; width:10px; height:10px; background:var(--orz-accent); box-shadow:18px 0 var(--void-red-deep),36px 0 var(--void-line2)}
html[data-skin=void] .joe_detail__article pre[class*="language-"] code[class*="language-"]{padding:0 20px 18px; font:13.5px/1.75 var(--void-mono); color:var(--orz-tx); background:none; text-shadow:none}
/* Prism 配色：后台 JPrismTheme 可能是任意主题（浅色/深色），.token 颜色一律在此用!important 重写；operator/entity/url 的底框一并清除。颜色取自 --vt-*（01 令牌，明暗各一套） */
html[data-skin=void] .token{background:none!important; text-shadow:none!important}
html[data-skin=void] .token.comment,html[data-skin=void] .token.prolog,html[data-skin=void] .token.doctype,html[data-skin=void] .token.cdata{color:var(--orz-tx3)!important; font-style:italic}
html[data-skin=void] .token.punctuation{color:var(--orz-tx2)!important}
html[data-skin=void] .token.property,html[data-skin=void] .token.tag,html[data-skin=void] .token.symbol,html[data-skin=void] .token.deleted{color:var(--vt-r)!important}
html[data-skin=void] .token.atrule,html[data-skin=void] .token.keyword{color:var(--vt-k)!important}
html[data-skin=void] .token.selector,html[data-skin=void] .token.attr-name,html[data-skin=void] .token.attr-value,html[data-skin=void] .token.string,html[data-skin=void] .token.char,html[data-skin=void] .token.builtin,html[data-skin=void] .token.inserted{color:var(--vt-s)!important}
html[data-skin=void] .token.boolean,html[data-skin=void] .token.number,html[data-skin=void] .token.constant{color:var(--vt-n)!important}
html[data-skin=void] .token.function,html[data-skin=void] .token.class-name{color:var(--vt-f)!important}
html[data-skin=void] .token.variable{color:var(--vt-v)!important}
html[data-skin=void] .token.regex,html[data-skin=void] .token.important{color:var(--vt-x)!important}
html[data-skin=void] .token.operator,html[data-skin=void] .token.entity,html[data-skin=void] .token.url{color:var(--vt-o)!important}
html[data-skin=void] .joe_detail__article pre[class*="language-"] .copy{top:8px; color:var(--orz-tx3)}
html[data-skin=void] .joe_detail__article pre[class*="language-"] .copy:hover{color:var(--orz-accent2)}
html[data-skin=void] .joe_detail__article img:not([class]){margin:4px auto 22px; border:1px solid var(--orz-line); border-radius:16px}
html[data-skin=void] .joe_detail__article img:not([class]):hover{box-shadow:0 30px 40px -26px var(--void-glow); transform:translateY(-4px)}
html[data-skin=void] .joe_detail__article ol,html[data-skin=void] .joe_detail__article ul{padding-left:28px; margin-bottom:22px}
html[data-skin=void] .joe_detail__article ul li::marker{color:var(--orz-accent)}
html[data-skin=void] .joe_detail__article ol li::marker{color:var(--orz-accent2); font-family:var(--void-mono); font-weight:700}
html[data-skin=void] .joe_detail__article ol li,html[data-skin=void] .joe_detail__article ul li{line-height:1.9}
html[data-skin=void] .joe_detail__article table{display:block; overflow-x:auto; table-layout:auto; width:100%; margin-bottom:24px; border:1px solid var(--orz-line); border-radius:14px; border-collapse:separate; border-spacing:0; color:var(--orz-tx2); font-size:14px}
html[data-skin=void] .joe_detail__article table th,html[data-skin=void] .joe_detail__article table td{padding:10px 14px; border:0; border-bottom:1px solid var(--orz-line); border-right:1px solid var(--orz-line)}
html[data-skin=void] .joe_detail__article table tr>:last-child{border-right:0}
html[data-skin=void] .joe_detail__article table tbody tr:last-child td{border-bottom:0}
html[data-skin=void] .joe_detail__article table th{white-space:nowrap}
html[data-skin=void] .joe_detail__article table thead th{background:var(--void-chip); color:var(--orz-tx); font-weight:700}
html[data-skin=void] .joe_detail__article table tbody tr:hover{background:var(--void-chip)}
html[data-skin=void] .joe_detail__article-protected{background:repeating-linear-gradient(145deg,var(--void-chip),var(--void-chip) 15px,transparent 15px,transparent 30px); border-radius:16px}
html[data-skin=void] .joe_detail__article-protected .contain{border:1px solid var(--void-line-red); border-radius:999px; box-shadow:none}
html[data-skin=void] .joe_detail__article-protected .contain .password{background:var(--orz-surface2); color:var(--orz-tx)}
/* 点赞 / 打赏 / 标签 / 分享 */
html[data-skin=void] .joe_detail__agree{gap:28px; margin:36px 0 26px}
html[data-skin=void] .joe_detail__agree .agree{color:var(--orz-tx3); font:12px var(--void-mono)}
html[data-skin=void] .joe_detail__agree .agree .icon{width:56px; height:56px; margin:0 auto 10px; background:var(--void-btn); box-shadow:0 10px 30px -8px var(--void-glow); transition:transform .3s,box-shadow .3s}
html[data-skin=void] .joe_detail__agree .agree .icon:hover{transform:translateY(-3px) scale(1.06); box-shadow:0 16px 36px -8px var(--void-glow)}
html[data-skin=void] .joe_detail__agree .agree:nth-child(2) .icon{background:var(--orz-surface2); border:1px solid var(--void-line-red); box-shadow:none}
html[data-skin=void] .joe_detail__agree .agree .icon svg{fill:#fff}
html[data-skin=void] .joe_detail__agree .agree:nth-child(2) .icon svg{fill:var(--orz-accent2)}
html[data-skin=void] .joe_detail__operate{margin-bottom:20px; padding-top:22px; border-top:1px solid var(--orz-line)}
html[data-skin=void] .joe_detail__operate-tags a{height:30px; line-height:28px; padding:0 12px 0 32px; border:1px solid var(--orz-line); border-radius:999px; background:var(--void-chip); color:var(--orz-tx2); font-size:12px}
html[data-skin=void] .joe_detail__operate-tags a:hover{color:var(--orz-accent2); border-color:var(--void-line-red)}
html[data-skin=void] .joe_detail__operate-tags a::before{top:2px; left:2px; width:24px; height:24px; background:var(--void-chip-red)}
html[data-skin=void] .joe_detail__operate-share svg{fill:var(--orz-tx2)}
html[data-skin=void] .joe_detail__operate-share svg:hover{fill:var(--orz-accent2)}
html[data-skin=void] .joe_detail__operate-share .reach{padding:10px; border:1px solid var(--void-line2); border-radius:14px; background:var(--orz-surface); box-shadow:var(--void-shadow)}
html[data-skin=void] .joe_detail__copyright{padding-top:0; border-top:0}
html[data-skin=void] .joe_detail__copyright .content{padding:18px 20px; border:1px dashed var(--void-line2); border-radius:16px; background:var(--void-chip)}
html[data-skin=void] .joe_detail__copyright .content .item{color:var(--orz-tx2); font-size:13px}
html[data-skin=void] .joe_detail__copyright .content .item .icon{fill:var(--orz-accent2)}
html[data-skin=void] .joe_detail__copyright .content .item .link{color:var(--orz-tx)}
html[data-skin=void] .joe_detail__copyright .content .item .link:hover{color:var(--orz-accent2)}
html[data-skin=void] .joe_detail__related{padding-top:30px}
html[data-skin=void] .joe_detail__related-title{margin-bottom:18px; padding-left:16px; font-size:20px; font-weight:800}
html[data-skin=void] .joe_detail__related-title::before{width:4px; background:linear-gradient(var(--orz-accent2),var(--void-red-deep)); box-shadow:0 0 12px var(--void-glow)}
html[data-skin=void] .joe_detail__related-content{gap:16px}
html[data-skin=void] .joe_detail__related-content .item{border:1px solid var(--orz-line); border-radius:18px; background:var(--orz-surface2); transition:translate .3s,border-color .3s,box-shadow .3s}
html[data-skin=void] .joe_detail__related-content .item:hover{transform:none; translate:0 -4px; border-color:var(--void-line-red); box-shadow:0 22px 40px -24px var(--void-glow)}
html[data-skin=void] .joe_detail__related-content .item img{height:130px; transition:transform .7s cubic-bezier(.2,.7,.2,1)}
html[data-skin=void] .joe_detail__related-content .item:hover img{transform:scale(1.06)}
html[data-skin=void] .joe_detail__related-content .item h6{height:auto; line-height:1.5; padding:10px 14px; background:var(--orz-surface2); color:var(--orz-tx); font-size:14px; font-weight:600; text-align:left; position:relative}
/* 上一篇 / 下一篇 */
html[data-skin=void] .joe_post__pagination{gap:16px; margin:0 0 20px}
html[data-skin=void] .joe_post__pagination-item{flex:1; margin:0; min-width:0}
html[data-skin=void] .joe_post__pagination-item a{display:block; height:auto; padding:14px 20px; border:1px solid var(--orz-line); border-radius:18px; background:var(--orz-surface); color:var(--orz-tx); font-size:14px; font-weight:600; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:translate .3s,border-color .3s,box-shadow .3s; animation:none}
html[data-skin=void] .joe_post__pagination-item.next a,html[data-skin=void] .joe_post__pagination-item:last-child a{text-align:right}
html[data-skin=void] .joe_post__pagination-item a:hover{color:var(--orz-accent2); border-color:var(--void-line-red); translate:0 -3px; box-shadow:0 20px 40px -24px var(--void-glow); background:var(--orz-surface); animation:none}
/* ===== 10. 评论 ===== */
html[data-skin=void] .joe_comment{padding:30px clamp(16px,3.4vw,44px) 24px; margin-bottom:20px; border:1px solid var(--orz-line); border-radius:26px; background:var(--orz-surface); box-shadow:none}
html[data-skin=void] .joe_comment__title{display:flex; align-items:center; gap:12px; margin-bottom:20px; padding-bottom:18px; text-align:left; font-size:22px; font-weight:800; letter-spacing:-.01em; color:var(--orz-tx); border-bottom:1px solid var(--orz-line)}
html[data-skin=void] .joe_comment__title::before{content:"// COMMENTS"; font:700 11px/1 var(--void-mono); letter-spacing:.16em; color:var(--orz-accent2); padding:6px 10px; border-radius:999px; background:var(--void-chip-red); border:1px solid var(--void-line-red)}
html[data-skin=void] .joe_comment__close{color:var(--orz-tx2); padding:20px 0}
html[data-skin=void] .joe_comment__respond-type .item{height:34px; padding:0 18px; background:var(--void-chip); color:var(--orz-tx2); font:600 13px var(--void-sans); cursor:pointer}
html[data-skin=void] .joe_comment__respond-type .item:first-child{border-top-left-radius:14px}
html[data-skin=void] .joe_comment__respond-type .item:last-child{border-top-right-radius:14px}
html[data-skin=void] .joe_comment__respond-type .item.active{background:var(--void-btn); color:#fff}
html[data-skin=void] .joe_comment__respond-form{border:1px solid var(--orz-line); border-radius:18px 0 18px 18px; background:var(--orz-surface2); transition:border-color .2s,box-shadow .2s}
html[data-skin=void] .joe_comment__respond-form:focus-within{border-color:var(--void-line-red); box-shadow:0 0 0 4px var(--void-chip-red)}
html[data-skin=void] .joe_comment__respond-form .head{border-bottom:1px solid var(--orz-line)}
html[data-skin=void] .joe_comment__respond-form .head .list input{height:46px; color:var(--orz-tx); font:14px var(--void-sans); outline:0}
html[data-skin=void] .joe_comment__respond-form .head .list input::placeholder,html[data-skin=void] .joe_comment__respond-form .body .text::placeholder{color:var(--orz-tx3)}
html[data-skin=void] .joe_comment__respond-form .head .list:nth-child(2)::before,html[data-skin=void] .joe_comment__respond-form .head .list:nth-child(2)::after{background:var(--orz-line)}
html[data-skin=void] .joe_comment__respond-form .body .text{height:160px; color:var(--orz-tx); font:15px/1.7 var(--void-sans); outline:0}
html[data-skin=void] .joe_comment__respond-form .body .draw canvas{background:var(--orz-surface)}
html[data-skin=void] .joe_comment__respond-form .body .draw .line li.active{color:var(--orz-accent2)}
html[data-skin=void] .joe_comment__respond-form .foot .owo .seat{background:var(--void-chip); color:var(--orz-tx2); border:1px solid var(--orz-line); opacity:1; width:auto; padding:0 14px}
html[data-skin=void] .joe_comment__respond-form .foot .owo .seat:hover{color:var(--orz-accent2); border-color:var(--void-line-red)}
html[data-skin=void] .joe_comment__respond-form .foot .submit .cancle{color:var(--orz-tx2)}
html[data-skin=void] .joe_comment__respond-form .foot .submit button{height:36px; padding:0 22px; border-radius:999px; background:var(--void-btn); color:#fff; font:700 14px var(--void-sans); letter-spacing:.06em; cursor:pointer; box-shadow:0 10px 24px -10px var(--void-glow); transition:background-color .2s,translate .2s}
html[data-skin=void] .joe_comment__respond-form .foot .submit button:hover{background:var(--void-btn-h); translate:0 -2px; animation:none}
html[data-skin=void] .joe_owo__contain .box{background:var(--orz-surface); border:1px solid var(--orz-line); border-radius:14px}
html[data-skin=void] .joe_owo__contain .box .scroll .item:hover{background:var(--void-chip)}
html[data-skin=void] .joe_owo__contain .box .bar{border-top-color:var(--orz-line)}
html[data-skin=void] .joe_owo__contain .box .bar .item{color:var(--orz-tx2)}
html[data-skin=void] .joe_owo__contain .box .bar .item.active{background:var(--void-btn); color:#fff}
html[data-skin=void] .joe_comment .comment-list{padding-top:22px; list-style:none; margin:0}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .avatar{width:48px; height:48px; border:1.5px solid var(--void-line2); background:var(--orz-surface)}
html[data-skin=void] .joe_comment .comment-list__item-contain .term:hover>.avatar{border-color:var(--orz-accent)}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .content{border-bottom:1px dashed var(--orz-line)}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .content .user{color:var(--orz-tx); font-weight:700}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .content .user .author a{color:var(--orz-tx)}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .content .user .author a:hover{color:var(--orz-accent2)}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .content .user .owner{padding:0 8px; border-radius:999px; background:var(--void-btn); font:700 11px/18px var(--void-mono); letter-spacing:.06em}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .content .user .agent{color:var(--orz-tx3); font:11px var(--void-mono)}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .content .user .waiting{color:var(--orz-accent2)}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .content .substance{padding:12px 16px; border:1px solid var(--orz-line); border-radius:4px 16px 16px 16px; background:var(--void-chip); color:var(--orz-tx); line-height:1.75}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .content .substance .parent{color:var(--orz-accent2)}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .content .handle{color:var(--orz-tx3); font:12px var(--void-mono)}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .content .handle .reply{color:var(--orz-tx2); font:600 12px var(--void-sans)}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .content .handle .reply:hover{color:var(--orz-accent2)}
html[data-skin=void] .joe_comment .comment-list__item-contain .term .content .handle .reply .icon{fill:currentColor}
html[data-skin=void] .joe_comment .comment-list__item-children{position:relative}
html[data-skin=void] .joe_comment .comment-list__item-children::before{content:""; position:absolute; left:24px; top:-6px; bottom:20px; width:1px; background:linear-gradient(var(--void-line-red),transparent); opacity:.5}
html[data-skin=void] .joe_comment .comment-list__item-children .comment-list__item-children::before{display:none}
/* ===== 11. 归档 / 分类 / 标签 / 搜索列表 + 分页 ===== */
html[data-skin=void] .joe_archive{padding:0; background:transparent; box-shadow:none}
html[data-skin=void] .joe_archive__title{height:auto; padding:8px 0 22px; margin-bottom:20px; border-bottom:1px solid var(--orz-line); font-size:clamp(22px,3vw,34px); font-weight:800; letter-spacing:-.02em; color:var(--orz-tx); position:relative}
html[data-skin=void] .joe_archive__title::after{content:""; position:absolute; left:0; bottom:-1px; width:96px; height:2px; background:linear-gradient(90deg,var(--orz-accent),transparent); box-shadow:0 0 12px var(--void-glow)}
html[data-skin=void] .joe_archive__title-icon{width:26px; height:26px; margin-right:12px; fill:var(--orz-accent); filter:drop-shadow(0 0 8px var(--void-glow))}
html[data-skin=void] .joe_archive__title .muted,html[data-skin=void] .joe_archive__title-title .muted{color:var(--orz-accent2)}
html[data-skin=void] .joe_archive__list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px}
html[data-skin=void] .joe_archive .joe_list__item{position:relative; display:flex; align-items:stretch; gap:20px; width:auto; padding:18px; margin:0; border:1px solid var(--orz-line); border-radius:22px; background:var(--orz-surface); transition:translate .3s,border-color .3s,box-shadow .3s; overflow:hidden}
html[data-skin=void] .joe_archive .joe_list__item:last-child{border-bottom:1px solid var(--orz-line)}
html[data-skin=void] .joe_archive .joe_list__item:hover{translate:0 -3px; border-color:var(--void-line-red); box-shadow:0 22px 40px -26px var(--void-glow)}
html[data-skin=void] .joe_archive .joe_list__item .line{display:none}
html[data-skin=void] .joe_archive .joe_list__item .thumbnail{flex:none; position:relative; width:220px; height:144px; margin:0; overflow:hidden; border-radius:16px; order:-1}
html[data-skin=void] .joe_archive .joe_list__item.multiple .thumbnail{display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:auto; gap:6px; width:300px}
html[data-skin=void] .joe_archive .joe_list__item .thumbnail img{width:100%; height:100%; object-fit:cover; border-radius:0; transition:transform .7s cubic-bezier(.2,.7,.2,1); opacity:1}
html[data-skin=void] .joe_archive .joe_list__item:hover .thumbnail img{opacity:1; transform:scale(1.06)}
html[data-skin=void] .joe_archive .joe_list__item .thumbnail time{top:auto; bottom:8px; left:8px; right:auto; height:22px; padding:0 10px; border-radius:999px; background:rgba(10,2,6,.6); font:600 11px/22px var(--void-mono); transform:none}
html[data-skin=void] .joe_archive .joe_list__item .thumbnail svg{display:none}
html[data-skin=void] .joe_archive .joe_list__item .information{display:flex; flex-direction:column; flex:1; min-width:0; height:auto; margin:0!important; gap:8px}
html[data-skin=void] .joe_archive .joe_list__item.single{flex-wrap:wrap}
html[data-skin=void] .joe_archive .joe_list__item.single .information{order:1; flex:1 1 100%}
html[data-skin=void] .joe_archive .joe_list__item.single .thumbnail{order:2; flex:1 1 100%; width:100%; height:240px}
html[data-skin=void] .joe_archive .joe_list__item.single>.meta{order:3}
html[data-skin=void] .joe_archive .joe_list__item .information .title{margin:0; font-size:19px; font-weight:700; line-height:1.4; color:var(--orz-tx)}
html[data-skin=void] .joe_archive .joe_list__item .information .title:hover{color:var(--orz-accent2)}
html[data-skin=void] .joe_archive .joe_list__item .information .title .badge{background:var(--void-btn); border-radius:999px}
html[data-skin=void] .joe_archive .joe_list__item .information .abstract{color:var(--orz-tx2); opacity:1; line-height:1.7}
html[data-skin=void] .joe_archive .joe_list__item .meta{margin-top:auto; flex-wrap:wrap; font:12px var(--void-mono); color:var(--orz-tx3)}
html[data-skin=void] .joe_archive .joe_list__item.multiple{flex-wrap:wrap}
html[data-skin=void] .joe_archive .joe_list__item.multiple .information{flex:1 1 280px}
html[data-skin=void] .joe_archive .joe_list__item.multiple>.meta,html[data-skin=void] .joe_archive .joe_list__item.single>.meta{flex-basis:100%; margin-top:0}
html[data-skin=void] .joe_archive__empty{padding:70px 20px; border:1px dashed var(--void-line2); border-radius:22px; color:var(--orz-tx3)}
html[data-skin=void] .joe_archive__empty-icon{fill:var(--orz-accent2); opacity:.7}
html[data-skin=void] .joe_pagination{padding-top:24px; gap:6px; flex-wrap:wrap}
html[data-skin=void] .joe_pagination li{margin:0}
html[data-skin=void] .joe_pagination li a{min-width:40px; height:40px; justify-content:center; padding:0 14px; border:1px solid var(--orz-line); border-radius:999px; background:var(--orz-surface); color:var(--orz-tx2); font:600 13px var(--void-mono); transition:border-color .2s,color .2s,background-color .2s,translate .2s}
html[data-skin=void] .joe_pagination li a:hover{background:var(--void-chip-red); border-color:var(--void-line-red); color:var(--orz-accent2); translate:0 -2px}
html[data-skin=void] .joe_pagination li.active a{background:var(--void-btn); border-color:transparent; color:#fff; box-shadow:0 8px 22px -8px var(--void-glow)}
html[data-skin=void] .joe_pagination li a .icon{fill:currentColor}
html[data-skin=void] .joe_pagination li a:hover .icon{fill:currentColor}
/* ===== 12. 文章内置组件（短代码）===== */
html[data-skin=void] .joe_alert{padding:12px 16px; border-radius:14px; background:var(--void-chip); color:var(--orz-tx2)}
html[data-skin=void] .joe_alert.info{border-color:var(--void-line2)}
html[data-skin=void] .joe_alert.success{border-color:rgba(52,199,123,.5)}
html[data-skin=void] .joe_alert.warning{border-color:rgba(255,176,32,.5)}
html[data-skin=void] .joe_alert.error{border-color:var(--void-line-red)}
html[data-skin=void] .joe_callout{border-color:var(--orz-line); background:var(--void-chip); border-radius:14px; color:var(--orz-tx2)}
html[data-skin=void] .joe_message{border-radius:0 14px 14px 0}
html[data-skin=void] .joe_card__default,html[data-skin=void] .joe_card__list,html[data-skin=void] .joe_tabs,html[data-skin=void] .joe_cloud,html[data-skin=void] .joe_card__describe{background:var(--orz-surface2); border-color:var(--orz-line); border-radius:16px; box-shadow:none; color:var(--orz-tx2)}
html[data-skin=void] .joe_card__default-title,html[data-skin=void] .joe_card__list-item,html[data-skin=void] .joe_tabs__head{border-color:var(--orz-line)}
html[data-skin=void] .joe_card__default-title{color:var(--orz-tx); background:var(--void-chip)}
html[data-skin=void] .joe_card__default-content,html[data-skin=void] .joe_card__describe-content{color:var(--orz-tx2)}
html[data-skin=void] .joe_card__describe{border-color:var(--void-line2)}
html[data-skin=void] .joe_card__describe-title{background:var(--orz-surface); color:var(--orz-tx)}
html[data-skin=void] .joe_tabs__head{background:var(--void-chip)}
html[data-skin=void] .joe_tabs__head-item{color:var(--orz-tx3)}
html[data-skin=void] .joe_tabs__head-item.active{color:var(--orz-accent2)}
html[data-skin=void] .joe_tabs__head-item::after{background:var(--orz-accent)}
html[data-skin=void] .joe_collapse__item{border-color:var(--orz-line); border-radius:14px; overflow:hidden; color:var(--orz-tx2)}
html[data-skin=void] .joe_collapse__item-head{background:var(--void-chip); color:var(--orz-tx)}
html[data-skin=void] .joe_collapse__item-head--icon{fill:var(--orz-accent2)}
html[data-skin=void] .joe_timeline__item-tail{border-color:var(--void-line2)}
html[data-skin=void] .joe_timeline__item-circle{background:var(--orz-surface); border-color:var(--orz-accent)!important; box-shadow:0 0 10px var(--void-glow)}
html[data-skin=void] .joe_progress__strip{background:var(--void-chip)}
html[data-skin=void] .joe_progress__percentage{color:var(--orz-tx3); font-family:var(--void-mono)}
html[data-skin=void] .joe_mtitle__text{color:var(--orz-tx2)}
html[data-skin=void] .joe_mtitle__text::before,html[data-skin=void] .joe_mtitle__text::after{background:var(--orz-accent); box-shadow:0 0 8px var(--void-glow)}
html[data-skin=void] .joe_hide{background:repeating-linear-gradient(145deg,var(--void-chip),var(--void-chip) 15px,transparent 15px,transparent 25px); border:1px dashed var(--void-line2); border-radius:14px; color:var(--orz-tx2)}
html[data-skin=void] .joe_hide__button{color:var(--orz-accent2)}
html[data-skin=void] .joe_abtn,html[data-skin=void] .joe_anote{border-radius:999px; overflow:hidden}
html[data-skin=void] .joe_checkbox{border-color:var(--orz-accent)}
html[data-skin=void] .joe_checkbox:checked{background:var(--orz-accent)}
html[data-skin=void] .joe_cloud__describe-title{color:var(--orz-accent2)}
html[data-skin=void] .joe_cloud__btn{background:var(--void-btn)}
/* ===== 13. 搜索浮层 / 侧滑菜单 / 提示 / 弹窗 ===== */
html[data-skin=void] .joe_header__searchout{top:64px; border:0; background:color-mix(in srgb,var(--orz-bg) 93%,transparent); -webkit-backdrop-filter:blur(22px) saturate(1.4); backdrop-filter:blur(22px) saturate(1.4); border-bottom:1px solid var(--orz-line)}
html[data-skin=void] .joe_header__searchout-inner{padding:26px 0 30px}
html[data-skin=void] .joe_header__searchout-inner .search input{height:52px; padding:0 22px; border:1px solid var(--void-line2); border-radius:999px 0 0 999px; background:var(--orz-surface); color:var(--orz-tx); font-size:16px; outline:0}
html[data-skin=void] .joe_header__searchout-inner .search input:focus{border-color:var(--void-line-red); box-shadow:0 0 0 4px var(--void-chip-red)}
html[data-skin=void] .joe_header__searchout-inner .search button{height:52px; padding:0 26px; border-radius:0 999px 999px 0; background:var(--void-btn); color:#fff; font-weight:700; cursor:pointer}
html[data-skin=void] .joe_header__searchout-inner .title{color:var(--orz-tx3); font:700 11px var(--void-mono); letter-spacing:.14em; text-transform:uppercase}
html[data-skin=void] .joe_header__searchout-inner .cloud .item a{height:30px; line-height:28px; padding:0 14px; border:1px solid var(--void-line-red); border-radius:999px; background:var(--void-chip-red)!important; color:var(--orz-accent2)!important; font-size:13px}
html[data-skin=void] .joe_header__searchout-inner .cloud .item a:hover{background:var(--void-btn)!important; color:#fff!important}
html[data-skin=void] .joe_header__mask{background:rgba(4,2,5,.62); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px)}
html[data-skin=void] .joe_header__slideout{background:var(--orz-bg); border-right:1px solid var(--orz-line); width:min(86%,340px)}
html[data-skin=void] .joe_header__slideout::before{content:""; position:absolute; left:0; right:0; top:0; height:240px; z-index:-1; background:radial-gradient(260px 200px at 30% 0,var(--void-spot),transparent 70%)}
html[data-skin=void] .joe_header__slideout-image{opacity:.35; -webkit-mask-image:linear-gradient(#000,transparent); mask-image:linear-gradient(#000,transparent)}
html[data-skin=void] .joe_header__slideout-author,html[data-skin=void] .joe_header__slideout-count,html[data-skin=void] .joe_header__slideout-menu{background:var(--orz-surface); border:1px solid var(--orz-line); border-radius:18px; box-shadow:none}
html[data-skin=void] .joe_header__slideout-author .info .link,html[data-skin=void] .joe_header__slideout-menu .link{color:var(--orz-tx)}
html[data-skin=void] .joe_header__slideout-author .info .motto,html[data-skin=void] .joe_header__slideout-count .item{color:var(--orz-tx2)}
html[data-skin=void] .joe_header__slideout-author .avatar{border-radius:50%; border:1.5px solid var(--void-line-red)}
html[data-skin=void] .joe_header__slideout-menu .link.in,html[data-skin=void] .joe_header__slideout-menu .slides .current{color:var(--orz-accent2)}
html[data-skin=void] .joe_header__slideout-menu .slides{border-color:var(--void-line-red)}
/* Qmsg 轻提示 */
.qmsg .qmsg-item .qmsg-content,html[data-skin=void] .qmsg .qmsg-content-info,html[data-skin=void] .qmsg .qmsg-content-success,html[data-skin=void] .qmsg .qmsg-content-warning,html[data-skin=void] .qmsg .qmsg-content-error,html[data-skin=void] .qmsg .qmsg-content-loading{background:var(--orz-surface); color:var(--orz-tx); border:1px solid var(--void-line2); border-radius:999px; box-shadow:var(--void-shadow); font-size:14px}
html[data-skin=void] .qmsg .qmsg-content-error{border-color:var(--void-line-red); color:var(--orz-accent2)}
/* 看板娘 / 其它第三方 */
html[data-skin=void] #waifu .waifu-tips{background:var(--orz-surface); color:var(--orz-tx); border:1px solid var(--void-line-red); border-radius:14px; box-shadow:0 10px 30px -10px var(--void-glow)}
html[data-skin=void] #waifu-tool span{color:var(--orz-tx2)}
html[data-skin=void] #waifu-tool span:hover{color:var(--orz-accent2)}
html[data-skin=void] .joe_tooltip,html[data-skin=void] [class*="tippy-box"]{border-radius:10px}
/* ===== 14. 独立功能页：友链 / 留言 / 统计 / 直播 / 视频 / 壁纸 ===== */
html[data-skin=void] .joe_detail__friends{gap:16px; list-style:none; margin:0; padding:0}
html[data-skin=void] .joe_detail__friends-item .contain{position:relative; border:1px solid var(--void-line-red); border-radius:20px; overflow:hidden; color:#fff; isolation:isolate; transition:translate .35s,box-shadow .35s}
html[data-skin=void] .joe_detail__friends-item .contain::after{content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(160deg,rgba(14,3,8,.35),rgba(14,3,8,.72))}
html[data-skin=void] .joe_detail__friends-item .contain:hover{transform:none; translate:0 -5px; box-shadow:0 24px 44px -22px var(--void-glow)}
html[data-skin=void] .joe_detail__friends-item .contain .title{font-weight:800; text-shadow:0 1px 8px rgba(0,0,0,.4)}
html[data-skin=void] .joe_detail__friends-item .contain .content .desc{color:rgba(255,255,255,.88)}
html[data-skin=void] .joe_detail__friends-item .contain .content .avatar{border:2px solid rgba(255,255,255,.7)}
html[data-skin=void] .joe_detail__leaving{padding:6px 0}
html[data-skin=void] .joe_detail__leaving-list{border:1px dashed var(--void-line2); border-radius:20px; background:var(--void-chip)}
html[data-skin=void] .joe_detail__leaving-list .item{border-radius:16px; overflow:hidden; box-shadow:0 16px 30px -18px rgba(0,0,0,.7); border:1px solid rgba(255,255,255,.18)}
html[data-skin=void] .joe_detail__leaving-none{color:var(--orz-tx3)}
/* 统计页 */
html[data-skin=void] .joe_census__basic-item.list .item,html[data-skin=void] .joe_census__lately,html[data-skin=void] .joe_census__server-item,html[data-skin=void] .joe_census__filing,html[data-skin=void] .joe_census__basic-item.category{background:var(--orz-surface); border:1px solid var(--orz-line); border-radius:22px; box-shadow:none}
html[data-skin=void] .joe_census__basic-item.list .item{border-left:1px solid var(--orz-line)!important; overflow:hidden; position:relative}
html[data-skin=void] .joe_census__basic-item.list .item::before{content:""; position:absolute; left:0; top:18%; bottom:18%; width:3px; border-radius:3px; background:var(--orz-accent); box-shadow:0 0 12px var(--void-glow)}
html[data-skin=void] .joe_census__basic-item.list .item .count h6{color:var(--orz-tx3); font:600 11px var(--void-mono); letter-spacing:.1em; text-transform:uppercase}
html[data-skin=void] .joe_census__basic-item.list .item .count p{font:800 30px var(--void-mono); color:var(--orz-tx)!important; letter-spacing:-.03em}
html[data-skin=void] .joe_census__basic-item.list .item .icon{fill:var(--void-line2)}
html[data-skin=void] .joe_census__lately .title,html[data-skin=void] .joe_census__server-item .title,html[data-skin=void] .joe_census__filing .title{height:52px; border-color:var(--orz-line); color:var(--orz-tx); font-weight:700}
html[data-skin=void] .joe_census__filing .content .item .head{background:var(--orz-accent)!important; box-shadow:0 0 10px var(--void-glow)}
html[data-skin=void] .joe_census__filing .content .item .tail{border-color:var(--void-line2)}
html[data-skin=void] .joe_census__filing .content .item .wrapper .panel{background:var(--void-chip); border-radius:12px; color:var(--orz-tx2)}
html[data-skin=void] .joe_census__filing .content .item .wrapper .panel::before{border-right-color:var(--void-chip)}
html[data-skin=void] .joe_census__filing .content .item.load .head,html[data-skin=void] .joe_census__filing .content .item.load .button{background:var(--void-btn)!important}
/* ===== 15. 404 ===== */
html[data-skin=void] body.orz-404{background:var(--orz-bg)}
html[data-skin=void] body.orz-404 .orz-404__art{max-width:100%; max-height:100vh; filter:saturate(.85) drop-shadow(0 0 40px var(--void-glow))}
/* ===== 16. 浅色模式特调 ===== */
html[data-skin=void][data-theme=light] .joe_header.is-scrolled .joe_header__above{box-shadow:0 10px 30px -20px rgba(90,20,35,.35)}
html[data-skin=void][data-theme=light] .joe_header__mask,html[data-skin=void] .joe_header__mask{background:rgba(20,6,12,.45)}
/* ===== 17. 响应式 ===== */
@media (max-width:1200px){
html[data-skin=void] .joe_index__banner .swiper-container{height:320px}
html[data-skin=void] .joe_index__banner-recommend{width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-skin=void] .joe_index__banner-recommend .item{height:160px}
html[data-skin=void] .joe_aside{margin-left:16px}
}
@media (max-width:1100px){
html[data-skin=void] .joe_header__above-search{display:none}
html[data-skin=void] .joe_header__above-searchicon{display:block}
html[data-skin=void] .joe_header__above-nav .item,html[data-skin=void] .joe_header__above-nav .joe_dropdown__link{padding-left:11px; padding-right:11px}
}
@media (max-width:992px){
html[data-skin=void] .joe_container{padding:0 16px}
html[data-skin=void] .joe_aside{display:none}
html[data-skin=void] .joe_header__above-searchicon,html[data-skin=void] .joe_header__above-slideicon{display:block}
html[data-skin=void] .joe_header__above-search,html[data-skin=void] .joe_header__above-nav{display:none}
html[data-skin=void] .joe_archive .joe_list__item .thumbnail{width:180px; height:124px}
html[data-skin=void] .joe_archive .joe_list__item.multiple .thumbnail{width:240px}
}
@media (max-width:900px){
html[data-skin=void] .joe_index__hot-list{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-skin=void] .joe_detail__related-content{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1){grid-column:span 6; min-height:380px}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 2),html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 3){grid-column:span 3}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 4),html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 5){grid-column:span 3}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 6){flex-direction:column}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 6) .thumbnail{width:100%; min-height:0; height:190px}
html[data-skin=void] .orz-feed>.void-card:nth-child(n + 7):nth-child(-n + 9){grid-column:span 3}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 9){grid-column:span 6}
}
@media (max-width:768px){
html[data-skin=void] .joe_header__above>.joe_container{height:56px}
html[data-skin=void] .joe_header__below{display:none}
html[data-skin=void] .joe_header__above-logo.void-brand{flex:0 1 auto; min-width:0; margin-right:0; max-width:none; font-size:17px; letter-spacing:.04em}
html[data-skin=void] .joe_header__above>.joe_container{gap:10px}
html[data-skin=void] .joe_header__above-slideicon,html[data-skin=void] .joe_header__above-searchicon{flex:none}
html[data-skin=void] .orz-switcher{flex:none; margin-left:auto}
html[data-skin=void] .joe_header__searchout{top:56px}
html[data-skin=void] .orz-menu-trigger__text{display:none}
html[data-skin=void] .orz-menu-trigger{padding:0 10px}
html[data-skin=void] .void-hero .orz-hero__inner{padding:36px 16px 18px}
html[data-skin=void] .void-hero .orz-hero__modules{padding:8px 16px 12px}
html[data-skin=void] .void-hero .orz-hero__notice{display:none}
html[data-skin=void] .joe_index__banner .swiper-container{height:240px; border-radius:20px}
html[data-skin=void] .joe_index__banner-recommend .item{height:120px; border-radius:18px}
html[data-skin=void] .joe_index__title-title .item:nth-child(n + 3){display:none}
html[data-skin=void] .joe_detail{padding:24px 18px 22px; border-radius:22px}
html[data-skin=void] .joe_detail__count-created{display:none}
html[data-skin=void] .joe_detail__title{font-size:24px}
html[data-skin=void] .joe_detail__article{font-size:16px}
html[data-skin=void] .joe_detail__article h1{font-size:24px}
html[data-skin=void] .joe_detail__article h2{font-size:21px}
html[data-skin=void] .joe_detail__article h3{font-size:18px}
html[data-skin=void] .joe_comment{padding:22px 14px 18px; border-radius:22px}
html[data-skin=void] .joe_comment__title::before{display:none}
html[data-skin=void] .joe_comment__respond-type{position:static; display:flex; justify-content:flex-end}
html[data-skin=void] .joe_comment .comment-list__item-children{padding-left:0}
html[data-skin=void] .joe_post__pagination{flex-direction:column; gap:10px}
html[data-skin=void] .joe_archive .joe_list__item{gap:14px; padding:14px; border-radius:18px}
html[data-skin=void] .joe_archive .joe_list__item .thumbnail,html[data-skin=void] .joe_archive .joe_list__item.multiple .thumbnail{width:118px; height:88px; border-radius:12px}
html[data-skin=void] .joe_archive .joe_list__item.multiple .thumbnail{grid-template-columns:1fr}
html[data-skin=void] .joe_archive .joe_list__item.multiple .thumbnail img:nth-of-type(n + 2){display:none}
html[data-skin=void] .joe_archive .joe_list__item.single .thumbnail{height:170px; width:100%}
html[data-skin=void] .joe_archive .joe_list__item .information .title{font-size:16px}
html[data-skin=void] .joe_archive .joe_list__item .information .abstract{display:none}
html[data-skin=void] .joe_pagination{justify-content:center}
html[data-skin=void] .joe_detail__friends{grid-template-columns:1fr}
html[data-skin=void] .joe_action{right:16px; bottom:18px}
html[data-skin=void] .joe_action_item{width:46px; height:46px}
html[data-skin=void] .joe_footer .joe_container{flex-direction:column; align-items:flex-start; padding-top:6px; padding-bottom:6px}
}
@media (max-width:640px){
html[data-skin=void] .void-hero .orz-hero__title{font-size:min(7.5vw,44px)}
html[data-skin=void] .void-hero .orz-hero__sticky .badge{flex:none; white-space:nowrap}
html[data-skin=void] .orz-feed{gap:12px}
html[data-skin=void] .orz-feed>.void-card:nth-child(n){grid-column:span 6}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1){min-height:360px}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 2),html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 3){--art:150px}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 2) .abstract,html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 3) .abstract{display:-webkit-box}
html[data-skin=void] .orz-feed>.void-card:nth-child(9n + 1) .information{padding:22px 20px}
html[data-skin=void] .joe_index__hot-list{gap:12px}
html[data-skin=void] .joe_index__banner-recommend{gap:12px}
}
@media (max-width:380px){
html[data-skin=void] .joe_index__banner-recommend{grid-template-columns:1fr}
html[data-skin=void] .joe_archive .joe_list__item .thumbnail,html[data-skin=void] .joe_archive .joe_list__item.multiple .thumbnail{width:96px; height:76px}
}
/* ===== 99. 降级：减少动态效果 ===== */
@media (prefers-reduced-motion:reduce){
html[data-skin=void] *,html[data-skin=void] *::before,html[data-skin=void] *::after{animation:none!important; transition-duration:.01ms!important; scroll-behavior:auto!important}
html[data-skin=void] .joe_list__loading .item .thumbnail{background:var(--orz-sk2)}
}