/* ==========================================================================
   skin-f.css —— 全站换肤层「F 方案 · 沉浸式二次元插画」
   --------------------------------------------------------------------------
   【是什么】一层**覆盖**主题原生外观的皮肤（wp_head 9999，见 inc/skin-f.php），
              把默认外观换成「梦幻粉紫 + 插画光效」的沉浸感。
   【沉浸感 = 氛围 + 形态 + 质感】
     - 氛围：多层梦幻渐变底 + 漂浮光斑（光斑 DOM 由 assets/js/skin-f.js 生成）
     - 形态：圆润卡片 + 柔和光晕 + 胶囊按钮 + 封面层次
     - 质感：毛玻璃顶栏、香槟金细线、柔和阴影、微光晕标题
   【唯一真源】配色 1:1 来自 game_ui_design_text_description.md 作品二「颜拘事务所」
               §2.3（梦幻紫/淡紫白/玫瑰粉/香槟金/深紫），方向经用户拍板（概念图 B）。
               颜色一律 var(--t-*)（亮/暗两套由 parts-tokens.css 提供），不写字面量。
   【动效纪律】只用 transform/opacity（GPU 合成）；prefers-reduced-motion 降级；
               无 JS 时氛围减弱但页面完全正常（渐进增强）。
   【红线】static/css/base.css 一个字节不改。本层只用覆盖。
   【开关】URL 加 ?mbt-skin=off 或常量 MBT_SKIN_F_OFF 可整体关掉本层。
   建立：2026-10-15（用户拍板沉浸式二次元插画方向）
   ========================================================================== */

/* §1 页面氛围：梦幻粉紫多层渐变 + 星光点（背景固定，滚动时氛围不动、更沉浸） */
body{
  background-color:var(--t-page);
  background-image:
    radial-gradient(1.5px 1.5px at 22% 16%, rgba(212,175,55,.75), transparent 51%),
    radial-gradient(1.5px 1.5px at 78% 28%, rgba(232,180,203,.8), transparent 51%),
    radial-gradient(2px 2px at 42% 58%, rgba(184,169,201,.7), transparent 51%),
    radial-gradient(1.5px 1.5px at 90% 74%, rgba(212,175,55,.6), transparent 51%),
    radial-gradient(55% 42% at 10% 6%, rgba(212,175,55,.09), transparent 62%),
    radial-gradient(48% 38% at 88% 10%, rgba(232,180,203,.14), transparent 60%),
    radial-gradient(70% 50% at 50% 98%, rgba(184,169,201,.15), transparent 65%),
    linear-gradient(180deg,var(--t-page) 0%,var(--t-pearl-mid) 55%,var(--t-pearl-2) 100%);
  background-attachment:fixed;
  color:var(--t-ink);
}
body.night{
  background-image:
    radial-gradient(1.5px 1.5px at 24% 18%, rgba(229,193,88,.65), transparent 51%),
    radial-gradient(1.5px 1.5px at 80% 30%, rgba(232,180,203,.7), transparent 51%),
    radial-gradient(2px 2px at 44% 60%, rgba(184,169,201,.55), transparent 51%),
    radial-gradient(1.5px 1.5px at 88% 76%, rgba(229,193,88,.5), transparent 51%),
    radial-gradient(55% 42% at 10% 6%, rgba(212,175,55,.10), transparent 62%),
    radial-gradient(48% 38% at 88% 10%, rgba(232,180,203,.12), transparent 60%),
    radial-gradient(70% 50% at 50% 98%, rgba(184,169,201,.14), transparent 65%),
    linear-gradient(180deg,var(--t-page) 0%,var(--t-pearl-mid) 100%);
}

/* §1b 漂浮光斑（DOM 由 skin-f.js 注入；soft-light 混合只提氛围不遮阅读） */
.sf-orbs{
  position:fixed;
  inset:0;
  z-index:-1;                 /* 【2026-10-15 修复·用户实测反馈】原 z-index:0 的 fixed 层会盖在文章卡片和内容之上；
                                 降到 -1 沉到 body 背景之上、内容之下 —— 光斑只当背景氛围，不再遮内容 */
  pointer-events:none;
  overflow:hidden;
}
.sf-orb{
  position:absolute;
  border-radius:50%;
  mix-blend-mode:soft-light;
  filter:blur(28px);
  opacity:.65;
  will-change:transform;
  animation-name:sf-float;
  animation-timing-function:ease-in-out;
  animation-direction:alternate;
  animation-iteration-count:infinite;
}
@keyframes sf-float{
  0%   { transform:translate3d(0,0,0) scale(1); }
  100% { transform:translate3d(4vw,6vh,0) scale(1.12); }
}
@media (prefers-reduced-motion: reduce){
  .sf-orb{ animation:none; }
}

/* §2 顶栏：梦幻毛玻璃（半透淡紫白 + 底部香槟金细线） */
.header{
  background-color:color-mix(in srgb,var(--t-pearl) 82%,transparent) !important;
  border-bottom:1px solid var(--t-gold-line);
  box-shadow:0 4px 20px -12px rgba(106,91,122,.35);
}
body.night .header{
  background-color:color-mix(in srgb,var(--t-page) 82%,transparent) !important;
}
@supports (backdrop-filter: blur(14px)){
  .header{ -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
}
body.has-topbar .topbar{
  background:var(--t-pearl-2);
  border-bottom:1px solid var(--t-line);
}

/* §3 卡片：淡紫白 + 柔和光晕 + 悬浮上浮（沉浸层次） */
.grids .grid,
.lists .list{
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  border-radius:16px;
  box-shadow:0 10px 34px -16px rgba(106,91,122,.42), inset 0 1px 0 rgba(255,255,255,.65);
  transition:transform .35s ease, box-shadow .35s ease;
}
.grids .grid:hover,
.lists .list:hover{
  -webkit-transform:translateY(-6px);
  transform:translateY(-6px);
  box-shadow:0 20px 48px -20px rgba(232,180,203,.55), 0 0 0 1px var(--t-gold-line);
}
body.night .grids .grid,
body.night .lists .list{
  background:var(--t-pearl);
  border-color:var(--t-line);
  box-shadow:0 10px 34px -16px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08);
}
.lists .list{ height:168px; margin-bottom:42px; }
.lists .list:before{ background:var(--t-line); }

/* 封面氛围：底部加梦幻渐变遮罩提层次（插画感封面） */
.grids .grid .img{ position:relative; }
.grids .grid .img::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:38%;
  background:linear-gradient(180deg,transparent,rgba(106,91,122,.28));
  pointer-events:none;
}

/* 卡片文字 */
.grids .grid h3 a,
.lists .list h2 a,
.lists .list h3 a{ color:var(--t-ink); }
.grids .grid h3 a:hover,
.lists .list h2 a:hover{ color:var(--t-purple-dp); }
.grids .grid .grid-meta,
.lists .list .list-meta{ color:var(--t-ink-meta); }
.grids .grid .cat,
.lists .list .cat{ color:var(--t-ink-meta); }

/* 卡片角标：VIP 香槟金渐变 / 免费 薄荷 */
.grids .grid > .vip-tag,
.lists .grid .grid-meta .vip-tag,
.lists .list .list-meta .vip-tag{
  background:linear-gradient(90deg,var(--t-vip-1) 0%,var(--t-vip-2) 100%);
  color:var(--t-on-gold);
}
.grids .grid > .free-tag,
.lists .grid .grid-meta .free-tag,
.lists .list .list-meta .free-tag{
  background:var(--t-free);
  color:#ffffff;
}

/* §4 按钮：玫瑰粉渐变胶囊 + 深紫字 + 粉晕（hover 光晕扩散） */
.btn{
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 100%);
  color:var(--t-on-purple);
  border:1px solid rgba(255,255,255,.55);
  border-radius:999px;
  box-shadow:0 6px 20px -8px rgba(232,180,203,.65);
  font-weight:600;
}
.btn:hover{
  color:var(--t-on-purple);
  -webkit-transform:translateY(-2px);
  transform:translateY(-2px);
  box-shadow:0 12px 30px -10px rgba(232,180,203,.85);
}
body.night .btn{
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 100%);
  color:var(--t-on-purple);
}

/* §5 分页：可爱胶囊（香槟金描边） */
.mocat .pagination,
.part-scope .pagination,
.main .pagination{ background:transparent; }
.pagination ul{ display:inline-flex; align-items:center; }
.pagination ul li{ display:inline-block; }
.pagination ul li a,
.pagination ul li span{
  display:inline-block;
  float:none;
  margin:0 3px;
  padding:7px 13px;
  line-height:1;
  background:var(--t-pearl);
  border:1px solid var(--t-gold-line);
  border-radius:999px;
  color:var(--t-ink);
  transition:all .2s ease;
}
.pagination ul li a:hover{
  color:var(--t-purple-dp);
  border-color:var(--t-purple-lt);
  box-shadow:0 4px 14px -6px rgba(232,180,203,.6);
}
.pagination ul li.active span,
.pagination ul li.current,
.pagination ul li > span.current{
  background:linear-gradient(135deg,var(--t-purple-lt),var(--t-purple));
  color:var(--t-on-purple);
  border-color:transparent;
}
body.night .pagination{ background:transparent; }

/* §6 表单与搜索框：淡紫白输入 + 圆角 + 聚焦粉晕 */
.search-wrap .search-form .search-input,
.widget .search-form .search-input,
.search-wrap .search-form input[type=search],
.widget .search-form input[type=text]{
  background:var(--t-pearl);
  border:1px solid var(--t-line2);
  border-radius:999px;
  color:var(--t-ink);
}
.search-wrap .search-form .search-input:focus,
.widget .search-form .search-input:focus{
  border-color:var(--t-purple-lt);
  box-shadow:0 0 0 3px rgba(232,180,203,.3);
}
.search-wrap .search-form .search-input::placeholder,
.widget .search-form .search-input::placeholder{ color:var(--t-ink2); }

/* §7 标题：梦幻圆体 + 微光晕（插画感标题） */
.article-content h1,.article-content h2,.article-content h3,
.post h1,.post h2,.post h3,
.single-content h1,.single-content h2,.single-content h3,
.page-content h1,.page-content h2,.page-content h3,
.mbt-cat-parts .part-head{
  font-family:var(--font-serif);
  letter-spacing:.5px;
  text-shadow:0 2px 14px rgba(232,180,203,.4);
}

/* §8 正文与通用文字 */
.article-content,.post,.entry-content{ color:var(--t-ink); }
.article-content a,.post a{ color:var(--t-purple-dp); }
.article-content a:hover,.post a:hover{ color:var(--t-gold-dp); }

/* §9 滚动渐显（class 由 skin-f.js 注入；无 JS 时无 class、内容照常显示） */
.sf-reveal{
  opacity:0;
  -webkit-transform:translateY(16px);
  transform:translateY(16px);
  transition:opacity .6s ease, transform .6s ease;
}
.sf-reveal.is-in{
  opacity:1;
  -webkit-transform:none;
  transform:none;
}
@media (prefers-reduced-motion: reduce){
  .sf-reveal{ opacity:1; transform:none; transition:none; }
}

/* §10 洛可可宫廷装饰 → 梦幻化（去金角饰/双层金框，换香槟金细边） */
.roc-ornament::before,
.roc-ornament::after{ background-image:none; }
.roc-frame{ border-color:var(--t-gold-line); }
.roc-frame::before{ display:none; }
.roc-rule::before,
.roc-rule::after{ background:none; }
.roc-rule .gem{ display:none; }
.roc-rule{ background:linear-gradient(90deg,var(--t-gold-line),transparent); }
.roc-title::after{ background:linear-gradient(90deg,var(--t-purple-lt),transparent); }

/* §11 夜间整体收口（令牌已切梦幻深夜紫，此处兜底官方 #121212 与输入框） */
body.night .pagination ul li a,
body.night .pagination ul li span{
  background:var(--t-pearl-2);
  border-color:var(--t-line);
  color:var(--t-ink);
}
body.night input[type=text],
body.night input[type=search],
body.night textarea{
  background:var(--t-pearl-2);
  border-color:var(--t-line2);
  color:var(--t-ink);
}

/* ==========================================================================
   §12 组件形态重设计（2026-10-15 第二轮：真正动组件，不只换色）
   --------------------------------------------------------------------------
   用户反馈：「只是换了配色，没看到背景/组件/部件/悬浮的变化」——
   本节的覆盖目标是**形态与交互**，只增不改部件层文件（parts-ui.css 等）。
   ========================================================================== */

/* 12.1 图集卡（gcard）：插画牌卡形态 + 3D 悬浮 + 香槟金光晕环 */
.gcard{
  border-radius:20px;
  box-shadow:0 8px 24px -12px rgba(106,91,122,.3), inset 0 0 0 1px rgba(255,255,255,.4);
}
.gcard:hover{
  -webkit-transform:translateY(-10px) scale(1.02);
  transform:translateY(-10px) scale(1.02);
  border-color:var(--t-gold-line);
  box-shadow:
    0 0 0 1px var(--t-gold-line),
    0 28px 56px -24px rgba(232,180,203,.6),
    0 0 48px -6px rgba(212,175,55,.4);
}
.gcard:hover .gcard-img{
  -webkit-transform:scale(1.12);
  transform:scale(1.12);
}
/* 浮出层：给标题托一层梦幻渐变底（hover 才随浮层出现） */
.gcard-body{
  padding:14px 14px 32px;
  background:linear-gradient(0deg,rgba(36,31,53,.52),rgba(36,31,53,.2) 70%,transparent);
}
.gcard-title{ font-size:14px; }
.gcard-au__name{ text-shadow:0 1px 4px rgba(36,31,53,.55); }
/* 降级兜底：parts-ui.css 的 reduced-motion 块在本文件之前加载，须自行再兜一次 */
@media (prefers-reduced-motion: reduce){
  .gcard,.gcard-img,.gcard-body{ transition:none; }
  .gcard:hover{ transform:none; box-shadow:0 10px 30px -16px rgba(106,91,122,.4); }
  .gcard:hover .gcard-img{ transform:none; }
}

