/* ==========================================================================
见月 · 主样式表
1. 设计令牌 2. 基础重置 3. 通用组件
4. 顶栏 5. Hero 6. 公告与筛选
7. 内容网格 8. 侧栏 9. 页脚
10. 文章页 11. 资源页 12. 归档/搜索
12.5 正文区块（古腾堡自定义块）
13. WordPress 核心样式与编辑器对齐
14. 响应式
========================================================================== */
/* 1. 设计令牌 ------------------------------------------------------------- */
:root{
--bg:#F7F8FC; --surface:#fff; --ink:#1A1F36; --text:#3D4356; --muted:#9096A6;
--brand:#5B6BF5; --brand2:#8A5CF5; --brand3:#B06BF0; --brand-soft:#EFF5FF;
--dl:#FF7A2F; --dl-deep:#F0651A; --dl-soft:#FFF1E6;
--vip:#F0A63B; --free:#16B981; --rose:#E5505A;
/* 边框线用品牌色相的半透明，而不是不透明白灰：叠在底色上会"融"进去，
不透明灰线则是"贴"上去的，两者放一起能一眼看出差别。 */
--line:rgba(91,107,245,.10); --line-soft:#F0F2F8;
--radius:16px; --radius-lg:22px;
/* 阴影走"弥散"而不是"贴边"：负 spread 把影子收在元素轮廓内侧，像描了一道边；
正 spread + 大模糊 + 低透明度才接近真实光照——东西浮起来，而不是贴着墙。
色相沿用 --ink 的蓝紫（40,48,80），不用纯黑，灰影在浅色底上显脏。 */
--shadow:0 10px 30px -12px rgba(40,48,80,.10);
--shadow-lg:0 24px 64px -20px rgba(40,48,80,.14);
--maxw:1220px;
--brand-grad:linear-gradient(135deg,var(--brand),var(--brand2));
/* 快出慢停。默认 ease 的中段偏"匀速"，大位移（卡片悬浮）会显得发木；
这个曲线前 1/3 就走完一大半，收尾慢，和阴影变浓的节奏对得上。 */
--ease:cubic-bezier(.22,.68,.36,1);
/* 字体族由后台「外观 → 全局字体」注入，这里只放默认栈。
与旧版 body 上那串完全一致，所以不选字体时渲染结果不变。 */
--font-sans:'Noto Sans SC',system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
/* 标题字体默认跟随正文，不产生任何差异。
后台打开「标题单独用艺术字」后，PHP 会把这一项指向选中的字体，
--font-sans 保持系统栈 —— 中文艺术字按 unicode-range 切成上百个分片，
让正文也用它，首页首屏要拉二三十个 woff2，那是加载慢的主因。 */
--font-display:var(--font-sans);
}
/*
* 标题只用展示字体。
* 用通用标签选择器而不是逐个类名：文章正文、卡片标题、侧栏小工具标题
* 全是 h1-h6 或 .wtitle，漏一个就会出现「正文样式字体、卡片另一种字体」的拼接感。
*/
h1,h2,h3,h4,h5,h6,
.wtitle,.widget-title,.hero-home-title,.hero-home-kicker,
.section-head h2,.page-head h1{font-family:var(--font-display)}
/* 2. 基础重置 ------------------------------------------------------------- */
*{box-sizing:border-box;margin:0;padding:0}
/*
* hidden 必须带 !important。
* 浏览器默认的 [hidden]{display:none} 属于 UA 样式表，权重天然低于作者样式，
* 任何写了 display:flex 的类都会把它盖掉 —— 表现是「设了 hidden 却还显示」。
* 登录弹层里那条空的红字提示就是这么冒出来的。
*/
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.7;font-size:var(--fs-base,15px);-webkit-font-smoothing:antialiased}
/*
* 页面光斑：底色不再是一块死板的纯色，而是从右上/左上各渗一团极淡的品牌色光
* （不透明度 5% 上下，再高就脏了）。fixed + z-index:-1 钉在视口上，滚动时不走；
* 卡片和首屏都是不透明底色，会自然把它遮住，只有留白处能透出来。
* 这是整个页面"轻盈感"最便宜的一笔——纯色底是平面，光斑让底子有了空间。
*/
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
background:
radial-gradient(900px 640px at 88% 2%,rgba(91,107,245,.07),transparent 70%),
radial-gradient(760px 540px at 0% 20%,rgba(138,92,245,.05),transparent 70%)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:800;color:var(--ink);line-height:1.4}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
main{display:block}
/* 栅格子项默认 min-width:auto，会被 nowrap 标题/长串的 min-content 顶破轨道，
表现为「声明的列宽完全不起作用 + 整页横向溢出」。这里统一兜底为 0。 */
.content>*,.post-layout>*,.res-layout>*,
.blogs>*,.goods>*,.post-nav>*,.footer-in>*,.hero-in>*{min-width:0}
/* 3. 通用组件 ------------------------------------------------------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:600;border-radius:11px;padding:9px 17px;transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease);white-space:nowrap;text-align:center}
.btn-brand{background:var(--brand-grad);color:#fff;box-shadow:0 10px 22px -10px rgba(59,130,246,.55)}
.btn-brand:hover{transform:translateY(-1px)}
.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
.btn-sm{padding:6px 13px;font-size:13px;border-radius:9px}
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.rv.on{opacity:1;transform:none}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}
.screen-reader-text:focus{background-color:var(--surface);border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto;clip-path:none;color:var(--brand);display:block;font-size:14px;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{position:absolute}
:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}
/* 4. 顶栏 ---------------------------------------------------------------- */
body.header-static .site-header{position:static}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.78);backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid var(--line)}
.header-in{display:flex;align-items:center;gap:26px;height:66px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--ink);letter-spacing:.2px;white-space:nowrap;flex:none}
.logo .mark{width:32px;height:32px;border-radius:10px;background:var(--brand-grad);display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px -8px rgba(91,107,245,.7);flex:none}
.logo .mark svg{width:18px;height:18px}
.logo img{width:32px;height:32px;border-radius:10px;object-fit:cover}
.nav{flex:1;min-width:0}
.nav ul,.nav .nav-menu{display:flex;gap:2px;align-items:center;margin:0;padding:0;list-style:none}
.nav li{position:relative;list-style:none}
.nav a{display:block;font-size:14.5px;color:var(--text);padding:8px 14px;border-radius:10px;transition:.2s;font-weight:500;white-space:nowrap}
.nav a:hover{color:var(--brand);background:var(--brand-soft)}
.nav .current-menu-item>a,.nav .current_page_item>a,.nav .current-menu-parent>a,.nav .current-menu-ancestor>a{color:var(--brand);font-weight:700}
.nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:var(--shadow-lg);z-index:70;flex-direction:column;align-items:stretch;gap:0}
.nav li:hover>.sub-menu{display:flex}
.nav .sub-menu a{border-radius:8px}
.header-right{display:flex;align-items:center;gap:9px;margin-left:auto}
.hsearch{position:relative}
.hsearch input{width:198px;padding:8px 34px 8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13.5px;color:var(--ink);outline:none;transition:.2s;box-shadow:0 2px 10px -8px rgba(40,48,80,.15)}
.hsearch input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,107,245,.14)}
.hsearch svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
/* 移动端汉堡与抽屉 */
.hburger{display:none;width:38px;height:38px;flex:none;border-radius:10px;border:1px solid var(--line);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:.2s}
.hburger span{width:16px;height:2px;border-radius:2px;background:var(--ink);transition:.25s}
.hburger.on span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hburger.on span:nth-child(2){opacity:0;transform:scaleX(0)}
.hburger.on span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mnav{display:none;position:fixed;top:66px;left:0;right:0;z-index:59;background:rgba(255,255,255,.97);backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid var(--line);padding:10px 16px 18px;box-shadow:0 24px 40px -28px rgba(20,24,60,.4);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .22s ease,transform .22s ease;max-height:calc(100vh - 66px);overflow-y:auto}
.mnav.on{opacity:1;transform:none;pointer-events:auto}
.mnav ul{margin:0;padding:0;list-style:none}
.mnav li{list-style:none}
.mnav a{display:block;padding:11px 13px;font-size:15px;font-weight:600;color:var(--ink);border-radius:10px;transition:.18s}
.mnav a:hover,.mnav a:active{background:var(--brand-soft);color:var(--brand)}
.mnav .current-menu-item>a{color:var(--brand);background:var(--brand-soft)}
.mnav .sub-menu{margin-left:10px;padding-left:0}
.mnav .sub-menu a{font-size:14px;font-weight:500;padding:9px 13px}
/* 5. 首屏 ---------------------------------------------------------------- */
/*
* 早期版本用过一套 .hero* 的主视觉（带统计和资源卡），界面移除后样式一直留着没人用，
* 1.8.0 把首屏加回来时换成下面这套 .hero-home，命名不撞也不留死代码。
* 结构：通栏底图 + 深色遮罩 + 左侧文案 + 两个按钮 + 波浪过渡。
*/
.hero-home{position:relative;overflow:hidden;background:var(--brand);isolation:isolate}
/* 底图自身先压一档，而不是靠加厚遮罩：
遮罩加厚会把整张图压成灰蓝色块，图就白挂了。压暗 + 略降饱和更划算。 */
.hero-home-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.84) saturate(.86)}
/* 遮罩往右淡出，右侧留一点原图，避免整块死黑 */
.hero-home-veil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,14,30,.78) 0 38%,rgba(10,14,30,.46) 62%,rgba(10,14,30,.1) 100%)}
.hero-home-in{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:58px 22px 74px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.hero-home-kicker{display:inline-flex;align-items:center;padding:5px 13px;border-radius:999px;background:rgba(255,255,255,.16);color:#E7EAF6;font-size:12px;font-weight:600;letter-spacing:1.4px;text-shadow:0 1px 8px rgba(0,0,0,.3)}
/* 标题 22 个汉字，容器 680px：22 × 28 = 616px，一行放得下。
字号从 32 降到 28 就是为了让这句保持单行 —— 32px 时是704px，会折成两行。
letter-spacing .8px：800 字重的中文大标题不加字距会"糊成一团"，
加了之后每个字各自立住，这是廉价但有效的"设计感"。
0.8 × 21 ≈ 17px，总宽 633px，仍在 680 容器内，不会撑折行。
text-wrap:balance 让真的放不下时（如手机端）两行断得更匀，而不是左边一行右边三个字。 */
.hero-home-title{max-width:680px;font-size:28px;font-weight:800;line-height:1.34;letter-spacing:.8px;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.34);text-wrap:balance}
.hero-home-desc{max-width:520px;font-size:14px;line-height:1.8;color:#D6DBEA;text-shadow:0 1px 10px rgba(0,0,0,.34)}
.hero-home-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.hero-home-acts a{display:inline-flex;align-items:center;padding:10px 22px;border-radius:999px;font-size:13.5px;font-weight:700;transition:transform .18s,background .18s,border-color .18s}
.hero-home-acts a:hover{transform:translateY(-2px)}
.hero-home-acts .is-primary{background:#fff;color:var(--ink);box-shadow:0 12px 26px -14px rgba(0,0,0,.5)}
.hero-home-acts .is-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.42)}
.hero-home-acts .is-ghost:hover{background:rgba(255,255,255,.22)}
/* 波浪压在底图下沿：排在图下面的话，填充色和页面底色一样，等于隐形 */
.hero-home-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:2;display:block;width:100%;height:72px}
/*
* 四层，越靠前越透明，照片从后面透出来；最后一层完全不透明，把图片下沿彻底盖住。
* 用 opacity 而不是 rgba：这样填色仍走 var(--bg) 设计令牌，
* 后台改了底色四层会一起跟着变，不用在这里写死一个近似色。
* 时长 7/10/13/20 秒递增，快慢错开才有纵深 —— 全用同一个速度就是整体平移。
*/
.hero-home-wave use{fill:var(--bg);animation:jy-wave linear infinite;transform-box:view-box;transform-origin:0 0}
.hero-home-wave .w-l1{opacity:.26;animation-duration:7s}
.hero-home-wave .w-l2{opacity:.5;animation-duration:10s}
.hero-home-wave .w-l3{opacity:.78;animation-duration:13s}
.hero-home-wave .w-l4{opacity:1;animation-duration:20s}
/*
* 位移量必须是路径的一个完整周期（360 个 viewBox 单位），否则循环处会跳。
* 路径是周期性构造的，首尾同高同切线，所以接缝看不出来。
*/
@keyframes jy-wave{
from{transform:translateX(0)}
to{transform:translateX(-360px)}
}
/* 开到系统里的「减弱动态效果」就别动了：长时间盯着起伏的线容易分心。
注意媒体查询不增加优先级，这里必须写成和上面同样的选择器，
写成 .hero-home-wave path 会被上面那几条压过去，等于没写。 */
@media (prefers-reduced-motion:reduce){
.hero-home-wave use{animation:none}
}
/* 6. 公告与筛选 ----------------------------------------------------------- */
.alert{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 16px;font-size:13.5px;color:var(--text);display:flex;align-items:center;gap:11px;margin:20px 0;box-shadow:var(--shadow)}
.alert svg{width:18px;height:18px;color:var(--brand);flex:none}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.tabs a,.tabs span{font-size:13.5px;color:var(--text);padding:7px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);transition:.2s;font-weight:500;white-space:nowrap}
.tabs a:hover{color:var(--brand);border-color:var(--brand)}
.tabs a.on,.tabs .on{background:var(--brand-grad);color:#fff;border-color:transparent;box-shadow:0 10px 20px -10px rgba(91,107,245,.7)}
.list-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 20px}
.ltab{font-size:13.5px;color:var(--text);padding:7px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);transition:.2s;font-weight:500;white-space:nowrap}
.ltab:hover{color:var(--brand);border-color:var(--brand)}
.ltab.on{background:var(--brand-grad);color:#fff;border-color:transparent}
/* 7. 内容网格 ------------------------------------------------------------- */
.content{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) var(--side-w,280px);gap:var(--layout-gap,26px);align-items:start}
.content>*{min-width:0}
.content.no-sidebar{grid-template-columns:minmax(0,1fr)}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.section-head h2{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:.6px;display:flex;align-items:center;gap:10px;margin:0}
/* 原来是个 26px 的渐变实心方块套 14px 白图标 —— 视觉重量比 19px 的标题还大，
* 一排标题上挂着好几个蓝方块，页面看着很吵。改成无底色的品牌色线性图标。 */
.section-head h2 .g{width:auto;height:auto;background:none;border-radius:0;color:var(--brand);
display:inline-flex;align-items:center;flex:none}
.section-head h2 .g svg{width:17px;height:17px;display:block}
.section-head .more{font-size:13px;color:var(--brand);font-weight:600}
.section-head .more:hover{text-decoration:underline}
/* 编辑精选大卡 */
.featured{display:grid;grid-template-columns:1.3fr .9fr;gap:16px;margin-bottom:20px}
.fcard{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;min-height:224px;display:flex;align-items:flex-end;padding:24px;color:#fff;background-color:var(--brand)}
.fcard .bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:.5s;filter:brightness(.78) saturate(.94)}
.fcard:hover .bg{transform:scale(1.05);filter:brightness(.86) saturate(1)}
.fcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,18,45,0) 8%,rgba(15,18,45,.28) 36%,rgba(15,18,45,.70) 64%,rgba(15,18,45,.95) 100%)}
.fcard>div{position:relative;z-index:1}
.fcard .ft{font-size:12px;font-weight:700;padding:4px 11px;border-radius:8px;display:inline-block;margin-bottom:10px;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.28);color:#fff}
.fcard h3{font-size:18px;font-weight:800;line-height:1.4;margin-bottom:7px;color:#fff}
.fcard .fm{font-size:12.5px;opacity:.86}
/* 文章卡片网格 */
.blogs{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:16px}
.bcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card,18px);overflow:hidden;cursor:pointer;transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease);display:flex;flex-direction:column;box-shadow:var(--shadow)}
.bcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(91,107,245,.4)}
.bcover{height:152px;position:relative;overflow:hidden;background-color:var(--brand);background-repeat:no-repeat;background-size:cover;background-position:center}
.bcover::before{content:"";position:absolute;inset:0;pointer-events:none;background:
radial-gradient(circle at 78% 14%,rgba(255,255,255,.40),transparent 52%),
radial-gradient(circle at 10% 98%,rgba(0,0,0,.24),transparent 58%),
repeating-linear-gradient(118deg,rgba(255,255,255,.085) 0 1.5px,transparent 1.5px 15px)}
.bcover .bimg{width:100%;height:100%;object-fit:cover;transition:.5s;position:relative;z-index:1}
.bcard:hover .bimg{transform:scale(1.06)}
.bcover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,24,60,0) 40%,rgba(20,24,60,.5) 100%);z-index:1}
.bcover .flag{position:absolute;top:12px;left:12px;font-size:11.5px;font-weight:700;color:#fff;padding:4px 11px;border-radius:8px;z-index:2;background:var(--brand-grad)}
.bcover .flag.a{background:linear-gradient(135deg,var(--dl),#FF9A4D)}
.bcover .flag.r{background:linear-gradient(135deg,#E5505A,#FF7A8A)}
.bbody{padding:14px 15px 14px;display:flex;flex-direction:column;flex:1}
.bbody h3{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.5;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:.2s}
.bcard:hover .bbody h3{color:var(--brand)}
.bbody p{font-size:12.5px;color:var(--muted);line-height:1.62;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bmeta{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted);border-top:1px solid var(--line-soft);padding-top:9px;margin-top:auto;flex-wrap:wrap}
.bmeta a{color:var(--brand);font-weight:600}
.bmeta .dot{width:3px;height:3px;border-radius:50%;background:var(--line);flex:none}
.bmeta .dls{display:inline-flex;align-items:center;gap:4px;color:var(--dl);font-weight:700;margin-left:auto}
.bmeta .dls svg{width:13px;height:13px}
/* 资源速递四宫格 */
.goods{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.good{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card,16px);padding:15px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .24s var(--ease),box-shadow .24s var(--ease),border-color .24s var(--ease);box-shadow:var(--shadow)}
.good:hover{transform:translateY(-4px);border-color:rgba(91,107,245,.4);box-shadow:var(--shadow-lg)}
.good .th{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;flex:none;background:var(--brand-grad)}
.good .th.g2{background:linear-gradient(135deg,var(--dl),#FF9A4D)}
.good .th.g3{background:linear-gradient(135deg,#16B981,#3AD68F)}
.good .th.g4{background:linear-gradient(135deg,#E5505A,#FF7A8A)}
.good .th svg{width:22px;height:22px}
.good h4{font-size:14px;font-weight:700;color:var(--ink);line-height:1.4}
.good .meta{font-size:11.5px;color:var(--muted)}
.good .foot{display:flex;align-items:center;justify-content:flex-end;border-top:1px solid var(--line-soft);padding-top:9px;margin-top:auto}
.good .dl{font-size:12px;font-weight:700;color:var(--brand);background:var(--brand-soft);padding:4px 12px;border-radius:8px;transition:.2s}
.good:hover .dl{background:var(--brand-grad);color:#fff}
/* 8. 侧栏 ---------------------------------------------------------------- */
.sidebar{position:sticky;top:82px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-self:start}
.sidebar>*{min-width:0}
.widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card,18px);padding:19px;box-shadow:var(--shadow)}
.widget-title,.wtitle{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:.4px;display:flex;align-items:center;gap:9px;margin-bottom:14px}
.widget-title .bar,.wtitle .bar{width:5px;height:16px;border-radius:3px;background:linear-gradient(180deg,var(--brand),var(--brand2));flex:none}
.wlist li{display:flex;align-items:center;gap:11px;padding:8px 0;border-bottom:1px dashed var(--line-soft)}
.wlist li:last-child{border-bottom:none}
.wlist li .no{width:23px;height:23px;flex:none;display:grid;place-items:center;font-size:12px;font-weight:700;border-radius:7px;color:var(--brand);background:var(--brand-soft)}
.wlist li:nth-child(-n+3) .no{background:var(--brand-grad);color:#fff}
.wlist li a{font-size:13.5px;color:var(--text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.2s}
.wlist li a:hover{color:var(--brand)}
.wlist li .cnt{font-size:11.5px;color:var(--muted);flex:none}
.wcats{display:flex;flex-wrap:wrap;gap:8px}
.wcats a,.widget_categories ul li a,.wp-block-tag-cloud a{font-size:12.5px;color:var(--text);background:var(--bg);border:1px solid var(--line);padding:5px 12px;border-radius:999px;transition:.2s}
.wcats a:hover,.wp-block-tag-cloud a:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}
.wtag-cloud,.widget_tag_cloud .tagcloud{display:flex;flex-wrap:wrap;gap:7px}
.wtag-cloud a,.widget_tag_cloud a{font-size:12px!important;color:var(--muted);padding:5px 10px;border-radius:8px;background:var(--bg);transition:.2s}
.wtag-cloud a:hover,.widget_tag_cloud a:hover{color:var(--brand);background:var(--brand-soft)}
.wabout p{font-size:13px;color:var(--muted);line-height:1.75}
.widget ul li{padding:7px 0;border-bottom:1px dashed var(--line-soft);font-size:13.5px}
.widget ul li:last-child{border-bottom:none}
.widget ul li a{color:var(--text)}
.widget ul li a:hover{color:var(--brand)}
.widget_categories ul li,.widget_archive ul li{display:flex;justify-content:space-between;padding:7px 0}
.widget select{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:13.5px;color:var(--ink)}
/* 8.1 小工具组件：搜索 / 近期文章 / 友链 / 天气 ------------------------- */
.widget .search-form{display:flex;gap:8px}
.widget .search-form input[type=search]{flex:1;min-width:0;padding:10px 13px;border:1px solid var(--line);border-radius:11px;background:var(--bg);font-size:13.5px;font-family:inherit;color:var(--ink);outline:none;transition:.2s}
.widget .search-form input[type=search]::placeholder{color:var(--muted)}
.widget .search-form input[type=search]:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px rgba(91,107,245,.12)}
.widget .search-form button{flex:none;padding:0 16px;border:none;border-radius:11px;background:var(--brand-grad);color:#fff;font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer;transition:filter .2s}
.widget .search-form button:hover{filter:brightness(1.06)}
/* 近期文章没有序号和浏览量，只有标题：一行一条、超长省略 */
.wlist-plain li{padding:8px 0}
.wlist-plain li a{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
.wlinks{display:flex;flex-wrap:wrap;gap:8px}
.wlinks a{max-width:100%;font-size:12.5px;color:var(--text);background:var(--bg);border:1px solid var(--line);padding:5px 12px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.2s}
.wlinks a:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}
.wwx{background:linear-gradient(135deg,var(--brand-soft),#F4F1FF);border-radius:14px;padding:14px 16px}
.wwx-main{display:flex;align-items:flex-end;gap:10px}
.wwx-temp{font-size:34px;font-weight:800;line-height:1;color:var(--brand)}
.wwx-temp i{font-size:16px;font-style:normal;vertical-align:super;margin-left:1px}
.wwx-desc{font-size:13px;color:var(--text);padding-bottom:3px}
.wwx-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:11px;font-size:12px;color:var(--muted)}
/* 天气块取不到数据时的空态（块方案没有「整块不输出」这条路，空卡更难看） */
.jy-widget-empty{font-size:12.5px;color:var(--muted);padding:2px 0}
.footer{margin-top:44px;background:#171A2A;color:#9BA1B8}
/*
* 页脚小工具区：只有用户往「外观 → 小工具 → 页脚小工具」里放过东西才存在。
*
* 这里只写上下 padding，不写 padding:0 22px —— .footer-widgets 和 .wrap
* 挂在同一个元素上，简写会把 .wrap 的左右 22px 吃掉，内容直接贴屏幕边。
*
* 列宽用 auto-fit：桌面 4 列、平板 2 列、手机落到单列，不需要断点。
* 子项必须 min-width:0，否则 1fr 的 auto 最小尺寸会被长标题 / 长链接顶破。
*/
.footer-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding-top:26px;padding-bottom:4px}
.footer-widgets>*{min-width:0}
/* 页脚是深色底，白色卡片会跳出来，这里整块换成半透明玻璃 */
.footer .widget{padding:17px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);box-shadow:none}
.footer .widget-title,.footer .wtitle{color:#fff;font-size:14px;margin-bottom:12px}
.footer .widget a{color:#B9BFD2}
.footer .widget a:hover{color:#fff}
.footer .wlist li{border-bottom-color:rgba(255,255,255,.07)}
.footer .wlist li a,.footer .wlist-plain li a{color:#B9BFD2}
.footer .wlist li a:hover{color:#fff}
.footer .wlist li .no{color:#C9CEF8;background:rgba(255,255,255,.08)}
.footer .wlist li:nth-child(-n+3) .no{background:var(--brand-grad);color:#fff}
.footer .wlist li .cnt{color:#6E7390}
.footer .wcats a,.footer .wlinks a{color:#B9BFD2;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09)}
.footer .wcats a:hover,.footer .wlinks a:hover{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.1)}
.footer .wtag-cloud a{color:#8A90A8;background:rgba(255,255,255,.05)}
.footer .wtag-cloud a:hover{color:#fff;background:rgba(255,255,255,.1)}
.footer .wabout p{color:#8A90A8}
.footer .widget .search-form input[type=search]{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.footer .widget .search-form input[type=search]::placeholder{color:#6E7390}
.footer .wwx{background:rgba(255,255,255,.06)}
.footer .wwx-temp{color:#fff}
.footer .wwx-desc{color:#B9BFD2}
.footer .wwx-meta{color:#8A90A8}
/*
* 一行式页脚：品牌在左、链接在右。
* 原来是 1.4fr+1fr+1fr+1fr 的四栏网格，链接不到十个却撑到 302px（占首屏 1/3），
* 大半是空白。现在链接平铺一行，靠「·」分隔，去掉了栏目标题。
*/
.footer-in{padding-top:22px;padding-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.foot-brand{min-width:0}
.foot-brand .logo{color:#fff;margin-bottom:10px}
.foot-brand .logo .mark{background:var(--brand-grad)}
.foot-brand p,.foot-brand .desc{font-size:12.5px;line-height:1.7;max-width:440px;color:#8A90A8}
.foot-links{display:flex;flex-wrap:wrap;align-items:center;max-width:660px;justify-content:flex-end;margin-top:2px}
.foot-links a{font-size:12.5px;color:#9BA1B8;white-space:nowrap;transition:color .2s}
.foot-links a:hover{color:#fff}
/* 分隔点用伪元素，不额外占 DOM，也不用在模板里插 span */
.foot-links a+a::before{content:"·";margin:0 10px;color:#464B63}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:13px;padding-bottom:13px;font-size:12.5px;color:#6E7390;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.foot-bottom a{color:#6E7390}
.foot-bottom a:hover{color:#fff}
/* 10. 文章页 -------------------------------------------------------------- */
.crumb{font-size:13px;color:var(--muted);margin:22px 0 14px;display:flex;flex-wrap:wrap;align-items:center;gap:0}
.crumb a:hover{color:var(--brand)}
.crumb .sep{margin:0 7px;color:var(--line)}
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--side-w,280px);gap:var(--layout-gap,26px);align-items:start}
.post-layout>*{min-width:0}
.post-layout.no-sidebar{grid-template-columns:minmax(0,1fr)}
.article{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius-card,18px) + 4px);padding:34px 38px;box-shadow:var(--shadow)}
.article-head{margin-bottom:22px}
.article-head .cat{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:var(--brand-grad);padding:4px 12px;border-radius:8px;margin-bottom:15px}
.article-head .cat:hover{color:#fff;opacity:.9}
.article-head h1{font-size:27px;font-weight:800;color:var(--ink);letter-spacing:.5px;line-height:1.35;margin-bottom:14px}
.article-meta{display:flex;align-items:center;gap:13px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.article-meta .avatar{width:26px;height:26px;border-radius:50%;background:var(--brand-grad);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;overflow:hidden;flex:none}
.article-meta .avatar img{width:100%;height:100%;object-fit:cover}
.article-thumb{margin:0 0 24px;border-radius:14px;overflow:hidden}
.article-thumb img{width:100%;height:auto}
/* 正文排版（同时用于编辑器内容样式） */
.article-body{font-size:15.5px;line-height:1.95;color:var(--text);word-wrap:break-word}
.article-body h2{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:.5px;margin:28px 0 12px}
.article-body h3{font-size:17px;font-weight:700;color:var(--ink);margin:24px 0 10px}
.article-body h4{font-size:16px;font-weight:700;color:var(--ink);margin:20px 0 8px}
.article-body p{margin-bottom:16px}
.article-body ul,.article-body ol{margin:0 0 16px 22px}
.article-body ul>li{list-style:disc;margin-bottom:6px}
.article-body ol>li{list-style:decimal;margin-bottom:6px}
.article-body strong{color:var(--ink);font-weight:700}
.article-body a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.article-body a:hover{color:var(--brand2)}
.article-body blockquote{margin:20px 0;padding:14px 18px;border-left:4px solid var(--brand);background:var(--brand-soft);border-radius:0 10px 10px 0;color:#4A53B8}
.article-body blockquote p:last-child{margin-bottom:0}
.article-body .tip{background:var(--dl-soft);border-radius:11px;padding:13px 16px;color:#9C3D00;font-size:14px;margin:18px 0}
.article-body .tip b,.article-body .tip strong{color:#7A2E00}
.article-body img{border-radius:12px;margin:8px 0}
.article-body code{background:var(--bg);padding:2px 7px;border-radius:6px;font-size:13.5px;color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.article-body pre{background:#1A1F36;color:#E6E8F0;padding:16px 18px;border-radius:12px;overflow:auto;margin:18px 0;font-size:13.5px;line-height:1.7}
.article-body pre code{background:none;color:inherit;padding:0;font-size:inherit}
.article-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
.article-body th,.article-body td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.article-body th{background:var(--bg);font-weight:700;color:var(--ink)}
.article-foot{margin-top:26px;padding-top:18px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.tags{display:flex;gap:9px;flex-wrap:wrap}
.tags a{font-size:12.5px;color:var(--muted);background:var(--bg);padding:5px 11px;border-radius:8px;transition:.2s}
.tags a:hover{color:var(--brand)}
.post-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:26px}
.pn{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:15px 17px;transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease);cursor:pointer;box-shadow:var(--shadow);display:block}
.pn:hover{border-color:var(--brand);transform:translateY(-2px)}
.pn span{font-size:12px;color:var(--muted)}
.pn b{display:block;font-size:14px;font-weight:700;color:var(--ink);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn.next{text-align:right}
/* 内嵌下载卡（票根版，规则见下方 .dl-tk-*） */
.dl-report{display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:0;border:none;background:none;font-size:12px;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:.18s;font-family:inherit}
.dl-report:hover{color:var(--dl-deep)}
.dl-report:disabled{color:var(--free);text-decoration:none;cursor:default;opacity:.85}
.dl-report::before{content:"!";display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;border:1px solid currentColor;font-size:9px;font-weight:700;line-height:1;flex:none}
/* ---- 下载卡 · 票根版（文章内 inline） ----------------------------------
左票面放资源，右票根放提取码和按钮。中间虚线两端各一个缺口：
白圆压在卡片边缘，靠父级 overflow:hidden 裁掉一半，剩下的半圆就是缺口。
缺口颜色必须用 --surface（卡片自己的底色），否则换主题底色会露馅。
提取码为空时票根只剩按钮，flex 居中自己收口，不需要额外空态样式。 */
.dl-tk{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.58fr);
margin:22px 0;background:var(--surface);border:1px solid var(--line);
border-radius:15px;overflow:hidden;position:relative;
box-shadow:0 8px 24px -18px rgba(40,48,80,.5)}
.dl-tk-face{padding:17px 20px;min-width:0}
.dl-tk-pan{display:inline-block;font-size:11px;font-weight:700;color:var(--brand);
background:var(--brand-soft);padding:3px 9px;border-radius:6px;margin-bottom:7px}
.dl-tk-face h3{font-size:15px;font-weight:800;color:var(--ink);line-height:1.45;margin:0;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dl-tk-grid{display:flex;gap:26px;margin-top:12px;flex-wrap:wrap}
.dl-tk-grid span{display:block;font-size:11px;color:#A8AEC2;line-height:1.5}
.dl-tk-grid b{font-size:13.5px;font-weight:800;color:var(--ink);word-break:break-all}
.dl-tk-note{margin:10px 0 0;font-size:11.5px;line-height:1.6;color:var(--muted)}
.dl-tk-stub{padding:17px 18px;display:flex;flex-direction:column;gap:9px;justify-content:center;
border-left:1.5px dashed rgba(91,107,245,.24);position:relative}
.dl-tk-stub::before,.dl-tk-stub::after{content:"";position:absolute;left:-11px;width:22px;height:22px;
border-radius:50%;background:var(--surface);
box-shadow:inset 0 0 0 1.5px rgba(91,107,245,.28),inset 0 2px 4px rgba(40,48,80,.05)}
.dl-tk-stub::before{top:-11px}
.dl-tk-stub::after{bottom:-11px}
.dl-tk-code{display:flex;align-items:center;justify-content:space-between;gap:8px;
background:#FAFBFF;border:1px dashed rgba(91,107,245,.30);border-radius:9px;padding:6px 10px}
.dl-tk-code span{font-size:11px;color:#A8AEC2}
.dl-tk-code code{font-family:inherit;font-size:14px;font-weight:900;color:var(--brand);
letter-spacing:1.6px;background:none;padding:0;border-radius:0;cursor:pointer}
.dl-tk-btn{height:40px;border-radius:10px;background:var(--brand-grad);color:#fff;
font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;
text-decoration:none;transition:filter .16s,transform .16s;
box-shadow:0 10px 20px -12px rgba(91,107,245,.7)}
.dl-tk-btn:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff}
.dl-tk-btn svg{width:16px;height:16px}
/* 举报在票根里，压成轻链接并居中，别抢下载按钮的位置 */
.dl-tk-report{margin-top:0;align-self:center}
/* 窄屏：撕线转 90°，票根变底部横条，提取码和按钮并排省一行 */
@media(max-width:720px){
.dl-tk{grid-template-columns:minmax(0,1fr)}
.dl-tk-face{padding:15px 16px 13px}
.dl-tk-face h3{font-size:14px}
.dl-tk-grid{gap:20px;margin-top:10px}
.dl-tk-stub{border-left:0;border-top:1.5px dashed rgba(91,107,245,.24);
padding:13px 16px 15px;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
.dl-tk-stub::before,.dl-tk-stub::after{left:auto;top:-11px;bottom:auto}
.dl-tk-stub::before{left:-11px}
.dl-tk-stub::after{right:-11px;left:auto}
.dl-tk-code{flex:1;min-width:0}
.dl-tk-btn{flex:none;padding:0 18px}
/* 举报必须独占一行：它和提取码框、按钮挤在同一行时，三者会互相压到折字 */
.dl-tk-report{flex:0 0 100%;justify-content:center}
/* 没有提取码时按钮是票根里唯一的东西，撑满一行，别缩在左边 */
.dl-tk-stub--solo .dl-tk-btn{flex:1}
}
/* 只有真的塞不下才让按钮独占一行：360 以下 code 框会被压到 90px 以内 */
@media(max-width:360px){
.dl-tk-btn{width:100%;padding:0}
}
/* 11. 资源页 -------------------------------------------------------------- */
/* 布局开关：后台「布局」分组通过 body class 切换，无需改模板 */
body.jy-side-left .content,
body.jy-side-left .post-layout,
body.jy-side-left .res-layout{grid-template-columns:var(--side-w,280px) minmax(0,1fr)}
body.jy-side-left .sidebar,
body.jy-side-left .res-side{order:-1}
body.jy-side-static .sidebar{position:static}
body.jy-fluid .wrap{max-width:none}
.res-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--side-w,280px);gap:var(--layout-gap,26px);align-items:start}
.res-layout>*{min-width:0}
.res-layout.no-sidebar{grid-template-columns:minmax(0,1fr)}
/*
* 资源页侧栏整栏跟随滚动。
* 和文章页 .sidebar 走同一条路：粘的是整栏，不是栏里的卡片。
* 卡片自己 sticky 只在父容器内部滑动，而 .res-layout 的 align-items:start
* 把 .res-side 压到内容高度（≈ 卡片本身），可滑距离为 0，表现就是「跟着文章一起滚走」。
*/
.res-side{position:sticky;top:82px;align-self:start}
body.jy-side-static .res-side{position:static}
.res-main{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius-card,18px) + 4px);overflow:hidden;box-shadow:var(--shadow)}
.res-hero{display:flex;gap:20px;align-items:center;padding:28px 32px;background:linear-gradient(120deg,var(--brand-soft),#F7F4FF);border-bottom:1px solid var(--line-soft)}
.res-hero .ic{width:80px;height:80px;border-radius:20px;flex:none;display:grid;place-items:center;color:#fff;background:var(--brand-grad);box-shadow:0 14px 30px -14px rgba(91,107,245,.8)}
.res-hero .ic svg{width:40px;height:40px}
/* 自定义图标：去掉品牌渐变底，让图自己说话。
contain 而不是 cover —— 站长的 logo 未必是方形，裁掉一角比留白更糟。 */
.res-hero .ic.has-logo{background:var(--surface);border:1px solid var(--line);overflow:hidden;
box-shadow:0 12px 26px -18px rgba(40,48,80,.55)}
.res-hero .ic.has-logo img{width:100%;height:100%;object-fit:contain;display:block;padding:6px}
.res-hero h1{font-size:23px;font-weight:800;color:var(--ink);letter-spacing:.5px;line-height:1.35;margin-bottom:9px}
.res-hero .res-meta{display:flex;gap:12px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.res-hero .res-meta .up{color:var(--brand);font-weight:600}
.res-tabs{display:flex;gap:2px;padding:0 32px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}
.res-tabs button{padding:13px 18px;font-size:14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer;transition:.2s;background:none}
.res-tabs button.on{color:var(--brand);border-color:var(--brand)}
.res-tabs button:hover{color:var(--brand)}
.res-pane{padding:28px 32px}
.res-pane[hidden]{display:none}
/*
* 下载卡：手账贴纸风（按设计稿还原）
*
* 五个辨识元素：
* 1. 纯白卡面（跟文章卡一致；页面背景是 #F7F8FC，卡面用暖白会显出一道边）
* 2. 顶部一条半透明「胶带」，微倾斜探出卡片上边缘
* 3. 信息行的标签做成胶囊（浅灰底），值加粗 —— 手账里的贴纸标签
* 4. 提取码胶囊用暖橙 + 虚线边，一眼能找到
* 5. 票头小云朵装饰
*
* 注意：卡片本身不能 overflow:hidden，否则探出去的胶带会被裁掉。
* 纸纹放在 .dc 里，由 .dc 自己 overflow:hidden 兜住。
*/
/* 大卡片统一圆角：跟随 --radius-card，改主题圆角时下载卡一起变。
定位改成 relative：跟随滚动交给整个 .res-side（见下方），
卡片自己 sticky 的可滑动范围只有父容器高度，而那高度就等于卡片本身 —— 等于不粘。
relative 是必须的，顶部胶带 ::before 要有一个定位祖先。 */
.dlcard{--jy-card-r:calc(var(--radius-card,18px) + 4px);
position:relative;background:#FFFFFF;border-radius:var(--jy-card-r);
box-shadow:0 18px 40px -22px rgba(60,50,110,.30),0 2px 6px rgba(60,50,110,.06)}
/* 顶部胶带 */
.dlcard::before{content:"";position:absolute;top:-15px;left:50%;width:112px;height:30px;
transform:translateX(-50%) rotate(-2deg);border-radius:3px;
/* 白底上太淡会看不见，浓度按「贴在浅色桌面上也认得出」调 */
background:linear-gradient(180deg,rgba(123,143,240,.62),rgba(123,143,240,.46));
box-shadow:0 3px 8px rgba(60,50,110,.18);z-index:3}
/* 胶带的高光边 */
.dlcard::after{content:"";position:absolute;top:-13px;left:50%;width:96px;height:24px;
transform:translateX(-50%) rotate(-2deg);border-radius:2px;z-index:4;pointer-events:none;
border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(90,100,150,.10)}
.dlcard .dh{position:relative;background:linear-gradient(135deg,#7B8FF0,#A78BFA);color:#fff;
border-radius:var(--jy-card-r) var(--jy-card-r) 0 0;padding:18px 20px;display:flex;align-items:center;gap:11px;
font-weight:800;font-size:15px;letter-spacing:.3px}
.dlcard .dh svg{width:20px;height:20px;flex:none;opacity:.95}
.dlcard .dh b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 票头右下的小云朵装饰 */
.dlcard .dh .jy-dlp-cloud{position:absolute;right:14px;bottom:-9px;width:38px;height:20px;
background:rgba(255,255,255,.22);border-radius:999px;pointer-events:none}
.dlcard .dh .jy-dlp-cloud::before{content:"";position:absolute;left:7px;top:-8px;width:16px;height:16px;
background:rgba(255,255,255,.22);border-radius:50%}
.dlcard .dh .jy-dlp-cloud::after{content:"";position:absolute;right:8px;top:-5px;width:11px;height:11px;
background:rgba(255,255,255,.22);border-radius:50%}
.dlcard .dc{position:relative;padding:20px;border-radius:0 0 var(--jy-card-r) var(--jy-card-r);overflow:hidden}
/* 纸纹：极淡斑点，远了看不出来，近了有质感 */
.dlcard .dc::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
background-image:radial-gradient(rgba(120,110,160,.055) 1px,transparent 1px),
radial-gradient(rgba(120,110,160,.04) 1px,transparent 1px);
background-size:22px 22px,34px 34px;background-position:0 0,11px 17px}
.dlcard .dc-hint{position:relative;margin:0 0 15px;font-size:12.5px;line-height:1.6;
color:#8A8FA3;text-align:center}
.dlcard .dc-hint b{color:#3A3D4E;font-weight:800}
.dlrow{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;
padding:7px 0}
.dlrow .k{flex:none;font-size:11.5px;font-weight:600;color:#7A7E8F;background:#F1F0F6;
border-radius:999px;padding:5px 12px;line-height:1.4}
.dlrow .v{color:#2A2D3A;font-weight:800;font-size:13.5px;text-align:right;word-break:break-all}
.dlrow .v code{background:#FFF3E0;padding:4px 11px;border-radius:999px;font-size:13px;
color:#E8834A;font-weight:800;font-family:inherit;letter-spacing:1px;
border:1px dashed #F5C99B;cursor:pointer}
.dl-big-btn{position:relative;margin-top:18px;width:100%;display:flex;align-items:center;
justify-content:center;gap:9px;background:linear-gradient(135deg,#7B8FF0,#9D8BF7);color:#fff;
font-size:15.5px;font-weight:800;padding:15px;border-radius:16px;text-decoration:none;
box-shadow:0 14px 28px -12px rgba(123,143,240,.60);transition:.2s}
.dl-big-btn:hover{transform:translateY(-2px);color:#fff;
box-shadow:0 18px 32px -12px rgba(123,143,240,.68)}
.dl-big-btn svg{width:19px;height:19px}
.dl-note2{position:relative;font-size:11.5px;color:#9AA0B0;margin-top:13px;line-height:1.7}
/* 12. 归档 / 搜索 / 分页 -------------------------------------------------- */
.page-head{margin:22px 0 6px}
.page-head h1{font-size:26px;font-weight:900;color:var(--ink);letter-spacing:.5px}
.page-head .desc{font-size:14px;color:var(--muted);margin-top:8px;max-width:680px}
/*
* 分页有两种 DOM，都要照顾：
* 1. paginate_links() → .page-numbers 直接挂在 .pagination 下，没有中间层
* 2. wp_link_pages() → 会再套一层 .nav-links
* 只在 .nav-links 上写 gap 的话，首页/归档（第 1 种）间距是 0 —— 踩过这个坑。
* 所以 gap 同时写在 .pagination 上：嵌套时 .nav-links 是唯一子元素，不会叠加。
*
* 间距取 10px：按钮 38px 宽，间距超过按钮的 1/3（≈12px）就开始「散」，
* 低于 1/5（≈8px）又粘。10 是这组尺寸里的平衡点。
*
* 翻页箭头（上一页/下一页）跟页码不是一类东西，单独留一道更宽的间隔做出分组感 ——
* 「1 2 3 … 8」是一组，「→」是另一组，混在一起排视觉上分不清主次。
*/
.pagination{margin:30px 0 10px;display:flex;justify-content:center;flex-wrap:wrap;
gap:10px;align-items:center}
.pagination .nav-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pagination .next{margin-left:6px}
.pagination .prev{margin-right:6px}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:13.5px;font-weight:600;color:var(--text);transition:.2s}
.page-numbers:hover{border-color:var(--brand);color:var(--brand)}
.page-numbers.current{background:var(--brand-grad);color:#fff;border-color:transparent}
.page-numbers.dots{border:none;background:none;min-width:auto;padding:0 2px}
.no-results{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:48px 28px;text-align:center;box-shadow:var(--shadow)}
.no-results h2{font-size:19px;margin-bottom:10px}
.no-results p{font-size:14px;color:var(--muted);margin-bottom:18px}
.search-form{display:flex;gap:8px;max-width:420px;margin:0 auto}
.search-form input[type=search]{flex:1;padding:10px 15px;border:1px solid var(--line);border-radius:11px;font-size:14px;outline:none;background:var(--surface);color:var(--ink);min-width:0}
.search-form input[type=search]:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,107,245,.14)}
.search-form button{padding:10px 20px;border-radius:11px;background:var(--brand-grad);color:#fff;font-size:14px;font-weight:600}
/* 12.5 正文区块（古腾堡自定义块）----------------------------------------- */
.zwb{margin:24px 0}
.zwb:first-child{margin-top:0}
.zwb:last-child{margin-bottom:0}
.zwb-cap{margin:9px 0 0;font-size:12.5px;color:var(--muted);text-align:center}
.zwb-note{margin:8px 0 0;font-size:12.5px;color:var(--muted)}
/* 统一比例框：视频与内嵌共用 */
.zwb-frame{position:relative;width:100%;aspect-ratio:var(--zwb-ratio,16/9);background:#0E1220;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.zwb-frame video,.zwb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:contain;background:#0E1220}
/* 图库 */
.zwb-gal-grid{display:grid;grid-template-columns:repeat(var(--zwb-cols,3),minmax(0,1fr));gap:10px}
.zwb-gal-item{display:block;position:relative;aspect-ratio:var(--zwb-ratio,4/3);border-radius:12px;overflow:hidden;background:var(--line-soft);border:1px solid var(--line)}
.zwb-gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.zwb-gal-item:hover img{transform:scale(1.05)}
.zwb-gal-item::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);border-radius:inherit;pointer-events:none}
/* 剧集 */
.zwb-series-head{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;color:var(--ink);margin-bottom:12px}
.zwb-series-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--brand-grad);color:#fff;flex:none}
.zwb-series-n{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--brand);background:var(--brand-soft);padding:3px 9px;border-radius:999px}
.zwb-series-list{list-style:none;display:grid;gap:8px}
.zwb-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.zwb-series-list li{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:10px 13px;transition:.2s;min-width:0}
.zwb-series-list li:hover{border-color:var(--brand);background:var(--brand-soft)}
.zwb-series-no{flex:none;font-size:11.5px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}
.zwb-series-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.zwb-series-t a,.zwb-series-t>span{font-size:13.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zwb-series-list li:hover .zwb-series-t a{color:var(--brand)}
.zwb-series-t em{font-style:normal;font-size:11.5px;color:var(--muted)}
/* 下载卡块（Gutenberg 版，结构与 .dl-tk 对齐，配色遵守「橙色只给可下载动作」） */
.zwb-dl{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius-card,18px) + 2px);overflow:hidden;box-shadow:var(--shadow-lg)}
.zwb-dl-top{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(120deg,var(--brand-soft),#F7F4FF);border-bottom:1px solid var(--line-soft)}
.zwb-dl-ic{width:46px;height:46px;border-radius:13px;flex:none;display:grid;place-items:center;color:#fff;background:var(--brand-grad);box-shadow:0 10px 20px -10px rgba(91,107,245,.7)}
.zwb-dl-name{flex:1;min-width:0;font-size:15.5px;font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zwb-dl-body{padding:16px 18px 18px}
.zwb-dl-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;margin-bottom:14px}
.zwb-dl-meta>div{background:var(--bg);border-radius:10px;padding:10px 12px;min-width:0}
.zwb-dl-meta span{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.zwb-dl-meta b{font-size:13.5px;color:var(--ink);font-weight:700;word-break:break-all}
.zwb-dl-code{display:flex;align-items:center;gap:10px;background:var(--brand-soft);border-radius:10px;padding:10px 13px;margin-bottom:14px;flex-wrap:wrap}
.zwb-dl-code span{font-size:12px;color:var(--muted)}
.zwb-dl-code code{font-size:14px;font-weight:700;color:var(--brand);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.zwb-dl-copy{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--brand);background:#fff;border:1px solid #D8DEFF;border-radius:7px;padding:5px 12px;transition:.2s}
.zwb-dl-copy:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.zwb-dl-btn{display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,var(--dl),#FF9A4D);color:#fff;font-size:15px;font-weight:800;border-radius:12px;padding:13px;box-shadow:0 12px 26px -12px rgba(255,122,47,.8);transition:.22s}
.zwb-dl-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px -12px rgba(255,122,47,.9)}
.zwb-dl-note{margin:11px 0 0;font-size:11.5px;color:var(--muted);text-align:center}
/* 提示框 */
.zwb-notice-box{display:flex;gap:11px;border:1px solid var(--line);border-radius:13px;padding:13px 15px;background:var(--surface)}
.zwb-notice-ic{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px}
.zwb-notice-body{flex:1;min-width:0;font-size:13.5px;color:var(--text);line-height:1.75}
.zwb-notice-body b{display:block;color:var(--ink);margin-bottom:3px}
.zwb-notice-body p{margin:0 0 6px}
.zwb-notice-body p:last-child{margin-bottom:0}
.zwb-notice-info{background:#F4F6FF;border-color:#DFE4FF}
.zwb-notice-info .zwb-notice-ic{background:#E4E9FF;color:var(--brand)}
.zwb-notice-success{background:#EFFAF5;border-color:#CFEFE1}
.zwb-notice-success .zwb-notice-ic{background:#D7F2E5;color:var(--free)}
.zwb-notice-warn{background:#FFF7EE;border-color:#FBE2C8}
.zwb-notice-warn .zwb-notice-ic{background:#FCE7CF;color:var(--dl)}
.zwb-notice-danger{background:#FFF3F4;border-color:#FBD9DC}
.zwb-notice-danger .zwb-notice-ic{background:#FADFE2;color:var(--rose)}
/* 步骤 */
.zwb-steps{list-style:none;counter-reset:zwbstep;display:grid;gap:0}
.zwb-steps li{display:flex;gap:14px;position:relative;padding-bottom:18px;min-width:0}
.zwb-steps li:last-child{padding-bottom:0}
.zwb-steps li:not(:last-child)::before{content:"";position:absolute;left:13px;top:30px;bottom:2px;width:2px;background:var(--line)}
.zwb-step-no{flex:none;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700;color:#fff;background:var(--brand-grad);box-shadow:0 6px 14px -6px rgba(91,107,245,.9);z-index:1}
.zwb-step-body{flex:1;min-width:0;padding-top:2px}
.zwb-step-body b{display:block;font-size:14px;color:var(--ink);margin-bottom:4px}
.zwb-step-body p{margin:0 0 6px;font-size:13.5px;color:var(--text);line-height:1.75}
.zwb-step-body p:last-child{margin-bottom:0}
/* 转化按钮 */
.zwb-cta-box{display:flex;align-items:center;gap:20px;border-radius:calc(var(--radius-card,18px));padding:22px 24px;flex-wrap:wrap}
.zwb-cta-brand{background:linear-gradient(120deg,#EEF1FF,#F6F1FF);border:1px solid #DFE4FF}
.zwb-cta-dl{background:linear-gradient(120deg,var(--dl-soft),#FFF6EC);border:1px solid #FBE2C8}
.zwb-cta-text{flex:1;min-width:180px}
.zwb-cta-text b{display:block;font-size:17px;font-weight:800;color:var(--ink);line-height:1.45}
.zwb-cta-text p{margin:6px 0 0;font-size:13px;color:var(--text);line-height:1.7}
.zwb-cta-btn{display:inline-flex;align-items:center;gap:7px;flex:none;font-size:14px;font-weight:700;color:#fff;border-radius:11px;padding:11px 20px;transition:.2s}
.zwb-cta-btn:hover{transform:translateY(-1px)}
.zwb-cta-brand .zwb-cta-btn{background:var(--brand-grad);box-shadow:0 12px 24px -12px rgba(91,107,245,.9)}
.zwb-cta-dl .zwb-cta-btn{background:linear-gradient(135deg,var(--dl),var(--dl-deep));box-shadow:0 12px 24px -12px rgba(255,122,47,.9)}
/* 参数表 */
.zwb-specs-head{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:10px}
.zwb-specs{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.zwb-specs-row{display:grid;grid-template-columns:148px minmax(0,1fr);border-bottom:1px solid var(--line-soft)}
.zwb-specs-row:last-child{border-bottom:none}
.zwb-specs-row dt{font-size:13px;color:var(--muted);background:var(--bg);padding:10px 14px;font-weight:500}
.zwb-specs-row dd{margin:0;font-size:13.5px;color:var(--text);padding:10px 14px;word-break:break-word}
/* 链接卡片 */
.zwb-lc{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:13px 15px;background:var(--surface);transition:.2s;min-width:0}
.zwb-lc:hover{border-color:var(--brand);box-shadow:var(--shadow-lg)}
.zwb-lc-thumb{flex:none;width:64px;height:64px;border-radius:10px;background-size:cover;background-position:center;background-color:var(--line-soft)}
.zwb-lc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.zwb-lc-body b{font-size:14.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zwb-lc-body span{font-size:12.5px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.zwb-lc-body em{font-style:normal;font-size:11px;color:var(--brand);background:var(--brand-soft);align-self:flex-start;padding:1px 7px;border-radius:4px}
.zwb-lc-btn{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--brand);border:1px solid #D8DEFF;border-radius:8px;padding:6px 12px;background:#fff}
.zwb-lc:hover .zwb-lc-btn{background:var(--brand);color:#fff;border-color:var(--brand)}
/* 图库灯箱 */
.zwb-lb{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(10,14,26,.92);opacity:0;pointer-events:none;transition:opacity .22s;padding:40px 20px}
.zwb-lb.on{opacity:1;pointer-events:auto}
.zwb-lb img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 30px 80px -30px rgba(0,0,0,.9);transform:scale(.96);transition:transform .22s}
.zwb-lb.on img{transform:scale(1)}
.zwb-lb-close{position:absolute;top:18px;right:22px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:22px;line-height:1;display:grid;place-items:center}
.zwb-lb-close:hover{background:rgba(255,255,255,.26)}
/* 13. WordPress 核心样式 ------------------------------------------------ */
.alignleft{float:left;margin:.4em 1.4em 1em 0}
.alignright{float:right;margin:.4em 0 1em 1.4em}
.aligncenter{display:block;margin:1.2em auto}
.alignwide{margin-left:-40px;margin-right:-40px;max-width:calc(100% + 80px);width:auto}
.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw}
.wp-caption{max-width:100%;margin-bottom:1.2em}
.wp-caption img{margin:0 auto}
.wp-caption-text,.wp-block-image figcaption{font-size:12.5px;color:var(--muted);text-align:center;margin-top:8px}
.sticky .bcard{border-color:rgba(91,107,245,.5)}
.gallery{margin-bottom:1.2em}
.gallery-item{margin:0;display:inline-block;vertical-align:top;width:100%}
.gallery-columns-2 .gallery-item{max-width:50%}
.gallery-columns-3 .gallery-item{max-width:33.33%}
.gallery-columns-4 .gallery-item{max-width:25%}
.gallery img{border-radius:12px}
.wp-block-button__link{border-radius:11px;font-weight:600;background:var(--brand-grad);color:#fff;padding:11px 22px;text-decoration:none;display:inline-block}
.wp-block-quote{border-left:4px solid var(--brand);padding-left:18px;margin:20px 0}
.wp-block-separator{border:none;border-top:1px solid var(--line);margin:28px 0}
.edit-link a{color:var(--brand)}
/* 评论 */
.comments-area{margin-top:26px;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius-card,18px) + 4px);padding:28px 32px;box-shadow:var(--shadow)}
.comments-title{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:800;color:var(--ink);margin:0 0 4px}
.comments-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 8px;border-radius:999px;background:rgba(91,107,245,.1);color:var(--brand);font-size:12px;font-weight:800}
.comments-empty{margin:14px 0 4px;padding:18px 0 22px;border-top:1px solid var(--line-soft);font-size:13.5px;color:var(--muted)}
.comments-closed{font-size:13px;color:var(--muted)}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list .children{list-style:none;margin:0 0 0 22px;padding-left:22px;border-left:1px solid var(--line-soft)}
.jy-comment{list-style:none}
.jy-comment-in{display:flex;gap:13px;padding:18px 0;border-top:1px solid var(--line-soft)}
.jy-comment-avatar{flex:none;width:44px}
.jy-comment-avatar img{width:44px;height:44px;border-radius:50%;display:block;border:1px solid var(--line);transition:box-shadow .2s}
.jy-comment-in:hover .jy-comment-avatar img{box-shadow:0 0 0 3px rgba(91,107,245,.14)}
.jy-comment-main{flex:1;min-width:0}
.jy-comment-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-bottom:7px}
.jy-comment-name{font-size:14px;font-weight:700;color:var(--ink);line-height:1.4}
.jy-comment-name a{color:inherit;text-decoration:none}
.jy-comment-name a:hover{color:var(--brand)}
.jy-comment-badge{display:inline-block;padding:1px 7px;border-radius:6px;background:var(--brand-grad);color:#fff;font-size:10.5px;font-weight:700;line-height:1.6;letter-spacing:.3px}
.jy-comment-to{font-size:12px;color:var(--muted);background:#F6F7FB;border-radius:6px;padding:1px 7px;line-height:1.7}
.jy-comment-time{margin-left:auto;font-size:12px;color:var(--muted);text-decoration:none;white-space:nowrap}
.jy-comment-time:hover{color:var(--brand)}
.jy-comment-content{font-size:14.5px;line-height:1.85;color:var(--text);overflow-wrap:anywhere}
.jy-comment-content p{margin:0 0 9px}
.jy-comment-content p:last-child{margin-bottom:0}
.jy-comment-content a{color:var(--brand);text-decoration:none;border-bottom:1px solid rgba(91,107,245,.3)}
.jy-comment-content blockquote{margin:10px 0;padding:8px 14px;border-left:3px solid var(--line);background:#F8F9FC;border-radius:0 8px 8px 0;color:var(--muted);font-size:13.5px}
.jy-comment-content code{background:#F2F4F9;border-radius:5px;padding:1px 5px;font-size:13px}
.jy-comment-content img{max-width:100%;height:auto;border-radius:10px}
.jy-comment-pending{display:inline-block;margin:0 0 8px;padding:5px 10px;border-radius:7px;background:#FEF7E6;font-size:12.5px;color:#B7791F}
.jy-comment-foot{display:flex;align-items:center;gap:14px;margin-top:9px}
.jy-comment-act{font-size:12.5px;color:var(--muted)}
.jy-comment-act a{color:var(--muted);text-decoration:none}
.jy-comment-act a:hover{color:var(--brand)}
.jy-comment .comment-respond{margin:14px 0 4px}
.comment-respond{margin-top:22px}
.comment-reply-title{font-size:16px;font-weight:800;color:var(--ink);margin:0 0 4px}
.comment-reply-title small{font-size:12.5px;font-weight:500;margin-left:8px}
.comment-reply-title small a{color:var(--muted);text-decoration:none}
.comment-reply-title small a:hover{color:var(--brand)}
/* 两列：昵称 / 邮箱 / 网址 并排，正文与提交按钮通栏 */
.comment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:16px}
.comment-form p{margin:0}
.comment-notes,.logged-in-as,.comment-form-cookies-consent,.comment-form-comment,.form-submit{grid-column:1/-1}
/* 昵称 / 邮箱并排正好占满第一行，「网站」若也只占半格，右边会空一块，通栏更稳 */
.comment-form-url{grid-column:1/-1}
.comment-notes,.logged-in-as{font-size:12.5px;color:var(--muted);line-height:1.6}
.logged-in-as a{color:var(--brand);text-decoration:none}
.comment-form label{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:6px}
.comment-form .req{color:#E5533D}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:11px;font-size:14px;font-family:inherit;background:var(--surface);color:var(--ink);outline:none;transition:.2s;box-sizing:border-box}
.comment-form textarea{resize:vertical;min-height:112px;line-height:1.7}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,107,245,.14)}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:8px}
.comment-form-cookies-consent input{margin-top:3px;flex:none}
.comment-form-cookies-consent label{font-weight:400;font-size:12.5px;color:var(--muted);margin:0}
.form-submit{display:flex;justify-content:flex-end}
.comment-form .submit{padding:11px 28px;border-radius:11px;background:var(--brand-grad);color:#fff;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:filter .2s,transform .2s}
.comment-form .submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
/* Toast 样式统一在文件后部的 .jy-toast，这里不再定义第二套（见 24 节） */
/* 14. 响应式 -------------------------------------------------------------- */
/*
* 小工具的设备可见性。
* class 由 inc/widgets.php 的 dynamic_sidebar_params 过滤器按实例追加，
* 这里只管隐藏：断点跟汉堡菜单同一档（900），不另造一个数字。
* !important 必须带 —— 组件自身写了 display:flex 就会盖掉裸的 display:none。
*/
@media(max-width:900px){
.jy-vis-desktop{display:none!important}
}
@media(min-width:901px){
.jy-vis-mobile{display:none!important}
}
@media(max-width:1120px){
.header-in{gap:16px}
.hsearch input{width:150px}
}
@media(max-width:1000px){
.hsearch{display:none}
.content,.post-layout,.res-layout,
body.jy-side-left .content,
body.jy-side-left .post-layout,
body.jy-side-left .res-layout{grid-template-columns:minmax(0,1fr)}
.sidebar{position:static;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
/* 单列布局下侧栏掉到正文后面，粘住没有意义 */
.res-side{position:static}
.hero-in{grid-template-columns:1fr}
.featured{grid-template-columns:1fr}
.goods{grid-template-columns:repeat(2,1fr)}
.blogs{grid-template-columns:repeat(2,1fr)}
.alignwide{margin-left:0;margin-right:0;max-width:100%}
/* 页脚小工具：1000 以下固定两列。auto-fit 在这一档会算出 4 列，
每列 225px，链接一长就只剩省略号 */
.footer-widgets{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
.nav{display:none}
.hburger{display:flex}
.mnav{display:block}
}
@media(max-width:720px){
/* 首屏 */
.hero-home-in{padding:38px 18px 54px;gap:11px}
/* 手机上放不下单行：22 字至少要 16px 才塞得进 354px，那比正文还小，不像标题。
这里宁可折成两行，也保住标题的分量。 */
.hero-home-title{font-size:22px;max-width:100%}
.hero-home-desc{font-size:13.5px;max-width:100%}
.hero-home-wave{height:46px}
/* 页脚：≤720 才竖排。1000px 宽度放得下一行，不必提前折行 */
.footer-in{flex-direction:column;gap:14px}
.foot-links{justify-content:flex-start;max-width:none;margin-top:0}
/* 正文区块 */
.zwb-gal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.zwb-series-grid{grid-template-columns:minmax(0,1fr)}
.zwb-dl-top{padding:13px 14px;gap:11px}
.zwb-dl-ic{width:38px;height:38px;border-radius:11px}
.zwb-dl-body{padding:13px 14px 15px}
.zwb-dl-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
.zwb-specs-row{grid-template-columns:minmax(0,1fr)}
.zwb-specs-row dt{padding-bottom:2px}
.zwb-specs-row dd{padding-top:2px}
.zwb-cta-box{padding:18px}
.zwb-cta-btn{width:100%;justify-content:center}
.zwb-lc{flex-wrap:wrap}
.zwb-lc-btn{margin-left:auto}
.sidebar{grid-template-columns:minmax(0,1fr)}
.blogs{grid-template-columns:repeat(2,1fr)}
.goods{grid-template-columns:1fr}
.article,.comments-area{padding:24px 18px}
.res-hero{padding:20px 18px;gap:14px}
.res-hero .ic{width:60px;height:60px;border-radius:16px}
.res-hero .ic svg{width:30px;height:30px}
.res-hero h1{font-size:19px}
.res-tabs{padding:0 18px}
.res-tabs button{padding:11px 12px;font-size:13.5px}
.res-pane{padding:20px 18px}
.post-nav{grid-template-columns:minmax(0,1fr)}
.pn.next{text-align:left}
.page-head h1{font-size:22px}
.comment-list .children{margin-left:0;padding-left:14px}
.comment-form{grid-template-columns:minmax(0,1fr)}
.jy-comment-in{gap:10px;padding:16px 0}
.jy-comment-avatar,.jy-comment-avatar img{width:36px;height:36px}
.jy-comment-time{margin-left:0;width:100%}
.form-submit .submit{width:100%;justify-content:center}
}
@media(max-width:520px){
.blogs{grid-template-columns:1fr}
.article-head h1{font-size:22px}
.footer-widgets{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.rv{opacity:1!important;transform:none!important}
}
/* 15. 登录 / 注册 / 用户中心 ---------------------------------------------- */
/* 面板三态共用一套骨架：品牌置顶、内容沉底。内容是「从下往上长」的，
写多了只会往上顶，不会压到站点标识。 */
.jy-auth-wrap{padding:44px 22px 60px}
.jy-auth-card{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);max-width:1040px;margin:0 auto;
background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;
box-shadow:var(--shadow-lg)}
.jy-auth-card>*{min-width:0}
/* 15.1 品牌面板 */
.jy-panel{position:relative;display:flex;min-height:600px;overflow:hidden;background:var(--brand-grad)}
.jy-panel-bg{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background-size:cover;background-position:center;z-index:0}
.jy-panel-scrim{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:1;pointer-events:none}
.jy-panel-in{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;
gap:24px;width:100%;padding:38px 34px}
.jy-panel-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:17px;
letter-spacing:.2px;white-space:nowrap}
.jy-panel-mark{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;
border-radius:9px;background:#fff;color:var(--brand)}
/* 配置了 logo 时这里放图片：白底方块托住，contain 保证任何比例都不变形 */
.jy-panel-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px}
/* 有 logo 时去掉白底，跟顶栏一致：logo 自己就是标识，不需要再垫一层 */
.jy-panel-mark.is-logo{background:transparent;overflow:hidden}
.jy-panel-name{overflow:hidden;text-overflow:ellipsis}
.jy-panel-copy{display:flex;flex-direction:column;gap:12px}
.jy-panel-tag{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:5px 11px;
border-radius:99px;background:rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:500;line-height:1.5}
.jy-panel-tag i{width:6px;height:6px;border-radius:50%;background:#7EE0B5;flex:none}
.jy-panel-title{color:#fff;font-size:27px;font-weight:800;line-height:1.34;letter-spacing:.5px}
.jy-panel-sub{color:rgba(255,255,255,.88);font-size:13px;line-height:1.7}
/* 图片态：上下暗角保证压字可读，不依赖「管理员挑了一张暗图」 */
.jy-panel--image .jy-panel-scrim{background:
linear-gradient(180deg,rgba(8,16,30,.62) 0%,rgba(8,16,30,0) 32%),
linear-gradient(0deg,rgba(6,14,26,.86) 0%,rgba(6,14,26,0) 46%)}
.jy-panel--image.is-bare .jy-panel-scrim{background:linear-gradient(180deg,rgba(8,16,30,.62) 0%,rgba(8,16,30,0) 34%)}
/* HTML 态：浅底深字。WP 编辑器吐出来的就是深色 /