/* 12.2 页头（page-head）：梦幻渐变标题（插画感，深紫→玫瑰粉→香槟金） */
.part-scope .part-head-row h1,
.part-scope .part-head-row h2{
  background:linear-gradient(120deg,var(--t-purple-dp) 0%,var(--t-purple) 42%,var(--t-gold-dp) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.part-scope .part-head-row small{
  letter-spacing:3px;
  color:var(--t-purple-dp);
}

/* 12.3 详情页信息面板（.part-info，info-panel 部件）：梦幻毛玻璃卡 + 香槟金细边 */
.part-scope .part-info{
  background:color-mix(in srgb,var(--t-pearl) 88%,transparent);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  border:1px solid var(--t-gold-line);
  border-radius:20px;
  box-shadow:0 12px 36px -18px rgba(106,91,122,.45);
}
body.night .part-scope .part-info{
  background:color-mix(in srgb,var(--t-pearl) 80%,transparent);
}
/* R68：用户反馈详情页右栏 .art-blk（本来就是皮肤卡面容器）内的 .part-info
   再套一层毛玻璃金边卡 = "盒中套卡"（R39 教训：禁止给父容器上卡面）。
   该上下文内去掉整个卡面（边框/背景/圆角/阴影/毛玻璃），信息面板呈现为纯内容。 */
.part-artstation--single .art-blk .part-info{
  border:0;background:transparent;border-radius:0;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
body.night .part-artstation--single .art-blk .part-info{
  border:0;background:transparent;border-radius:0;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}

/* ==========================================================================
   §13 可爱动漫配方增强（2026-10-15 · 理念来自 dribbble/27623893 Mayoblox）
   --------------------------------------------------------------------------
   理念拆解（我的理解）：
     ① anime-inspired 动漫美学      → 梦幻粉紫基底（已有，保留）
     ② cute-themed 可爱主题         → 空态插画感 + 玩趣点缀（本段新增）
     ③ custom illustrated mascots 空态插画吉祥物 → 用 CSS 星形装饰实现「软萌表情感」
     ④ soft pastel 柔和粉彩         → 令牌色板（已有，保留）
     ⑤ clear CTA 清晰按钮           → 按钮三段渐变 + 光晕 + 可爱弹跳（本段增强）
   本段只加不改部件文件，全部视觉走皮肤层覆盖。
   ========================================================================== */

/* 13.1 空态 · 插画吉祥物感（Mayoblox 的空态插画是本理念的招牌元素）
   官方 .content-none 原来是「圆圈叉 + 一行字」，这里升级成粉彩圆卡：
   柔和渐变 + 香槟金虚线边 + 两个会眨眼的星星（伪元素），像有个小精灵在陪用户。 */
.content-none{
  position:relative;
  padding:34px 20px 28px;
  background:
    radial-gradient(circle at 28% 18%, rgba(232,180,203,.3), transparent 55%),
    radial-gradient(circle at 76% 82%, rgba(212,175,55,.18), transparent 55%),
    linear-gradient(180deg,var(--t-pearl) 0%,var(--t-pearl-2) 100%);
  border:1px dashed var(--t-gold-line);
  border-radius:24px;
  box-shadow:0 12px 32px -16px rgba(106,91,122,.35);
  color:var(--t-ink2);
}
.content-none::before{
  content:"✦";
  position:absolute;
  top:10px;left:16px;
  font-size:18px;
  color:var(--t-gold);
  animation:sf-twinkle 2.6s ease-in-out infinite;
}
.content-none::after{
  content:"☆";
  position:absolute;
  right:16px;bottom:12px;
  font-size:26px;
  color:var(--t-purple-lt);
  animation:sf-twinkle 3.4s ease-in-out infinite;
}
.content-none svg{
  filter:drop-shadow(0 8px 18px rgba(232,180,203,.55));
  color:var(--t-purple-dp);
}
@keyframes sf-twinkle{
  0%,100%{transform:scale(1);opacity:.85}
  50%{transform:scale(1.25);opacity:1}
}

/* 13.2 CTA 按钮 · 清晰抢眼 + 可爱弹跳（Mayoblox「clear CTA + playful」） */
.btn{
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 45%,var(--t-rose) 100%);
  box-shadow:0 8px 22px -8px rgba(232,180,203,.75), inset 0 1px 0 rgba(255,255,255,.6);
}
.btn:hover{
  animation:sf-bounce .5s ease;
}
@keyframes sf-bounce{
  0%{transform:translateY(0) scale(1)}
  30%{transform:translateY(-6px) scale(1.05)}
  60%{transform:translateY(-2px) scale(1.03)}
  100%{transform:translateY(-2px) scale(1.02)}
}

/* 13.3 玩趣点缀 · 页头眉标加一颗小星星（可爱品牌感） */
.part-scope .part-head-row small::after{
  content:" ✦";
  color:var(--t-gold);
  font-size:12px;
}

/* 13.4 降级兜底：以上动效在 reduced-motion 下全部归位 */
@media (prefers-reduced-motion: reduce){
  .content-none::before,.content-none::after,
  .btn,.btn:hover{ animation:none; }
  .btn:hover{ -webkit-transform:none; transform:none; }
}

/* ==========================================================================
   §14 首页首屏大氛围（2026-10-15 · 用户反馈：光斑层级错误 + 氛围不够强）
   --------------------------------------------------------------------------
   ① 光斑层级修复已在 §1b（z-index:-1，沉入背景层）
   ② 首页区块容器：半透明梦幻渐变面 —— 不加 padding/border，布局零变化
   ③ hero 轮播：柔粉光晕 + 圆角（首屏第一眼）
   ④ 区块标题：可爱星星前缀（玩趣品牌）
   ========================================================================== */

/* 14.1 首页区块容器：梦幻半透明渐变面（零布局影响） */
.mbt-h5 .mbt-h5-zone{
  border-radius:24px;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--t-pearl) 38%,transparent) 0%,
    color-mix(in srgb,var(--t-pearl-2) 16%,transparent) 100%);
}
body.night .mbt-h5 .mbt-h5-zone{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--t-pearl) 30%,transparent) 0%,
    color-mix(in srgb,var(--t-page) 14%,transparent) 100%);
}

/* 14.2 hero 轮播：柔粉光晕 + 圆角（首屏第一眼的氛围核心） */
.art-top-row{
  border-radius:24px;
  box-shadow:0 22px 60px -26px rgba(232,180,203,.6);
}
body.night .art-top-row{
  box-shadow:0 22px 60px -26px rgba(0,0,0,.55);
}

/* 14.3 区块标题：可爱星星前缀（玩趣品牌） */
.mbt-h5-zone-hd h2::before{ content:"✦ "; color:var(--t-gold); }
.mbt-h5-zone-hd small::after{ content:" ✦"; color:var(--t-gold); }

/* ==========================================================================
   §16 多层面插画设计（2026-10-15 · 方向B「二次元插画」方法拓展落地）
   --------------------------------------------------------------------------
   背景/按钮/图标/组件/部件 五个层面，针对不同场景差异化设计：
     16.1 组件场景 —— 资源卡 hover 光晕环 + 胶囊标签插画感（列表/筛选区）
     16.2 按钮场景 —— 光晕呼吸脉冲（CTA/主要操作）
     16.3 图标场景 —— 搜索按钮插画圆盘 + 发光（顶栏/搜索区）
     16.4 背景场景 —— 查看器主图区柔光（详情大图区）
     16.5 部件场景 —— 缩略条圆角光晕 + Fancybox 梦幻深紫弹层（详情/放大）
   只加不改部件文件，全在皮肤层覆盖。
   ========================================================================== */

/* 16.1 组件场景：资源卡 hover 光晕环 + 胶囊标签插画感 */
.grids .grid:hover{
  box-shadow:0 20px 48px -18px rgba(232,180,203,.55), 0 0 32px -6px rgba(212,175,55,.3);
}
.part-pill-tab,
.part-tool-chip{
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 100%);
  border:1px solid var(--t-gold-line);
  color:var(--t-on-purple);
  box-shadow:0 6px 16px -8px rgba(232,180,203,.6);
}
.part-pill-tab:hover,
.part-tool-chip:hover{
  -webkit-transform:translateY(-2px);
  transform:translateY(-2px);
  box-shadow:0 10px 24px -10px rgba(232,180,203,.8);
}

/* 16.2 按钮场景：光晕呼吸脉冲（hover 时叠加在 §13.2 弹跳之上） */
.btn:hover{
  animation:sf-bounce .5s ease, sf-glow 1.6s ease-in-out infinite;
}
@keyframes sf-glow{
  0%,100%{ box-shadow:0 8px 22px -8px rgba(232,180,203,.75), 0 0 0 0 rgba(212,175,55,0); }
  50%{ box-shadow:0 8px 26px -6px rgba(232,180,203,.9), 0 0 18px 2px rgba(212,175,55,.35); }
}

/* 16.3 图标场景：搜索按钮插画圆盘 + 发光 */
.nav-search-form .search-btn,
.search-wrap .search-btn{
  background:linear-gradient(135deg,var(--t-purple) 0%,var(--t-rose) 100%);
  border-radius:999px;
  box-shadow:0 6px 16px -6px rgba(232,180,203,.7);
  transition:box-shadow .3s ease;
}
.nav-search-form .search-btn:hover,
.search-wrap .search-btn:hover{
  box-shadow:0 0 18px 2px rgba(232,180,203,.8);
}

/* 16.4 背景场景：查看器主图区柔光（详情页大图是「舞台」，给它氛围） */
.part-scope .part-viewer{
  border-radius:20px;
  box-shadow:0 24px 60px -24px rgba(106,91,122,.5), 0 0 0 1px var(--t-gold-line);
}

/* 16.5 部件场景：缩略条圆角光晕 + Fancybox 梦幻深紫弹层 */
.part-scope .part-thumb{
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 12px -6px rgba(106,91,122,.4);
}
.part-scope .part-thumb:hover{
  box-shadow:0 0 0 2px var(--t-purple), 0 10px 22px -10px rgba(232,180,203,.8);
}
.fancybox-bg{ background:rgba(36,31,53,.92); }

/* 16.6 降级兜底：新增动效在 reduced-motion 下归位 */
@media (prefers-reduced-motion: reduce){
  .part-pill-tab:hover,
  .part-tool-chip:hover,
  .grids .grid:hover{ transform:none; }
  .btn:hover{ animation:none; }
}

/* ==========================================================================
   §17 概念图全面应用（2026-10-15 · 用户确认 5 层概念图「对味，应用到主题」）
   --------------------------------------------------------------------------
   把 5 张概念图的设计语言系统铺到主题各场景：
     17.1 背景场景 —— 流星动画（星空氛围，skin-f.js 注入 .sf-shooting-star）
     17.2 按钮场景 —— 按压反馈 + 下载/购买主按钮强化 + VIP 皇冠发光
     17.3 图标场景 —— 顶栏图标圆盘光晕 + 查看器翻页/计数插画化
     17.4 组件场景 —— 翻页胶囊光晕 + 面包屑星星分隔
     17.5 部件场景 —— 作者头像光晕环 + 查看器锁块梦幻渐变 + 评论抽屉胶囊
   只加不改部件文件，全在皮肤层覆盖。
   ========================================================================== */

/* 17.1 背景场景：流星动画（两枚轮滑，见 skin-f.js） */
.sf-shooting-star{
  position:absolute;
  top:0;
  left:0;
  width:200px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg, rgba(212,175,55,0) 0%, rgba(212,175,55,.9) 100%);
  opacity:0;
  -webkit-transform:rotate(-30deg);
  transform:rotate(-30deg);
  animation-name:sf-meteor;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}
.sf-shooting-star::after{
  content:"";
  position:absolute;
  right:-2px;
  top:-2px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 10px 2px rgba(212,175,55,.8);
}
@keyframes sf-meteor{
  0%{ opacity:0; transform:rotate(-30deg) translateX(0); }
  4%{ opacity:1; }
  18%{ opacity:0; transform:rotate(-30deg) translateX(-70vw); }
  100%{ opacity:0; transform:rotate(-30deg) translateX(-70vw); }
}
@media (prefers-reduced-motion: reduce){
  .sf-shooting-star{ animation:none; opacity:0; }
}

/* 17.2 按钮场景：按压反馈 + 下载/购买主按钮 + VIP 皇冠发光 */
.btn:active{
  animation:none;
  -webkit-transform:translateY(1px) scale(.98);
  transform:translateY(1px) scale(.98);
  box-shadow:0 4px 14px -8px rgba(232,180,203,.6);
}
.part-buybar__btn--main,
.part-buybar__btn--buy{
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 45%,var(--t-rose) 100%);
  color:var(--t-on-purple);
  box-shadow:0 8px 22px -8px rgba(232,180,203,.8), 0 0 0 1px var(--t-gold-line);
}
.part-buybar__btn--main:hover,
.part-buybar__btn--buy:hover{
  box-shadow:0 12px 30px -10px rgba(232,180,203,.95), 0 0 22px 2px rgba(212,175,55,.4);
}
.nav-vip .icon-crown-s{
  color:var(--t-gold);
  text-shadow:0 0 12px rgba(212,175,55,.8);
}

/* 17.3 图标场景：顶栏图标圆盘光晕 + 查看器翻页/计数插画化 */
.nav-right .nav-button,
.nav-right .nav-search,
.nav-right .nav-vip,
.nav-right .nav-notice,
.nav-right .nav-cart{
  transition:box-shadow .3s ease, -webkit-transform .3s ease, transform .3s ease;
}
.nav-right .nav-button:hover,
.nav-right .nav-search:hover,
.nav-right .nav-vip:hover,
.nav-right .nav-notice:hover,
.nav-right .nav-cart:hover{
  -webkit-transform:translateY(-2px);
  transform:translateY(-2px);
  box-shadow:0 8px 18px -8px rgba(232,180,203,.8), 0 0 0 1px var(--t-gold-line);
}
.part-viewer__nav--prev,
.part-viewer__nav--next{
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 100%);
  border-radius:999px;
  box-shadow:0 6px 16px -6px rgba(232,180,203,.7);
}
.part-viewer__counter{
  border-radius:999px;
  background:color-mix(in srgb,var(--t-pearl) 72%,transparent);
  border:1px solid var(--t-gold-line);
  box-shadow:0 6px 16px -8px rgba(106,91,122,.4);
}

/* 17.4 组件场景：翻页胶囊光晕 + 面包屑星星分隔 */
.pagination ul li a:hover,
.pagination ul li.active a{
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 100%);
  color:var(--t-on-purple);
  box-shadow:0 6px 16px -8px rgba(232,180,203,.7);
}
.breadcrumbs .current,
.crumbs .current{
  color:var(--t-gold-dp);
  text-shadow:0 0 8px rgba(212,175,55,.35);
}
.breadcrumbs .sep,
.crumbs .sep{ color:var(--t-gold); }

/* 17.5 部件场景：作者头像光晕环 + 查看器锁块 + 评论抽屉胶囊 */
.part-author__avatar img{
  box-shadow:0 0 0 3px var(--t-pearl), 0 0 0 5px var(--t-gold-line), 0 10px 22px -10px rgba(232,180,203,.7);
}
.part-viewer__gate{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--t-pearl) 90%,transparent) 0%,
    color-mix(in srgb,var(--t-pearl-2) 82%,transparent) 100%);
  border:1px solid var(--t-gold-line);
  border-radius:20px;
  box-shadow:0 12px 36px -18px rgba(106,91,122,.5);
}
.part-drawer__toggle{
  border-radius:999px;
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 100%);
  color:var(--t-on-purple);
  box-shadow:0 6px 16px -8px rgba(232,180,203,.7);
}

/* 17.6 降级兜底：本段动效在 reduced-motion 下归位 */
@media (prefers-reduced-motion: reduce){
  .nav-right .nav-button:hover,
  .nav-right .nav-search:hover,
  .nav-right .nav-vip:hover,
  .nav-right .nav-notice:hover,
  .nav-right .nav-cart:hover{ -webkit-transform:none; transform:none; }
}

/* ==========================================================================
   §18 原子级常态形态（2026-10-15 · 用户拍板：理念关键词 → 组件原子级优化）
   --------------------------------------------------------------------------
   设计理念 6 轴（见 .codebuddy/docs/二次元插画设计语言.md）：
     ROUND 圆润 · GLOW 光晕 · PASTEL 粉紫金 · COSMIC 星空 · ALIVE 动效 · ILLUSTRATED 插画
   本段 = 原子级「常态形态库」：**不依赖 hover，静态一眼可见**。
   本轮原子：输入框 / 资源卡 / 列表项（其余原子见设计语言文档状态表）。
   ========================================================================== */

/* 18.1 输入框原子（ROUND+GLOW+PASTEL）：圆润胶囊 + 粉金渐变描边 + 内部柔光；
   聚焦时外发光环（夜间令牌自动切换，不写死色） */
input[type=text],
input[type=search],
input[type=email],
input[type=password],
textarea,
.search-input{
  border-radius:999px;
  border:1px solid transparent;
  background:var(--t-pearl);
  background-image:linear-gradient(var(--t-pearl),var(--t-pearl)),linear-gradient(120deg,var(--t-gold-lt),var(--t-purple-lt) 50%,var(--t-gold-lt));
  background-origin:padding-box,border-box;
  background-clip:padding-box,border-box;
  box-shadow:inset 0 2px 8px rgba(106,91,122,.1), 0 4px 14px -8px rgba(106,91,122,.35);
}
input[type=text]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
.search-input:focus{
  outline:none;
  box-shadow:inset 0 2px 8px rgba(106,91,122,.1), 0 0 0 3px color-mix(in srgb,var(--t-purple) 32%,transparent);
}
textarea{ border-radius:16px; }

/* 18.2 资源卡原子（card.php / .grids .grid，ROUND+GLOW）：常态大圆角 + 柔和光晕 */
.grids .grid{
  border-radius:20px;
  overflow:hidden;
  border:1px solid var(--t-line);
  box-shadow:0 10px 28px -16px rgba(106,91,122,.35);
}

/* 18.3 列表项原子（.lists .list，ROUND+GLOW）：常态圆角 + 柔和光晕 */
.lists .list{
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--t-line);
  box-shadow:0 10px 28px -16px rgba(106,91,122,.35);
}

/* ==========================================================================
   §19 原子二期 · A组（2026-10-15 并行探索落地）
   --------------------------------------------------------------------------
   标签列表（.part-tag-list，顶层类）/ 更多作品（.part-more__a）/
   文章导航（.part-postnav__ph）—— 6 轴覆盖见设计语言文档。
   ========================================================================== */

/* 19.1 标签列表：纯文本+色点 → 胶囊 + 渐变描边 hover */
.part-tag-list{ gap:6px 8px; }
.part-tag{
  display:inline-flex;
  align-items:center;
  padding:3px 12px;
  border-radius:999px;
  background:var(--t-pearl-2);
  border:1px solid var(--t-line);
  box-shadow:0 2px 8px -4px rgba(106,91,122,.3);
}
a.part-tag:hover{
  background:var(--t-pearl);
  border-color:var(--t-gold-line);
  box-shadow:0 0 0 1px var(--t-gold-line), 0 4px 14px -6px rgba(212,175,55,.4);
  -webkit-transform:translateY(-1px);
  transform:translateY(-1px);
}
.part-tag::before{ box-shadow:0 0 6px currentColor; }
.part-tag-list .icon-tag{
  color:var(--t-gold-aa);
  font-size:14px;
  filter:drop-shadow(0 0 4px var(--t-gold-line));
}

/* 19.2 更多作品：小圆角裸图 → 大圆角渐变描边卡 + hover 光晕 */
.part-scope .part-more__a{
  border-radius:16px;
  border:1px solid transparent;
  background-image:
    linear-gradient(var(--t-pearl),var(--t-pearl)),
    linear-gradient(160deg,var(--t-gold-lt),var(--t-purple-lt),var(--t-blue-lt));
  background-origin:border-box;
  background-clip:padding-box,border-box;
  box-shadow:0 4px 16px -10px rgba(154,120,190,.4);
  transition:-webkit-transform .25s ease, transform .25s ease, box-shadow .25s ease;
}
.part-scope .part-more__a:hover{
  box-shadow:0 0 0 1px var(--t-gold-line), 0 8px 24px -12px rgba(212,175,55,.5);
  -webkit-transform:translateY(-2px);
  transform:translateY(-2px);
}
.part-scope .part-more__a img{ border-radius:12px; }
.part-scope .part-eyebrow{
  color:var(--t-gold-aa);
  letter-spacing:1.6px;
}

/* 19.3 文章导航：2:1 图盒 → 大圆角渐变描边 + hover 升光 */
.part-scope .part-postnav__ph{
  border-radius:14px;
  border:1px solid transparent;
  background-image:
    linear-gradient(var(--t-pearl-2),var(--t-pearl-2)),
    linear-gradient(120deg,var(--t-gold-lt),var(--t-rose-lt),var(--t-blue-lt));
  background-origin:border-box;
  background-clip:padding-box,border-box;
  box-shadow:0 4px 18px -10px rgba(150,110,190,.4);
}
.part-scope .part-postnav__ph img{ border-radius:12px; }
.part-scope .part-postnav__lb .icon{ color:var(--t-gold-aa); }
.part-scope .part-postnav__pair > a:hover .part-postnav__ph{
  box-shadow:0 0 0 1px var(--t-gold-line), 0 10px 26px -12px rgba(212,175,55,.5);
  -webkit-transform:translateY(-2px);
  transform:translateY(-2px);
}

/* ==========================================================================
   §20 原子二期 · B组（2026-10-15 并行探索落地）
   --------------------------------------------------------------------------
   侧栏块（.art-blk，需 ≥(0,3,0) 特异性）/ 分类下拉（.part-cat-drop__btn）/
   频道胶囊（.part-catbar__item）/ VIP 门（.only-erphpdown-vip .container）
   ========================================================================== */

/* 20.1 侧栏块：小圆角混底 → 22px 圆角 + 渐变描边 + 光晕 */
.part-artstation--single .art-single .art-blk{
  border-radius:22px;
  border:1px solid transparent;
  background:linear-gradient(var(--t-pearl),var(--t-pearl)) padding-box,
    linear-gradient(135deg,var(--t-purple-lt),var(--t-gold-lt)) border-box;
  box-shadow:0 14px 34px -18px rgba(106,91,122,.4);
}
.part-artstation--single .art-single .art-blk .part-eyebrow{ color:var(--t-purple-dp); }

/* 20.2 分类下拉按钮 + 菜单：真胶囊渐变描边 + 光晕 */
.mbt-h5-zone .part-cat-drop__btn{
  border-radius:999px;
  border:1px solid transparent;
  background:linear-gradient(var(--t-pearl),var(--t-pearl)) padding-box,
    linear-gradient(120deg,var(--t-purple-lt),var(--t-gold-lt)) border-box;
  box-shadow:0 6px 16px -8px rgba(157,78,221,.25);
  color:var(--t-purple-dp);
  transition:box-shadow .25s ease, -webkit-transform .2s ease, transform .2s ease;
}
.mbt-h5-zone .part-cat-drop__btn:hover{
  -webkit-transform:translateY(-1px);
  transform:translateY(-1px);
  box-shadow:0 10px 22px -10px rgba(212,175,55,.4);
}
.mbt-h5-zone .part-cat-drop__menu{
  border-radius:18px;
  box-shadow:0 20px 44px -18px rgba(106,91,122,.45);
}
.mbt-h5-zone .part-cat-drop__opt{ border-radius:12px; }
.mbt-h5-zone .part-cat-drop__opt:hover{ background:var(--t-pearl-3); }

/* 20.3 频道胶囊：小圆角 → 999px 发光胶囊（含选中光晕环） */
.part-scope .part-catbar__item{
  border-radius:999px;
  border:1px solid transparent;
  background:linear-gradient(var(--t-pearl),var(--t-pearl)) padding-box,
    linear-gradient(120deg,var(--t-purple-lt),var(--t-gold-lt)) border-box;
  box-shadow:0 6px 16px -10px rgba(157,78,221,.25);
  color:var(--t-purple-dp);
  transition:box-shadow .25s ease, -webkit-transform .2s ease, transform .2s ease;
}
.part-scope .part-catbar__item:hover{
  -webkit-transform:translateY(-2px);
  transform:translateY(-2px);
  box-shadow:0 12px 26px -10px rgba(232,180,203,.5);
}
.part-scope .part-catbar__item.is-active{
  box-shadow:0 0 0 3px var(--t-gold-hi);
}

/* 20.4 VIP 门：无形态 → 梦幻渐变卡 + 皇冠发光（保留跳转链接，只美不藏） */
.only-erphpdown-vip .container{
  max-width:520px;
  margin:0 auto;
  padding:48px 40px 40px;
  border-radius:28px;
  border:1px solid transparent;
  background:linear-gradient(var(--t-pearl),var(--t-pearl-2)) padding-box,
    linear-gradient(135deg,var(--t-purple-lt),var(--t-gold-lt)) border-box;
  box-shadow:0 24px 60px -24px rgba(106,91,122,.5);
  color:var(--t-ink);
}
.only-erphpdown-vip .icon{
  font-size:84px;
  color:var(--t-gold);
  filter:drop-shadow(0 10px 18px rgba(212,175,55,.4));
  display:inline-block;
  transition:-webkit-transform .3s ease, transform .3s ease;
}
.only-erphpdown-vip .container:hover .icon{
  -webkit-transform:translateY(-4px);
  transform:translateY(-4px);
}
.only-erphpdown-vip .container p{
  font-size:17px;
  font-weight:600;
  color:var(--t-purple-dp);
  margin-top:14px;
}

/* ==========================================================================
   §21 原子二期 · C组（2026-10-15 并行探索落地）
   --------------------------------------------------------------------------
   软件列表（.art-sw__it）/ 正文（.part-prose.article-content 双类）/
   评论区抽屉（.part-drawer__body 作用域）
   ========================================================================== */

/* 21.1 软件列表：小胶囊 → 真胶囊 + 图标徽章 + hover 光晕 */
.part-artstation--single .part-scope .art-sw__it{
  border-radius:999px;
  padding:4px 14px;
  gap:6px;
  background:color-mix(in srgb,var(--t-pearl-2) 70%,transparent);
  border:1px solid transparent;
  box-shadow:0 0 0 1px var(--t-line), 0 6px 14px -8px rgba(106,91,122,.35);
  transition:box-shadow .22s ease, -webkit-transform .22s ease, transform .22s ease;
}
.part-artstation--single .part-scope .art-sw__it:hover{
  -webkit-transform:translateY(-2px);
  transform:translateY(-2px);
  box-shadow:0 0 0 1px var(--t-gold-line), 0 8px 18px -8px rgba(212,175,55,.4);
}
.part-artstation--single .part-scope .art-sw__it .icon{
  border-radius:50%;
  background:linear-gradient(135deg,var(--t-purple-lt),var(--t-rose-lt));
  color:var(--t-purple-dp);
}

/* 21.2 正文：标题渐变胶囊光条 / 引用淡紫圆角卡 / 代码便签底 */
.part-prose.article-content h1,
.part-prose.article-content h2,
.part-prose.article-content h3,
.part-prose.article-content h4{
  border-left:none;
  padding:8px 14px;
  border-radius:12px;
  background:linear-gradient(90deg, color-mix(in srgb,var(--t-purple) 10%,transparent), transparent);
}
.part-prose.article-content blockquote{
  margin:20px 0;
  border-left:none;
  border-radius:14px;
  padding:16px 20px 12px;
  background:linear-gradient(90deg, color-mix(in srgb,var(--t-purple) 9%,var(--t-pearl)), var(--t-pearl));
  box-shadow:0 0 0 1px var(--t-line), 0 10px 24px -12px rgba(106,91,122,.4);
  color:var(--t-ink-mid);
}
.part-prose.article-content pre{
  border-radius:12px;
  padding:16px 20px;
  background:linear-gradient(160deg,var(--t-pearl-2),var(--t-pearl-3));
  color:var(--t-ink);
  border:1px solid var(--t-line);
  box-shadow:0 10px 24px -14px rgba(106,91,122,.4);
}
.part-prose.article-content code{
  background:color-mix(in srgb,var(--t-purple) 12%,transparent);
  border-radius:6px;
  color:var(--t-purple-dp);
  padding:1px 6px;
}

/* 21.3 评论区抽屉：预览行胶囊 hover + 输入框渐变描边 + 提交按钮胶囊 */
.part-artstation--single .part-drawer__row{
  border-radius:14px;
  padding:10px 12px;
  transition:background .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, transform .2s ease;
}
.part-artstation--single .part-drawer__row:hover{
  background:color-mix(in srgb,var(--t-purple) 7%,transparent);
  -webkit-transform:translateX(3px);
  transform:translateX(3px);
  box-shadow:0 8px 18px -12px rgba(232,180,203,.5);
}
.part-artstation--single .part-drawer__row img.avatar{
  box-shadow:0 0 0 2px var(--t-pearl), 0 0 0 4px var(--t-gold-line);
}
.part-artstation--single .part-drawer__body #respond .comt-area{
  border-radius:14px;
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  box-shadow:inset 0 2px 8px rgba(106,91,122,.08), 0 0 0 3px color-mix(in srgb,var(--t-purple) 8%,transparent);
}
.part-artstation--single .part-drawer__body #respond .comt-area:focus{
  outline:none;
  border-color:var(--t-purple);
  box-shadow:inset 0 2px 8px rgba(106,91,122,.08), 0 0 0 4px color-mix(in srgb,var(--t-purple) 16%,transparent);
}
.part-artstation--single .part-drawer__body #respond .comt-submit{
  border-radius:999px;
  background:linear-gradient(135deg,var(--t-purple-lt),var(--t-purple));
  box-shadow:0 8px 18px -8px rgba(232,180,203,.7);
  transition:box-shadow .18s ease, filter .18s ease, -webkit-transform .18s ease, transform .18s ease;
}
.part-artstation--single .part-drawer__body #respond .comt-submit:hover{
  -webkit-transform:translateY(-1px);
  transform:translateY(-1px);
  filter:brightness(1.06);
  box-shadow:0 10px 22px -8px rgba(232,180,203,.85);
}

/* 21.4 原子二期动效降级兜底 */
@media (prefers-reduced-motion: reduce){
  a.part-tag:hover,
  .part-scope .part-more__a:hover,
  .part-scope .part-postnav__pair > a:hover .part-postnav__ph,
  .mbt-h5-zone .part-cat-drop__btn:hover,
  .part-scope .part-catbar__item:hover,
  .only-erphpdown-vip .container:hover .icon,
  .part-artstation--single .part-scope .art-sw__it:hover,
  .part-artstation--single .part-drawer__row:hover,
  .part-artstation--single .part-drawer__body #respond .comt-submit:hover{
    -webkit-transform:none;
    transform:none;
  }
}

/* ==========================================================================
   §22 原子清尾（2026-10-15 · 原子清单全覆盖收尾）
   --------------------------------------------------------------------------
   查看器缩放按钮（.part-viewer__zoom）→ 渐变圆盘光晕（与翻页箭头同语言）；
   资源卡封面（.grids .grid .img）→ 底部柔粉渐变遮罩（插画卡层次感）。
   ========================================================================== */

/* 22.1 查看器缩放按钮：灰圆 → 渐变圆盘 + 光晕 */
.part-viewer__zoom{
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 100%);
  color:var(--t-on-purple);
  border-color:transparent;
  border-radius:50%;
  box-shadow:0 6px 16px -6px rgba(232,180,203,.7);
}
.part-viewer__zoom:hover{
  color:var(--t-on-purple);
  border-color:var(--t-gold-line);
  box-shadow:0 8px 20px -6px rgba(232,180,203,.85);
}

/* 22.2 资源卡封面：底部柔粉渐变遮罩（插画卡层次感，不遮 .con 文字） */
.grids .grid .img{ position:relative; }
.grids .grid .img::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:38%;
  background:linear-gradient(0deg,color-mix(in srgb,var(--t-pearl-3) 65%,transparent),transparent);
  pointer-events:none;
}

/* ==========================================================================
   §23 页面级适配 · 文章详情页（2026-10-15 · 路线图 P0 single.php）
   --------------------------------------------------------------------------
   正文卡面 / 标题与 meta / 上下篇 / 相关推荐 / erphpdown 付费盒 /
   官方评论区 / 正文图片与顶部轮播 —— 全部皮肤层覆盖，令牌驱动。
   ========================================================================== */

/* 23.1 正文卡面与标题区（2026-10-15 审查：去掉自加描边/投影，恢复官方「白底圆角」语义；
   用户反馈 VIP 页 .single-content 容器描边阴影多余） */
.single-content{
  background:var(--t-pearl);
  border-radius:22px;
}
.article-title{
  color:var(--t-ink);
  font-weight:600;
  line-height:1.35;
  text-shadow:0 0 26px rgba(212,175,55,.22);
}
.article-meta{ color:var(--t-ink-meta); }
.article-meta a{ color:var(--t-purple-dp); }
.article-header-box{
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  border-radius:22px;
  box-shadow:0 12px 36px -18px rgba(106,91,122,.45);
}

/* 23.2 上下篇导航 */
.article-nav{
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  border-radius:18px;
  padding:16px 20px;
  box-shadow:0 10px 30px -18px rgba(106,91,122,.45);
}
.article-nav a{ color:var(--t-ink); transition:color .3s ease, -webkit-transform .3s ease, transform .3s ease; }
.article-nav .article-nav-prev{ border-right:1px dashed var(--t-line); }
.article-nav .article-nav-prev a:hover{ color:var(--t-gold-dp); -webkit-transform:translateX(-3px); transform:translateX(-3px); }
.article-nav .article-nav-next a:hover{ color:var(--t-gold-dp); -webkit-transform:translateX(3px); transform:translateX(3px); }

/* 23.3 相关推荐 */
.single-related{
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  border-radius:22px;
  box-shadow:0 10px 34px -16px rgba(106,91,122,.42);
}
.single-related .related-title{ color:var(--t-ink); }
.single-related .related-title .icon{ color:var(--t-gold); }

/* 23.4 erphpdown 付费盒（含 box 顶/底条、付费提示胶囊、购买/下载/升级按钮） */
.erphpdown,
.erphpdown-box-default{
  background:color-mix(in srgb,var(--t-pearl) 94%,transparent);
  border:1px dashed var(--t-gold-line);
  border-radius:18px;
  box-shadow:0 12px 30px -18px rgba(212,175,55,.35);
}
.erphpdown .erphpdown-title,
.erphpdown-box .erphpdown-title{ color:var(--t-gold-dp); }
.erphpdown .erphpdown-price,
.erphpdown-box .erphpdown-price span{ color:var(--t-gold-dp); font-weight:700; }
.erphpdown-box-tips{ color:var(--t-ink-meta); }
.erphpdown .erphpdown-child{
  border:1px dashed var(--t-line);
  background:color-mix(in srgb,var(--t-pearl-2) 70%,transparent);
  border-radius:12px;
}
.erphpdown .erphpdown-buy,
.erphpdown-box .erphpdown-buy{
  background:linear-gradient(90deg,var(--t-purple-lt),var(--t-purple));
  color:var(--t-on-purple);
  border-radius:999px;
  box-shadow:0 6px 18px -8px rgba(232,180,203,.7);
}
.erphpdown .erphpdown-down,
.erphpdown-box .erphpdown-down{
  background:linear-gradient(90deg,var(--t-free),#9fd6b9);
  color:#fff;
  border-radius:999px;
}
.erphpdown .erphpdown-vip,
.erphpdown-box .erphpdown-vip{
  background:linear-gradient(90deg,var(--t-gold-lt),var(--t-gold));
  color:var(--t-on-gold);
  border-radius:999px;
}
.erphpdown .erphpdown-buy:hover,
.erphpdown .erphpdown-down:hover,
.erphpdown .erphpdown-vip:hover,
.erphpdown-box .erphpdown-buy:hover{
  -webkit-transform:translateY(-2px);
  transform:translateY(-2px);
  box-shadow:0 10px 26px -8px rgba(212,175,55,.55);
}

/* 23.5 官方评论区（文章页，非图集抽屉） */
.single-comment{
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  border-radius:22px;
  box-shadow:0 10px 34px -16px rgba(106,91,122,.42);
}
.comments-title{ color:var(--t-ink); }
.comments-title .icon{ color:var(--t-gold); }
.comments-title small{ color:var(--t-purple-dp); }
.comt-box{
  background:var(--t-page);
  border:1px solid var(--t-line);
  border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.comt-submit{
  background:linear-gradient(90deg,var(--t-purple-lt),var(--t-purple));
  color:var(--t-on-purple);
  border-radius:999px;
  box-shadow:0 6px 18px -8px rgba(232,180,203,.7);
}
.comt-submit:hover{ -webkit-transform:translateY(-2px); transform:translateY(-2px); filter:brightness(1.05); }
.comment .comt-avatar .avatar{ border:2px solid var(--t-gold-line); }
.comment .comt-main{ color:var(--t-ink); }
.comment .comt-meta,
.comment .comt-zan{ color:var(--t-ink-meta); }
.comments-pagination a{
  background:var(--t-pearl-2);
  color:var(--t-ink);
  border:1px solid var(--t-line);
  border-radius:999px;
}

/* 23.6 正文图片与顶部轮播 */
.single-images{ border-radius:22px 22px 0 0; overflow:hidden; }
.single-images .swiper-post-container img{ border-radius:22px 22px 0 0; }
.feature-image img{
  border-radius:16px;
  box-shadow:0 16px 44px -20px rgba(106,91,122,.5), 0 0 0 1px var(--t-gold-line);
}
.article-content .gallery-item img{
  border-radius:14px;
  box-shadow:0 10px 26px -14px rgba(106,91,122,.55);
  transition:box-shadow .35s ease, -webkit-transform .35s ease, transform .35s ease;
}
.article-content .gallery-item:hover img{
  -webkit-transform:translateY(-4px);
  transform:translateY(-4px);
  box-shadow:0 18px 40px -18px rgba(232,180,203,.7), 0 0 0 1px var(--t-gold-line);
}

/* ==========================================================================
   §24 页面级适配 · 归档家族（2026-10-15 · 路线图 P1 tag/search/archive/author/all）
   --------------------------------------------------------------------------
   .posts 容器无样式，卡片就是 .grids .grid/.lists .list（§3/§18 已覆盖）；
   硬缺口 = banner-archive 横幅头 + .filters 筛选条 + 卡面子元素（fee/badge）。
   ========================================================================== */

/* 24.1 横幅头：深灰 → 梦幻粉紫多层渐变 + 圆体微光标题 + 头像金环
   （有后台 banner 图时 inline background-image 优先级更高，自动让位） */
.banner-archive,
.banner-page{
  background-image:
    radial-gradient(90% 200% at 8% 0%, rgba(232,180,203,.38), transparent 58%),
    radial-gradient(75% 170% at 92% 12%, rgba(212,175,55,.26), transparent 55%),
    linear-gradient(135deg,var(--t-purple-dp) 0%,var(--t-purple) 52%,var(--t-purple-lt) 100%);
  box-shadow:inset 0 0 60px rgba(255,255,255,.06);
}
.banner-archive .archive-title,
.banner-page .archive-title{
  font-weight:600;
  text-shadow:0 2px 14px rgba(232,180,203,.55), 0 0 32px rgba(212,175,55,.28);
}
.banner-archive .archive-avatar .avatar{
  border:2px solid var(--t-gold-line);
  box-shadow:0 0 0 5px rgba(232,180,203,.28), 0 8px 22px -8px rgba(106,91,122,.55);
}
body.night .banner-archive,
body.night .banner-page{
  background-image:
    radial-gradient(90% 200% at 8% 0%, rgba(232,180,203,.14), transparent 60%),
    linear-gradient(135deg,#241c3d 0%,var(--t-page) 60%,var(--t-purple-dp) 100%);
}

/* 24.2 卡面子元素：封面顶圆角切齐 / 价格 chip 粉金胶囊 / 角标胶囊 / audio 变体 */
.grids .grid .img{ border-radius:16px 16px 0 0; }
.grids .grid .grid-meta .price .fee,
.lists .list .list-meta .price .fee{
  background:linear-gradient(135deg,var(--t-gold-lt),var(--t-rose-lt));
  color:var(--t-on-gold);
  border-radius:999px;
  padding:1px 7px;
}
.vip-tag,
.recommend-tag{
  border-radius:999px;
  padding:2px 10px;
  background:linear-gradient(135deg,var(--t-purple-lt),var(--t-purple));
  color:var(--t-on-purple);
  box-shadow:0 4px 12px -4px rgba(154,120,190,.6);
}
.recommend-tag{
  background:linear-gradient(135deg,var(--t-gold-lt),var(--t-rose-lt));
  color:var(--t-on-gold);
}
.grids .audio{
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  border-radius:16px;
  box-shadow:0 10px 28px -16px rgba(106,91,122,.4);
}
body.night .grids .audio{ background:var(--t-pearl-2); }

/* 24.3 筛选条：纯白面板 → 淡紫白圆角卡 + active 胶囊（含 gd-list 变体） */
.main .filters{
  background:var(--t-pearl-mid);
  border:1px solid var(--t-line);
  border-radius:18px;
  box-shadow:0 12px 30px -18px rgba(106,91,122,.4), inset 0 1px 0 rgba(255,255,255,.6);
}
body.gd-list .filters{ background:var(--t-pearl-mid); }
.filter-item>span{ color:var(--t-purple-dp); }
.filter a{
  color:var(--t-ink2);
  border-radius:999px;
  transition:all .2s ease;
}
.filter a.active{
  background:linear-gradient(135deg,var(--t-purple-lt),var(--t-purple));
  color:var(--t-on-purple) !important;
  box-shadow:0 4px 14px -6px rgba(154,120,190,.6);
}
body.night .filters{ background:var(--t-pearl-2); border-color:var(--t-line); }

/* 24.4 分页收口：胶囊已覆盖（§5），补 prev/next 浮动与当前页文字色 */
.main .pagination{ padding-top:8px; }
.pagination ul li.current span,
.pagination ul li > span.current{ color:var(--t-on-purple); }
.pagination ul li.prev-page a,
.pagination ul li.next-page a{ transition:-webkit-transform .25s ease, transform .25s ease; }
.pagination ul li.prev-page a:hover{ -webkit-transform:translateX(-2px); transform:translateX(-2px); }
.pagination ul li.next-page a:hover{ -webkit-transform:translateX(2px); transform:translateX(2px); }

/* ==========================================================================
   §25 页面级适配 · 功能页组（2026-10-15 · 路线图 P2 user/vip/login/404/tougao）
   --------------------------------------------------------------------------
   个人中心（container-user / 表格）/ VIP 权益卡 / 登录卡（经 skin-page 通道）/
   404 光晕 / 投稿表单 —— 全部皮肤层覆盖。
   ========================================================================== */

/* 25.1 个人中心：外壳卡 + 侧栏渐变 + 表格紫白斑马纹 + 表单胶囊 */
.container-user{
  background:color-mix(in srgb,var(--t-pearl) 92%,transparent);
  border:1px solid var(--t-line);
  border-radius:20px;
  box-shadow:0 12px 38px -18px rgba(106,91,122,.45);
}
.userside{
  background:linear-gradient(180deg,var(--t-pearl-2),color-mix(in srgb,var(--t-pearl-2) 70%,transparent));
  border-right:1px solid var(--t-line);
}
.usermenu li.active a{
  background:var(--t-pearl-3);
  color:var(--t-purple-dp);
  border-radius:10px;
}
.user-main .table thead th{ color:var(--t-ink2); border:0; font-weight:600; }
.user-main .table-striped tbody tr td{ background:var(--t-pearl-2); border:0; color:var(--t-ink-mid); }
.user-main .table-striped tbody tr:nth-child(odd) td{ background:var(--t-pearl-3); }
.user-meta label{ color:var(--t-gold-aa); font-weight:600; }
.user-meta .form-control{
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  border-radius:10px;
  color:var(--t-ink);
}
.user-force-bind{
  border:2px dashed var(--t-gold);
  background:color-mix(in srgb,var(--t-gold) 8%,transparent);
  border-radius:12px;
}

/* 25.2 VIP 页权益卡：梦幻渐变卡 + 标题渐变条 + 购买按钮胶囊 */
.vip-item{
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 14px 40px -20px rgba(106,91,122,.5), inset 0 1px 0 rgba(255,255,255,.8);
}
.vip-item h6{
  background:linear-gradient(90deg,var(--t-vip-1),var(--t-vip-2));
  color:var(--t-on-gold);
}
.vip-item.item-0 h6{
  background:linear-gradient(90deg,var(--t-purple-lt),var(--t-purple));
  color:var(--t-on-purple);
}
.vip-item .price{ color:var(--t-gold-aa); }
.vip-item p.border-decor span{
  background:var(--t-pearl-3);
  color:var(--t-ink);
  border:1px solid var(--t-line);
  border-radius:99px;
}
.vip-item .btn{
  background:linear-gradient(90deg,var(--t-purple),var(--t-purple-dp)) !important;
  border-radius:99px !important;
  border:1px solid var(--t-gold-line) !important;
  box-shadow:0 6px 16px -6px rgba(180,140,210,.6);
}
/* 官方 .vip-item.item-N .btn 各有 !important 纯色（天蓝/靛紫/黄），
   统一折成渐变紫，避免「胶囊一半粉一半纯色」的突兀感（审查修复 2026-10-15） */
.vip-item.item-1 .btn,
.vip-item.item-2 .btn,
.vip-item.item-3 .btn,
.vip-item.item-4 .btn,
.vip-item.item-5 .btn{
  background:linear-gradient(90deg,var(--t-purple),var(--t-purple-dp)) !important;
}
.vip-faqs{ background:color-mix(in srgb,var(--t-pearl) 80%,transparent); border-top:1px solid var(--t-line); }

/* 25.3 404：插画光晕底座 + 标题令牌化 */
.error40404 svg{ filter:drop-shadow(0 18px 40px rgba(106,91,122,.35)); }
.error40404 + h1{ color:var(--t-ink); }

/* 25.4 投稿表单：标签金、输入紫白胶囊、上传虚线金、按钮胶囊 */
.tougao-title .icon{ color:var(--t-gold); }
.tougao-item > label{ color:var(--t-gold-aa); }
.tougao-item .tougao-input{
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  border-radius:10px;
  color:var(--t-ink);
}
.tougao-item .tougao-input:focus{
  border-color:var(--t-purple);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--t-purple-lt) 40%,transparent);
  outline:0;
}
.tougao-item .tougao-select .postform{
  border:1px solid var(--t-line);
  border-radius:8px;
  color:var(--t-ink);
}
.tougao-item .tougao-image-box,
.tougao-item .tougao-file-box{
  border:2px dashed var(--t-gold-line);
  border-radius:14px;
  color:var(--t-ink3);
}
.tougao-item .tougao-btn{
  background:linear-gradient(90deg,var(--t-purple),var(--t-purple-dp));
  border-radius:99px;
  box-shadow:0 6px 16px -6px rgba(180,140,210,.6);
}
.tougao-item .tougao-btn2{
  background:linear-gradient(90deg,var(--t-pearl-3),var(--t-pearl-2));
  color:var(--t-ink);
  border-radius:99px;
  border:1px solid var(--t-line);
}
.wp-editor-container{ border:1px solid var(--t-line); border-radius:12px; overflow:hidden; }

/* 25.5 登录页（经 inc/skin-page.php 的 F 通道输出 skin-f.css）：梦幻渐变卡 + 输入胶囊 + 提交按钮渐变 */
.loginbox{
  background:linear-gradient(160deg,var(--t-pearl) 0%,var(--t-pearl-2) 60%,color-mix(in srgb,var(--t-purple-lt) 45%,transparent) 100%);
  border:1px solid var(--t-gold-line);
  border-radius:28px;
  box-shadow:0 24px 70px -28px rgba(106,91,122,.5), inset 0 1px 0 rgba(255,255,255,.75);
}
.loginbox .input-item .input-control{
  background:color-mix(in srgb,var(--t-pearl) 70%,#fff);
  border:1px solid var(--t-line);
  border-radius:12px;
  color:var(--t-ink);
}
.loginbox .input-item .icon{ color:var(--t-gold); }
.loginbox .form-slide-item{ background:var(--t-pearl-3); }
.loginbox .input-submit .submit{
  background:linear-gradient(90deg,var(--t-purple) 0%,var(--t-purple-dp) 55%,var(--t-gold) 130%);
  border-radius:99px;
  box-shadow:0 8px 20px -8px rgba(212,175,55,.55);
  letter-spacing:.12em;
}
.loginbox .input-submit .submit:hover{
  -webkit-transform:translateY(-2px);
  transform:translateY(-2px);
  box-shadow:0 12px 26px -10px rgba(232,180,203,.8);
}
.loginbox .safe a{ color:var(--t-ink2); }
.loginbox .safe a:hover{ color:var(--t-gold-aa); }
.loginbox .form-policy a{ color:var(--t-purple-dp); }
.return-home{
  background:var(--t-pearl);
  border:1px solid var(--t-gold-line);
  color:var(--t-ink2);
  border-radius:14px;
}
body.night .loginbox{ background:linear-gradient(160deg,var(--t-pearl) 0%,var(--t-pearl-2) 100%); }
body.night .loginbox .input-item .input-control{ border-color:var(--t-line); }

/* ==========================================================================
   §26 审查修复（2026-10-15 · 用户反馈「按钮胶囊有问题 / 内容区背景多余」）
   --------------------------------------------------------------------------
   审查结论：
     ① 登录/注册弹窗（sign）按钮被官方 `.sign .sign-submit .btn`(border-radius:7px,
        特异性 0,2,1) 压掉 §4 的胶囊 —— 全局按钮胶囊规则管不到它，提特异性补回；
     ② VIP 权益按钮被官方 `.vip-item.item-N .btn`(!important 纯色) 压掉渐变 —— 见 §25.2；
     ③ 首页区块渐变面 72%→38%（§14.1 原位减淡），避免「背景套背景」显得多余。
   ========================================================================== */

/* 26.1 sign 弹窗按钮：7px 圆角 → 胶囊渐变（与全站按钮同语言） */
.sign .sign-submit .btn{
  border-radius:999px;
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 100%);
  box-shadow:0 8px 22px -8px rgba(232,180,203,.75);
}

/* ==========================================================================
   §27 图标插画化 · 彩色重绘版（2026-10-15 v2）
   --------------------------------------------------------------------------
   用户指出 v1（细线条 mask）看不出插画差异 —— 本轮升级为**彩色卡通 SVG**：
   粉/紫/金填色 + 白色高光小点 + 圆润造型（真正的插画图标，非线条调优）。
   background-image 直接贴图，尺寸 1em 跟随字号；夜间整体柔和一档。
   覆盖：文章 meta（user/time/cat/eye/download）+ 顶栏（皇冠/购物车）+
   搜索/关闭/星星。
   ========================================================================== */

/* 27.1 通用基础：清字形、尺寸 1em */
.icon-user::before,
.icon-time::before,
.icon-cat::before,
.icon-eye::before,
.icon-download::before,
.icon-crown-s::before,
.icon-cart::before,
.icon-search::before,
.icon-close::before,
.icon-star::before{
  content:"";
  display:inline-block;
  width:1em;
  height:1em;
  vertical-align:-.18em;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
body.night .icon-user::before,
body.night .icon-time::before,
body.night .icon-cat::before,
body.night .icon-eye::before,
body.night .icon-download::before,
body.night .icon-crown-s::before,
body.night .icon-cart::before,
body.night .icon-search::before,
body.night .icon-close::before,
body.night .icon-star::before{
  filter:brightness(.9) saturate(.85);
}

/* 27.2 各图标彩色插画（data URI 卡通 SVG：粉 #e8b4cb / 金 #d4af37 / 深紫 #6b5b7a / 白高光） */
.icon-user::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4.6' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.5'/%3E%3Cpath d='M4.2 19.5c1.8-3.8 4.7-5.4 7.8-5.4s6 1.6 7.8 5.4' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='7.6' r='1.3' fill='%23fff'/%3E%3Ccircle cx='14' cy='7.6' r='1.3' fill='%23fff'/%3E%3Ccircle cx='10.3' cy='7.8' r='.55' fill='%236b5b7a'/%3E%3Ccircle cx='14.3' cy='7.8' r='.55' fill='%236b5b7a'/%3E%3Cellipse cx='8.5' cy='9.7' rx='1.1' ry='.7' fill='%23f7b6cc'/%3E%3Cellipse cx='15.5' cy='9.7' rx='1.1' ry='.7' fill='%23f7b6cc'/%3E%3Cpath d='M10.5 10.3c.9.5 2.1.5 3 0' stroke='%236b5b7a' stroke-width='1' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-time::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='%23e8b4cb'/%3E%3Ccircle cx='12' cy='3.8' r='1.7' fill='%23d4af37'/%3E%3Ccircle cx='12' cy='12' r='6.4' stroke='%23fff' stroke-width='.8' fill='none' opacity='.5'/%3E%3Cpath d='M12 7.6v5l3.2 1.9' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
}
.icon-cat::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7.2a2.2 2.2 0 0 1 2.2-2.2H9l2 2h7.8A2.2 2.2 0 0 1 21 9.2v8a2.2 2.2 0 0 1-2.2 2.2H5.2A2.2 2.2 0 0 1 3 17.2z' fill='%23e8b4cb' stroke='%23b8a9c9' stroke-width='.8'/%3E%3Cpath d='M3 9.2h18' stroke='%23fff' stroke-width='1.3' opacity='.6'/%3E%3C/svg%3E");
}
.icon-eye::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 12S6.2 6.5 12 6.5 21.5 12 21.5 12 17.8 17.5 12 17.5 2.5 12 2.5 12z' fill='%23fff' stroke='%236b5b7a' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cellipse cx='12' cy='12' rx='3.4' ry='3' fill='%23e8b4cb'/%3E%3Ccircle cx='12' cy='12' r='1.3' fill='%236b5b7a'/%3E%3Ccircle cx='11.2' cy='10.9' r='.9' fill='%23fff'/%3E%3C/svg%3E");
}
.icon-download::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='9' r='5.5' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.5'/%3E%3Cpath d='M12 6.5v5.3' stroke='%236b5b7a' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M9.5 9.5l2.5 2.5 2.5-2.5' stroke='%236b5b7a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 18.5h14' stroke='%23e8b4cb' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-crown-s::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 8.3l4.2 3.4 4.3-6.7 4.3 6.7 4.2-3.4-1.6 8.7H5.1z' fill='%23f2d38a' stroke='%23d4af37' stroke-width='.8' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='14.2' r='1.9' fill='%23e8b4cb'/%3E%3C/svg%3E");
}
.icon-cart::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 7.8h11l-.9 10.3a2 2 0 0 1-2 1.9H9.4a2 2 0 0 1-2-1.9z' fill='%23e8b4cb'/%3E%3Cpath d='M9 7.8V6.3a3 3 0 0 1 6 0v1.5' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
}
.icon-search::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.8' fill='%23fff' stroke='%23d4af37' stroke-width='2.2'/%3E%3Cpath d='M16.4 16.4 21 21' stroke='%23e8b4cb' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-close::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.2 7.2l9.6 9.6M16.8 7.2l-9.6 9.6' stroke='%23e8b4cb' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-star::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l2.6 5.3 5.9.85-4.3 4.15 1.03 5.9L12 16.2 6.77 19.2l1.03-5.9-4.3-4.15 5.9-.85z' fill='%23f2d38a' stroke='%23d4af37' stroke-width='.7' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='8.6' r='1' fill='%23fff' opacity='.75'/%3E%3C/svg%3E");
}

/* ==========================================================================
   §28 胶囊语言推广（2026-10-15 · 用户：胶囊推广到全局，信息行不胶囊）
   --------------------------------------------------------------------------
   胶囊只给「标签/分类」语义：正文文章标签、网格/列表卡内分类标签；
   信息展示类（meta 行、表格、普通文本链接）保持朴素 —— 不做胶囊。
   ========================================================================== */

/* 28.1 正文底部文章标签：灰角块 → 粉紫胶囊 */
.article-tags a{
  border-radius:999px;
  background:var(--t-pearl-2);
  border:1px solid var(--t-line);
  color:var(--t-ink2);
  padding:6px 14px;
  transition:border-color .2s ease, color .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, transform .2s ease;
}
.article-tags a:hover{
  border-color:var(--t-gold-line);
  color:var(--t-purple-dp);
  box-shadow:0 4px 12px -6px rgba(232,180,203,.7);
  -webkit-transform:translateY(-1px);
  transform:translateY(-1px);
}

/* 28.2 卡内分类标签：彩色点块 → 胶囊（保留官方彩色圆点在胶囊内） */
.grids .grid .tag,
.lists .list .tag,
.lists .grid .tag{
  height:auto;
  overflow:visible;
}
.grids .grid .tag a,
.lists .list .tag a,
.lists .grid .tag a{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:var(--t-pearl-2);
  border:1px solid var(--t-line);
  padding:2px 9px 2px 17px;
  margin-right:6px;
  margin-bottom:6px;
  color:var(--t-ink2);
  line-height:1;
}
.grids .grid .tag a:before,
.lists .list .tag a:before,
.lists .grid .tag a:before{
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
.grids .grid .tag a:hover,
.lists .list .tag a:hover,
.lists .grid .tag a:hover{
  border-color:var(--t-gold-line);
  color:var(--t-purple-dp);
}

/* ==========================================================================
   §29 数据看板 KPI 图标（2026-10-15 · 用户：7 个图标放大 2 倍+，对齐右侧两行文本）
   --------------------------------------------------------------------------
   结构：.mbt-h5-kpi（flex 居中）> i.icon(1em) + div > .num(≈27px) + .lb(≈11.5px)
   两行文本总高 ≈ 46px。图标放大到 46px（≥2 倍）并与右侧两行等高。
   补齐未插画化的 4 个 KPI 图标（file/source/source-vip/user-follow；
   eye/download/user 已在 §27 覆盖）。
   ========================================================================== */

/* 29.1 图标尺寸与居中（2026-10-15 审查修复 · 用户实测图标偏下）
   根因（源码审查）：官方 plan 是 `.mbt-h5-kpi .ic`（38×38 display:grid
   place-items:center 居中盒），但 homepage5.php 输出的是裸 `<i class="icon">`，
   没吃到 .ic 机制；裸行内 <i> 的 line-height 基线 + §27 ::before 的
   vertical-align:-.18em 会把图形往下推。
   修复：图标盒改 display:flex 网格居中 —— flex 子项内 vertical-align
   （基线偏移）不生效，::before 图形被 align-items/justify-content 精确居中。
   `flex:none` 固定尺寸不被挤压；容器 align-items:center 保证图标整体
   与右侧「数字+描述」两行文本垂直对齐。 */
.mbt-h5-kpi{
  align-items:center;
}
.mbt-h5-kpi .icon{
  font-size:45px;
  width:45px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}

/* 29.2 补全四个 KPI 图标彩色插画（§27 未覆盖类） */
.mbt-h5-kpi .icon-file::before,
.mbt-h5-kpi .icon-source::before,
.mbt-h5-kpi .icon-source-vip::before,
.mbt-h5-kpi .icon-user-follow::before{
  content:"";
  display:inline-block;
  width:1em;
  height:1em;
  vertical-align:-.18em;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.mbt-h5-kpi .icon-file::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 3.5h7L19 9v11a1 1 0 0 1-1 1H6.5a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1z' fill='%23fff' stroke='%236b5b7a' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M13.5 3.5v5H19' fill='none' stroke='%236b5b7a' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M9 13h6M9 16h4' stroke='%23e8b4cb' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
.mbt-h5-kpi .icon-source::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 7h15l-1.6 12H6.1z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M4.5 7L12 11.5 19.5 7' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M12 11.5v7.5' stroke='%236b5b7a' stroke-width='1.2'/%3E%3Ccircle cx='15.5' cy='15' r='1' fill='%23fff' opacity='.7'/%3E%3C/svg%3E");
}
.mbt-h5-kpi .icon-source-vip::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 8h15l-1.5 11H6z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M4.5 8L12 12.5 19.5 8' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M12 12.5V19' stroke='%236b5b7a' stroke-width='1.2'/%3E%3Cpath d='M9 6.2l1.4 1.1 1.6-2.3 1.6 2.3 1.4-1.1-.7 2.8H9.7z' fill='%23f2d38a' stroke='%23b88a2e' stroke-width='.9' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.mbt-h5-kpi .icon-user-follow::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='7.8' r='4.3' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.5'/%3E%3Cpath d='M2.5 19c1.6-3.4 4.1-4.8 6.8-4.8s5.2 1.4 6.8 4.8' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='18.5' cy='12' r='4.5' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.3'/%3E%3Cpath d='M18.5 10.5v3M17 12h3' stroke='%23fff' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.night .mbt-h5-kpi .icon-file::before,
body.night .mbt-h5-kpi .icon-source::before,
body.night .mbt-h5-kpi .icon-source-vip::before,
body.night .mbt-h5-kpi .icon-user-follow::before{
  filter:brightness(.9) saturate(.85);
}

/* ==========================================================================
   §30 窄屏数据看板紧凑化（2026-10-15 · 用户：窄屏响应式不够紧凑）
   --------------------------------------------------------------------------
   覆盖 parts-home.css 的窄屏 2 列（minmax(130px,1fr) 强制最小宽，窄屏偏挤）：
   · ≤767px：列宽改 minmax(0,1fr) 自适应 + 内边距/间距收紧，图标与字号降档；
   · ≤420px：进一步压缩（图标 34、数字 18、隐藏英文徽标）。
   皮肤层后加载，同优先级下稳定覆盖官方断点。
   ========================================================================== */
@media (max-width:767px){
  .mbt-h5-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 0;
    padding:12px 10px;
  }
  .mbt-h5-kpi{
    min-width:0;
    padding:8px 10px;
    gap:10px;
  }
  .mbt-h5-kpi:nth-child(2n+1){ border-left:0; }
  .mbt-h5-kpi .icon{ font-size:38px; width:38px; height:38px; }
  .mbt-h5-kpi .num{ font-size:20px; }
  .mbt-h5-kpi .lb{ font-size:10.5px; }
}
@media (max-width:420px){
  .mbt-h5-kpis{ gap:8px 0; padding:10px 8px; }
  .mbt-h5-kpi{ padding:6px 8px; gap:8px; }
  .mbt-h5-kpi .icon{ font-size:34px; width:34px; height:34px; }
  .mbt-h5-kpi .num{ font-size:18px; }
  .mbt-h5-kpi .lb b{ display:none; }
}

/* ==========================================================================
   §31 归档卡面子元素补齐（2026-10-15 · 成员组探索发现的硬缺口）
   --------------------------------------------------------------------------
   B组探索结论：归档家族（tag/search/archive/author/category）主体
   （banner/filters/空态/分页/卡面）已被 §24 覆盖，仅缺 4 类卡子元素：
   .excerpt（摘要）/ .grid-author（作者行）/ .img-cat（封面分类角标）/
   .post-sign（付费/vip内容标记）。皮肤层补齐，令牌驱动。
   ========================================================================== */

/* 31.1 摘要：官方默认 display:none，开启摘要时给灰字（不打乱布局） */
.grids .grid .excerpt{
  color:var(--t-ink2);
  opacity:.75;
}

/* 31.2 作者行：meta 灰 + 名字深墨 + 头像圆 */
.grids .grid .grid-author{ color:var(--t-ink-meta); }
.grids .grid .grid-author a{ color:var(--t-ink2); }
.grids .grid .grid-author .avatar{ border-radius:50%; }

/* 31.3 封面分类角标：黑底小方角 → 紫底胶囊（grid/list 均覆盖） */
.grids .grid .img .img-cat,
.lists .list .img .img-cat,
.grids .list .img .img-cat,
.lists .grid .img .img-cat{
  border-radius:999px;
  background:color-mix(in srgb,var(--t-purple-dp) 62%,transparent);
}

/* 31.4 内容标记（付费/VIP 角标）：模板内联颜色会压过皮肤，用 !important 兜底 */
.post-sign{
  border-radius:999px;
  padding:1px 6px;
  background:linear-gradient(135deg,var(--t-gold-lt),var(--t-rose-lt)) !important;
  color:var(--t-on-gold) !important;
}

/* ==========================================================================
   §32 文章页与付费/评论深挖补齐（2026-10-15 · A组探索漏点落地）
   --------------------------------------------------------------------------
   A组探索结论：single.php 的 meta 子项图标色、ACF 自定义字段（.article-custom
   -metas / .custom-metas）、erphpdown 正文锁细节（未登录链接/评论解锁/正文内嵌
   锁/fixed 底条/超级下载/子项导航）、官方评论区细节（回复态/输入框/分隔线/
   未登录提示区）——均为 §23 未覆盖类。皮肤层补齐，令牌驱动。
   ========================================================================== */

/* 32.1 meta 子项图标色 + ACF 自定义字段卡面 */
.article-meta .item{ color:var(--t-ink-meta); }
.article-custom-metas{
  background:var(--t-pearl-2);
  border:1px dashed var(--t-line);
  border-radius:14px;
  color:var(--t-ink-meta);
  padding:10px 14px;
}
.article-custom-metas .meta t{ color:var(--t-ink); }
.custom-metas{
  background:var(--t-pearl-2);
  border:1px dashed var(--t-line);
  border-radius:14px;
  color:var(--t-ink-meta);
}

/* 32.2 erphpdown 正文锁与下载条细节 */
.erphp-login-must{ color:var(--t-gold-dp); }
.modown-reply{
  background:var(--t-pearl);
  border:1px dashed var(--t-gold-line);
  border-radius:14px;
  color:var(--t-ink-mid);
}
.article-content .erphpdown-content-vip .erphpdown-buy,
.article-content .erphpdown-content-vip .erphpdown-down{
  border-radius:999px;
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 100%);
  color:var(--t-on-purple);
}
.article-content .erphpdown-content-vip .erphpdown-price{ color:var(--t-gold-dp); }
.erphpdown-box{
  background:var(--t-pearl);
  border-top:1px solid var(--t-line);
  box-shadow:0 -8px 30px -12px rgba(106,91,122,.35);
}
.erphpdown-box .erphpdown-title{
  border-radius:999px;
  background:var(--t-pearl-2);
  border:1px solid var(--t-gold-line);
  padding:2px 12px;
  color:var(--t-gold-dp);
  box-shadow:0 4px 10px -6px rgba(212,175,55,.4);
}
.erphpdown-box .erphpdown-btn-large,
.erphpdown .erphpdown-btn-large{
  border-radius:999px;
  padding:6px 18px;
}
.erphpdown-box .erphpdown-down-super,
.erphpdown .erphpdown-down-super{
  background:linear-gradient(135deg,var(--t-gold-lt),var(--t-gold));
  color:var(--t-on-gold);
  border-radius:999px;
}
.erphpdown-children-nav a{ border-radius:999px; }
.erphpdown-child-title{ color:var(--t-gold-dp); }

/* 32.3 官方评论区细节 */
.comments-respond{ margin-top:24px; }
.comt-title{ color:var(--t-ink-meta); }
.comt-comterinfo input{
  border:1px solid var(--t-line);
  background:var(--t-page);
  border-radius:12px;
  color:var(--t-ink);
}
.comt-area{ color:var(--t-ink); }
.comt-ctrl .comt-tips,
.comt-tip{ color:var(--t-ink3); }
.comment{ border-bottom:1px dashed var(--t-line); }
.comment-signarea{
  background:var(--t-pearl-2);
  border:1px dashed var(--t-line);
  border-radius:14px;
}

/* 32.4 正文图片通用圆角（兜底：无专门 class 的正文图） */
.article-content img{
  border-radius:14px;
  box-shadow:0 10px 26px -14px rgba(106,91,122,.5);
}

/* ==========================================================================
   §33 全局控件补齐（2026-10-15 · 成员扫描缺失 + 用户实测反馈）
   --------------------------------------------------------------------------
   ① §18.1 只覆盖 text/search/email/password/textarea —— number/tel 遗漏
      （number 含分页跳转 #jump_page 与购物车数量、tel 含手机号登录）；
   ② #jump_page 官方仅一行下边框，亮色下白底看不清 —— 改珍珠胶囊金描边；
   ③ select / checkbox / radio 与裸提交按钮（侧栏搜索、密码表单、banner）
      未皮肤化。
   ========================================================================== */

/* 33.1 遗漏输入类型并入输入原子 */
input[type=number],
input[type=tel]{
  border-radius:999px;
  border:1px solid var(--t-line);
  background:var(--t-pearl);
  color:var(--t-ink);
  padding:0 12px;
}
input[type=number]:focus,
input[type=tel]:focus{
  outline:none;
  border-color:var(--t-purple);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--t-purple) 20%,transparent);
}

/* 33.2 分页跳转框：官方仅下边框 → 珍珠胶囊金描边（含 hidden spin）
   官方 `.pagination ul li #jump_page`(0,2,1) 会压回透明底/下边框，故提特异性+!important */
.pagination ul li #jump_page,
.page-jump input[type=number]{
  width:46px;
  height:30px;
  text-align:center;
  border:1px solid var(--t-gold-line) !important;
  background:var(--t-pearl) !important;
  color:var(--t-ink);
  border-radius:999px;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }

/* 33.3 select 通用：珍珠底 + 聚焦紫边 */
select.postform,
select.ap-form-control,
.user-main select,
.tougao-item select{
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  border-radius:10px;
  color:var(--t-ink);
  padding:6px 10px;
}

/* 33.4 checkbox / radio 统一主题紫 */
input[type=checkbox]{ accent-color:var(--t-purple); }
input[type=radio]{ accent-color:var(--t-purple); }

/* 33.5 裸提交按钮：侧栏搜索 / 密码表单 / banner → 粉紫胶囊 */
.widget_search input[type=submit],
.post-password-form input[type=submit],
.banner-btn{
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 100%);
  color:var(--t-on-purple);
  border:none;
  border-radius:999px;
  padding:8px 22px;
  cursor:pointer;
}

/* ==========================================================================
   §34 搜索一体化与顶栏图标（用户实测：顶栏搜索图标偏小、搜索弹层应一体化）
   --------------------------------------------------------------------------
   ① 顶栏搜索图标 18 → 22px 深紫；
   ② 弹层 search-form：官方 input(左圆)+btn(右蓝方) 分离两半 → 整条渐变描边
      大胶囊一体化（输入融入、按钮融入右端），面板通透明亮；
   ③ 弹层分类下拉 search-cat/search-cats → 珍珠卡 + 金三角。
   ========================================================================== */

/* 34.1 顶栏搜索图标放大 + 深紫 */
.nav-left .nav-search .search-loader .icon,
.nav-right .nav-search .search-loader .icon{
  font-size:22px;
  color:var(--t-purple-dp);
}

/* 34.2 弹层一体化搜索条：整条大胶囊 + 渐变描边，输入与按钮融合 */
.search-wrap .search-form{
  display:flex;
  border-radius:999px;
  border:2px solid transparent;
  background:var(--t-pearl);
  background-image:linear-gradient(var(--t-pearl),var(--t-pearl)),linear-gradient(120deg,var(--t-gold-lt),var(--t-purple-lt) 50%,var(--t-gold-lt));
  background-origin:padding-box,border-box;
  background-clip:padding-box,border-box;
  box-shadow:0 18px 44px -18px rgba(106,91,122,.5);
  overflow:hidden;
}
.search-wrap .search-form .search-input{
  flex:1;
  width:auto;
  height:50px;
  border:none;
  background:transparent;
  border-radius:0;
  color:var(--t-ink);
}
.search-wrap .search-input:focus{ outline:none; box-shadow:none; }
.search-wrap .search-form .search-btn{
  flex:0 0 116px;
  width:116px;
  height:50px;
  border-radius:999px;
  border:none;
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 100%);
  color:var(--t-on-purple);
  box-shadow:none;
}
.search-wrap .search-form .search-btn:hover{ filter:brightness(1.06); }

/* 34.3 弹层分类下拉：珍珠圆角卡 + 金三角 + 紫 hover */
.search-wrap .search-form .search-cats{
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  border-radius:16px;
  box-shadow:0 16px 36px -18px rgba(106,91,122,.45);
}
.search-wrap .search-form .search-cats:before{ border-bottom-color:var(--t-pearl); }
.search-wrap .search-form .search-cats li{ color:var(--t-ink2); }
.search-wrap .search-form .search-cats li:hover{ color:var(--t-purple-dp); }
.search-wrap .search-form .search-cat{ color:var(--t-ink2); }
.search-wrap .search-form .search-cat:after{ border-top-color:var(--t-purple-dp); }

/* ==========================================================================
   §35 顶栏补漏（成员扫描：nav-login / nav-tougao / 导航色 / 顶栏夜间）
   ========================================================================== */

/* 35.1 登录/注册链接：注册按钮 → 粉紫胶囊 */
.nav-right .nav-login a{ color:var(--t-ink2); }
.nav-right .nav-login a.reg{
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 100%);
  color:var(--t-on-purple);
  border-radius:999px;
  padding:5px 16px;
}

/* 35.2 投稿按钮并入图标 hover 族 */
.nav-right .nav-tougao{
  transition:box-shadow .3s ease, -webkit-transform .3s ease, transform .3s ease;
}
.nav-right .nav-tougao:hover{
  -webkit-transform:translateY(-2px);
  transform:translateY(-2px);
  box-shadow:0 8px 18px -8px rgba(232,180,203,.8), 0 0 0 1px var(--t-gold-line);
}

/* 35.3 购物车徽标 + 主导航 current/hover 用皮肤紫 */
.nav-cart span{ color:var(--t-purple-dp); }
.nav-main > li > a:hover,
.nav-main > li.current-menu-item > a,
.nav-main > li.current_page_item > a,
.nav-main > li.current-menu-parent > a{
  color:var(--t-purple-dp);
}

/* 35.4 顶栏/页头夜间令牌化 */
body.night .topbar{
  background:color-mix(in srgb,var(--t-pearl-2) 70%,transparent);
  border-color:var(--t-line);
}

/* ==========================================================================
   §36 用户中心 / 下拉菜单 / 登录弹层 / 页脚（成员扫描 Top10 + 用户实测）
   --------------------------------------------------------------------------
   ① 用户下拉 ul.sub-menu → 珍珠毛玻璃卡 + 金细边 + 圆盘按钮 + 余额/VIP 面板；
   ② 用户中心 usermenu 常态/hover/active、菜单图标紫基色；
   ③ 用户菜单高频 6 图标补画插画（crown/money/order2/info/stars/signout）；
   ④ 登录弹层 sign-box + form-control/滑块/验证码钮；
   ⑤ 页脚深夜幽紫 + 友链金线 + 移动底栏玻璃紫。
   ========================================================================== */

/* 36.1 用户/导航下拉：珍珠毛玻璃 + 金细边 + 圆盘按钮 + 面板令牌化 */
.nav-right .sub-menu,
.nav-main .sub-menu{
  background:color-mix(in srgb,var(--t-pearl) 92%,transparent);
  border:1px solid var(--t-gold-line);
  border-radius:18px;
  box-shadow:0 22px 50px -20px rgba(106,91,122,.5);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.nav-right .sub-menu:before,
.nav-main > li > .sub-menu:before{ border-bottom-color:var(--t-pearl); }
.nav-right .sub-menu a{ color:var(--t-ink2); }
.nav-right .sub-menu li.item a{
  background:var(--t-pearl-3);
  border:1px solid var(--t-gold-line);
  box-shadow:0 4px 10px -6px rgba(232,180,203,.5);
  color:var(--t-purple-dp);
}
.nav-right .sub-menu .user-info .name .nickname{ color:var(--t-ink); }
.nav-right .sub-menu .user-info .name t{
  background:linear-gradient(135deg,var(--t-gold-lt),var(--t-gold));
  color:var(--t-on-gold);
}
.nav-right .sub-menu .user-info .name d{
  background:var(--t-pearl-3);
  color:var(--t-ink2);
}
.nav-right .sub-menu .user-money,
.nav-right .sub-menu .user-vip,
.nav-right .sub-menu .user-cart{ color:var(--t-ink2); }
.nav-right .sub-menu .money-left,
.nav-right .sub-menu .vip-left,
.nav-right .sub-menu .cart-left{
  background:var(--t-pearl-2);
  border:1px solid var(--t-line);
  color:var(--t-ink-mid);
}
.nav-right .sub-menu .money-left t,
.nav-right .sub-menu .vip-left t{ color:var(--t-ink-meta); }
.nav-right .sub-menu .vip-left v{
  background:linear-gradient(135deg,var(--t-gold-lt),var(--t-gold));
  color:var(--t-on-gold);
  border-radius:999px;
}
body.night .nav-right .sub-menu,
body.night .nav-main .sub-menu{
  background:color-mix(in srgb,var(--t-pearl-2) 90%,transparent);
  border-color:var(--t-gold-line);
}
body.night .nav-right .sub-menu:before{ border-bottom-color:var(--t-pearl-2); }

/* 36.2 用户中心侧栏：菜单常态/hover/active + 分组头 + 图标紫基色 */
.usermenu li a{ color:var(--t-ink-mid); }
.usermenu li a:hover{ color:var(--t-purple-dp); }
.usermenu li.active a{ color:var(--t-purple-dp); }
.usermenu li.active i{ color:var(--t-gold); }
.usermenu li .icon{ color:var(--t-purple-dp); }
.usermenu h4 a{
  background:var(--t-pearl-3);
  color:var(--t-ink2);
}
body.night .usermenu li a{ color:var(--t-ink-mid); }
body.night .usermenu li.active a{ background:var(--t-pearl-3); color:var(--t-ink); }

/* 36.3 高频用户图标补画插画（§27 之外；其余走上方紫基色） */
.icon-crown::before{
  content:"";display:inline-block;width:1em;height:1em;vertical-align:-.18em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7l4 4 5-7 5 7 4-4-2 11H5z' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.4' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='13.8' r='1.8' fill='%23e8b4cb'/%3E%3C/svg%3E") no-repeat center / contain;
}
.icon-money::before{
  content:"";display:inline-block;width:1em;height:1em;vertical-align:-.18em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='12' r='7.5' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Ccircle cx='9' cy='12' r='2.6' fill='%23e8b4cb'/%3E%3Ccircle cx='17' cy='15' r='5' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat center / contain;
}
.icon-order2::before{
  content:"";display:inline-block;width:1em;height:1em;vertical-align:-.18em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 8h11l-.9 10.3a2 2 0 0 1-2 1.9H9.4a2 2 0 0 1-2-1.9z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M9 8V6.3a3 3 0 0 1 6 0v1.7' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
.icon-info::before{
  content:"";display:inline-block;width:1em;height:1em;vertical-align:-.18em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4.2' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M4.5 19.5c1.7-3.7 4.5-5.3 7.5-5.3s5.8 1.6 7.5 5.3' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
.icon-stars::before{
  content:"";display:inline-block;width:1em;height:1em;vertical-align:-.18em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l2.6 5.3 5.9.85-4.3 4.15 1.03 5.9L12 16.2 6.77 19.2l1.03-5.9-4.3-4.15 5.9-.85z' fill='%23f2d38a' stroke='%23d4af37' stroke-width='.7' stroke-linejoin='round'/%3E%3Ccircle cx='9.8' cy='8.8' r='1' fill='%23fff' opacity='.75'/%3E%3C/svg%3E") no-repeat center / contain;
}
.icon-signout::before{
  content:"";display:inline-block;width:1em;height:1em;vertical-align:-.18em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='18' cy='12' r='6.5' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M4 12h12M12 8l4 4-4 4' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
body.night .icon-crown::before,
body.night .icon-money::before,
body.night .icon-order2::before,
body.night .icon-info::before,
body.night .icon-stars::before,
body.night .icon-signout::before{ filter:brightness(.9) saturate(.85); }

/* 36.4 登录/注册弹层 sign：外壳 + 输入/滑块/验证码钮令牌化
   （官方 .sign .form-control 特异性 0,2,0，同特异性后加载胜出） */
.sign .sign-box{
  background:linear-gradient(160deg,var(--t-pearl) 0%,var(--t-pearl-2) 100%);
  border:1px solid var(--t-gold-line);
  border-radius:28px;
  box-shadow:0 24px 70px -28px rgba(106,91,122,.5);
}
.sign .form-control{
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  border-radius:12px;
  color:var(--t-ink);
}
.sign .form-slide-item{
  background:var(--t-pearl-3);
  border:1px solid var(--t-line);
}
.sign .captcha-slide,
.sign .captcha-slide2{
  background:linear-gradient(135deg,var(--t-purple-lt),var(--t-purple));
  color:var(--t-on-purple);
  border-radius:8px;
}
.sign .sign-notice,
.sign .sign-trans,
.sign .sign-tips{ color:var(--t-ink-meta); }
.sign .captcha-clk,
.sign .captcha-clk2,
.sign .captcha-sms-clk{ color:var(--t-purple-dp); }
.sign-mask{ background:rgba(36,31,53,.5); }

/* 36.5 页脚：亮色淡紫白 / 夜间深紫夜幕 + 友链金线 + 移动底栏玻璃紫 */
.footer{
  background:linear-gradient(180deg,var(--t-pearl-2) 0%,var(--t-pearl-3) 160%);
  color:var(--t-ink-mid);
}
.footer a{ color:var(--t-ink2); }
.footer a:hover{ color:var(--t-gold-aa); }
.footer-widget h3{ color:var(--t-gold-aa); }
.footer-widget.widget-tags .items a{
  background:color-mix(in srgb,var(--t-pearl-3) 60%,transparent);
  color:var(--t-ink2);
  border-radius:999px;
}
.footer-links{ border-color:color-mix(in srgb,var(--t-gold-line) 45%,transparent); color:var(--t-ink-mid); }
.footer-fixed-nav{
  background:color-mix(in srgb,var(--t-pearl) 82%,transparent);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  border-top:1px solid var(--t-gold-line);
}
body.night .footer{
  background:linear-gradient(180deg,#241c3d 0%,var(--t-purple-dp) 160%);
  color:var(--t-pearl-2);
}
body.night .footer a{ color:var(--t-pearl); }
body.night .footer-links{ border-color:color-mix(in srgb,var(--t-gold-line) 35%,transparent); color:var(--t-pearl-2); }

/* ==========================================================================
   §37 全量图标插画补齐（2026-10-15 · 用户：全量补齐所有前台在用的图标插画）
   --------------------------------------------------------------------------
   补齐 §27/§29/§36.3 之外的全部前台图标类（46 个）：箭头族 / 导航控件 /
   用户中心菜单 / 内容与状态 / 软件工具 / VIP 顶栏 —— 统一漫画卡通画风
   （深紫描边 + 粉金填充 + 白高光）。horn=gonggao、vip=vip-s 共用形状。
   基础属性（37.1）与夜间柔化（37.3）联合声明一次。
   ========================================================================== */

/* 37.1 基础：清字形、1em、贴 SVG（与 §27.1 同构） */
/* arrow-left / arrow-right 不在此组：用户要求「回退到主题图标库图标」，
   若列进来会被 content:"" 清掉字形（见 §38 注释） */
.icon-arrow-up::before,
.icon-arrow-down::before,
.icon-arrow-down-o::before,
.icon-menu::before,
/* icon-fullscreen 不在此组：回退到主题图标库图标（见 §38 注释） */
.icon-filter::before,
.icon-link::before,
.icon-wallet::before,
.icon-gift::before,
.icon-order-menu::before,
.icon-tuan::before,
.icon-aff::before,
.icon-withdraws::before,
.icon-help::before,
.icon-comment::before,
.icon-comments::before,
.icon-posts::before,
.icon-temp-new::before,
.icon-temp::before,
.icon-data::before,
.icon-smile::before,
.icon-horn::before,
.icon-gonggao::before,
.icon-setting::before,
.icon-lock::before,
.icon-folder::before,
.icon-tag::before,
.icon-check::before,
.icon-tishi::before,
.icon-zan::before,
.icon-fenxiang::before,
.icon-image::before,
.icon-play::before,
.icon-bell::before,
.icon-clear::before,
.icon-vip::before,
.icon-vip2::before,
.icon-vip-s::before,
.icon-tougao::before,
.icon-adobe::before,
.icon-sketchup::before,
.icon-tool::before,
.icon-photo::before{
  content:"";
  display:inline-block;
  width:1em;
  height:1em;
  vertical-align:-.18em;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

/* 37.2 各类漫画插画 SVG（箭头族 + 导航 + 用户中心第一批） */
.icon-arrow-up::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 18V7M7.5 11.5L12 7l4.5 4.5' stroke='%236b5b7a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}
.icon-arrow-down::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v11M7.5 12.5L12 17l4.5-4.5' stroke='%236b5b7a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}
/* icon-arrow-left / icon-arrow-right 的插画已移除（2026-10-16 用户回退到主题
   图标库图标）—— 皮肤不再给这两个类任何 ::before 样式，主题 iconfont 原样 */
.icon-arrow-down-o::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M12 8.5v7M9 13l3 3 3-3' stroke='%236b5b7a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}
.icon-menu::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 6.5h15M4.5 12h15M4.5 17.5h15' stroke='%236b5b7a' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-filter::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16l-6 7v6l-4 2v-8z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* icon-fullscreen 的插画已移除（2026-10-16 用户回退到主题图标库图标） */
.icon-link::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 14.5l5-5M8 12.5l-2 2a3 3 0 0 0 4.2 4.2l2-2M16 11.5l2-2a3 3 0 0 0-4.2-4.2l-2 2' stroke='%236b5b7a' stroke-width='1.8' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
}
.icon-wallet::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2' fill='none' stroke='%23d4af37' stroke-width='1.4'/%3E%3Ccircle cx='16' cy='12.5' r='1.4' fill='%23f2d38a'/%3E%3C/svg%3E");
}
.icon-gift::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 9h15v9a1 1 0 0 1-1 1h-13a1 1 0 0 1-1-1z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Crect x='4.5' y='9' width='15' height='3' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1'/%3E%3Cpath d='M12 9v10' stroke='%236b5b7a' stroke-width='1.1'/%3E%3C/svg%3E");
}
.icon-order-menu::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h10l3 3v13H5z' fill='%23fff' stroke='%236b5b7a' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M15 4v3h3' fill='none' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M8 10h7M8 13h5' stroke='%23e8b4cb' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-tuan::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8.5' r='3.2' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.3'/%3E%3Cpath d='M3.5 18c1-2.5 3-3.5 5.5-3.5s4.5 1 5.5 3.5' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.3'/%3E%3Ccircle cx='17' cy='10' r='4' fill='none' stroke='%23d4af37' stroke-width='1.6'/%3E%3C/svg%3E");
}
.icon-aff::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 5H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-4' stroke='%236b5b7a' stroke-width='1.8' stroke-linecap='round' fill='none'/%3E%3Cpath d='M18 3l-6 6M14 3h5v5' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-withdraws::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 13h12v5H6z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M12 4.5v6M9 7.5l3-3 3 3' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-help::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.5'/%3E%3Cpath d='M9.5 9.5a2.5 2.5 0 1 1 3.7 2.2c-.9.5-1.2 1-1.2 2' stroke='%236b5b7a' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='16' r='1.1' fill='%236b5b7a'/%3E%3C/svg%3E");
}
.icon-comment::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v9a1 1 0 0 1-1 1H9l-4 4v-5H5a1 1 0 0 1-1-1z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-comments::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h14v8a1 1 0 0 1-1 1H9l-4 4z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M9.5 12h8a1.5 1.5 0 0 1 1.5 1.5V19l-3.5-3h-4z' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-posts::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4h8l3 3v9a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M16 4v3h3' fill='none' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M10 9h5M10 12h4' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-temp-new::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4h7l3 3v10a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M14 4v3h3' fill='none' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M17 15h4M19 13v4' stroke='%23d4af37' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-temp::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4h7l3 3v10a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M14 4v3h3' fill='none' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M10 10h4M10 13h4' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-data::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4.5' y='13' width='3.4' height='6' rx='1' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1'/%3E%3Crect x='10.3' y='8' width='3.4' height='11' rx='1' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1'/%3E%3Crect x='16.1' y='11' width='3.4' height='8' rx='1' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1'/%3E%3C/svg%3E");
}
.icon-smile::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.5'/%3E%3Cpath d='M8.5 10a1 1 0 0 1 2 0M13.5 10a1 1 0 0 1 2 0M8.5 14c1 1.4 2 2 3.5 2s2.5-.6 3.5-2' stroke='%236b5b7a' stroke-width='1.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
}
.icon-horn::before,
.icon-gonggao::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h3l5-4v14l-5-4H4z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M16 9.5a4 4 0 0 1 0 5' stroke='%23d4af37' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-setting::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3.4' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1' stroke='%236b5b7a' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-lock::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5.5' y='10' width='13' height='9' rx='3' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M8.5 10V8a3.5 3.5 0 0 1 7 0v2' fill='none' stroke='%23d4af37' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='14.5' r='1.5' fill='%23fff'/%3E%3C/svg%3E");
}
.icon-folder::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 7a1.5 1.5 0 0 1 1.5-1.5h4L11 7h7.5A1.5 1.5 0 0 1 20 8.5v9A1.5 1.5 0 0 1 18.5 19h-13A1.5 1.5 0 0 1 4 17.5z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-tag::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11.5L11.5 4H20v8.5L11.5 20z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4' stroke-linejoin='round'/%3E%3Ccircle cx='15' cy='9' r='1.4' fill='%23fff'/%3E%3C/svg%3E");
}
.icon-check::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.5'/%3E%3Cpath d='M7.5 12.5l3 3 6-6.5' stroke='%236b5b7a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}
.icon-tishi::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='8' r='1.2' fill='%236b5b7a'/%3E%3Cpath d='M12 11v5' stroke='%236b5b7a' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-zan::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7.5-4.5-7.5-10A4.2 4.2 0 0 1 12 6.8 4.2 4.2 0 0 1 19.5 10c0 5.5-7.5 10-7.5 10z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4' stroke-linejoin='round'/%3E%3Ccircle cx='9' cy='10.5' r='.8' fill='%23fff'/%3E%3C/svg%3E");
}
.icon-fenxiang::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='6' cy='12' r='3' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.3'/%3E%3Ccircle cx='18' cy='6.5' r='3' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.3'/%3E%3Ccircle cx='18' cy='17.5' r='3' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.3'/%3E%3Cpath d='M8.6 10.6l6.7-3M8.6 13.4l6.7 3' stroke='%236b5b7a' stroke-width='1.4'/%3E%3C/svg%3E");
}
.icon-image::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5.5' width='16' height='13' rx='2.5' fill='%23fff' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Ccircle cx='8.5' cy='10' r='1.6' fill='%23e8b4cb'/%3E%3Cpath d='M5 17l4.5-5 3 3 3-3.5L19 17' fill='none' stroke='%236b5b7a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-play::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.5'/%3E%3Cpath d='M10 8.5l5.5 3.5-5.5 3.5z' fill='%236b5b7a'/%3E%3C/svg%3E");
}
.icon-bell::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a5.5 5.5 0 0 1 5.5 5.5c0 4 2 5 2 5h-15s2-1 2-5A5.5 5.5 0 0 1 12 4z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M10 19a2.2 2.2 0 0 0 4 0' fill='none' stroke='%236b5b7a' stroke-width='1.6'/%3E%3C/svg%3E");
}
.icon-clear::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.5'/%3E%3Cpath d='M8.5 8.5l7 7M15.5 8.5l-7 7' stroke='%236b5b7a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-vip::before,
.icon-vip-s::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7l4 4 5-7 5 7 4-4-2 11H5z' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.4' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='13.8' r='1.8' fill='%23e8b4cb'/%3E%3C/svg%3E");
}
.icon-vip2::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l7 4-3 12H8L5 8z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Cpath d='M5 8l7 4 7-4M12 12v8' stroke='%23fff' stroke-width='1.3' fill='none'/%3E%3C/svg%3E");
}
.icon-tougao::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20l5-1 10-10-4-4L5 15z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M15 5l4 4' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-adobe::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20l.8-4L16 5a2 2 0 0 1 2.8 0l.2.2a2 2 0 0 1 0 2.8L7.8 19.2z' fill='%23e8b4cb' stroke='%236b5b7a' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M14 7l3 3' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E");
}
.icon-sketchup::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8l8-4 8 4v8l-8 4-8-4z' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M4 8l8 4 8-4M12 12v8' stroke='%23fff' stroke-width='1.3' fill='none'/%3E%3C/svg%3E");
}
.icon-tool::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 6.5a5 5 0 0 0-6.3 6.3L4 17l3 3 4.2-4.2a5 5 0 0 0 6.3-6.3l-2.6 2.6-2.9-.9-.9-2.9z' fill='%23f2d38a' stroke='%236b5b7a' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-photo::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 0 0-8 8 5.5 5.5 0 0 0 5.5 5.5h1.5a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 0 3 0A5.5 5.5 0 0 0 20 12a8 8 0 0 0-8-8z' fill='%23fff' stroke='%236b5b7a' stroke-width='1.4'/%3E%3Ccircle cx='7.5' cy='10' r='1' fill='%23e8b4cb'/%3E%3Ccircle cx='11' cy='7.5' r='1' fill='%23f2d38a'/%3E%3Ccircle cx='15' cy='9' r='1' fill='%23e8b4cb'/%3E%3C/svg%3E");
}

/* 37.3 夜间柔化（与 §27/§36.3 同） */
body.night .icon-arrow-up::before,
body.night .icon-arrow-down::before,
body.night .icon-arrow-down-o::before,
body.night .icon-menu::before,
body.night .icon-filter::before,
body.night .icon-link::before,
body.night .icon-wallet::before,
body.night .icon-gift::before,
body.night .icon-order-menu::before,
body.night .icon-tuan::before,
body.night .icon-aff::before,
body.night .icon-withdraws::before,
body.night .icon-help::before,
body.night .icon-comment::before,
body.night .icon-comments::before,
body.night .icon-posts::before,
body.night .icon-temp-new::before,
body.night .icon-temp::before,
body.night .icon-data::before,
body.night .icon-smile::before,
body.night .icon-horn::before,
body.night .icon-gonggao::before,
body.night .icon-setting::before,
body.night .icon-lock::before,
body.night .icon-folder::before,
body.night .icon-tag::before,
body.night .icon-check::before,
body.night .icon-tishi::before,
body.night .icon-zan::before,
body.night .icon-fenxiang::before,
body.night .icon-image::before,
body.night .icon-play::before,
body.night .icon-bell::before,
body.night .icon-clear::before,
body.night .icon-vip::before,
body.night .icon-vip2::before,
body.night .icon-vip-s::before,
body.night .icon-tougao::before,
body.night .icon-adobe::before,
body.night .icon-sketchup::before,
body.night .icon-tool::before,
body.night .icon-photo::before{
  filter:brightness(.9) saturate(.85);
}

/* ==========================================================================
   §38 查看器/全屏/评论抽屉审查修复（2026-10-15 · 用户实测反馈 + 成员扫描诊断）
   --------------------------------------------------------------------------
   ① 计数条异常：详情页 .part-viewer__bar 已是胶囊卡（parts-detail），skin 又给
      内层 counter 涂珍珠金胶囊 = 套中套 + b/sep/total 三色文字 + 无内边距 →
      去掉内层胶囊，统一深墨文字；
   ② 翻页/缩放钮：渐变钮残留官方 border/color；zoom 圆盘化破坏与计数胶囊
      的镜像对齐 → 补色补边、zoom 改回胶囊；钮内图标升级实心填充插画；
   ③ 评论头像黑方块：官方 `body.night .comt-avatar` 底 #232323 漏覆盖 →
      珍珠底占位；
   ④ 原生全屏：rollbar .fullscreen.active 卡死且蓝色（JS 补 fullscreenchange
      监听见 skin-f.js）→ active 金晕；
   ⑤ Fancybox：除背景外关闭/箭头/计数器全官方深灰 → 补粉紫胶囊。
   ========================================================================== */

/* 38.1 计数条：外层 bar 胶囊即载体，内层 counter 透明化 + 统一文字色 */
.part-viewer__counter{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0 4px;
  color:var(--t-ink);
}
.part-viewer__counter b,
.part-viewer__counter span[data-mb-total]{
  color:var(--t-ink);
}
.part-viewer__counter .part-viewer__sep{
  color:var(--t-ink-meta);
  margin:0 3px;
}

/* 38.2 查看器翻页/缩放钮（2026-10-16 用户回退：恢复官方图标 + 简单背景色，
   撤掉此前的渐变圆钮 / 满版插画 / flex 撑满——回到「常规圆钮 + 按钮底色」） */
.part-viewer__nav--prev,
.part-viewer__nav--next,
.part-viewer__zoom{
  background:rgba(255,255,255,.92);
  border:1px solid var(--t-line);
  color:var(--t-ink2);
  display:flex;
  align-items:center;
  justify-content:center;
}
.part-viewer__nav .icon,
.part-viewer__zoom .icon{
  font-size:22px;
  color:var(--t-ink2);
}

/* 38.3 查看器钮内图标：满版漫画插画（2026-10-16 用户：图标应和容器一样大 →
   图形撑满 viewBox（r=11.5/线到 21.5），视觉即按钮本体）；
   全屏图标全局换满版款（zoom 与 rollbar 都是深底场景） */
/* 38.3 皮肤层不再碰这三个图标 —— 2026-10-16 用户要求「回复主题图标库图标」：
   icon-arrow-left / icon-arrow-right / icon-fullscreen 已从 §37.1、§37.3 的
   插画联合组中移除，主题 iconfont（iconfont.css: \e622 / \e621 / \e679，
   全屏 active 态 \e678）原样渲染，皮肤只负责按钮底色（38.2）。 */

/* 38.4 评论头像黑方块（2026-10-16 复查：头像 img 懒加载未完成时透父底；
   夜间父底深紫 → 深色块。改为：宽选择器 .comt-avatar + img 自身也铺底，
   夜间用中紫灰 #5a4f73（明显非黑），未加载/破图阶段不再黑得刺眼） */
.comt-avatar{ background:var(--t-pearl); }
.comt-avatar .avatar,
.comt-avatar img{ background:var(--t-pearl); }
body.night .comment .comt-avatar{ background:#5a4f73; }
body.night .comment .comt-avatar .avatar,
body.night .comt-avatar img{ background:#5a4f73; }

/* 38.5 原生全屏：rollbar active 金晕（JS 同步见 skin-f.js），非蓝
   （2026-10-16 复查：官方 base.css:1997 `.rollbar a.fullscreen.active
    .icon-fullscreen:before{content:"\e678"}` 特异性 0,3,1 把字形写回 content，
    与皮肤插画 background 叠加成两个图标 → 同特异性后加载清空 content） */
.rollbar .fullscreen:hover{ color:var(--t-purple-dp); }
.rollbar .fullscreen.active{ color:var(--t-gold); }
.rollbar .fullscreen.active::before{
  filter:drop-shadow(0 0 6px var(--t-gold-line)) brightness(1.05);
}
/* 2026-10-16 用户回退：不再清 content、不再换收缩插画 —— 官方 base.css:1997
   的 active 字形切换（\e678 退出全屏）恢复生效 */
.rollbar a.fullscreen.active .icon-fullscreen:before{ background-image:none; }

/* 38.6 Fancybox：关闭/箭头/计数器 → 粉紫胶囊（背景已在 §16.5） */
.fancybox-toolbar .fancybox-button,
.fancybox-navigation .fancybox-button{
  background:linear-gradient(135deg,var(--t-purple-lt) 0%,var(--t-purple) 100%);
  color:var(--t-on-purple);
  border-radius:999px;
}
.fancybox-infobar{
  background:color-mix(in srgb,var(--t-pearl) 82%,transparent);
  color:var(--t-ink);
  border-radius:999px;
  padding:6px 14px;
  font-size:12px;
}

/* ==========================================================================
   R67 移动菜单抽屉高度修复（2026-10-15 · 首页窄屏专项 需求5）
   --------------------------------------------------------------------------
   【根因】本文件 §2 给 .header 加了 backdrop-filter:blur(14px)。按 CSS 规范，
   backdrop-filter 会让 .header 成为其 fixed 后代（base.css 的
   .nav-mobile-show .nav-main / .nav-mobile-show-mask）的包含块（containing
   block），取代视口。于是官方规则 top:90px + bottom:0 在「60px 高的 header」
   内算出 0px 高，border-box + padding-top:10px → 抽屉塌成一条 10px 白条，
   菜单项全 0 高、mask 也只盖 header，点击外部关不掉 —— 这是"汉堡抽屉显示
   异常"的根因。
   【修复】显式用视口单位补回高度：
     · nav-main 高 = 视口高 − 90px（top:90px 上方正好是 logo 区 90px 高），
       width/left 官方已定 300px / left:0，位置本就对，只差高度；
     · mask 用 top:0 + height:100vh 整屏遮罩，不再依赖 bottom:0 拉伸。
   【范围】断点 768px 与官方移动菜单规则所在 @media 同值，只影响手机抽屉。
   【注意】skin-d.css / skin-e.css 也有同样的 .header backdrop-filter 规则，
   未来启用这两个皮肤时需同步此修复（同一根因）。
   ========================================================================== */
@media (max-width:768px){
  .header.nav-mobile-show .nav-main{height:calc(100vh - 90px)}
  .header.nav-mobile-show .nav-mobile-show-mask{top:0;bottom:auto;height:100vh}
}

/* ==========================================================================
   §R68 页面模板适配（2026-10-15 · 全量模板覆盖审计收尾）
   --------------------------------------------------------------------------
   扫描 template/*.php 与 module/*.php 后，补齐官方页面模板里未被本层覆盖的
   组件（任务页 / 发卡查询 / 个人中心 / VIP / 登录 / 投稿 / 链接 / 作者 /
   阅读墙 / 标签 / 专题 / 分类图标 / 存档 / 内容页 / 空白页）。
   设计语言与全层一致：梦幻粉紫渐变 / 香槟金细边 / 圆角 16-18px / 胶囊。
   【纪律】只加视觉覆盖（背景/边框/圆角/文字色/阴影），不动布局尺寸。
   ========================================================================== */

/* ---------- A 任务页 template/task.php ---------- */
/* 筛选条：与 §24.3 归档筛选条同一套语言（淡紫白圆角卡 + active 渐变紫胶囊）。
   【为什么带 !important】官方 base.css 对 .filters-task / .tasks-nav /
   .erphp-task-new 全用了 !important（背景钉死白/灰），皮肤层同带 !important
   且 wp_head 9999 后加载，才能按特异性+顺序规则压过官方。 */
.filters-task{
  background:var(--t-pearl-mid) !important;
  border:1px solid var(--t-line) !important;
  border-radius:18px !important;
  padding:16px 18px;
  box-shadow:0 12px 30px -18px rgba(106,91,122,.4), inset 0 1px 0 rgba(255,255,255,.6) !important;
}
.filter-task-item>span{color:var(--t-purple-dp);font-weight:700}
.filter-task a{
  color:var(--t-ink2);
  border-radius:999px;
  transition:all .2s ease;
}
.filter-task a:hover{color:var(--t-purple-dp)}
.filter-task a.active{
  background:linear-gradient(135deg,var(--t-purple-lt),var(--t-purple)) !important;
  color:var(--t-on-purple) !important;
  border-radius:999px !important;
  box-shadow:0 4px 14px -6px rgba(154,120,190,.6) !important;
}
/* 标题行 + 发布按钮（官方选择器为 .tasks-title .erphp-task-new，
   须用同特异性 + !important 才能赢） */
.tasks-title h2{
  background:linear-gradient(120deg,var(--t-purple-dp) 0%,var(--t-purple) 42%,var(--t-gold-dp) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.tasks-title .erphp-task-new{
  display:inline-flex;align-items:center;gap:4px;
  padding:6px 16px;border-radius:999px !important;
  background:linear-gradient(135deg,var(--t-purple-lt),var(--t-purple)) !important;
  color:var(--t-on-purple) !important;
  font-size:13px;font-weight:700;
  box-shadow:0 4px 14px -6px rgba(154,120,190,.6);
  transition:transform .2s,box-shadow .2s;
}
.tasks-title .erphp-task-new:hover{transform:translateY(-2px);box-shadow:0 6px 18px -6px rgba(154,120,190,.75)}
/* 表格表头 + 任务行容器 */
.tasks-nav{
  background:linear-gradient(135deg,var(--t-purple-lt),var(--t-purple)) !important;
  border-radius:18px 18px 0 0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
.tasks-nav .task-part{color:var(--t-on-purple) !important;font-weight:700}
#posts.tasks{
  background:var(--t-pearl) !important;
  border:1px solid var(--t-line) !important;
  border-top:0 !important;
  border-radius:0 0 18px 18px !important;
  box-shadow:0 10px 28px -16px rgba(106,91,122,.4);
}
body.night .filters-task,
body.night #posts.tasks{background:var(--t-pearl-2) !important;border-color:var(--t-line) !important}
body.night .tasks-nav{background:linear-gradient(135deg,var(--t-purple) 0%,var(--t-purple-dp) 100%) !important}
/* R68 复审补：官方 body.night 对 active 胶囊/发布按钮钉 color:#fff !important (0,3,1)，
   夜间渐变紫背景上用深紫字（--t-on-purple）保证对比，须同带 !important 回击 */
body.night .filter-task a.active,
body.night .tasks-title .erphp-task-new{color:var(--t-on-purple) !important}

/* ---------- B 发卡订单查询页 template/page-faka.php ---------- */
/* margin-top:16px：让查询块与上方内容视觉分离（R68 设计取舍，已注明） */
.erphp-faka-query-wrap{
  margin-top:16px;
  background:var(--t-pearl-mid) !important;
  border:1px solid var(--t-line) !important;
  border-radius:16px !important;
  padding:16px;
  box-shadow:0 10px 28px -16px rgba(106,91,122,.4);
}
#erphp_faka_order{
  background:var(--t-pearl) !important;
  border:1px solid var(--t-line2) !important;
  border-radius:12px !important;
  color:var(--t-ink) !important;
  padding:10px 14px;
  font-size:15px;
}
#erphp_faka_order::placeholder{color:var(--t-ink3)}
#erphp_faka_order:focus{border-color:var(--t-gold-dp) !important;box-shadow:0 0 0 3px rgba(212,175,55,.25) !important;outline:0}
/* 查询按钮：官方绿 → 渐变紫胶囊（与登录提交钮同语言）。
   官方 base.css 用 .erphp-faka-query-wrap .erphp-faka-query (0,2,0) 钉了
   width:80px / line-height:43px / display:inline-block —— 皮肤层用同特异性
   后加载覆盖；width 改 auto 让胶囊按文字自适应（保留官方 float/margin 布局）。 */
.erphp-faka-query-wrap .erphp-faka-query{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;max-width:100%;line-height:1;
  height:43px;padding:0 22px;border-radius:999px !important;
  background:linear-gradient(135deg,var(--t-purple-lt),var(--t-purple)) !important;
  color:var(--t-on-purple) !important;
  font-weight:700;font-size:15px;
  box-shadow:0 4px 14px -6px rgba(154,120,190,.6);
  transition:transform .2s,box-shadow .2s;
}
.erphp-faka-query-wrap .erphp-faka-query:hover{transform:translateY(-2px);box-shadow:0 6px 18px -6px rgba(154,120,190,.75)}
.erphp-faka-query-wrap .results{margin-top:12px;color:var(--t-ink2);font-size:14px}
body.night .erphp-faka-query-wrap{background:var(--t-pearl-2) !important;border-color:var(--t-line) !important}
body.night #erphp_faka_order{background:var(--t-pearl-2) !important;border-color:var(--t-line2) !important;color:var(--t-ink) !important}

/* ---------- C 个人中心 template/user.php 补缺 ---------- */
/* 强制绑定警示条（官方 alert-warning；user.php:18 带 inline style 钉了
   白底/橙边 —— 皮肤层须 !important 才能压 inline，R68 复审补） */
.user-main .alert-warning{
  background:var(--t-warn-bg) !important;
  border:1px solid var(--t-gold-line) !important;
  border-radius:12px !important;
  color:var(--t-warn) !important;
  padding:10px 14px;
}
/* 侧栏标题区 / 签到块 */
.usertitle{color:var(--t-purple-dp);font-weight:700}
.usercheck,
.mobantu-check{background:var(--t-pearl-mid);border:1px solid var(--t-line);border-radius:16px}
/* R68 复审补：官方 user.css 给 .usercheck 钉 color:#fff !important、
   .active 钉 background:#aaa !important —— 皮肤层必须同带 !important
   回击，否则珍珠浅底 + 官方白字不可读、active 渐变紫被 #aaa 压死 */
.usercheck{color:var(--t-on-purple) !important}
.usercheck.active{
  background:linear-gradient(135deg,var(--t-purple-lt),var(--t-purple)) !important;
  color:var(--t-on-purple) !important;
  border-color:transparent !important;
}
body.night .usercheck{color:var(--t-on-purple) !important}
body.night .usercheck.active{
  background:linear-gradient(135deg,var(--t-purple) 0%,var(--t-purple-dp) 100%) !important;
  color:var(--t-on-purple) !important;
}
/* 空态（暂无记录） */
.user-ordernone{
  background:var(--t-pearl-2);
  border:1px dashed var(--t-line2);
  border-radius:16px;
  color:var(--t-ink2);
  padding:24px 16px;text-align:center;
}
/* 消息 / 评论 / 作品列表卡面 */
.user-alerts{background:var(--t-pearl-mid);border:1px solid var(--t-line);border-radius:16px;padding:12px 16px}
.user-commentlist .post,
.user-postlist .post,
.user-gridlist .grid{
  background:var(--t-pearl);
  border:1px solid var(--t-line);
  border-radius:16px;
  box-shadow:0 8px 22px -14px rgba(106,91,122,.35);
}
.user-postnav{color:var(--t-ink2)}
/* 移动端盒子 */
.user-wap-wrap,
.user-wap-box1,.user-wap-box2,.user-wap-box22,.user-wap-box4{
  background:var(--t-pearl-mid);
  border:1px solid var(--t-line);
  border-radius:16px;
}
.user-wap-logout{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 18px;border-radius:999px;
  background:linear-gradient(135deg,var(--t-purple-lt),var(--t-purple));
  color:var(--t-on-purple) !important;
  font-weight:700;
}
/* 推广卡（R68 复审：官方 .user-tips 是 fixed 红色顶部操作提示条，
   语义为警示反馈，不覆盖其卡面，保持官方醒目配色） */
.article-aff,.user-aff-card{
  background:var(--t-pearl-mid);
  border:1px solid var(--t-line);
  border-radius:16px;
  padding:12px 16px;
}
body.night .user-ordernone,
body.night .user-alerts,
body.night .user-commentlist .post,
body.night .user-postlist .post,
body.night .user-gridlist .grid,
body.night .user-wap-wrap,
body.night .user-wap-box1,body.night .user-wap-box2,body.night .user-wap-box22,body.night .user-wap-box4,
body.night .article-aff,body.night .user-aff-card{background:var(--t-pearl-2);border-color:var(--t-line)}

/* ---------- D VIP 页 template/vip.php 补缺 ---------- */
.vip-desc{color:var(--t-ink2);font-size:14px}
/* 官方 base.css 用 .vip-item .vip-tips-box 定义 290×90 气泡（(0,2,0)），
   皮肤层须同特异性后加载覆盖；width/height 改 auto 为自适应小胶囊，
   不碰官方 position/left/bottom/z-index（布局交官方）。 */
.vip-item .vip-tips-box{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;height:auto;padding:3px 12px;border-radius:999px;
  background:linear-gradient(135deg,var(--t-gold-lt),var(--t-rose-lt));
  color:var(--t-on-gold);font-size:12px;font-weight:700;line-height:1.6;
}
/* 补差价角标：官方 base.css .vip-item .buca (0,2,0) 与 user.css
   .vip-items .item .buca (0,3,0) 都定义过，取最高特异性覆盖为渐变紫胶囊 */
.vip-items .item .buca,.vip-item .buca{
  display:inline-flex;align-items:center;justify-content:center;
  padding:2px 10px;border-radius:999px;
  background:linear-gradient(135deg,var(--t-purple-lt),var(--t-purple));
  color:var(--t-on-purple);font-size:12px;font-weight:700;line-height:1.6;
}
.vip-logs{background:transparent;color:var(--t-ink2)}
.vip-logs b,.vip-logs span{color:var(--t-ink2)}
/* 官方选择器为 .vip-item p.vip-cat-desc（(0,2,1)），须同特异覆盖 */
.vip-item p.vip-cat-desc{color:var(--t-ink2);font-size:14px}

/* ---------- E 登录页 template/login.php 补缺 ---------- */
/* 官方提示行容器是 .sign（base.css / login.css 均为 .sign .sign-notice），
   选择器须与官方对齐，.sign-wrap 在本模板中不存在 */
.sign .sign-notice{color:var(--t-ink2);font-size:13px}
.loginimage{background:var(--t-pearl-mid)}
/* 支付方式圆钮：官方 .payment-radios label 是 44×44 圆形图标（居中横排），
   保持官方布局与圆形观感 —— 不做胶囊化、不改 display（皮肤纪律：不动布局） */
.expend-container{color:var(--t-ink2)}

/* ---------- F 投稿 / 问答页补缺 ---------- */
.tougao-content{
  background:var(--t-pearl-mid);
  border:1px solid var(--t-line);
  border-radius:18px;
  padding:20px;
}
body.night .tougao-content{background:var(--t-pearl-2);border-color:var(--t-line)}

/* ---------- G 其它页面模板：条目卡面统一 ---------- */
.pageside,.pagemenu{
  background:var(--t-pearl-mid);border:1px solid var(--t-line);border-radius:16px;padding:14px;
}
.pagemenu-tit{color:var(--t-purple-dp);font-weight:700}
.pagemenu a,.pagemenu-trigger{color:var(--t-ink2)}
.pagemenu a:hover{color:var(--t-purple-dp)}
/* 友链页：只给容器卡面；每条 link-item 保持官方横排条目，不逐条加框
   （避免视觉密度骤变，与官方 design 对齐） */
.link-box{
  background:var(--t-pearl-mid);border:1px solid var(--t-line);border-radius:16px;
  box-shadow:0 8px 22px -14px rgba(106,91,122,.3);
}
.link-box .link-title,.link-item .link-title{color:var(--t-ink)}
.link-box .link-desc,.link-item .link-desc{color:var(--t-ink2)}
/* 作者页：与官方 base.css 作用域 .authors 对齐，裸选改 .authors .author-item */
.authors .author-item{
  background:var(--t-pearl-mid);border:1px solid var(--t-line);border-radius:18px;
  box-shadow:0 8px 22px -14px rgba(106,91,122,.35);
}
.authors .author-item .name{color:var(--t-ink)}
.readers{background:var(--t-pearl-mid);border:1px solid var(--t-line);border-radius:16px}
/* 标签页：只给"标签名"链接（li .name）做胶囊；文章标题链接 .tit 保持官方行内灰字 */
.tagslist li .name{
  background:var(--t-pearl-2);border:1px solid var(--t-line);border-radius:999px;
  color:var(--t-ink2);padding:4px 14px;
}
.tagslist li .name:hover{color:var(--t-purple-dp);border-color:var(--t-gold-dp)}
/* 专题：固定 16px 半径跟随 F 皮肤语言（官方 var(--theme-radius) 本皮肤下同值）。
   R68 复审补：官方 .topic-list .topic-item (0,2,0) 带背景，条目须同特异后加载覆盖 */
.topic-list{background:var(--t-pearl-mid);border:1px solid var(--t-line);border-radius:16px}
.topic-list .topic-item{background:var(--t-pearl);border:1px solid var(--t-line);border-radius:16px}
.topic-item .info{color:var(--t-ink2)}
/* 分类图标：只给容器卡面；图标矩阵保持官方透明底（每格不加框不改观感） */
.home-caticons{background:var(--t-pearl-mid);border:1px solid var(--t-line);border-radius:16px}
.archives h3{color:var(--t-purple-dp)}
.archives-list a{color:var(--t-ink2)}
.archives-list a:hover{color:var(--t-purple-dp)}
/* 内容页：限定 cms 模板作用域（body.page-template-cms），防误伤
   index.php 等其它 .contents 容器 */
.page-template-cms .contents{
  background:var(--t-pearl-mid);border:1px solid var(--t-line);border-radius:18px;padding:16px;
}
/* 空白页：官方内联 body{background:#fff} 在 wp_head 之后特指性最高，须 !important 覆盖 */
body.page-template-page-blank{
  background-color:var(--t-page) !important;
  background-image:none;
}
body.night .pageside,body.night .pagemenu,
body.night .link-box,
body.night .authors .author-item,body.night .readers,
body.night .tagslist li .name,
body.night .topic-list,body.night .topic-list .topic-item,
body.night .home-caticons,
body.night .page-template-cms .contents{background:var(--t-pearl-2);border-color:var(--t-line)}