/* ==========================================================================
WipeSeek 前端皮肤（skins.css）

由后台「系统配置 → 背景主题」切换：前台读取 bg.skin，写入
<html data-skin="xxx">，本文件按该属性生效。

★ 设计约定（保证「只换皮、不动功能」）
1. 皮肤只覆盖 CSS 变量与组件样式，不触碰布局骨架
（.stage / .hero / .stagebox 的网格与尺寸一律不动）；
因此切换皮肤不会影响页面结构、交互逻辑与任何功能。
2. 所有选择器都带 html[data-skin="xx"] 前缀，优先级高于基础样式；
「默认皮肤」在本文件中刻意不写任何规则 —— 未匹配时自动回落到
style.css 的原样（星链雾蓝），所以默认状态与历史版本完全一致，
也天然兼容「后台从未选过皮肤」的旧数据。
3. 星链背景（#cv-bg）的调性由各皮肤用 opacity / filter 覆盖。

可选皮肤：default（默认 · 星链雾蓝，不在此文件）
paper（极简白） / neon（暗夜霓虹） / ink（墨韵东方） / peach（蜜桃奶油） / terminal（极客终端） / corporate（商务蓝调） / zen（日系清新） / prism（玻璃棱镜） / editorial（杂志排版） / luxe（暗金奢华）
             glitch（赛博故障） / chrome（液态铬） / vapor（蒸汽波） / holo（全息虹彩） / aurora（极光） / magma（熔岩） / abyss（深海荧光） / brutal（新粗野） / comic（漫画半调） / arcade（像素街机）
========================================================================== */
/* ============ 极简白（data-skin="paper"）· 无印良品式极简：近乎无色，靠留白与字重建立层级 ============ */
html[data-skin="paper"]
{
  --bg-1:#FFFFFF;
  --bg-2:#FAFAFA;
  --bg-3:#F4F4F4;

  --brand:#111111;
  --brand-d:#000000;
  --brand-l:#666666;
  --brand-w:#EDEDED;

  --text:#111111;
  --text-2:#3A3A3A;
  --text-3:#6E6E6E;
  --text-4:#A6A6A6;

  --card:rgba(255,255,255,.96);
  --card-2:rgba(250,250,250,.9);
  --line:rgba(17,17,17,.13);
  --line-2:rgba(17,17,17,.07);

  --ok:#2E7D32;
  --warn:#B26A00;
  --err:#C62828;

  --r-btn:4px;
  --r-card:4px;
  --r-pill:4px;

  --shadow-card:none;
  --shadow-btn:none;

  --font:"Helvetica Neue",Helvetica,-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-title:"Helvetica Neue",Helvetica,-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：让星链降到"极淡底纹"级别 ---------- */
html[data-skin="paper"], html[data-skin="paper"]
html[data-skin="paper"] body
{
  background:#FFFFFF;
}
html[data-skin="paper"] #cv-bg
{
  opacity:.20; filter:grayscale(1) contrast(.82);
}
/* ---------- 舞台 ---------- */
html[data-skin="paper"] .stage
{
  border-radius:0;
}
/* ---------- 顶栏 ---------- */
html[data-skin="paper"] .nav__link, html[data-skin="paper"] .nav__admin
{
  border-radius:4px; border-color:transparent; background:transparent;
  color:var(--text-2); font-weight:400; letter-spacing:.02em;
}
html[data-skin="paper"] .nav__link:hover, html[data-skin="paper"] .nav__admin:hover
{
  background:#F2F2F2; color:#111; border-color:transparent; box-shadow:none;
}
html[data-skin="paper"] .logo__t
{
  letter-spacing:.01em;
}
html[data-skin="paper"] .logo__t b
{
  font-weight:400; color:#8C8C8C;
}
/* ---------- 主标题：轻字重 + 大字距 ---------- */
html[data-skin="paper"] .hero__t
{
  font-weight:300; letter-spacing:.01em; color:#111;
}
html[data-skin="paper"] .hero__t2
{
  font-weight:300; color:#8C8C8C;
}
html[data-skin="paper"] .hero__sub
{
  font-weight:400; letter-spacing:.03em; color:#8A8A8A;
}
/* ---------- 主卡片：直角 + 细线，无投影 ---------- */
html[data-skin="paper"] .card
{
  background:#fff;
  border:1px solid rgba(17,17,17,.14);
  border-radius:4px;
  box-shadow:none;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
/* ---------- 输入框 ---------- */
html[data-skin="paper"] .inputbar
{
  background:#fff;
  border:1px solid rgba(17,17,17,.16);
  border-radius:4px;
}
html[data-skin="paper"] .inputbar:focus-within
{
  border-color:#111; box-shadow:none;
}
html[data-skin="paper"] .inputbar__ico
{
  color:#8C8C8C;
}
html[data-skin="paper"] .inputbar:focus-within .inputbar__ico
{
  color:#111;
}
html[data-skin="paper"] .inputbar__in
{
  color:#111; font-weight:400;
}
html[data-skin="paper"] .inputbar__in::placeholder
{
  color:#B0B0B0;
}
html[data-skin="paper"] .inputbar__paste
{
  background:#F2F2F2; color:#333; border:1px solid transparent;
  border-radius:4px; font-weight:400;
}
html[data-skin="paper"] .inputbar__paste:hover
{
  background:#E8E8E8; color:#111;
}
html[data-skin="paper"] .inputbar__paste:active
{
  background:#DEDEDE;
}
html[data-skin="paper"] .inputbar__clear
{
  border-radius:4px; color:#8C8C8C;
}
html[data-skin="paper"] .inputbar__clear:hover
{
  background:#F2F2F2; color:#111;
}
html[data-skin="paper"] .inputbar__go
{
  background:#111;
  color:#fff;
  border-radius:4px;
  font-weight:500;
  letter-spacing:.04em;
  box-shadow:none;
  filter:none;
}
html[data-skin="paper"] .inputbar__go:hover
{
  background:#000; filter:none; box-shadow:none;
}
html[data-skin="paper"] .inputbar__go:active
{
  background:#000;
}
html[data-skin="paper"] .inputbar__foot
{
  background:#FAFAFA;
  border-top:1px solid rgba(17,17,17,.08);
}
html[data-skin="paper"] .tag
{
  color:#8A8A8A; letter-spacing:.02em;
}
html[data-skin="paper"] .tag__dot
{
  background:#111;
}
/* ---------- 输入提示 ---------- */
html[data-skin="paper"] .inputbar__hint
{
  color:#8A8A8A;
}
html[data-skin="paper"] .inputbar__hint.is-on
{
  color:#C62828;
}
/* ---------- 结果区 ---------- */
html[data-skin="paper"] .res__title
{
  font-weight:500; color:#111;
}
html[data-skin="paper"] .res__meta dt
{
  color:#9A9A9A;
}
html[data-skin="paper"] .res__meta dd
{
  color:#222; font-weight:400;
}
html[data-skin="paper"] .res__media
{
  background:#F2F2F2; border-radius:4px;
}
html[data-skin="paper"] .res__video
{
  border-radius:4px;
}
html[data-skin="paper"] .res__badge
{
  background:#111; color:#fff; border-radius:4px;
}
html[data-skin="paper"] .res__gal
{
  gap:6px; padding:8px;
}
html[data-skin="paper"] .res__gitem
{
  border-radius:3px; border-color:rgba(17,17,17,.1);
}
html[data-skin="paper"] .btn--pri
{
  background:#111 !important; color:#fff !important; border-color:#111 !important; border-radius:4px !important; box-shadow:none !important;
}
html[data-skin="paper"] .btn--pri:hover
{
  background:#000 !important;
}
html[data-skin="paper"] .btn--gho
{
  background:#fff !important; color:#333 !important; border:1px solid rgba(17,17,17,.18) !important; border-radius:4px !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="paper"] .empty__t
{
  font-weight:400; color:#555;
}
html[data-skin="paper"] .empty__d
{
  color:#9A9A9A;
}
html[data-skin="paper"] .load__t
{
  color:#6E6E6E;
}
html[data-skin="paper"] .load__bar
{
  background:#EDEDED; border-radius:2px;
}
html[data-skin="paper"] .load__fill
{
  background:#111; border-radius:2px;
}
html[data-skin="paper"] .load__ring span
{
  background:#111;
}
html[data-skin="paper"] .err__t
{
  color:#111; font-weight:500;
}
html[data-skin="paper"] .err__d, html[data-skin="paper"] .err__a
{
  color:#7A7A7A;
}
/* ---------- 页脚 ---------- */
html[data-skin="paper"] .foot
{
  border-top:1px solid rgba(17,17,17,.09);
}
html[data-skin="paper"] .foot__cp, html[data-skin="paper"] .foot__disc, html[data-skin="paper"] .foot__l2
{
  color:#9A9A9A;
}
html[data-skin="paper"] .foot__icp, html[data-skin="paper"] .foot__sep{
  color:#9A9A9A;
}
html[data-skin="paper"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="paper"] .foot__link
{
  color:#6E6E6E; border-radius:3px;
}
html[data-skin="paper"] .foot__link:hover
{
  color:#111; background:#F2F2F2;
}
html[data-skin="paper"] .foot__icp
{
  color:#9A9A9A;
}
/* ---------- 用户区 ---------- */
html[data-skin="paper"] .nav__login
{
  background:#111; color:#fff; border-color:#111; border-radius:4px; font-weight:500;
}
html[data-skin="paper"] .nav__login:hover
{
  background:#000; border-color:#000; box-shadow:none;
}
html[data-skin="paper"] .nav__quota
{
  background:#F2F2F2; color:#333; border-radius:4px;
}
html[data-skin="paper"] .nav__quota b
{
  color:#111;
}
html[data-skin="paper"] .nav__uname
{
  background:#fff; border-color:rgba(17,17,17,.16); border-radius:4px; color:#333;
}
html[data-skin="paper"] .nav__uname:hover
{
  background:#F7F7F7; border-color:#111; color:#111;
}
/* ---------- 浮层 ---------- */
html[data-skin="paper"] .wsbox
{
  border-radius:4px; box-shadow:0 18px 50px rgba(17,17,17,.16);
}
html[data-skin="paper"] .wsbtn
{
  background:#111; border-radius:4px; box-shadow:none;
}
html[data-skin="paper"] .wsbtn:hover
{
  filter:none; background:#000; box-shadow:none;
}
html[data-skin="paper"] .wstab.on
{
  background:#111; color:#fff;
}
html[data-skin="paper"] .uc__top
{
  background:#F7F7F7; border-color:rgba(17,17,17,.1); border-radius:4px;
}
html[data-skin="paper"] .uc__quota b
{
  color:#111;
}
html[data-skin="paper"] .navrich__panel
{
  border-radius:4px;
}

/* ============ 暗夜霓虹（data-skin="neon"）· 赛博朋克／电竞：深黑底 + 青紫霓虹辉光 ============ */
html[data-skin="neon"]
{
  --bg-1:#08080F;
  --bg-2:#0C0C17;
  --bg-3:#10101E;

  --brand:#00F0FF;
  --brand-d:#00C2D1;
  --brand-l:#7BFFFA;
  --brand-w:rgba(0,240,255,.16);

  --text:#E9F6FF;
  --text-2:#B7CBE0;
  --text-3:#7E93AC;
  --text-4:#5A6C83;

  --card:rgba(18,18,32,.72);
  --card-2:rgba(14,14,26,.6);
  --line:rgba(0,240,255,.22);
  --line-2:rgba(0,240,255,.10);

  --ok:#2BFFB0;
  --warn:#FFC53D;
  --err:#FF4D6D;

  --r-btn:10px;
  --r-card:18px;
  --r-pill:999px;

  --shadow-card:0 0 0 1px rgba(0,240,255,.18), 0 0 34px -8px rgba(0,240,255,.28), 0 24px 60px -30px rgba(255,43,214,.35);
  --shadow-btn:0 0 18px -2px rgba(0,240,255,.55), 0 6px 22px -6px rgba(0,240,255,.5);

  --font:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-title:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：星链压暗，露出深空底 + 霓虹雾 ---------- */
html[data-skin="neon"], html[data-skin="neon"]
html[data-skin="neon"] body
{
  background:#08080F;
}
html[data-skin="neon"] #cv-bg
{
  opacity:.30; filter:hue-rotate(150deg) saturate(1.9) brightness(.75);
}
html[data-skin="neon"] body::after
{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
  radial-gradient(58% 46% at 18% 12%, rgba(0,240,255,.16), transparent 62%),
  radial-gradient(52% 44% at 84% 86%, rgba(255,43,214,.16), transparent 64%);
}
/* ---------- 舞台 ---------- */
html[data-skin="neon"] .stage
{
  border-radius:20px; box-shadow:0 0 0 1px rgba(0,240,255,.14), 0 0 80px -30px rgba(0,240,255,.35);
}
/* ---------- 顶栏 ---------- */
html[data-skin="neon"] .nav__link, html[data-skin="neon"] .nav__admin
{
  border-radius:999px; background:rgba(0,240,255,.07); border:1px solid rgba(0,240,255,.24);
  color:#8FF9FF; font-weight:600; letter-spacing:.03em;
}
html[data-skin="neon"] .nav__link:hover, html[data-skin="neon"] .nav__admin:hover
{
  background:rgba(0,240,255,.16); border-color:rgba(0,240,255,.55); color:#EAFFFF;
  box-shadow:0 0 20px -3px rgba(0,240,255,.6);
}
html[data-skin="neon"] .logo__t
{
  color:#EAFFFF; letter-spacing:.04em;
}
html[data-skin="neon"] .logo__t b
{
  color:#00F0FF; text-shadow:0 0 14px rgba(0,240,255,.85);
}
html[data-skin="neon"] .logo svg path
{
  fill:#00F0FF !important;
}
html[data-skin="neon"] .logo svg circle
{
  fill:#FF2BD6 !important;
}
/* ---------- 标题 ---------- */
html[data-skin="neon"] .hero__t
{
  color:#F2FBFF; font-weight:700; text-shadow:0 0 24px rgba(0,240,255,.35);
}
html[data-skin="neon"] .hero__t2
{
  color:#00F0FF; text-shadow:0 0 20px rgba(0,240,255,.6);
}
html[data-skin="neon"] .hero__sub
{
  color:#8FA6BE; letter-spacing:.02em;
}
/* ---------- 主卡片：霓虹玻璃 ---------- */
html[data-skin="neon"] .card
{
  background:linear-gradient(160deg, rgba(20,20,36,.82), rgba(12,12,24,.68));
  border:1px solid rgba(0,240,255,.30);
  border-radius:18px;
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(18px) saturate(1.5); -webkit-backdrop-filter:blur(18px) saturate(1.5);
}
/* ---------- 输入框 ---------- */
html[data-skin="neon"] .inputbar
{
  background:rgba(8,8,18,.72);
  border:1px solid rgba(0,240,255,.34);
  border-radius:14px;
}
html[data-skin="neon"] .inputbar:focus-within
{
  border-color:#00F0FF;
  box-shadow:0 0 0 4px rgba(0,240,255,.16), 0 0 26px -4px rgba(0,240,255,.6);
}
html[data-skin="neon"] .inputbar__ico
{
  color:#00F0FF;
}
html[data-skin="neon"] .inputbar__in
{
  color:#EAFBFF; font-weight:500;
}
html[data-skin="neon"] .inputbar__in::placeholder
{
  color:#5C708A;
}
html[data-skin="neon"] .inputbar__paste
{
  background:rgba(255,43,214,.14); color:#FF8FE6; border:1px solid rgba(255,43,214,.36);
  border-radius:9px; font-weight:600;
}
html[data-skin="neon"] .inputbar__paste:hover
{
  background:rgba(255,43,214,.26); color:#FFC2F2; box-shadow:0 0 18px -4px rgba(255,43,214,.7);
}
html[data-skin="neon"] .inputbar__paste:active
{
  background:rgba(255,43,214,.36);
}
html[data-skin="neon"] .inputbar__clear
{
  border-radius:9px; color:#7E93AC;
}
html[data-skin="neon"] .inputbar__clear:hover
{
  background:rgba(0,240,255,.12); color:#8FF9FF;
}
html[data-skin="neon"] .inputbar__go
{
  background:linear-gradient(135deg,#00F0FF 0%,#00A6FF 100%);
  color:#04121A;
  border-radius:10px;
  font-weight:800;
  letter-spacing:.06em;
  box-shadow:var(--shadow-btn);
}
html[data-skin="neon"] .inputbar__go:hover
{
  filter:brightness(1.08); box-shadow:0 0 26px 0 rgba(0,240,255,.75), 0 8px 28px -6px rgba(0,240,255,.6);
}
html[data-skin="neon"] .inputbar__go:active
{
  filter:brightness(.95);
}
html[data-skin="neon"] .inputbar__foot
{
  background:rgba(0,240,255,.05);
  border-top:1px solid rgba(0,240,255,.16);
}
html[data-skin="neon"] .tag
{
  color:#7E93AC;
}
html[data-skin="neon"] .tag__dot
{
  background:#00F0FF; box-shadow:0 0 10px rgba(0,240,255,.9);
}
html[data-skin="neon"] .inputbar__hint
{
  color:#7E93AC;
}
html[data-skin="neon"] .inputbar__hint.is-on
{
  color:#FF6B85;
}
/* ---------- 结果区 ---------- */
html[data-skin="neon"] .res__title
{
  color:#F0FBFF; font-weight:600;
}
html[data-skin="neon"] .res__meta dt
{
  color:#6E8298;
}
html[data-skin="neon"] .res__meta dd
{
  color:#C7DBEC;
}
html[data-skin="neon"] .res__media
{
  background:rgba(0,240,255,.06); border-radius:12px;
}
html[data-skin="neon"] .res__video
{
  border-radius:12px;
}
html[data-skin="neon"] .res__badge
{
  background:linear-gradient(135deg,#FF2BD6,#B02BFF); color:#fff; border-radius:999px; box-shadow:0 0 16px -2px rgba(255,43,214,.7);
}
html[data-skin="neon"] .res__gitem
{
  border-radius:10px; border-color:rgba(0,240,255,.2);
}
html[data-skin="neon"] .btn--pri
{
  background:linear-gradient(135deg,#00F0FF,#00A6FF) !important; color:#04121A !important; border-color:transparent !important; border-radius:10px !important; font-weight:700 !important; box-shadow:0 0 18px -4px rgba(0,240,255,.7) !important;
}
html[data-skin="neon"] .btn--gho
{
  background:rgba(0,240,255,.08) !important; color:#8FF9FF !important; border:1px solid rgba(0,240,255,.3) !important; border-radius:10px !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="neon"] .empty__t
{
  color:#9FB4C8;
}
html[data-skin="neon"] .empty__d
{
  color:#63768C;
}
html[data-skin="neon"] .load__t
{
  color:#8FA6BE;
}
html[data-skin="neon"] .load__bar
{
  background:rgba(0,240,255,.12); border-radius:999px;
}
html[data-skin="neon"] .load__fill
{
  background:linear-gradient(90deg,#00F0FF,#FF2BD6); border-radius:999px; box-shadow:0 0 14px rgba(0,240,255,.7);
}
html[data-skin="neon"] .load__ring span
{
  background:#00F0FF; box-shadow:0 0 12px rgba(0,240,255,.8);
}
html[data-skin="neon"] .err__t
{
  color:#FF8098; font-weight:700;
}
html[data-skin="neon"] .err__d, html[data-skin="neon"] .err__a
{
  color:#8FA6BE;
}
/* ---------- 页脚 ---------- */
html[data-skin="neon"] .foot
{
  border-top:1px solid rgba(0,240,255,.14);
}
html[data-skin="neon"] .foot__cp, html[data-skin="neon"] .foot__disc, html[data-skin="neon"] .foot__l2
{
  color:#63768C;
}
html[data-skin="neon"] .foot__icp, html[data-skin="neon"] .foot__sep{
  color:#63768C;
}
html[data-skin="neon"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="neon"] .foot__link
{
  color:#8FA6BE; border-radius:999px;
}
html[data-skin="neon"] .foot__link:hover
{
  color:#8FF9FF; background:rgba(0,240,255,.12);
}
html[data-skin="neon"] .foot__icp
{
  color:#63768C;
}
html[data-skin="neon"] .foot__logo svg path
{
  fill:#00F0FF !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="neon"] .nav__login
{
  background:linear-gradient(135deg,#00F0FF,#00A6FF); color:#04121A; border-color:transparent; font-weight:800; box-shadow:0 0 18px -4px rgba(0,240,255,.7);
}
html[data-skin="neon"] .nav__quota
{
  background:rgba(0,240,255,.14); color:#8FF9FF; border:1px solid rgba(0,240,255,.3);
}
html[data-skin="neon"] .nav__quota b
{
  color:#EAFFFF;
}
html[data-skin="neon"] .nav__uname
{
  background:rgba(0,240,255,.08); border-color:rgba(0,240,255,.28); color:#9FE8FF;
}
html[data-skin="neon"] .nav__uname:hover
{
  background:rgba(0,240,255,.18); border-color:#00F0FF; color:#EAFFFF;
}
/* ---------- 浮层 ---------- */
html[data-skin="neon"] .wsbox
{
  background:#101020; border:1px solid rgba(0,240,255,.28); box-shadow:0 0 0 1px rgba(0,240,255,.18), 0 30px 70px -20px rgba(0,240,255,.35); color:#D9EAF8;
}
html[data-skin="neon"] .wsbox__t
{
  color:#EAFFFF;
}
html[data-skin="neon"] .wsbox__x
{
  color:#7E93AC;
}
html[data-skin="neon"] .wsbox__x:hover
{
  background:rgba(0,240,255,.14); color:#8FF9FF;
}
html[data-skin="neon"] .wsf > span
{
  color:#8FA6BE;
}
html[data-skin="neon"] .wsf input
{
  background:rgba(8,8,18,.8); border-color:rgba(0,240,255,.28); color:#EAFBFF;
}
html[data-skin="neon"] .wsf input:focus
{
  border-color:#00F0FF; box-shadow:0 0 0 3px rgba(0,240,255,.18); background:rgba(8,8,18,.95);
}
html[data-skin="neon"] .wstab
{
  background:transparent; border-color:rgba(0,240,255,.24); color:#8FA6BE;
}
html[data-skin="neon"] .wstab.on
{
  background:rgba(0,240,255,.16); color:#8FF9FF; border-color:transparent;
}
html[data-skin="neon"] .wsbtn
{
  background:linear-gradient(135deg,#00F0FF,#00A6FF); color:#04121A; font-weight:800; box-shadow:0 0 20px -4px rgba(0,240,255,.7);
}
html[data-skin="neon"] .wsbtn:hover
{
  filter:brightness(1.08);
}
html[data-skin="neon"] .wshint
{
  color:#8FA6BE;
}
html[data-skin="neon"] .uc__top
{
  background:rgba(0,240,255,.07); border-color:rgba(0,240,255,.22);
}
html[data-skin="neon"] .uc__quota b
{
  color:#00F0FF; text-shadow:0 0 16px rgba(0,240,255,.6);
}
html[data-skin="neon"] .uc__meta
{
  color:#8FA6BE;
}
html[data-skin="neon"] .uc__logs
{
  border-color:rgba(0,240,255,.18);
}
html[data-skin="neon"] .uc__lrow
{
  color:#B7CBE0; border-bottom-color:rgba(0,240,255,.08);
}
html[data-skin="neon"] .uc__lrow > span:nth-child(1)
{
  color:#63768C;
}
html[data-skin="neon"] .uc__lrow--hd
{
  background:rgba(0,240,255,.06); color:#63768C;
}
html[data-skin="neon"] .wsghost
{
  background:transparent; border-color:rgba(0,240,255,.28); color:#8FA6BE;
}
html[data-skin="neon"] .navrich__panel
{
  background:#101020; border-radius:16px;
}

/* ============ 墨韵东方（data-skin="ink"）· 新中式水墨：宣纸底、墨色文字、朱砂点睛 ============ */
html[data-skin="ink"]
{
  --bg-1:#F6F2E9;
  --bg-2:#F1EBDD;
  --bg-3:#EAE2D1;

  --brand:#A93226;
  --brand-d:#8C2419;
  --brand-l:#C75B4A;
  --brand-w:rgba(169,50,38,.10);

  --text:#1C1A17;
  --text-2:#423D36;
  --text-3:#6E675C;
  --text-4:#9A9384;

  --card:rgba(252,249,242,.9);
  --card-2:rgba(247,243,233,.8);
  --line:rgba(28,26,23,.16);
  --line-2:rgba(28,26,23,.08);

  --ok:#4C7A3F;
  --warn:#B07D2B;
  --err:#A93226;

  --r-btn:2px;
  --r-card:3px;
  --r-pill:2px;

  --shadow-card:0 1px 0 rgba(28,26,23,.05), 0 18px 40px -26px rgba(28,26,23,.28);
  --shadow-btn:0 1px 0 rgba(28,26,23,.12), 0 10px 22px -12px rgba(169,50,38,.5);

  --font:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC",Georgia,"SimSun","Microsoft YaHei",serif;
  --font-title:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC",Georgia,"STZhongsong","SimSun",serif;
}
/* ---------- 背景：宣纸质感（星链转为极淡墨点） ---------- */
html[data-skin="ink"], html[data-skin="ink"]
html[data-skin="ink"] body
{
  background:#F6F2E9;
}
html[data-skin="ink"] #cv-bg
{
  opacity:.16; filter:sepia(.55) saturate(.5) contrast(.9);
}
html[data-skin="ink"] body::after
{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background-image:
  radial-gradient(circle at 22% 26%, rgba(28,26,23,.035) 0 1px, transparent 1.4px),
  radial-gradient(circle at 71% 63%, rgba(28,26,23,.028) 0 1px, transparent 1.4px),
  radial-gradient(circle at 44% 87%, rgba(28,26,23,.03) 0 1px, transparent 1.4px);
  background-size:180px 180px, 240px 240px, 300px 300px;
}
/* ---------- 舞台 ---------- */
html[data-skin="ink"] .stage
{
  border-radius:2px;
}
/* ---------- 顶栏 ---------- */
html[data-skin="ink"] .nav__link, html[data-skin="ink"] .nav__admin
{
  border-radius:2px; background:transparent; border:1px solid transparent;
  color:#423D36; font-weight:400; letter-spacing:.08em;
}
html[data-skin="ink"] .nav__link:hover, html[data-skin="ink"] .nav__admin:hover
{
  background:rgba(169,50,38,.07); color:#A93226; border-color:rgba(169,50,38,.24); box-shadow:none;
}
html[data-skin="ink"] .logo__t
{
  letter-spacing:.1em; color:#1C1A17;
}
html[data-skin="ink"] .logo__t b
{
  font-weight:400; color:#A93226; letter-spacing:.1em;
}
html[data-skin="ink"] .logo svg path
{
  fill:#1C1A17 !important;
}
html[data-skin="ink"] .logo svg circle
{
  fill:#A93226 !important;
}
/* ---------- 标题：宋体 + 舒展字距 ---------- */
html[data-skin="ink"] .hero__t
{
  font-family:var(--font-title); font-weight:400; letter-spacing:.06em; color:#1C1A17;
}
html[data-skin="ink"] .hero__t2
{
  font-weight:400; color:#A93226; letter-spacing:.06em;
}
html[data-skin="ink"] .hero__sub
{
  font-family:var(--font); letter-spacing:.05em; color:#6E675C;
}
/* ---------- 主卡片：宣纸卡片 + 双线边框 ---------- */
html[data-skin="ink"] .card
{
  background:linear-gradient(180deg,#FCFAF5,#F7F2E8);
  border:1px solid rgba(28,26,23,.20);
  border-radius:3px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7), 0 18px 40px -26px rgba(28,26,23,.3);
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
/* ---------- 输入框 ---------- */
html[data-skin="ink"] .inputbar
{
  background:#FFFDF8;
  border:1px solid rgba(28,26,23,.22);
  border-radius:2px;
}
html[data-skin="ink"] .inputbar:focus-within
{
  border-color:#A93226; box-shadow:0 0 0 3px rgba(169,50,38,.09);
}
html[data-skin="ink"] .inputbar__ico
{
  color:#9A9384;
}
html[data-skin="ink"] .inputbar:focus-within .inputbar__ico
{
  color:#A93226;
}
html[data-skin="ink"] .inputbar__in
{
  color:#1C1A17; font-family:var(--font); font-weight:400; letter-spacing:.02em;
}
html[data-skin="ink"] .inputbar__in::placeholder
{
  color:#A79F8F;
}
html[data-skin="ink"] .inputbar__paste
{
  background:rgba(169,50,38,.07); color:#A93226; border:1px solid rgba(169,50,38,.26);
  border-radius:2px; font-weight:400; letter-spacing:.08em;
}
html[data-skin="ink"] .inputbar__paste:hover
{
  background:rgba(169,50,38,.14); color:#8C2419; box-shadow:none;
}
html[data-skin="ink"] .inputbar__paste:active
{
  background:rgba(169,50,38,.2);
}
html[data-skin="ink"] .inputbar__clear
{
  border-radius:2px; color:#9A9384;
}
html[data-skin="ink"] .inputbar__clear:hover
{
  background:rgba(169,50,38,.08); color:#A93226;
}
html[data-skin="ink"] .inputbar__go
{
  background:linear-gradient(180deg,#B23A2C,#A93226);
  color:#FBF3E8;
  border-radius:2px;
  font-family:var(--font-title);
  font-weight:400;
  letter-spacing:.16em;
  box-shadow:0 1px 0 rgba(28,26,23,.16), 0 10px 22px -12px rgba(169,50,38,.6);
}
html[data-skin="ink"] .inputbar__go:hover
{
  filter:brightness(1.06); box-shadow:0 2px 6px rgba(28,26,23,.14), 0 12px 26px -12px rgba(169,50,38,.7);
}
html[data-skin="ink"] .inputbar__go:active
{
  filter:brightness(.96);
}
html[data-skin="ink"] .inputbar__foot
{
  background:rgba(28,26,23,.028);
  border-top:1px solid rgba(28,26,23,.10);
}
html[data-skin="ink"] .tag
{
  color:#6E675C; letter-spacing:.05em;
}
html[data-skin="ink"] .tag__dot
{
  background:#A93226;
}
html[data-skin="ink"] .inputbar__hint
{
  color:#6E675C;
}
html[data-skin="ink"] .inputbar__hint.is-on
{
  color:#A93226;
}
/* ---------- 结果区 ---------- */
html[data-skin="ink"] .res__title
{
  font-family:var(--font-title); font-weight:400; letter-spacing:.04em; color:#1C1A17;
}
html[data-skin="ink"] .res__meta dt
{
  color:#9A9384; letter-spacing:.06em;
}
html[data-skin="ink"] .res__meta dd
{
  color:#423D36;
}
html[data-skin="ink"] .res__media
{
  background:rgba(28,26,23,.05); border-radius:2px;
}
html[data-skin="ink"] .res__video
{
  border-radius:2px;
}
html[data-skin="ink"] .res__badge
{
  background:#A93226; color:#FBF3E8; border-radius:2px; letter-spacing:.12em;
}
html[data-skin="ink"] .res__gitem
{
  border-radius:2px; border-color:rgba(28,26,23,.16);
}
html[data-skin="ink"] .btn--pri
{
  background:#A93226 !important; color:#FBF3E8 !important; border-color:#A93226 !important; border-radius:2px !important; font-family:var(--font-title) !important; letter-spacing:.1em !important;
}
html[data-skin="ink"] .btn--gho
{
  background:#FFFDF8 !important; color:#423D36 !important; border:1px solid rgba(28,26,23,.24) !important; border-radius:2px !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="ink"] .empty__t
{
  font-family:var(--font-title); color:#423D36; letter-spacing:.06em;
}
html[data-skin="ink"] .empty__d
{
  color:#9A9384;
}
html[data-skin="ink"] .load__t
{
  color:#6E675C; font-family:var(--font-title); letter-spacing:.06em;
}
html[data-skin="ink"] .load__bar
{
  background:rgba(28,26,23,.09); border-radius:1px;
}
html[data-skin="ink"] .load__fill
{
  background:#A93226; border-radius:1px;
}
html[data-skin="ink"] .load__ring span
{
  background:#A93226;
}
html[data-skin="ink"] .err__t
{
  color:#A93226; font-family:var(--font-title); letter-spacing:.06em;
}
html[data-skin="ink"] .err__d, html[data-skin="ink"] .err__a
{
  color:#6E675C;
}
/* ---------- 页脚 ---------- */
html[data-skin="ink"] .foot
{
  border-top:1px solid rgba(28,26,23,.12);
}
html[data-skin="ink"] .foot__cp, html[data-skin="ink"] .foot__disc, html[data-skin="ink"] .foot__l2
{
  color:#8E8778;
}
html[data-skin="ink"] .foot__icp, html[data-skin="ink"] .foot__sep{
  color:#8E8778;
}
html[data-skin="ink"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="ink"] .foot__link
{
  color:#6E675C; border-radius:2px; letter-spacing:.06em;
}
html[data-skin="ink"] .foot__link:hover
{
  color:#A93226; background:rgba(169,50,38,.07);
}
html[data-skin="ink"] .foot__icp
{
  color:#8E8778;
}
html[data-skin="ink"] .foot__logo svg path
{
  fill:#1C1A17 !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="ink"] .nav__login
{
  background:#A93226; color:#FBF3E8; border-color:#A93226; border-radius:2px; letter-spacing:.1em; font-family:var(--font-title);
}
html[data-skin="ink"] .nav__login:hover
{
  background:#8C2419; border-color:#8C2419; box-shadow:none;
}
html[data-skin="ink"] .nav__quota
{
  background:rgba(169,50,38,.08); color:#A93226; border:1px solid rgba(169,50,38,.2); border-radius:2px;
}
html[data-skin="ink"] .nav__quota b
{
  color:#8C2419; font-family:var(--font-title);
}
html[data-skin="ink"] .nav__uname
{
  background:#FFFDF8; border-color:rgba(28,26,23,.2); border-radius:2px; color:#423D36;
}
html[data-skin="ink"] .nav__uname:hover
{
  background:#F7F2E8; border-color:#A93226; color:#A93226;
}
/* ---------- 浮层 ---------- */
html[data-skin="ink"] .wsbox
{
  background:#FCFAF5; border:1px solid rgba(28,26,23,.18); border-radius:3px; box-shadow:0 24px 60px -26px rgba(28,26,23,.4); color:#1C1A17;
}
html[data-skin="ink"] .wsbox__t
{
  font-family:var(--font-title); letter-spacing:.08em;
}
html[data-skin="ink"] .wsbox__x
{
  color:#9A9384; border-radius:2px;
}
html[data-skin="ink"] .wsbox__x:hover
{
  background:rgba(28,26,23,.06); color:#1C1A17;
}
html[data-skin="ink"] .wsf > span
{
  color:#6E675C; letter-spacing:.06em;
}
html[data-skin="ink"] .wsf input
{
  background:#FFFDF8; border-color:rgba(28,26,23,.2); color:#1C1A17; border-radius:2px;
}
html[data-skin="ink"] .wsf input:focus
{
  border-color:#A93226; box-shadow:0 0 0 3px rgba(169,50,38,.1);
}
html[data-skin="ink"] .wstab
{
  background:transparent; border-color:rgba(28,26,23,.2); color:#6E675C; border-radius:2px; letter-spacing:.08em;
}
html[data-skin="ink"] .wstab.on
{
  background:#A93226; color:#FBF3E8; border-color:#A93226;
}
html[data-skin="ink"] .wsbtn
{
  background:#A93226; color:#FBF3E8; font-family:var(--font-title); letter-spacing:.14em; border-radius:2px;
}
html[data-skin="ink"] .wsbtn:hover
{
  background:#8C2419; filter:none;
}
html[data-skin="ink"] .wshint
{
  color:#6E675C;
}
html[data-skin="ink"] .uc__top
{
  background:rgba(169,50,38,.055); border-color:rgba(169,50,38,.16); border-radius:3px;
}
html[data-skin="ink"] .uc__quota b
{
  color:#A93226; font-family:var(--font-title);
}
html[data-skin="ink"] .uc__meta
{
  color:#6E675C;
}
html[data-skin="ink"] .uc__logs
{
  border-color:rgba(28,26,23,.12); border-radius:2px;
}
html[data-skin="ink"] .uc__lrow
{
  color:#423D36; border-bottom-color:rgba(28,26,23,.06);
}
html[data-skin="ink"] .uc__lrow > span:nth-child(1)
{
  color:#9A9384;
}
html[data-skin="ink"] .uc__lrow--hd
{
  background:rgba(28,26,23,.035); color:#9A9384;
}
html[data-skin="ink"] .wsghost
{
  background:transparent; border-color:rgba(28,26,23,.22); color:#6E675C; border-radius:2px;
}
html[data-skin="ink"] .navrich__panel
{
  background:#FCFAF5; border-radius:3px;
}

/* ============ 蜜桃奶油（data-skin="peach"）· 糖果柔和风：暖调奶油底 + 蜜桃橙，圆润亲和 ============ */
html[data-skin="peach"]
{
  --bg-1:#FFF9F5;
  --bg-2:#FFF3EA;
  --bg-3:#FFEBE0;

  --brand:#FF8A5B;
  --brand-d:#F2703D;
  --brand-l:#FFB794;
  --brand-w:#FFE7DB;

  --text:#4A3730;
  --text-2:#6E5449;
  --text-3:#9A7C6E;
  --text-4:#C0A79A;

  --card:rgba(255,255,255,.88);
  --card-2:rgba(255,250,246,.7);
  --line:rgba(196,140,110,.22);
  --line-2:rgba(196,140,110,.12);

  --ok:#3FAE7A;
  --warn:#E09543;
  --err:#E2604F;

  --r-btn:14px;
  --r-card:26px;
  --r-pill:999px;

  --shadow-card:0 2px 6px rgba(226,140,100,.06), 0 18px 44px -18px rgba(226,140,100,.28);
  --shadow-btn:0 2px 6px rgba(226,140,100,.14), 0 12px 26px -10px rgba(255,138,91,.6);

  --font:"Nunito","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-title:"Nunito","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：奶油渐变 + 星链柔化成暖色点阵 ---------- */
html[data-skin="peach"], html[data-skin="peach"]
html[data-skin="peach"] body
{
  background:#FFF9F5;
}
html[data-skin="peach"] #cv-bg
{
  opacity:.34; filter:sepia(.35) saturate(1.6) hue-rotate(-8deg);
}
html[data-skin="peach"] body::after
{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
  radial-gradient(56% 44% at 14% 10%, rgba(255,138,91,.20), transparent 64%),
  radial-gradient(50% 42% at 88% 88%, rgba(255,123,169,.18), transparent 66%);
}
/* ---------- 舞台 ---------- */
html[data-skin="peach"] .stage
{
  border-radius:28px;
}
/* ---------- 顶栏 ---------- */
html[data-skin="peach"] .nav__link, html[data-skin="peach"] .nav__admin
{
  border-radius:999px; background:rgba(255,255,255,.7); border:1px solid rgba(255,138,91,.26);
  color:#9A5B3E; font-weight:600;
}
html[data-skin="peach"] .nav__link:hover, html[data-skin="peach"] .nav__admin:hover
{
  background:#fff; border-color:rgba(255,138,91,.55); color:#E2604F; box-shadow:0 6px 18px -8px rgba(255,138,91,.55);
}
html[data-skin="peach"] .logo__t
{
  color:#4A3730;
}
html[data-skin="peach"] .logo__t b
{
  color:#FF8A5B;
}
html[data-skin="peach"] .logo svg path
{
  fill:#FF8A5B !important;
}
html[data-skin="peach"] .logo svg circle
{
  fill:#FF7BA9 !important;
}
/* ---------- 标题 ---------- */
html[data-skin="peach"] .hero__t
{
  color:#4A3730; font-weight:800;
}
html[data-skin="peach"] .hero__t2
{
  color:#FF8A5B; font-weight:800;
}
html[data-skin="peach"] .hero__sub
{
  color:#9A7C6E;
}
/* ---------- 主卡片 ---------- */
html[data-skin="peach"] .card
{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,250,246,.82));
  border:1px solid rgba(255,255,255,.95);
  border-radius:26px;
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(20px) saturate(1.3); -webkit-backdrop-filter:blur(20px) saturate(1.3);
}
/* ---------- 输入框 ---------- */
html[data-skin="peach"] .inputbar
{
  background:#fff;
  border:1px solid rgba(255,138,91,.24);
  border-radius:18px;
}
html[data-skin="peach"] .inputbar:focus-within
{
  border-color:#FF8A5B; box-shadow:0 0 0 5px rgba(255,138,91,.14);
}
html[data-skin="peach"] .inputbar__ico
{
  color:#FFB794;
}
html[data-skin="peach"] .inputbar:focus-within .inputbar__ico
{
  color:#FF8A5B;
}
html[data-skin="peach"] .inputbar__in
{
  color:#4A3730; font-weight:500;
}
html[data-skin="peach"] .inputbar__in::placeholder
{
  color:#C0A79A;
}
html[data-skin="peach"] .inputbar__paste
{
  background:#FFE7DB; color:#E2604F; border:1px solid rgba(255,138,91,.3);
  border-radius:12px; font-weight:700;
}
html[data-skin="peach"] .inputbar__paste:hover
{
  background:#FFD9C6; color:#D14E3E; box-shadow:0 6px 18px -8px rgba(255,138,91,.6);
}
html[data-skin="peach"] .inputbar__paste:active
{
  background:#FFCDB5;
}
html[data-skin="peach"] .inputbar__clear
{
  border-radius:12px; color:#C0A79A;
}
html[data-skin="peach"] .inputbar__clear:hover
{
  background:#FFE7DB; color:#E2604F;
}
html[data-skin="peach"] .inputbar__go
{
  background:linear-gradient(135deg,#FF9E70 0%,#FF7BA9 100%);
  color:#fff;
  border-radius:14px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:var(--shadow-btn);
}
html[data-skin="peach"] .inputbar__go:hover
{
  filter:brightness(1.04); box-shadow:0 3px 8px rgba(226,140,100,.16), 0 16px 32px -10px rgba(255,123,169,.7);
}
html[data-skin="peach"] .inputbar__go:active
{
  filter:brightness(.97);
}
html[data-skin="peach"] .inputbar__foot
{
  background:rgba(255,231,219,.4);
  border-top:1px solid rgba(255,138,91,.14);
}
html[data-skin="peach"] .tag
{
  color:#9A7C6E;
}
html[data-skin="peach"] .tag__dot
{
  background:#FF8A5B; box-shadow:0 0 0 4px rgba(255,138,91,.16);
}
html[data-skin="peach"] .inputbar__hint
{
  color:#9A7C6E;
}
html[data-skin="peach"] .inputbar__hint.is-on
{
  color:#E2604F;
}
/* ---------- 结果区 ---------- */
html[data-skin="peach"] .res__title
{
  color:#4A3730; font-weight:700;
}
html[data-skin="peach"] .res__meta dt
{
  color:#C0A79A;
}
html[data-skin="peach"] .res__meta dd
{
  color:#6E5449;
}
html[data-skin="peach"] .res__media
{
  background:rgba(255,231,219,.5); border-radius:18px;
}
html[data-skin="peach"] .res__video
{
  border-radius:18px;
}
html[data-skin="peach"] .res__badge
{
  background:linear-gradient(135deg,#FF8A5B,#FF7BA9); color:#fff; border-radius:999px; box-shadow:0 8px 18px -8px rgba(255,138,91,.7);
}
html[data-skin="peach"] .res__gitem
{
  border-radius:14px; border-color:rgba(255,138,91,.2);
}
html[data-skin="peach"] .btn--pri
{
  background:linear-gradient(135deg,#FF9E70,#FF7BA9) !important; color:#fff !important; border-color:transparent !important; border-radius:14px !important; font-weight:800 !important; box-shadow:0 10px 24px -10px rgba(255,123,169,.7) !important;
}
html[data-skin="peach"] .btn--gho
{
  background:#fff !important; color:#9A5B3E !important; border:1px solid rgba(255,138,91,.3) !important; border-radius:14px !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="peach"] .empty__t
{
  color:#9A7C6E; font-weight:600;
}
html[data-skin="peach"] .empty__d
{
  color:#C0A79A;
}
html[data-skin="peach"] .load__t
{
  color:#9A7C6E;
}
html[data-skin="peach"] .load__bar
{
  background:#FFE7DB; border-radius:999px;
}
html[data-skin="peach"] .load__fill
{
  background:linear-gradient(90deg,#FF8A5B,#FF7BA9); border-radius:999px;
}
html[data-skin="peach"] .load__ring span
{
  background:#FF8A5B;
}
html[data-skin="peach"] .err__t
{
  color:#E2604F; font-weight:700;
}
html[data-skin="peach"] .err__d, html[data-skin="peach"] .err__a
{
  color:#9A7C6E;
}
/* ---------- 页脚 ---------- */
html[data-skin="peach"] .foot
{
  border-top:1px solid rgba(255,138,91,.16);
}
html[data-skin="peach"] .foot__cp, html[data-skin="peach"] .foot__disc, html[data-skin="peach"] .foot__l2
{
  color:#C0A79A;
}
html[data-skin="peach"] .foot__icp, html[data-skin="peach"] .foot__sep{
  color:#C0A79A;
}
html[data-skin="peach"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="peach"] .foot__link
{
  color:#9A7C6E; border-radius:999px;
}
html[data-skin="peach"] .foot__link:hover
{
  color:#E2604F; background:#FFE7DB;
}
html[data-skin="peach"] .foot__icp
{
  color:#C0A79A;
}
html[data-skin="peach"] .foot__logo svg path
{
  fill:#FF8A5B !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="peach"] .nav__login
{
  background:linear-gradient(135deg,#FF9E70,#FF7BA9); color:#fff; border-color:transparent; font-weight:800; box-shadow:0 8px 20px -10px rgba(255,123,169,.7);
}
html[data-skin="peach"] .nav__quota
{
  background:#FFE7DB; color:#E2604F; border:1px solid rgba(255,138,91,.24);
}
html[data-skin="peach"] .nav__quota b
{
  color:#D14E3E;
}
html[data-skin="peach"] .nav__uname
{
  background:#fff; border-color:rgba(255,138,91,.26); color:#9A5B3E;
}
html[data-skin="peach"] .nav__uname:hover
{
  background:#FFF3EA; border-color:#FF8A5B; color:#E2604F;
}
/* ---------- 浮层 ---------- */
html[data-skin="peach"] .wsbox
{
  background:#FFFCFA; border-radius:24px; box-shadow:0 28px 64px -24px rgba(226,140,100,.4); color:#4A3730;
}
html[data-skin="peach"] .wsbox__x
{
  color:#C0A79A; border-radius:12px;
}
html[data-skin="peach"] .wsbox__x:hover
{
  background:#FFE7DB; color:#E2604F;
}
html[data-skin="peach"] .wsf > span
{
  color:#9A7C6E;
}
html[data-skin="peach"] .wsf input
{
  background:#fff; border-color:rgba(255,138,91,.26); color:#4A3730; border-radius:14px;
}
html[data-skin="peach"] .wsf input:focus
{
  border-color:#FF8A5B; box-shadow:0 0 0 4px rgba(255,138,91,.14);
}
html[data-skin="peach"] .wstab
{
  background:#fff; border-color:rgba(255,138,91,.22); color:#9A7C6E;
}
html[data-skin="peach"] .wstab.on
{
  background:#FFE7DB; color:#E2604F; border-color:transparent;
}
html[data-skin="peach"] .wsbtn
{
  background:linear-gradient(135deg,#FF9E70,#FF7BA9); color:#fff; font-weight:800; border-radius:14px; box-shadow:0 10px 24px -10px rgba(255,123,169,.7);
}
html[data-skin="peach"] .wsbtn:hover
{
  filter:brightness(1.04);
}
html[data-skin="peach"] .wshint
{
  color:#9A7C6E;
}
html[data-skin="peach"] .uc__top
{
  background:linear-gradient(135deg,rgba(255,138,91,.12),rgba(255,123,169,.1)); border-color:rgba(255,138,91,.18); border-radius:20px;
}
html[data-skin="peach"] .uc__quota b
{
  color:#FF8A5B;
}
html[data-skin="peach"] .uc__meta
{
  color:#9A7C6E;
}
html[data-skin="peach"] .uc__logs
{
  border-color:rgba(255,138,91,.16); border-radius:16px;
}
html[data-skin="peach"] .uc__lrow
{
  color:#6E5449; border-bottom-color:rgba(255,138,91,.08);
}
html[data-skin="peach"] .uc__lrow > span:nth-child(1)
{
  color:#C0A79A;
}
html[data-skin="peach"] .uc__lrow--hd
{
  background:rgba(255,231,219,.5); color:#C0A79A;
}
html[data-skin="peach"] .wsghost
{
  background:#fff; border-color:rgba(255,138,91,.28); color:#9A7C6E; border-radius:14px;
}
html[data-skin="peach"] .navrich__panel
{
  border-radius:22px;
}

/* ============ 极客终端（data-skin="terminal"）· 程序员／命令行：纯黑底、荧光绿、等宽字体 ============ */
html[data-skin="terminal"]
{
  --bg-1:#0A0C0A;
  --bg-2:#0D100D;
  --bg-3:#111511;

  --brand:#3DFF7A;
  --brand-d:#22D45C;
  --brand-l:#8CFFB4;
  --brand-w:rgba(61,255,122,.14);

  --text:#C6FFD8;
  --text-2:#8FE0AE;
  --text-3:#5E9E76;
  --text-4:#3F6E52;

  --card:rgba(12,16,12,.86);
  --card-2:rgba(10,14,10,.7);
  --line:rgba(61,255,122,.28);
  --line-2:rgba(61,255,122,.13);

  --ok:#3DFF7A;
  --warn:#FFB020;
  --err:#FF5C5C;

  --r-btn:0;
  --r-card:0;
  --r-pill:0;

  --shadow-card:0 0 0 1px rgba(61,255,122,.2), 0 0 40px -18px rgba(61,255,122,.5);
  --shadow-btn:0 0 0 1px rgba(61,255,122,.5), 0 0 24px -6px rgba(61,255,122,.7);

  --font:"JetBrains Mono","Cascadia Mono",Consolas,"Courier New","Sarasa Mono SC","Microsoft YaHei",monospace;
  --font-title:"JetBrains Mono","Cascadia Mono",Consolas,"Courier New","Sarasa Mono SC",monospace;
}
/* ---------- 背景：黑底 + 扫描线 + 极淡绿光晕 ---------- */
html[data-skin="terminal"], html[data-skin="terminal"]
html[data-skin="terminal"] body
{
  background:#0A0C0A;
}
html[data-skin="terminal"] #cv-bg
{
  opacity:.18; filter:hue-rotate(60deg) saturate(2) brightness(.85);
}
html[data-skin="terminal"] body::before
{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background:repeating-linear-gradient(180deg, rgba(61,255,122,.05) 0 1px, transparent 1px 3px);
}
html[data-skin="terminal"] body::after
{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(64% 52% at 50% 40%, rgba(61,255,122,.09), transparent 70%);
}
/* ---------- 舞台 ---------- */
html[data-skin="terminal"] .stage
{
  border-radius:0; box-shadow:0 0 0 1px rgba(61,255,122,.16);
}
/* ---------- 顶栏 ---------- */
html[data-skin="terminal"] .nav__link, html[data-skin="terminal"] .nav__admin
{
  border-radius:0; background:transparent; border:1px solid rgba(61,255,122,.3);
  color:#8FE0AE; font-weight:500; letter-spacing:.04em;
}
html[data-skin="terminal"] .nav__link::before
{
  content:"$ "; color:#3DFF7A; opacity:.8;
}
html[data-skin="terminal"] .nav__link:hover, html[data-skin="terminal"] .nav__admin:hover
{
  background:rgba(61,255,122,.1); border-color:#3DFF7A; color:#C6FFD8; box-shadow:0 0 18px -4px rgba(61,255,122,.7);
}
html[data-skin="terminal"] .logo__t
{
  font-family:var(--font); color:#C6FFD8; letter-spacing:.06em;
}
html[data-skin="terminal"] .logo__t b
{
  font-weight:700; color:#3DFF7A;
}
html[data-skin="terminal"] .logo__t::before
{
  content:"> "; color:#3DFF7A;
}
html[data-skin="terminal"] .logo svg path
{
  fill:#3DFF7A !important;
}
html[data-skin="terminal"] .logo svg circle
{
  fill:#3DFF7A !important;
}
/* ---------- 标题：等宽 + 光标后缀 ---------- */
html[data-skin="terminal"] .hero__t
{
  font-family:var(--font-title); font-weight:700; letter-spacing:-.01em; color:#D9FFE6; text-shadow:0 0 18px rgba(61,255,122,.5);
}
html[data-skin="terminal"] .hero__t2
{
  font-family:var(--font-title); font-weight:700; color:#3DFF7A; text-shadow:0 0 18px rgba(61,255,122,.6);
}
html[data-skin="terminal"] .hero__t::after
{
  content:"_"; color:#3DFF7A; margin-left:2px;
  animation:tk 1.06s steps(1) infinite;
}
@keyframes tk
{
  0%,49%
{
    opacity:1
  }
  50%,100%
{
    opacity:0
  }

}
html[data-skin="terminal"] .hero__sub
{
  font-family:var(--font); color:#5E9E76; letter-spacing:.01em;
}
html[data-skin="terminal"] .hero__sub::before
{
  content:"// "; opacity:.7;
}
/* ---------- 主卡片 ---------- */
html[data-skin="terminal"] .card
{
  background:#0C100C;
  border:1px solid rgba(61,255,122,.34);
  border-radius:0;
  box-shadow:var(--shadow-card);
  backdrop-filter:none; -webkit-backdrop-filter:none;
  position:relative;
}
html[data-skin="terminal"] .card::before
{
  content:"wipe-seek — parse"; position:absolute; top:0; left:0; right:0;
  padding:3px 10px; font-family:var(--font); font-size:10.5px; letter-spacing:.08em;
  color:#2E6B44; background:rgba(61,255,122,.07); border-bottom:1px solid rgba(61,255,122,.16);
}
/* ---------- 输入框 ---------- */
html[data-skin="terminal"] .inputbar
{
  background:#080A08;
  border:1px solid rgba(61,255,122,.38);
  border-radius:0;
}
html[data-skin="terminal"] .inputbar:focus-within
{
  border-color:#3DFF7A; box-shadow:0 0 0 1px #3DFF7A, 0 0 26px -6px rgba(61,255,122,.7);
}
html[data-skin="terminal"] .inputbar__ico
{
  color:#3DFF7A;
}
html[data-skin="terminal"] .inputbar__in
{
  font-family:var(--font); color:#C6FFD8; font-weight:500; letter-spacing:.01em;
}
html[data-skin="terminal"] .inputbar__in::placeholder
{
  color:#3F6E52;
}
html[data-skin="terminal"] .inputbar__paste
{
  background:rgba(61,255,122,.1); color:#8CFFB4; border:1px solid rgba(61,255,122,.4);
  border-radius:0; font-family:var(--font); font-weight:600;
}
html[data-skin="terminal"] .inputbar__paste:hover
{
  background:rgba(61,255,122,.2); color:#C6FFD8; box-shadow:0 0 16px -4px rgba(61,255,122,.8);
}
html[data-skin="terminal"] .inputbar__paste:active
{
  background:rgba(61,255,122,.28);
}
html[data-skin="terminal"] .inputbar__clear
{
  border-radius:0; color:#5E9E76; font-family:var(--font);
}
html[data-skin="terminal"] .inputbar__clear:hover
{
  background:rgba(61,255,122,.12); color:#C6FFD8;
}
html[data-skin="terminal"] .inputbar__go
{
  background:transparent;
  color:#3DFF7A;
  border:1px solid #3DFF7A;
  border-radius:0;
  font-family:var(--font);
  font-weight:700;
  letter-spacing:.06em;
  box-shadow:0 0 22px -6px rgba(61,255,122,.75), inset 0 0 20px -12px rgba(61,255,122,.8);
}
html[data-skin="terminal"] .inputbar__go:hover
{
  background:#3DFF7A; color:#06120A; box-shadow:0 0 30px -4px rgba(61,255,122,.9); filter:none;
}
html[data-skin="terminal"] .inputbar__go:active
{
  background:#22D45C;
}
html[data-skin="terminal"] .inputbar__foot
{
  background:rgba(61,255,122,.045);
  border-top:1px solid rgba(61,255,122,.2);
}
html[data-skin="terminal"] .tag
{
  font-family:var(--font); color:#5E9E76; letter-spacing:.02em;
}
html[data-skin="terminal"] .tag::before
{
  content:"["; color:#3DFF7A;
}
html[data-skin="terminal"] .tag::after
{
  content:"]"; color:#3DFF7A;
}
html[data-skin="terminal"] .tag__dot
{
  background:#3DFF7A; box-shadow:0 0 8px rgba(61,255,122,.9);
}
html[data-skin="terminal"] .inputbar__hint
{
  font-family:var(--font); color:#5E9E76;
}
html[data-skin="terminal"] .inputbar__hint.is-on
{
  color:#FFB020;
}
/* ---------- 结果区 ---------- */
html[data-skin="terminal"] .res__title
{
  font-family:var(--font-title); color:#D9FFE6; font-weight:600;
}
html[data-skin="terminal"] .res__meta dt
{
  font-family:var(--font); color:#3F6E52;
}
html[data-skin="terminal"] .res__meta dd
{
  font-family:var(--font); color:#8FE0AE;
}
html[data-skin="terminal"] .res__media
{
  background:rgba(61,255,122,.06); border-radius:0; border:1px solid rgba(61,255,122,.2);
}
html[data-skin="terminal"] .res__video
{
  border-radius:0;
}
html[data-skin="terminal"] .res__badge
{
  background:rgba(61,255,122,.14); color:#3DFF7A; border:1px solid #3DFF7A; border-radius:0; font-family:var(--font); letter-spacing:.06em;
}
html[data-skin="terminal"] .res__gitem
{
  border-radius:0; border-color:rgba(61,255,122,.24);
}
html[data-skin="terminal"] .btn--pri
{
  background:transparent !important; color:#3DFF7A !important; border:1px solid #3DFF7A !important; border-radius:0 !important; font-family:var(--font) !important; font-weight:700 !important; box-shadow:0 0 18px -6px rgba(61,255,122,.7) !important;
}
html[data-skin="terminal"] .btn--pri:hover
{
  background:#3DFF7A !important; color:#06120A !important;
}
html[data-skin="terminal"] .btn--gho
{
  background:transparent !important; color:#8FE0AE !important; border:1px solid rgba(61,255,122,.34) !important; border-radius:0 !important; font-family:var(--font) !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="terminal"] .empty__t
{
  font-family:var(--font-title); color:#8FE0AE;
}
html[data-skin="terminal"] .empty__d
{
  font-family:var(--font); color:#3F6E52;
}
html[data-skin="terminal"] .load__t
{
  font-family:var(--font); color:#5E9E76;
}
html[data-skin="terminal"] .load__bar
{
  background:rgba(61,255,122,.12); border-radius:0;
}
html[data-skin="terminal"] .load__fill
{
  background:#3DFF7A; border-radius:0; box-shadow:0 0 14px rgba(61,255,122,.8);
}
html[data-skin="terminal"] .load__ring span
{
  background:#3DFF7A; box-shadow:0 0 12px rgba(61,255,122,.9);
}
html[data-skin="terminal"] .err__t
{
  font-family:var(--font-title); color:#FF5C5C;
}
html[data-skin="terminal"] .err__t::before
{
  content:"ERROR: ";
}
html[data-skin="terminal"] .err__d, html[data-skin="terminal"] .err__a
{
  font-family:var(--font); color:#5E9E76;
}
/* ---------- 页脚 ---------- */
html[data-skin="terminal"] .foot
{
  border-top:1px solid rgba(61,255,122,.18);
}
html[data-skin="terminal"] .foot__cp, html[data-skin="terminal"] .foot__disc, html[data-skin="terminal"] .foot__l2
{
  font-family:var(--font); color:#3F6E52;
}
html[data-skin="terminal"] .foot__icp, html[data-skin="terminal"] .foot__sep{
  color:#3F6E52;
}
html[data-skin="terminal"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="terminal"] .foot__link
{
  font-family:var(--font); color:#5E9E76; border-radius:0;
}
html[data-skin="terminal"] .foot__link:hover
{
  color:#3DFF7A; background:rgba(61,255,122,.1);
}
html[data-skin="terminal"] .foot__icp
{
  color:#3F6E52;
}
html[data-skin="terminal"] .foot__logo svg path
{
  fill:#3DFF7A !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="terminal"] .nav__login
{
  background:transparent; color:#3DFF7A; border:1px solid #3DFF7A; border-radius:0; font-family:var(--font); font-weight:700; box-shadow:0 0 18px -6px rgba(61,255,122,.7);
}
html[data-skin="terminal"] .nav__login:hover
{
  background:#3DFF7A; color:#06120A;
}
html[data-skin="terminal"] .nav__quota
{
  background:rgba(61,255,122,.1); color:#8CFFB4; border:1px solid rgba(61,255,122,.3); border-radius:0; font-family:var(--font);
}
html[data-skin="terminal"] .nav__quota b
{
  color:#3DFF7A;
}
html[data-skin="terminal"] .nav__uname
{
  background:transparent; border-color:rgba(61,255,122,.34); border-radius:0; color:#8FE0AE; font-family:var(--font);
}
html[data-skin="terminal"] .nav__uname:hover
{
  background:rgba(61,255,122,.14); border-color:#3DFF7A; color:#C6FFD8;
}
/* ---------- 浮层 ---------- */
html[data-skin="terminal"] .wsbox
{
  background:#0C100C; border:1px solid rgba(61,255,122,.34); border-radius:0; box-shadow:0 0 0 1px rgba(61,255,122,.2), 0 30px 70px -30px rgba(61,255,122,.4); color:#C6FFD8; font-family:var(--font);
}
html[data-skin="terminal"] .wsbox__t
{
  font-family:var(--font-title); color:#D9FFE6;
}
html[data-skin="terminal"] .wsbox__x
{
  color:#5E9E76; border-radius:0; font-family:var(--font);
}
html[data-skin="terminal"] .wsbox__x:hover
{
  background:rgba(61,255,122,.12); color:#C6FFD8;
}
html[data-skin="terminal"] .wsf > span
{
  font-family:var(--font); color:#5E9E76;
}
html[data-skin="terminal"] .wsf input
{
  background:#080A08; border-color:rgba(61,255,122,.34); color:#C6FFD8; border-radius:0; font-family:var(--font);
}
html[data-skin="terminal"] .wsf input:focus
{
  border-color:#3DFF7A; box-shadow:0 0 0 1px rgba(61,255,122,.6);
}
html[data-skin="terminal"] .wstab
{
  background:transparent; border-color:rgba(61,255,122,.3); color:#5E9E76; border-radius:0; font-family:var(--font);
}
html[data-skin="terminal"] .wstab.on
{
  background:rgba(61,255,122,.16); color:#8CFFB4; border-color:#3DFF7A;
}
html[data-skin="terminal"] .wsbtn
{
  background:transparent; color:#3DFF7A; border:1px solid #3DFF7A; font-family:var(--font); font-weight:700; border-radius:0; box-shadow:0 0 20px -6px rgba(61,255,122,.7);
}
html[data-skin="terminal"] .wsbtn:hover
{
  background:#3DFF7A; color:#06120A; filter:none;
}
html[data-skin="terminal"] .wshint
{
  font-family:var(--font); color:#5E9E76;
}
html[data-skin="terminal"] .uc__top
{
  background:rgba(61,255,122,.06); border-color:rgba(61,255,122,.22); border-radius:0;
}
html[data-skin="terminal"] .uc__quota b
{
  font-family:var(--font-title); color:#3DFF7A; text-shadow:0 0 16px rgba(61,255,122,.7);
}
html[data-skin="terminal"] .uc__meta
{
  font-family:var(--font); color:#5E9E76;
}
html[data-skin="terminal"] .uc__logs
{
  border-color:rgba(61,255,122,.2); border-radius:0;
}
html[data-skin="terminal"] .uc__sec h4
{
  font-family:var(--font-title); color:#8FE0AE;
}
html[data-skin="terminal"] .uc__lrow
{
  font-family:var(--font); color:#8FE0AE; border-bottom-color:rgba(61,255,122,.1);
}
html[data-skin="terminal"] .uc__lrow > span:nth-child(1)
{
  color:#3F6E52;
}
html[data-skin="terminal"] .uc__lrow--hd
{
  background:rgba(61,255,122,.07); color:#3F6E52;
}
html[data-skin="terminal"] .wsghost
{
  background:transparent; border-color:rgba(61,255,122,.3); color:#5E9E76; border-radius:0; font-family:var(--font);
}
html[data-skin="terminal"] .navrich__panel
{
  background:#0C100C; border-radius:0; font-family:var(--font);
}

/* ============ 商务蓝调（data-skin="corporate"）· 企业级专业：深钴蓝 + 银灰，规整克制动 ============ */
html[data-skin="corporate"]
{
  --bg-1:#F4F6F9;
  --bg-2:#EEF2F7;
  --bg-3:#E7ECF4;

  --brand:#1B4B8F;
  --brand-d:#123A72;
  --brand-l:#5C86C4;
  --brand-w:#E2EAF6;

  --text:#16202E;
  --text-2:#3A4757;
  --text-3:#67748A;
  --text-4:#9BA6B8;

  --card:rgba(255,255,255,.94);
  --card-2:rgba(250,252,255,.86);
  --line:rgba(22,32,46,.14);
  --line-2:rgba(22,32,46,.075);

  --ok:#0F7B4F;
  --warn:#B5761B;
  --err:#C0342F;

  --r-btn:6px;
  --r-card:8px;
  --r-pill:6px;

  --shadow-card:0 1px 2px rgba(22,32,46,.05), 0 10px 28px -16px rgba(22,32,46,.22);
  --shadow-btn:0 1px 2px rgba(22,32,46,.1), 0 6px 16px -8px rgba(27,75,143,.5);

  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-title:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：干净浅灰蓝，星链压到"数据纹理"级别 ---------- */
html[data-skin="corporate"], html[data-skin="corporate"]
html[data-skin="corporate"] body
{
  background:#F4F6F9;
}
html[data-skin="corporate"] #cv-bg
{
  opacity:.26; filter:saturate(.55) brightness(1.02);
}
html[data-skin="corporate"] body::after
{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.6;
  background-image:linear-gradient(rgba(27,75,143,.045) 1px, transparent 1px),
  linear-gradient(90deg, rgba(27,75,143,.045) 1px, transparent 1px);
  background-size:52px 52px;
}
/* ---------- 舞台 ---------- */
html[data-skin="corporate"] .stage
{
  border-radius:8px;
}
/* ---------- 顶栏 ---------- */
html[data-skin="corporate"] .nav__link, html[data-skin="corporate"] .nav__admin
{
  border-radius:6px; background:#fff; border:1px solid rgba(22,32,46,.14);
  color:#3A4757; font-weight:500;
}
html[data-skin="corporate"] .nav__link:hover, html[data-skin="corporate"] .nav__admin:hover
{
  background:#F4F7FC; border-color:#5C86C4; color:#1B4B8F; box-shadow:none;
}
html[data-skin="corporate"] .logo__t
{
  color:#16202E; font-weight:600;
}
html[data-skin="corporate"] .logo__t b
{
  color:#1B4B8F; font-weight:700;
}
html[data-skin="corporate"] .logo svg path
{
  fill:#1B4B8F !important;
}
html[data-skin="corporate"] .logo svg circle
{
  fill:#1B4B8F !important;
}
/* ---------- 标题 ---------- */
html[data-skin="corporate"] .hero__t
{
  color:#16202E; font-weight:600; letter-spacing:-.005em;
}
html[data-skin="corporate"] .hero__t2
{
  color:#1B4B8F; font-weight:600;
}
html[data-skin="corporate"] .hero__sub
{
  color:#67748A;
}
/* ---------- 主卡片：白底 + 硬朗边框（去玻璃感） ---------- */
html[data-skin="corporate"] .card
{
  background:#fff;
  border:1px solid rgba(22,32,46,.16);
  border-radius:8px;
  box-shadow:var(--shadow-card);
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
/* ---------- 输入框 ---------- */
html[data-skin="corporate"] .inputbar
{
  background:#FBFCFE;
  border:1px solid rgba(22,32,46,.18);
  border-radius:6px;
}
html[data-skin="corporate"] .inputbar:focus-within
{
  border-color:#1B4B8F; box-shadow:0 0 0 3px rgba(27,75,143,.12);
}
html[data-skin="corporate"] .inputbar__ico
{
  color:#9BA6B8;
}
html[data-skin="corporate"] .inputbar:focus-within .inputbar__ico
{
  color:#1B4B8F;
}
html[data-skin="corporate"] .inputbar__in
{
  color:#16202E; font-weight:500;
}
html[data-skin="corporate"] .inputbar__in::placeholder
{
  color:#AEB8C7;
}
html[data-skin="corporate"] .inputbar__paste
{
  background:#E2EAF6; color:#1B4B8F; border:1px solid rgba(27,75,143,.2);
  border-radius:6px; font-weight:600;
}
html[data-skin="corporate"] .inputbar__paste:hover
{
  background:#D3E0F2; color:#123A72; box-shadow:none;
}
html[data-skin="corporate"] .inputbar__paste:active
{
  background:#C5D6EE;
}
html[data-skin="corporate"] .inputbar__clear
{
  border-radius:6px; color:#9BA6B8;
}
html[data-skin="corporate"] .inputbar__clear:hover
{
  background:#EEF2F7; color:#1B4B8F;
}
html[data-skin="corporate"] .inputbar__go
{
  background:linear-gradient(180deg,#2258A3,#1B4B8F);
  color:#fff;
  border-radius:6px;
  font-weight:600;
  letter-spacing:.03em;
  box-shadow:var(--shadow-btn);
}
html[data-skin="corporate"] .inputbar__go:hover
{
  filter:brightness(1.07); box-shadow:0 2px 5px rgba(22,32,46,.12), 0 10px 22px -8px rgba(27,75,143,.6);
}
html[data-skin="corporate"] .inputbar__go:active
{
  filter:brightness(.96);
}
html[data-skin="corporate"] .inputbar__foot
{
  background:#F7F9FC;
  border-top:1px solid rgba(22,32,46,.09);
}
html[data-skin="corporate"] .tag
{
  color:#67748A; letter-spacing:.02em;
}
html[data-skin="corporate"] .tag__dot
{
  background:#1B4B8F;
}
html[data-skin="corporate"] .inputbar__hint
{
  color:#67748A;
}
html[data-skin="corporate"] .inputbar__hint.is-on
{
  color:#C0342F;
}
/* ---------- 结果区 ---------- */
html[data-skin="corporate"] .res__title
{
  color:#16202E; font-weight:600;
}
html[data-skin="corporate"] .res__meta dt
{
  color:#9BA6B8;
}
html[data-skin="corporate"] .res__meta dd
{
  color:#3A4757; font-weight:500;
}
html[data-skin="corporate"] .res__media
{
  background:#EEF2F7; border-radius:6px;
}
html[data-skin="corporate"] .res__video
{
  border-radius:6px;
}
html[data-skin="corporate"] .res__badge
{
  background:#1B4B8F; color:#fff; border-radius:6px; font-weight:600;
}
html[data-skin="corporate"] .res__gitem
{
  border-radius:6px; border-color:rgba(22,32,46,.14);
}
html[data-skin="corporate"] .btn--pri
{
  background:linear-gradient(180deg,#2258A3,#1B4B8F) !important; color:#fff !important; border-color:transparent !important; border-radius:6px !important; font-weight:600 !important; box-shadow:0 6px 16px -8px rgba(27,75,143,.6) !important;
}
html[data-skin="corporate"] .btn--gho
{
  background:#fff !important; color:#3A4757 !important; border:1px solid rgba(22,32,46,.18) !important; border-radius:6px !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="corporate"] .empty__t
{
  color:#3A4757; font-weight:500;
}
html[data-skin="corporate"] .empty__d
{
  color:#9BA6B8;
}
html[data-skin="corporate"] .load__t
{
  color:#67748A;
}
html[data-skin="corporate"] .load__bar
{
  background:#E7ECF4; border-radius:3px;
}
html[data-skin="corporate"] .load__fill
{
  background:#1B4B8F; border-radius:3px;
}
html[data-skin="corporate"] .load__ring span
{
  background:#1B4B8F;
}
html[data-skin="corporate"] .err__t
{
  color:#C0342F; font-weight:600;
}
html[data-skin="corporate"] .err__d, html[data-skin="corporate"] .err__a
{
  color:#67748A;
}
/* ---------- 页脚 ---------- */
html[data-skin="corporate"] .foot
{
  border-top:1px solid rgba(22,32,46,.1);
}
html[data-skin="corporate"] .foot__cp, html[data-skin="corporate"] .foot__disc, html[data-skin="corporate"] .foot__l2
{
  color:#9BA6B8;
}
html[data-skin="corporate"] .foot__icp, html[data-skin="corporate"] .foot__sep{
  color:#9BA6B8;
}
html[data-skin="corporate"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="corporate"] .foot__link
{
  color:#67748A; border-radius:6px;
}
html[data-skin="corporate"] .foot__link:hover
{
  color:#1B4B8F; background:#EEF2F7;
}
html[data-skin="corporate"] .foot__icp
{
  color:#9BA6B8;
}
html[data-skin="corporate"] .foot__logo svg path
{
  fill:#1B4B8F !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="corporate"] .nav__login
{
  background:linear-gradient(180deg,#2258A3,#1B4B8F); color:#fff; border-color:transparent; font-weight:600; box-shadow:0 6px 16px -8px rgba(27,75,143,.6);
}
html[data-skin="corporate"] .nav__quota
{
  background:#E2EAF6; color:#1B4B8F; border:1px solid rgba(27,75,143,.18);
}
html[data-skin="corporate"] .nav__quota b
{
  color:#123A72;
}
html[data-skin="corporate"] .nav__uname
{
  background:#fff; border-color:rgba(22,32,46,.16); color:#3A4757;
}
html[data-skin="corporate"] .nav__uname:hover
{
  background:#F4F7FC; border-color:#1B4B8F; color:#1B4B8F;
}
/* ---------- 浮层 ---------- */
html[data-skin="corporate"] .wsbox
{
  background:#fff; border-radius:10px; border:1px solid rgba(22,32,46,.12); box-shadow:0 24px 60px -28px rgba(22,32,46,.4); color:#16202E;
}
html[data-skin="corporate"] .wsbox__x
{
  color:#9BA6B8; border-radius:6px;
}
html[data-skin="corporate"] .wsbox__x:hover
{
  background:#EEF2F7; color:#1B4B8F;
}
html[data-skin="corporate"] .wsf > span
{
  color:#67748A;
}
html[data-skin="corporate"] .wsf input
{
  background:#FBFCFE; border-color:rgba(22,32,46,.18); color:#16202E; border-radius:6px;
}
html[data-skin="corporate"] .wsf input:focus
{
  border-color:#1B4B8F; box-shadow:0 0 0 3px rgba(27,75,143,.12);
}
html[data-skin="corporate"] .wstab
{
  background:#fff; border-color:rgba(22,32,46,.16); color:#67748A; border-radius:6px;
}
html[data-skin="corporate"] .wstab.on
{
  background:#E2EAF6; color:#1B4B8F; border-color:transparent; font-weight:600;
}
html[data-skin="corporate"] .wsbtn
{
  background:linear-gradient(180deg,#2258A3,#1B4B8F); color:#fff; font-weight:600; border-radius:6px; box-shadow:0 8px 20px -10px rgba(27,75,143,.7);
}
html[data-skin="corporate"] .wsbtn:hover
{
  filter:brightness(1.07);
}
html[data-skin="corporate"] .wshint
{
  color:#67748A;
}
html[data-skin="corporate"] .uc__top
{
  background:#F2F6FD; border-color:rgba(27,75,143,.16); border-radius:8px;
}
html[data-skin="corporate"] .uc__quota b
{
  color:#1B4B8F;
}
html[data-skin="corporate"] .uc__meta
{
  color:#67748A;
}
html[data-skin="corporate"] .uc__logs
{
  border-color:rgba(22,32,46,.1); border-radius:6px;
}
html[data-skin="corporate"] .uc__lrow
{
  color:#3A4757; border-bottom-color:rgba(22,32,46,.06);
}
html[data-skin="corporate"] .uc__lrow > span:nth-child(1)
{
  color:#9BA6B8;
}
html[data-skin="corporate"] .uc__lrow--hd
{
  background:#F7F9FC; color:#9BA6B8;
}
html[data-skin="corporate"] .wsghost
{
  background:#fff; border-color:rgba(22,32,46,.18); color:#3A4757; border-radius:6px;
}
html[data-skin="corporate"] .navrich__panel
{
  border-radius:8px;
}

/* ============ 日系清新（data-skin="zen"）· 无印／和风：米白留白、苔绿点缀、大量呼吸感 ============ */
html[data-skin="zen"]
{
  --bg-1:#FAF8F4;
  --bg-2:#F5F2EB;
  --bg-3:#EFEBE2;

  --brand:#6B7A5A;
  --brand-d:#55634A;
  --brand-l:#96A487;
  --brand-w:rgba(107,122,90,.12);

  --text:#2F332B;
  --text-2:#4E5445;
  --text-3:#7A8070;
  --text-4:#A3A896;

  --card:rgba(253,252,249,.9);
  --card-2:rgba(250,248,243,.78);
  --line:rgba(47,51,43,.14);
  --line-2:rgba(47,51,43,.07);

  --ok:#5B8A5A;
  --warn:#B08A3E;
  --err:#A9503F;

  --r-btn:12px;
  --r-card:14px;
  --r-pill:999px;

  --shadow-card:0 1px 2px rgba(47,51,43,.03), 0 16px 40px -26px rgba(47,51,43,.22);
  --shadow-btn:0 1px 2px rgba(47,51,43,.06), 0 10px 22px -12px rgba(107,122,90,.5);

  --font:"Hiragino Sans","Yu Gothic",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-title:"Hiragino Sans","Yu Gothic","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：米白留白 + 柔和自然光 ---------- */
html[data-skin="zen"], html[data-skin="zen"]
html[data-skin="zen"] body
{
  background:#FAF8F4;
}
html[data-skin="zen"] #cv-bg
{
  opacity:.22; filter:sepia(.28) saturate(.7) hue-rotate(35deg);
}
html[data-skin="zen"] body::after
{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
  radial-gradient(52% 40% at 22% 8%, rgba(107,122,90,.10), transparent 68%),
  radial-gradient(46% 38% at 82% 92%, rgba(176,138,62,.08), transparent 70%);
}
/* ---------- 舞台 ---------- */
html[data-skin="zen"] .stage
{
  border-radius:14px;
}
/* ---------- 顶栏 ---------- */
html[data-skin="zen"] .nav__link, html[data-skin="zen"] .nav__admin
{
  border-radius:999px; background:transparent; border:1px solid transparent;
  color:#4E5445; font-weight:400; letter-spacing:.06em;
}
html[data-skin="zen"] .nav__link:hover, html[data-skin="zen"] .nav__admin:hover
{
  background:rgba(107,122,90,.09); color:#55634A; border-color:transparent; box-shadow:none;
}
html[data-skin="zen"] .logo__t
{
  color:#2F332B; font-weight:400; letter-spacing:.06em;
}
html[data-skin="zen"] .logo__t b
{
  font-weight:600; color:#6B7A5A; letter-spacing:.06em;
}
html[data-skin="zen"] .logo svg path
{
  fill:#6B7A5A !important;
}
html[data-skin="zen"] .logo svg circle
{
  fill:#B08A3E !important;
}
/* ---------- 标题：细字重 + 大字距 + 舒展行高 ---------- */
html[data-skin="zen"] .hero__t
{
  font-weight:300; letter-spacing:.05em; color:#2F332B; line-height:1.42;
}
html[data-skin="zen"] .hero__t2
{
  font-weight:300; color:#6B7A5A; letter-spacing:.05em;
}
html[data-skin="zen"] .hero__sub
{
  font-weight:400; letter-spacing:.05em; color:#8A9080; line-height:1.9;
}
/* ---------- 主卡片 ---------- */
html[data-skin="zen"] .card
{
  background:linear-gradient(180deg,rgba(254,253,251,.95),rgba(250,248,243,.86));
  border:1px solid rgba(47,51,43,.11);
  border-radius:14px;
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(16px) saturate(1.15); -webkit-backdrop-filter:blur(16px) saturate(1.15);
  gap:clamp(12px,1.6vh,20px);
}
/* ---------- 输入框 ---------- */
html[data-skin="zen"] .inputbar
{
  background:#FEFDFB;
  border:1px solid rgba(47,51,43,.14);
  border-radius:12px;
}
html[data-skin="zen"] .inputbar:focus-within
{
  border-color:#96A487; box-shadow:0 0 0 4px rgba(107,122,90,.1);
}
html[data-skin="zen"] .inputbar__ico
{
  color:#A3A896;
}
html[data-skin="zen"] .inputbar:focus-within .inputbar__ico
{
  color:#6B7A5A;
}
html[data-skin="zen"] .inputbar__in
{
  color:#2F332B; font-weight:400; letter-spacing:.03em;
}
html[data-skin="zen"] .inputbar__in::placeholder
{
  color:#AFB4A4;
}
html[data-skin="zen"] .inputbar__paste
{
  background:rgba(107,122,90,.1); color:#55634A; border:1px solid rgba(107,122,90,.2);
  border-radius:10px; font-weight:500; letter-spacing:.06em;
}
html[data-skin="zen"] .inputbar__paste:hover
{
  background:rgba(107,122,90,.17); color:#3F4A36; box-shadow:none;
}
html[data-skin="zen"] .inputbar__paste:active
{
  background:rgba(107,122,90,.24);
}
html[data-skin="zen"] .inputbar__clear
{
  border-radius:10px; color:#A3A896;
}
html[data-skin="zen"] .inputbar__clear:hover
{
  background:rgba(107,122,90,.1); color:#55634A;
}
html[data-skin="zen"] .inputbar__go
{
  background:#6B7A5A;
  color:#FAF8F4;
  border-radius:12px;
  font-weight:500;
  letter-spacing:.1em;
  box-shadow:var(--shadow-btn);
}
html[data-skin="zen"] .inputbar__go:hover
{
  background:#55634A; filter:none; box-shadow:0 2px 6px rgba(47,51,43,.1), 0 12px 26px -12px rgba(107,122,90,.6);
}
html[data-skin="zen"] .inputbar__go:active
{
  background:#48553E;
}
html[data-skin="zen"] .inputbar__foot
{
  background:rgba(107,122,90,.045);
  border-top:1px solid rgba(47,51,43,.07);
}
html[data-skin="zen"] .tag
{
  color:#7A8070; letter-spacing:.05em;
}
html[data-skin="zen"] .tag__dot
{
  background:#6B7A5A; box-shadow:0 0 0 4px rgba(107,122,90,.14);
}
html[data-skin="zen"] .inputbar__hint
{
  color:#7A8070;
}
html[data-skin="zen"] .inputbar__hint.is-on
{
  color:#A9503F;
}
/* ---------- 结果区 ---------- */
html[data-skin="zen"] .res__title
{
  font-weight:400; letter-spacing:.03em; color:#2F332B;
}
html[data-skin="zen"] .res__meta dt
{
  color:#A3A896; letter-spacing:.06em;
}
html[data-skin="zen"] .res__meta dd
{
  color:#4E5445;
}
html[data-skin="zen"] .res__media
{
  background:rgba(107,122,90,.055); border-radius:12px;
}
html[data-skin="zen"] .res__video
{
  border-radius:12px;
}
html[data-skin="zen"] .res__badge
{
  background:#6B7A5A; color:#FAF8F4; border-radius:999px; letter-spacing:.08em;
}
html[data-skin="zen"] .res__gitem
{
  border-radius:10px; border-color:rgba(47,51,43,.11);
}
html[data-skin="zen"] .btn--pri
{
  background:#6B7A5A !important; color:#FAF8F4 !important; border-color:#6B7A5A !important; border-radius:12px !important; font-weight:500 !important; letter-spacing:.06em !important;
}
html[data-skin="zen"] .btn--pri:hover
{
  background:#55634A !important;
}
html[data-skin="zen"] .btn--gho
{
  background:#FEFDFB !important; color:#4E5445 !important; border:1px solid rgba(47,51,43,.16) !important; border-radius:12px !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="zen"] .empty__t
{
  font-weight:400; letter-spacing:.04em; color:#4E5445;
}
html[data-skin="zen"] .empty__d
{
  color:#A3A896; line-height:1.9;
}
html[data-skin="zen"] .load__t
{
  color:#7A8070; letter-spacing:.04em;
}
html[data-skin="zen"] .load__bar
{
  background:rgba(47,51,43,.07); border-radius:999px;
}
html[data-skin="zen"] .load__fill
{
  background:#96A487; border-radius:999px;
}
html[data-skin="zen"] .load__ring span
{
  background:#6B7A5A;
}
html[data-skin="zen"] .err__t
{
  color:#A9503F; font-weight:500; letter-spacing:.03em;
}
html[data-skin="zen"] .err__d, html[data-skin="zen"] .err__a
{
  color:#7A8070;
}
/* ---------- 页脚 ---------- */
html[data-skin="zen"] .foot
{
  border-top:1px solid rgba(47,51,43,.08);
}
html[data-skin="zen"] .foot__cp, html[data-skin="zen"] .foot__disc, html[data-skin="zen"] .foot__l2
{
  color:#A3A896; letter-spacing:.03em;
}
html[data-skin="zen"] .foot__icp, html[data-skin="zen"] .foot__sep{
  color:#A3A896;
}
html[data-skin="zen"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="zen"] .foot__link
{
  color:#7A8070; border-radius:999px; letter-spacing:.05em;
}
html[data-skin="zen"] .foot__link:hover
{
  color:#55634A; background:rgba(107,122,90,.09);
}
html[data-skin="zen"] .foot__icp
{
  color:#A3A896;
}
html[data-skin="zen"] .foot__logo svg path
{
  fill:#6B7A5A !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="zen"] .nav__login
{
  background:#6B7A5A; color:#FAF8F4; border-color:#6B7A5A; font-weight:500; letter-spacing:.06em;
}
html[data-skin="zen"] .nav__login:hover
{
  background:#55634A; border-color:#55634A; box-shadow:none;
}
html[data-skin="zen"] .nav__quota
{
  background:rgba(107,122,90,.1); color:#55634A; border:1px solid rgba(107,122,90,.16);
}
html[data-skin="zen"] .nav__quota b
{
  color:#3F4A36;
}
html[data-skin="zen"] .nav__uname
{
  background:#FEFDFB; border-color:rgba(47,51,43,.14); color:#4E5445;
}
html[data-skin="zen"] .nav__uname:hover
{
  background:#F5F2EB; border-color:#6B7A5A; color:#55634A;
}
/* ---------- 浮层 ---------- */
html[data-skin="zen"] .wsbox
{
  background:#FDFCF9; border-radius:16px; box-shadow:0 26px 60px -30px rgba(47,51,43,.35); color:#2F332B;
}
html[data-skin="zen"] .wsbox__x
{
  color:#A3A896; border-radius:10px;
}
html[data-skin="zen"] .wsbox__x:hover
{
  background:rgba(107,122,90,.1); color:#55634A;
}
html[data-skin="zen"] .wsf > span
{
  color:#7A8070; letter-spacing:.04em;
}
html[data-skin="zen"] .wsf input
{
  background:#FEFDFB; border-color:rgba(47,51,43,.14); color:#2F332B; border-radius:12px;
}
html[data-skin="zen"] .wsf input:focus
{
  border-color:#96A487; box-shadow:0 0 0 4px rgba(107,122,90,.1);
}
html[data-skin="zen"] .wstab
{
  background:#FEFDFB; border-color:rgba(47,51,43,.13); color:#7A8070; border-radius:999px; letter-spacing:.05em;
}
html[data-skin="zen"] .wstab.on
{
  background:rgba(107,122,90,.13); color:#55634A; border-color:transparent;
}
html[data-skin="zen"] .wsbtn
{
  background:#6B7A5A; color:#FAF8F4; font-weight:500; letter-spacing:.1em; border-radius:12px; box-shadow:0 10px 22px -12px rgba(107,122,90,.6);
}
html[data-skin="zen"] .wsbtn:hover
{
  background:#55634A; filter:none;
}
html[data-skin="zen"] .wshint
{
  color:#7A8070;
}
html[data-skin="zen"] .uc__top
{
  background:rgba(107,122,90,.07); border-color:rgba(107,122,90,.14); border-radius:14px;
}
html[data-skin="zen"] .uc__quota b
{
  color:#6B7A5A;
}
html[data-skin="zen"] .uc__meta
{
  color:#7A8070;
}
html[data-skin="zen"] .uc__logs
{
  border-color:rgba(47,51,43,.09); border-radius:12px;
}
html[data-skin="zen"] .uc__lrow
{
  color:#4E5445; border-bottom-color:rgba(47,51,43,.05);
}
html[data-skin="zen"] .uc__lrow > span:nth-child(1)
{
  color:#A3A896;
}
html[data-skin="zen"] .uc__lrow--hd
{
  background:rgba(107,122,90,.05); color:#A3A896;
}
html[data-skin="zen"] .wsghost
{
  background:#FEFDFB; border-color:rgba(47,51,43,.16); color:#7A8070; border-radius:12px;
}
html[data-skin="zen"] .navrich__panel
{
  border-radius:14px;
}

/* ============ 玻璃棱镜（data-skin="prism"）· 现代玻璃拟态：多彩渐变光晕 + 强毛玻璃 ============ */
html[data-skin="prism"]
{
  --bg-1:#F2F0FF;
  --bg-2:#EDE9FF;
  --bg-3:#E7E2FF;

  --brand:#7C4DFF;
  --brand-d:#6534E8;
  --brand-l:#A98BFF;
  --brand-w:rgba(124,77,255,.14);

  --text:#211B3A;
  --text-2:#453D63;
  --text-3:#6E6689;
  --text-4:#9D96B5;

  --card:rgba(255,255,255,.56);
  --card-2:rgba(255,255,255,.38);
  --line:rgba(124,77,255,.18);
  --line-2:rgba(124,77,255,.09);

  --ok:#12A66A;
  --warn:#D98324;
  --err:#E0356E;

  --r-btn:13px;
  --r-card:22px;
  --r-pill:999px;

  --shadow-card:0 2px 8px rgba(124,77,255,.07), 0 24px 60px -28px rgba(124,77,255,.34);
  --shadow-btn:0 2px 6px rgba(124,77,255,.16), 0 14px 30px -12px rgba(124,77,255,.62);

  --font:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-title:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：三色光斑 + 星链染色 ---------- */
html[data-skin="prism"], html[data-skin="prism"]
html[data-skin="prism"] body
{
  background:#F2F0FF;
}
html[data-skin="prism"] #cv-bg
{
  opacity:.42; filter:hue-rotate(-40deg) saturate(1.7) brightness(1.03);
}
html[data-skin="prism"] body::after
{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
  radial-gradient(48% 40% at 12% 6%, rgba(124,77,255,.30), transparent 64%),
  radial-gradient(44% 38% at 88% 14%, rgba(255,77,158,.24), transparent 66%),
  radial-gradient(52% 44% at 68% 94%, rgba(56,189,248,.26), transparent 68%);
}
/* ---------- 舞台 ---------- */
html[data-skin="prism"] .stage
{
  border-radius:26px;
}
/* ---------- 顶栏 ---------- */
html[data-skin="prism"] .nav__link, html[data-skin="prism"] .nav__admin
{
  border-radius:999px; background:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.8);
  color:#453D63; font-weight:600;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
}
html[data-skin="prism"] .nav__link:hover, html[data-skin="prism"] .nav__admin:hover
{
  background:rgba(255,255,255,.8); border-color:rgba(124,77,255,.4); color:#6534E8; box-shadow:0 6px 20px -10px rgba(124,77,255,.6);
}
html[data-skin="prism"] .logo__t
{
  color:#211B3A; font-weight:700;
}
html[data-skin="prism"] .logo__t b
{
  background:linear-gradient(120deg,#7C4DFF,#FF4D9E); -webkit-background-clip:text; background-clip:text; color:transparent;
}
html[data-skin="prism"] .logo svg path
{
  fill:url(#lg) !important;
}
/* ---------- 标题：渐变字 ---------- */
html[data-skin="prism"] .hero__t
{
  color:#211B3A; font-weight:800;
}
html[data-skin="prism"] .hero__t2
{
  font-weight:800;
  background:linear-gradient(120deg,#7C4DFF 0%,#FF4D9E 55%,#38BDF8 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
html[data-skin="prism"] .hero__sub
{
  color:#6E6689;
}
/* ---------- 主卡片：强玻璃 ---------- */
html[data-skin="prism"] .card
{
  background:linear-gradient(150deg, rgba(255,255,255,.66), rgba(255,255,255,.34));
  border:1px solid rgba(255,255,255,.85);
  border-radius:22px;
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(30px) saturate(1.7); -webkit-backdrop-filter:blur(30px) saturate(1.7);
}
/* ---------- 输入框 ---------- */
html[data-skin="prism"] .inputbar
{
  background:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.9);
  border-radius:16px;
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
}
html[data-skin="prism"] .inputbar:focus-within
{
  border-color:rgba(124,77,255,.5); box-shadow:0 0 0 5px rgba(124,77,255,.13);
}
html[data-skin="prism"] .inputbar__ico
{
  color:#A98BFF;
}
html[data-skin="prism"] .inputbar:focus-within .inputbar__ico
{
  color:#7C4DFF;
}
html[data-skin="prism"] .inputbar__in
{
  color:#211B3A; font-weight:500;
}
html[data-skin="prism"] .inputbar__in::placeholder
{
  color:#9D96B5;
}
html[data-skin="prism"] .inputbar__paste
{
  background:rgba(124,77,255,.12); color:#6534E8; border:1px solid rgba(124,77,255,.24);
  border-radius:11px; font-weight:700;
}
html[data-skin="prism"] .inputbar__paste:hover
{
  background:rgba(124,77,255,.2); color:#5426D8; box-shadow:0 6px 18px -8px rgba(124,77,255,.7);
}
html[data-skin="prism"] .inputbar__paste:active
{
  background:rgba(124,77,255,.28);
}
html[data-skin="prism"] .inputbar__clear
{
  border-radius:11px; color:#9D96B5;
}
html[data-skin="prism"] .inputbar__clear:hover
{
  background:rgba(124,77,255,.12); color:#6534E8;
}
html[data-skin="prism"] .inputbar__go
{
  background:linear-gradient(120deg,#7C4DFF 0%,#FF4D9E 100%);
  color:#fff;
  border-radius:13px;
  font-weight:800;
  letter-spacing:.03em;
  box-shadow:var(--shadow-btn);
}
html[data-skin="prism"] .inputbar__go:hover
{
  filter:brightness(1.06); box-shadow:0 3px 10px rgba(124,77,255,.2), 0 18px 36px -12px rgba(255,77,158,.7);
}
html[data-skin="prism"] .inputbar__go:active
{
  filter:brightness(.96);
}
html[data-skin="prism"] .inputbar__foot
{
  background:rgba(255,255,255,.42);
  border-top:1px solid rgba(255,255,255,.7);
}
html[data-skin="prism"] .tag
{
  color:#6E6689;
}
html[data-skin="prism"] .tag__dot
{
  background:linear-gradient(120deg,#7C4DFF,#FF4D9E); box-shadow:0 0 0 4px rgba(124,77,255,.16);
}
html[data-skin="prism"] .inputbar__hint
{
  color:#6E6689;
}
html[data-skin="prism"] .inputbar__hint.is-on
{
  color:#E0356E;
}
/* ---------- 结果区 ---------- */
html[data-skin="prism"] .res__title
{
  color:#211B3A; font-weight:700;
}
html[data-skin="prism"] .res__meta dt
{
  color:#9D96B5;
}
html[data-skin="prism"] .res__meta dd
{
  color:#453D63;
}
html[data-skin="prism"] .res__media
{
  background:rgba(255,255,255,.5); border-radius:16px;
}
html[data-skin="prism"] .res__video
{
  border-radius:16px;
}
html[data-skin="prism"] .res__badge
{
  background:linear-gradient(120deg,#7C4DFF,#FF4D9E); color:#fff; border-radius:999px; box-shadow:0 8px 20px -8px rgba(124,77,255,.7);
}
html[data-skin="prism"] .res__gitem
{
  border-radius:14px; border-color:rgba(255,255,255,.8);
}
html[data-skin="prism"] .btn--pri
{
  background:linear-gradient(120deg,#7C4DFF,#FF4D9E) !important; color:#fff !important; border-color:transparent !important; border-radius:13px !important; font-weight:800 !important; box-shadow:0 12px 28px -12px rgba(124,77,255,.7) !important;
}
html[data-skin="prism"] .btn--gho
{
  background:rgba(255,255,255,.6) !important; color:#453D63 !important; border:1px solid rgba(255,255,255,.9) !important; border-radius:13px !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="prism"] .empty__t
{
  color:#453D63; font-weight:600;
}
html[data-skin="prism"] .empty__d
{
  color:#9D96B5;
}
html[data-skin="prism"] .load__t
{
  color:#6E6689;
}
html[data-skin="prism"] .load__bar
{
  background:rgba(124,77,255,.13); border-radius:999px;
}
html[data-skin="prism"] .load__fill
{
  background:linear-gradient(90deg,#7C4DFF,#FF4D9E,#38BDF8); border-radius:999px;
}
html[data-skin="prism"] .load__ring span
{
  background:#7C4DFF;
}
html[data-skin="prism"] .err__t
{
  color:#E0356E; font-weight:700;
}
html[data-skin="prism"] .err__d, html[data-skin="prism"] .err__a
{
  color:#6E6689;
}
/* ---------- 页脚 ---------- */
html[data-skin="prism"] .foot
{
  border-top:1px solid rgba(255,255,255,.7);
}
html[data-skin="prism"] .foot__cp, html[data-skin="prism"] .foot__disc, html[data-skin="prism"] .foot__l2
{
  color:#9D96B5;
}
html[data-skin="prism"] .foot__icp, html[data-skin="prism"] .foot__sep{
  color:#9D96B5;
}
html[data-skin="prism"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="prism"] .foot__link
{
  color:#6E6689; border-radius:999px;
}
html[data-skin="prism"] .foot__link:hover
{
  color:#6534E8; background:rgba(255,255,255,.66);
}
html[data-skin="prism"] .foot__icp
{
  color:#9D96B5;
}
/* ---------- 用户区 ---------- */
html[data-skin="prism"] .nav__login
{
  background:linear-gradient(120deg,#7C4DFF,#FF4D9E); color:#fff; border-color:transparent; font-weight:800; box-shadow:0 10px 24px -12px rgba(124,77,255,.7);
}
html[data-skin="prism"] .nav__quota
{
  background:rgba(255,255,255,.6); color:#6534E8; border:1px solid rgba(124,77,255,.22);
}
html[data-skin="prism"] .nav__quota b
{
  color:#5426D8;
}
html[data-skin="prism"] .nav__uname
{
  background:rgba(255,255,255,.55); border-color:rgba(255,255,255,.85); color:#453D63;
}
html[data-skin="prism"] .nav__uname:hover
{
  background:rgba(255,255,255,.85); border-color:rgba(124,77,255,.4); color:#6534E8;
}
/* ---------- 浮层 ---------- */
html[data-skin="prism"] .wsbox
{
  background:rgba(255,255,255,.86); border:1px solid rgba(255,255,255,.9); border-radius:24px; box-shadow:0 30px 70px -28px rgba(124,77,255,.44); backdrop-filter:blur(30px) saturate(1.6); -webkit-backdrop-filter:blur(30px) saturate(1.6); color:#211B3A;
}
html[data-skin="prism"] .wsbox__x
{
  color:#9D96B5; border-radius:12px;
}
html[data-skin="prism"] .wsbox__x:hover
{
  background:rgba(124,77,255,.12); color:#6534E8;
}
html[data-skin="prism"] .wsf > span
{
  color:#6E6689;
}
html[data-skin="prism"] .wsf input
{
  background:rgba(255,255,255,.72); border-color:rgba(255,255,255,.9); color:#211B3A; border-radius:13px;
}
html[data-skin="prism"] .wsf input:focus
{
  border-color:rgba(124,77,255,.5); box-shadow:0 0 0 5px rgba(124,77,255,.13);
}
html[data-skin="prism"] .wstab
{
  background:rgba(255,255,255,.6); border-color:rgba(255,255,255,.85); color:#6E6689; border-radius:999px;
}
html[data-skin="prism"] .wstab.on
{
  background:linear-gradient(120deg,#7C4DFF,#FF4D9E); color:#fff; border-color:transparent; font-weight:700;
}
html[data-skin="prism"] .wsbtn
{
  background:linear-gradient(120deg,#7C4DFF,#FF4D9E); color:#fff; font-weight:800; border-radius:13px; box-shadow:0 12px 28px -12px rgba(124,77,255,.7);
}
html[data-skin="prism"] .wsbtn:hover
{
  filter:brightness(1.06);
}
html[data-skin="prism"] .wshint
{
  color:#6E6689;
}
html[data-skin="prism"] .uc__top
{
  background:linear-gradient(120deg,rgba(124,77,255,.14),rgba(255,77,158,.12)); border-color:rgba(255,255,255,.8); border-radius:18px;
}
html[data-skin="prism"] .uc__quota b
{
  background:linear-gradient(120deg,#7C4DFF,#FF4D9E); -webkit-background-clip:text; background-clip:text; color:transparent;
}
html[data-skin="prism"] .uc__meta
{
  color:#6E6689;
}
html[data-skin="prism"] .uc__logs
{
  border-color:rgba(255,255,255,.8); border-radius:16px;
}
html[data-skin="prism"] .uc__lrow
{
  color:#453D63; border-bottom-color:rgba(124,77,255,.08);
}
html[data-skin="prism"] .uc__lrow > span:nth-child(1)
{
  color:#9D96B5;
}
html[data-skin="prism"] .uc__lrow--hd
{
  background:rgba(255,255,255,.5); color:#9D96B5;
}
html[data-skin="prism"] .wsghost
{
  background:rgba(255,255,255,.6); border-color:rgba(255,255,255,.9); color:#6E6689; border-radius:13px;
}
html[data-skin="prism"] .navrich__panel
{
  border-radius:20px;
}

/* ============ 杂志排版（data-skin="editorial"）· 时尚杂志／编辑排版：纸白底、超粗标题、亮黄撞色 ============ */
html[data-skin="editorial"]
{
  --bg-1:#FBF9F4;
  --bg-2:#F6F3EB;
  --bg-3:#F0ECE1;

  --brand:#111111;
  --brand-d:#000000;
  --brand-l:#555555;
  --brand-w:#FFE500;

  --text:#0D0D0D;
  --text-2:#2E2E2E;
  --text-3:#5E5E5E;
  --text-4:#969696;

  --card:rgba(255,255,255,.97);
  --card-2:rgba(251,249,244,.9);
  --line:rgba(13,13,13,.85);
  --line-2:rgba(13,13,13,.16);

  --ok:#1F7A46;
  --warn:#B26A00;
  --err:#C11B1B;

  --r-btn:0;
  --r-card:0;
  --r-pill:0;

  --shadow-card:8px 8px 0 rgba(13,13,13,.9);
  --shadow-btn:4px 4px 0 rgba(13,13,13,.9);

  --font:"Helvetica Neue",Helvetica,Arial,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-title:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：纸感 + 星链转为印刷网点 ---------- */
html[data-skin="editorial"], html[data-skin="editorial"]
html[data-skin="editorial"] body
{
  background:#FBF9F4;
}
html[data-skin="editorial"] #cv-bg
{
  opacity:.14; filter:grayscale(1) contrast(1.35);
}
html[data-skin="editorial"] body::after
{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.55;
  background-image:radial-gradient(circle, rgba(13,13,13,.16) 1px, transparent 1.3px);
  background-size:9px 9px;
}
/* ---------- 舞台 ---------- */
html[data-skin="editorial"] .stage
{
  border-radius:0;
}
/* ---------- 顶栏 ---------- */
html[data-skin="editorial"] .nav__link, html[data-skin="editorial"] .nav__admin
{
  border-radius:0; background:#111; border:1px solid #111;
  color:#FBF9F4; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
}
html[data-skin="editorial"] .nav__link:hover, html[data-skin="editorial"] .nav__admin:hover
{
  background:#FFE500; color:#111; border-color:#111; box-shadow:3px 3px 0 #111;
}
html[data-skin="editorial"] .logo__t
{
  font-weight:900; letter-spacing:-.02em; color:#0D0D0D;
}
html[data-skin="editorial"] .logo__t b
{
  font-weight:900; background:#FFE500; color:#0D0D0D; padding:0 3px;
}
html[data-skin="editorial"] .logo svg path
{
  fill:#0D0D0D !important;
}
html[data-skin="editorial"] .logo svg circle
{
  fill:#FFE500 !important;
}
/* ---------- 标题：超粗 + 紧凑字距 + 黄色高亮块 ---------- */
html[data-skin="editorial"] .hero__t
{
  font-weight:900; letter-spacing:-.035em; color:#0D0D0D; line-height:1.12;
}
html[data-skin="editorial"] .hero__t2
{
  font-weight:900; letter-spacing:-.035em; background:#FFE500; color:#0D0D0D; padding:0 .12em;
}
html[data-skin="editorial"] .hero__sub
{
  font-weight:500; letter-spacing:.01em; color:#5E5E5E;
}
/* ---------- 主卡片：粗黑边框 + 硬阴影（版画感） ---------- */
html[data-skin="editorial"] .card
{
  background:#fff;
  border:2px solid #111;
  border-radius:0;
  box-shadow:8px 8px 0 #111;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
/* ---------- 输入框 ---------- */
html[data-skin="editorial"] .inputbar
{
  background:#fff;
  border:2px solid #111;
  border-radius:0;
}
html[data-skin="editorial"] .inputbar:focus-within
{
  border-color:#111; box-shadow:4px 4px 0 #FFE500;
}
html[data-skin="editorial"] .inputbar__ico
{
  color:#111;
}
html[data-skin="editorial"] .inputbar__in
{
  color:#0D0D0D; font-weight:600; letter-spacing:-.01em;
}
html[data-skin="editorial"] .inputbar__in::placeholder
{
  color:#969696; font-weight:500;
}
html[data-skin="editorial"] .inputbar__paste
{
  background:#FFE500; color:#111; border:1px solid #111;
  border-radius:0; font-weight:800; letter-spacing:.06em;
}
html[data-skin="editorial"] .inputbar__paste:hover
{
  background:#111; color:#FFE500; box-shadow:none;
}
html[data-skin="editorial"] .inputbar__paste:active
{
  background:#000; color:#FFE500;
}
html[data-skin="editorial"] .inputbar__clear
{
  border-radius:0; color:#5E5E5E; font-weight:600;
}
html[data-skin="editorial"] .inputbar__clear:hover
{
  background:#111; color:#FFE500;
}
html[data-skin="editorial"] .inputbar__go
{
  background:#111;
  color:#FBF9F4;
  border:2px solid #111;
  border-radius:0;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:none;
}
html[data-skin="editorial"] .inputbar__go:hover
{
  background:#FFE500; color:#111; box-shadow:4px 4px 0 #111; filter:none;
}
html[data-skin="editorial"] .inputbar__go:active
{
  background:#FFE500; color:#111;
}
html[data-skin="editorial"] .inputbar__foot
{
  background:#F6F3EB;
  border-top:2px solid #111;
}
html[data-skin="editorial"] .tag
{
  color:#2E2E2E; font-weight:700; letter-spacing:.05em; text-transform:uppercase; font-size:.92em;
}
html[data-skin="editorial"] .tag__dot
{
  background:#FFE500; box-shadow:none; border:1px solid #111;
}
html[data-skin="editorial"] .inputbar__hint
{
  color:#5E5E5E; font-weight:500;
}
html[data-skin="editorial"] .inputbar__hint.is-on
{
  color:#C11B1B; font-weight:700;
}
/* ---------- 结果区 ---------- */
html[data-skin="editorial"] .res__title
{
  font-weight:900; letter-spacing:-.02em; color:#0D0D0D;
}
html[data-skin="editorial"] .res__meta dt
{
  color:#969696; font-weight:700; text-transform:uppercase; letter-spacing:.05em; font-size:.92em;
}
html[data-skin="editorial"] .res__meta dd
{
  color:#2E2E2E; font-weight:600;
}
html[data-skin="editorial"] .res__media
{
  background:#F0ECE1; border-radius:0; border:1px solid #111;
}
html[data-skin="editorial"] .res__video
{
  border-radius:0;
}
html[data-skin="editorial"] .res__badge
{
  background:#FFE500; color:#111; border:1px solid #111; border-radius:0; font-weight:900; letter-spacing:.06em;
}
html[data-skin="editorial"] .res__gitem
{
  border-radius:0; border-color:#111;
}
html[data-skin="editorial"] .btn--pri
{
  background:#111 !important; color:#FBF9F4 !important; border:2px solid #111 !important; border-radius:0 !important; font-weight:900 !important; letter-spacing:.06em !important; box-shadow:none !important;
}
html[data-skin="editorial"] .btn--pri:hover
{
  background:#FFE500 !important; color:#111 !important; box-shadow:4px 4px 0 #111 !important;
}
html[data-skin="editorial"] .btn--gho
{
  background:#fff !important; color:#111 !important; border:2px solid #111 !important; border-radius:0 !important; font-weight:700 !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="editorial"] .empty__t
{
  font-weight:900; letter-spacing:-.02em; color:#0D0D0D;
}
html[data-skin="editorial"] .empty__d
{
  color:#969696; font-weight:500;
}
html[data-skin="editorial"] .load__t
{
  color:#2E2E2E; font-weight:700; letter-spacing:.03em;
}
html[data-skin="editorial"] .load__bar
{
  background:#F0ECE1; border:1px solid #111; border-radius:0;
}
html[data-skin="editorial"] .load__fill
{
  background:#FFE500; border-radius:0;
}
html[data-skin="editorial"] .load__ring span
{
  background:#111;
}
html[data-skin="editorial"] .err__t
{
  color:#C11B1B; font-weight:900; letter-spacing:-.02em;
}
html[data-skin="editorial"] .err__d, html[data-skin="editorial"] .err__a
{
  color:#5E5E5E;
}
/* ---------- 页脚 ---------- */
html[data-skin="editorial"] .foot
{
  border-top:2px solid #111;
}
html[data-skin="editorial"] .foot__cp, html[data-skin="editorial"] .foot__disc, html[data-skin="editorial"] .foot__l2
{
  color:#5E5E5E;
}
html[data-skin="editorial"] .foot__icp, html[data-skin="editorial"] .foot__sep{
  color:#5E5E5E;
}
html[data-skin="editorial"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="editorial"] .foot__link
{
  color:#2E2E2E; border-radius:0; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
}
html[data-skin="editorial"] .foot__link:hover
{
  background:#FFE500; color:#111;
}
html[data-skin="editorial"] .foot__icp
{
  color:#5E5E5E;
}
html[data-skin="editorial"] .foot__logo svg path
{
  fill:#0D0D0D !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="editorial"] .nav__login
{
  background:#111; color:#FBF9F4; border:2px solid #111; border-radius:0; font-weight:900; letter-spacing:.06em;
}
html[data-skin="editorial"] .nav__login:hover
{
  background:#FFE500; color:#111;
}
html[data-skin="editorial"] .nav__quota
{
  background:#FFE500; color:#111; border:1px solid #111; border-radius:0; font-weight:800;
}
html[data-skin="editorial"] .nav__quota b
{
  color:#111; font-weight:900;
}
html[data-skin="editorial"] .nav__uname
{
  background:#fff; border:1px solid #111; border-radius:0; color:#111; font-weight:700;
}
html[data-skin="editorial"] .nav__uname:hover
{
  background:#111; color:#FFE500;
}
/* ---------- 浮层 ---------- */
html[data-skin="editorial"] .wsbox
{
  background:#FBF9F4; border:2px solid #111; border-radius:0; box-shadow:10px 10px 0 #111; color:#0D0D0D;
}
html[data-skin="editorial"] .wsbox__t
{
  font-weight:900; letter-spacing:-.02em;
}
html[data-skin="editorial"] .wsbox__x
{
  color:#5E5E5E; border-radius:0; font-weight:700;
}
html[data-skin="editorial"] .wsbox__x:hover
{
  background:#111; color:#FFE500;
}
html[data-skin="editorial"] .wsf > span
{
  color:#2E2E2E; font-weight:700; letter-spacing:.03em;
}
html[data-skin="editorial"] .wsf input
{
  background:#fff; border:2px solid #111; color:#0D0D0D; border-radius:0; font-weight:600;
}
html[data-skin="editorial"] .wsf input:focus
{
  border-color:#111; box-shadow:4px 4px 0 #FFE500;
}
html[data-skin="editorial"] .wstab
{
  background:#fff; border:1px solid #111; color:#2E2E2E; border-radius:0; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
}
html[data-skin="editorial"] .wstab.on
{
  background:#111; color:#FFE500; border-color:#111;
}
html[data-skin="editorial"] .wsbtn
{
  background:#111; color:#FBF9F4; font-weight:900; letter-spacing:.08em; text-transform:uppercase; border-radius:0; box-shadow:none;
}
html[data-skin="editorial"] .wsbtn:hover
{
  background:#FFE500; color:#111; filter:none; box-shadow:4px 4px 0 #111;
}
html[data-skin="editorial"] .wshint
{
  color:#5E5E5E;
}
html[data-skin="editorial"] .uc__top
{
  background:#FFE500; border:2px solid #111; border-radius:0;
}
html[data-skin="editorial"] .uc__quota b
{
  color:#111; font-weight:900;
}
html[data-skin="editorial"] .uc__quota span
{
  color:#2E2E2E; font-weight:700;
}
html[data-skin="editorial"] .uc__meta
{
  color:#2E2E2E; font-weight:500;
}
html[data-skin="editorial"] .uc__logs
{
  border:1px solid #111; border-radius:0;
}
html[data-skin="editorial"] .uc__lrow
{
  color:#2E2E2E; border-bottom-color:rgba(13,13,13,.14); font-weight:500;
}
html[data-skin="editorial"] .uc__lrow > span:nth-child(1)
{
  color:#5E5E5E;
}
html[data-skin="editorial"] .uc__lrow--hd
{
  background:#F6F3EB; color:#5E5E5E; font-weight:700;
}
html[data-skin="editorial"] .uc__sec h4
{
  font-weight:900; letter-spacing:-.01em;
}
html[data-skin="editorial"] .wsghost
{
  background:#fff; border:1px solid #111; color:#2E2E2E; border-radius:0; font-weight:700;
}
html[data-skin="editorial"] .wsghost:hover
{
  background:#111; color:#FFE500;
}
html[data-skin="editorial"] .navrich__panel
{
  border-radius:0; border:2px solid #111;
}

/* ============ 暗金奢华（data-skin="luxe"）· 高端质感：墨黑底、香槟金细线、衬线标题 ============ */
html[data-skin="luxe"]
{
  --bg-1:#0E0E12;
  --bg-2:#121218;
  --bg-3:#17171F;

  --brand:#C9A227;
  --brand-d:#A6851A;
  --brand-l:#E6C77A;
  --brand-w:rgba(201,162,39,.14);

  --text:#F2EEE4;
  --text-2:#CFC8B8;
  --text-3:#9A9384;
  --text-4:#6E6A5E;

  --card:rgba(20,20,26,.8);
  --card-2:rgba(16,16,22,.66);
  --line:rgba(201,162,39,.32);
  --line-2:rgba(201,162,39,.14);

  --ok:#4CAF7D;
  --warn:#D8A93A;
  --err:#C7574A;

  --r-btn:8px;
  --r-card:12px;
  --r-pill:4px;

  --shadow-card:0 0 0 1px rgba(201,162,39,.2), 0 26px 62px -30px rgba(0,0,0,.85);
  --shadow-btn:0 0 0 1px rgba(201,162,39,.4), 0 12px 26px -12px rgba(201,162,39,.5);

  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-title:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC",Georgia,"SimSun",serif;
}
/* ---------- 背景：墨黑 + 金色光晕，星链转为金粉 ---------- */
html[data-skin="luxe"], html[data-skin="luxe"]
html[data-skin="luxe"] body
{
  background:#0E0E12;
}
html[data-skin="luxe"] #cv-bg
{
  opacity:.22; filter:sepia(.85) saturate(2.4) hue-rotate(-12deg) brightness(.8);
}
html[data-skin="luxe"] body::after
{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
  radial-gradient(56% 44% at 50% 4%, rgba(201,162,39,.15), transparent 66%),
  radial-gradient(48% 40% at 88% 92%, rgba(201,162,39,.09), transparent 70%);
}
/* ---------- 舞台 ---------- */
html[data-skin="luxe"] .stage
{
  border-radius:12px; box-shadow:0 0 0 1px rgba(201,162,39,.16);
}
/* ---------- 顶栏 ---------- */
html[data-skin="luxe"] .nav__link, html[data-skin="luxe"] .nav__admin
{
  border-radius:4px; background:transparent; border:1px solid rgba(201,162,39,.3);
  color:#CFC8B8; font-weight:400; letter-spacing:.12em;
}
html[data-skin="luxe"] .nav__link:hover, html[data-skin="luxe"] .nav__admin:hover
{
  background:rgba(201,162,39,.12); border-color:rgba(201,162,39,.7); color:#E6C77A; box-shadow:0 0 20px -6px rgba(201,162,39,.6);
}
html[data-skin="luxe"] .logo__t
{
  font-family:var(--font-title); color:#F2EEE4; letter-spacing:.14em;
}
html[data-skin="luxe"] .logo__t b
{
  font-family:var(--font-title); font-weight:400; color:#C9A227; letter-spacing:.14em;
}
html[data-skin="luxe"] .logo svg path
{
  fill:#C9A227 !important;
}
html[data-skin="luxe"] .logo svg circle
{
  fill:#E6C77A !important;
}
/* ---------- 标题：衬线 + 金色 ---------- */
html[data-skin="luxe"] .hero__t
{
  font-family:var(--font-title); font-weight:400; letter-spacing:.1em; color:#F2EEE4;
}
html[data-skin="luxe"] .hero__t2
{
  font-family:var(--font-title); font-weight:400; letter-spacing:.1em; color:#C9A227;
}
html[data-skin="luxe"] .hero__sub
{
  font-family:var(--font); font-weight:300; letter-spacing:.1em; color:#9A9384;
}
/* ---------- 主卡片：金线描边 + 顶部细金条 ---------- */
html[data-skin="luxe"] .card
{
  background:linear-gradient(180deg,rgba(24,24,31,.88),rgba(15,15,20,.78));
  border:1px solid rgba(201,162,39,.34);
  border-radius:12px;
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(16px) saturate(1.2); -webkit-backdrop-filter:blur(16px) saturate(1.2);
  position:relative;
}
html[data-skin="luxe"] .card::before
{
  content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(230,199,122,.75),transparent);
}
/* ---------- 输入框 ---------- */
html[data-skin="luxe"] .inputbar
{
  background:rgba(10,10,14,.7);
  border:1px solid rgba(201,162,39,.34);
  border-radius:10px;
}
html[data-skin="luxe"] .inputbar:focus-within
{
  border-color:rgba(201,162,39,.8); box-shadow:0 0 0 4px rgba(201,162,39,.1);
}
html[data-skin="luxe"] .inputbar__ico
{
  color:#A6851A;
}
html[data-skin="luxe"] .inputbar:focus-within .inputbar__ico
{
  color:#E6C77A;
}
html[data-skin="luxe"] .inputbar__in
{
  color:#F2EEE4; font-weight:400; letter-spacing:.04em;
}
html[data-skin="luxe"] .inputbar__in::placeholder
{
  color:#6E6A5E;
}
html[data-skin="luxe"] .inputbar__paste
{
  background:rgba(201,162,39,.11); color:#E6C77A; border:1px solid rgba(201,162,39,.34);
  border-radius:8px; font-weight:500; letter-spacing:.1em;
}
html[data-skin="luxe"] .inputbar__paste:hover
{
  background:rgba(201,162,39,.22); color:#F2D89B; box-shadow:0 0 18px -6px rgba(201,162,39,.7);
}
html[data-skin="luxe"] .inputbar__paste:active
{
  background:rgba(201,162,39,.3);
}
html[data-skin="luxe"] .inputbar__clear
{
  border-radius:8px; color:#9A9384;
}
html[data-skin="luxe"] .inputbar__clear:hover
{
  background:rgba(201,162,39,.13); color:#E6C77A;
}
html[data-skin="luxe"] .inputbar__go
{
  background:linear-gradient(180deg,#D8B33C,#B8912A);
  color:#14100A;
  border-radius:8px;
  font-family:var(--font-title);
  font-weight:400;
  letter-spacing:.2em;
  box-shadow:var(--shadow-btn);
}
html[data-skin="luxe"] .inputbar__go:hover
{
  filter:brightness(1.08); box-shadow:0 0 0 1px rgba(201,162,39,.5), 0 16px 32px -12px rgba(201,162,39,.7);
}
html[data-skin="luxe"] .inputbar__go:active
{
  filter:brightness(.96);
}
html[data-skin="luxe"] .inputbar__foot
{
  background:rgba(201,162,39,.045);
  border-top:1px solid rgba(201,162,39,.18);
}
html[data-skin="luxe"] .tag
{
  color:#9A9384; letter-spacing:.08em;
}
html[data-skin="luxe"] .tag__dot
{
  background:#C9A227; box-shadow:0 0 10px rgba(201,162,39,.85);
}
html[data-skin="luxe"] .inputbar__hint
{
  color:#9A9384;
}
html[data-skin="luxe"] .inputbar__hint.is-on
{
  color:#C7574A;
}
/* ---------- 结果区 ---------- */
html[data-skin="luxe"] .res__title
{
  font-family:var(--font-title); font-weight:400; letter-spacing:.06em; color:#F2EEE4;
}
html[data-skin="luxe"] .res__meta dt
{
  color:#6E6A5E; letter-spacing:.1em;
}
html[data-skin="luxe"] .res__meta dd
{
  color:#CFC8B8;
}
html[data-skin="luxe"] .res__media
{
  background:rgba(201,162,39,.05); border-radius:10px; border:1px solid rgba(201,162,39,.16);
}
html[data-skin="luxe"] .res__video
{
  border-radius:10px;
}
html[data-skin="luxe"] .res__badge
{
  background:linear-gradient(180deg,#D8B33C,#B8912A); color:#14100A; border-radius:4px; font-family:var(--font-title); letter-spacing:.12em;
}
html[data-skin="luxe"] .res__gitem
{
  border-radius:8px; border-color:rgba(201,162,39,.22);
}
html[data-skin="luxe"] .btn--pri
{
  background:linear-gradient(180deg,#D8B33C,#B8912A) !important; color:#14100A !important; border-color:transparent !important; border-radius:8px !important; font-family:var(--font-title) !important; letter-spacing:.12em !important; box-shadow:0 0 0 1px rgba(201,162,39,.4) !important;
}
html[data-skin="luxe"] .btn--gho
{
  background:transparent !important; color:#CFC8B8 !important; border:1px solid rgba(201,162,39,.34) !important; border-radius:8px !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="luxe"] .empty__t
{
  font-family:var(--font-title); letter-spacing:.08em; color:#CFC8B8;
}
html[data-skin="luxe"] .empty__d
{
  color:#6E6A5E;
}
html[data-skin="luxe"] .load__t
{
  font-family:var(--font-title); letter-spacing:.08em; color:#9A9384;
}
html[data-skin="luxe"] .load__bar
{
  background:rgba(201,162,39,.13); border-radius:2px;
}
html[data-skin="luxe"] .load__fill
{
  background:linear-gradient(90deg,#A6851A,#E6C77A); border-radius:2px; box-shadow:0 0 14px rgba(201,162,39,.7);
}
html[data-skin="luxe"] .load__ring span
{
  background:#C9A227; box-shadow:0 0 12px rgba(201,162,39,.8);
}
html[data-skin="luxe"] .err__t
{
  font-family:var(--font-title); letter-spacing:.06em; color:#C7574A;
}
html[data-skin="luxe"] .err__d, html[data-skin="luxe"] .err__a
{
  color:#9A9384;
}
/* ---------- 页脚 ---------- */
html[data-skin="luxe"] .foot
{
  border-top:1px solid rgba(201,162,39,.18);
}
html[data-skin="luxe"] .foot__cp, html[data-skin="luxe"] .foot__disc, html[data-skin="luxe"] .foot__l2
{
  color:#6E6A5E; letter-spacing:.04em;
}
html[data-skin="luxe"] .foot__icp, html[data-skin="luxe"] .foot__sep{
  color:#6E6A5E;
}
html[data-skin="luxe"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="luxe"] .foot__link
{
  color:#9A9384; border-radius:4px; letter-spacing:.08em;
}
html[data-skin="luxe"] .foot__link:hover
{
  color:#E6C77A; background:rgba(201,162,39,.1);
}
html[data-skin="luxe"] .foot__icp
{
  color:#6E6A5E;
}
html[data-skin="luxe"] .foot__logo svg path
{
  fill:#C9A227 !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="luxe"] .nav__login
{
  background:transparent; color:#E6C77A; border:1px solid rgba(201,162,39,.5); border-radius:4px; letter-spacing:.12em; font-family:var(--font-title);
}
html[data-skin="luxe"] .nav__login:hover
{
  background:rgba(201,162,39,.16); border-color:#C9A227;
}
html[data-skin="luxe"] .nav__quota
{
  background:rgba(201,162,39,.1); color:#E6C77A; border:1px solid rgba(201,162,39,.26); border-radius:4px; letter-spacing:.06em;
}
html[data-skin="luxe"] .nav__quota b
{
  color:#F2D89B; font-family:var(--font-title);
}
html[data-skin="luxe"] .nav__uname
{
  background:transparent; border-color:rgba(201,162,39,.3); border-radius:4px; color:#CFC8B8;
}
html[data-skin="luxe"] .nav__uname:hover
{
  background:rgba(201,162,39,.13); border-color:#C9A227; color:#E6C77A;
}
/* ---------- 浮层 ---------- */
html[data-skin="luxe"] .wsbox
{
  background:linear-gradient(180deg,#181820,#101015); border:1px solid rgba(201,162,39,.32); border-radius:12px; box-shadow:0 0 0 1px rgba(201,162,39,.16), 0 32px 72px -30px rgba(0,0,0,.9); color:#F2EEE4;
}
html[data-skin="luxe"] .wsbox__t
{
  font-family:var(--font-title); letter-spacing:.1em;
}
html[data-skin="luxe"] .wsbox__x
{
  color:#9A9384; border-radius:6px;
}
html[data-skin="luxe"] .wsbox__x:hover
{
  background:rgba(201,162,39,.13); color:#E6C77A;
}
html[data-skin="luxe"] .wsf > span
{
  color:#9A9384; letter-spacing:.08em;
}
html[data-skin="luxe"] .wsf input
{
  background:rgba(10,10,14,.75); border-color:rgba(201,162,39,.32); color:#F2EEE4; border-radius:8px;
}
html[data-skin="luxe"] .wsf input:focus
{
  border-color:rgba(201,162,39,.8); box-shadow:0 0 0 4px rgba(201,162,39,.1);
}
html[data-skin="luxe"] .wstab
{
  background:transparent; border-color:rgba(201,162,39,.3); color:#9A9384; border-radius:4px; letter-spacing:.1em;
}
html[data-skin="luxe"] .wstab.on
{
  background:rgba(201,162,39,.18); color:#E6C77A; border-color:rgba(201,162,39,.5);
}
html[data-skin="luxe"] .wsbtn
{
  background:linear-gradient(180deg,#D8B33C,#B8912A); color:#14100A; font-family:var(--font-title); letter-spacing:.16em; border-radius:8px; box-shadow:0 0 0 1px rgba(201,162,39,.4);
}
html[data-skin="luxe"] .wsbtn:hover
{
  filter:brightness(1.08);
}
html[data-skin="luxe"] .wshint
{
  color:#9A9384;
}
html[data-skin="luxe"] .uc__top
{
  background:linear-gradient(135deg,rgba(201,162,39,.13),rgba(201,162,39,.05)); border-color:rgba(201,162,39,.26); border-radius:10px;
}
html[data-skin="luxe"] .uc__quota b
{
  font-family:var(--font-title); color:#E6C77A; text-shadow:0 0 18px rgba(201,162,39,.6);
}
html[data-skin="luxe"] .uc__meta
{
  color:#9A9384;
}
html[data-skin="luxe"] .uc__sec h4
{
  font-family:var(--font-title); letter-spacing:.08em; color:#CFC8B8;
}
html[data-skin="luxe"] .uc__logs
{
  border-color:rgba(201,162,39,.2); border-radius:8px;
}
html[data-skin="luxe"] .uc__lrow
{
  color:#CFC8B8; border-bottom-color:rgba(201,162,39,.1);
}
html[data-skin="luxe"] .uc__lrow > span:nth-child(1)
{
  color:#6E6A5E;
}
html[data-skin="luxe"] .uc__lrow--hd
{
  background:rgba(201,162,39,.07); color:#6E6A5E;
}
html[data-skin="luxe"] .wsghost
{
  background:transparent; border-color:rgba(201,162,39,.3); color:#9A9384; border-radius:8px;
}
html[data-skin="luxe"] .navrich__panel
{
  background:#14141A; border-radius:12px;
}


/* ==========================================================================
   第二批（炫酷 / 高冲击力）· 2026-10-09 追加
   glitch / chrome / vapor / holo / aurora / magma / abyss / brutal / comic / arcade
   ========================================================================== */

/* ============ 赛博故障（data-skin="glitch"）· 数字故障艺术：RGB 通道分离 + 信号错位 + 扫描线，标题带抖动 ============ */
html[data-skin="glitch"]
{
--bg-1:#07070C;
  --bg-2:#0A0A12;
  --bg-3:#0E0E18;

  --brand:#FF2D6F;
  --brand-d:#D61550;
  --brand-l:#FF7BA6;
  --brand-w:rgba(255,45,111,.16);

  --text:#F0F4FF;
  --text-2:#C2CBE0;
  --text-3:#8A93AC;
  --text-4:#5D6478;

  --card:rgba(14,14,22,.82);
  --card-2:rgba(10,10,18,.66);
  --line:rgba(0,245,255,.26);
  --line-2:rgba(255,45,111,.14);

  --ok:#00F5A0;
  --warn:#FFD166;
  --err:#FF3B5C;

  --r-btn:2px;
  --r-card:3px;
  --r-pill:3px;

  --shadow-card:3px 0 0 -1px rgba(255,45,111,.55), -3px 0 0 -1px rgba(0,245,255,.55), 0 26px 60px -26px rgba(0,0,0,.9);
  --shadow-btn:2px 2px 0 0 rgba(0,245,255,.75), -2px -2px 0 0 rgba(255,45,111,.6);

  --font:"JetBrains Mono","Consolas","SFMono-Regular","Microsoft YaHei",monospace;
  --font-title:"Inter","HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：星链强偏移成信号噪声 ---------- */
html[data-skin="glitch"], html[data-skin="glitch"]
html[data-skin="glitch"] body
{
background:#07070C;
}
html[data-skin="glitch"] #cv-bg
{
opacity:.34; filter:hue-rotate(285deg) saturate(2.4) contrast(1.25) brightness(.7);
}
/* 扫描线 + 顶部/底部故障光带 */
html[data-skin="glitch"] body::before
{
content:""; position:fixed; inset:0; z-index:1; pointer-events:none; opacity:.5;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.045) 0 1px, transparent 1px 3px);
  mix-blend-mode:overlay;
}
html[data-skin="glitch"] body::after
{
content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,45,111,.14), transparent 26%, transparent 74%, rgba(0,245,255,.14)),
    radial-gradient(70% 40% at 50% 0%, rgba(0,245,255,.12), transparent 70%),
    radial-gradient(70% 40% at 50% 100%, rgba(255,45,111,.12), transparent 70%);
}
html[data-skin="glitch"] .stage
{
border-radius:0;
  box-shadow:0 0 0 1px rgba(0,245,255,.18), 0 0 90px -34px rgba(255,45,111,.6);
  position:relative;
}
html[data-skin="glitch"] .stage::after
{
content:""; position:absolute; inset:0; pointer-events:none; z-index:3;
  background:repeating-linear-gradient(180deg, rgba(0,0,0,.16) 0 1px, transparent 1px 4px);
}
/* ---------- 顶栏 ---------- */
html[data-skin="glitch"] .logo__t
{
color:#EAF6FF; letter-spacing:.14em; text-transform:uppercase; font-family:var(--font);
}
html[data-skin="glitch"] .logo__t b
{
color:#FF2D6F; text-shadow:2px 0 0 rgba(0,245,255,.9), -2px 0 0 rgba(255,45,111,.9);
}
html[data-skin="glitch"] .logo svg path
{
fill:#00F5FF !important;
}
html[data-skin="glitch"] .logo svg circle
{
fill:#FF2D6F !important;
}
html[data-skin="glitch"] .nav__link, html[data-skin="glitch"] .nav__admin
{
border-radius:2px; background:transparent; border:1px solid rgba(0,245,255,.3);
  color:#9FF4FF; font-family:var(--font); font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  position:relative;
}
html[data-skin="glitch"] .nav__link:hover, html[data-skin="glitch"] .nav__admin:hover
{
background:rgba(0,245,255,.14); border-color:#00F5FF; color:#EAFFFF;
  box-shadow:2px 0 0 0 rgba(255,45,111,.8), -2px 0 0 0 rgba(0,245,255,.8);
}
/* ---------- 标题：故障抖动 ---------- */
html[data-skin="glitch"] .hero__t
{
color:#F2F7FF; font-family:var(--font-title); font-weight:800; letter-spacing:-.01em;
  text-shadow:2px 0 0 rgba(255,45,111,.55), -2px 0 0 rgba(0,245,255,.5);
  animation:gl-slip 4.6s steps(1,end) infinite;
}
html[data-skin="glitch"] .hero__t2
{
color:#FF2D6F; font-weight:800;
  text-shadow:2px 0 0 rgba(0,245,255,.7), -2px 0 0 rgba(255,45,111,.5);
}
@keyframes gl-slip
{
0%,86%,100%
{
transform:translate(0,0)
}
87%
{
transform:translate(-2px,1px)
}
89%
{
transform:translate(2px,-1px)
}
91%
{
transform:translate(-1px,0)
}
93%
{
transform:translate(0,0)
}

}
html[data-skin="glitch"] .hero__sub
{
color:#7C86A0; font-family:var(--font); font-size:12.5px; letter-spacing:.04em;
}
/* ---------- 主卡片：故障面板 ---------- */
html[data-skin="glitch"] .card
{
background:linear-gradient(165deg, rgba(16,16,26,.86), rgba(9,9,16,.72));
  border:1px solid rgba(0,245,255,.3);
  border-radius:3px;
  box-shadow:var(--shadow-card);
  clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
/* ---------- 输入框 ---------- */
html[data-skin="glitch"] .inputbar
{
background:rgba(6,6,12,.8);
  border:1px solid rgba(0,245,255,.34);
  border-radius:2px;
}
html[data-skin="glitch"] .inputbar:focus-within
{
border-color:#00F5FF;
  box-shadow:2px 0 0 0 rgba(255,45,111,.7), -2px 0 0 0 rgba(0,245,255,.7), 0 0 30px -8px rgba(0,245,255,.7);
}
html[data-skin="glitch"] .inputbar__ico
{
color:#00F5FF;
}
html[data-skin="glitch"] .inputbar__in
{
color:#EAFBFF; font-family:var(--font); font-size:13px; letter-spacing:.02em;
}
html[data-skin="glitch"] .inputbar__in::placeholder
{
color:#565E74;
}
html[data-skin="glitch"] .inputbar__paste
{
background:rgba(255,45,111,.14); color:#FF9AC0; border:1px solid rgba(255,45,111,.42);
  border-radius:2px; font-family:var(--font); font-size:12px; letter-spacing:.06em;
}
html[data-skin="glitch"] .inputbar__paste:hover
{
background:rgba(255,45,111,.26); color:#FFD4E4; box-shadow:2px 0 0 0 rgba(0,245,255,.8);
}
html[data-skin="glitch"] .inputbar__clear
{
border-radius:2px; color:#7C86A0; font-family:var(--font);
}
html[data-skin="glitch"] .inputbar__clear:hover
{
background:rgba(0,245,255,.14); color:#9FF4FF;
}
html[data-skin="glitch"] .inputbar__go
{
background:#FF2D6F;
  color:#0A0A10;
  border-radius:2px;
  font-family:var(--font-title); font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  box-shadow:var(--shadow-btn);
}
html[data-skin="glitch"] .inputbar__go:hover
{
background:#FF4A83; box-shadow:3px 3px 0 0 rgba(0,245,255,.85), -3px -3px 0 0 rgba(255,45,111,.7);
}
html[data-skin="glitch"] .inputbar__go:active
{
transform:translate(1px,1px); box-shadow:none;
}
html[data-skin="glitch"] .inputbar__foot
{
background:rgba(0,245,255,.05); border-top:1px solid rgba(0,245,255,.18);
}
html[data-skin="glitch"] .tag
{
color:#7C86A0; font-family:var(--font); font-size:11.5px; letter-spacing:.03em;
}
html[data-skin="glitch"] .tag__dot
{
background:#00F5FF; box-shadow:0 0 10px rgba(0,245,255,.95);
}
html[data-skin="glitch"] .inputbar__hint
{
color:#7C86A0; font-family:var(--font);
}
html[data-skin="glitch"] .inputbar__hint.is-on
{
color:#FF6B8E;
}
/* ---------- 结果区 ---------- */
html[data-skin="glitch"] .res__title
{
color:#F2F7FF; font-weight:700; font-family:var(--font-title);
}
html[data-skin="glitch"] .res__meta dt
{
color:#6C7590; font-family:var(--font); font-size:11.5px;
}
html[data-skin="glitch"] .res__meta dd
{
color:#C2CBE0; font-family:var(--font);
}
html[data-skin="glitch"] .res__media
{
background:rgba(0,245,255,.06); border-radius:2px;
}
html[data-skin="glitch"] .res__video
{
border-radius:2px;
}
html[data-skin="glitch"] .res__badge
{
background:#FF2D6F; color:#fff; border-radius:2px; font-family:var(--font); letter-spacing:.08em;
}
html[data-skin="glitch"] .res__gitem
{
border-radius:2px; border-color:rgba(0,245,255,.24);
}
html[data-skin="glitch"] .btn--pri
{
background:#00F5FF !important; color:#06121A !important; border-radius:2px !important; font-weight:800 !important; font-family:var(--font) !important; letter-spacing:.06em !important; box-shadow:2px 2px 0 0 rgba(255,45,111,.85) !important;
}
html[data-skin="glitch"] .btn--gho
{
background:transparent !important; color:#9FF4FF !important; border:1px solid rgba(0,245,255,.36) !important; border-radius:2px !important; font-family:var(--font) !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="glitch"] .empty__t
{
color:#A6B0C6;
}
html[data-skin="glitch"] .empty__d
{
color:#656E86;
}
html[data-skin="glitch"] .load__t
{
color:#7C86A0; font-family:var(--font);
}
html[data-skin="glitch"] .load__bar
{
background:rgba(0,245,255,.12); border-radius:1px;
}
html[data-skin="glitch"] .load__fill
{
background:#FF2D6F; border-radius:1px; box-shadow:2px 0 0 0 rgba(0,245,255,.8);
}
html[data-skin="glitch"] .load__ring span
{
background:#00F5FF; box-shadow:0 0 12px rgba(0,245,255,.9);
}
html[data-skin="glitch"] .err__t
{
color:#FF5C7A; font-weight:800;
}
html[data-skin="glitch"] .err__d, html[data-skin="glitch"] .err__a
{
color:#8A93AC;
}
/* ---------- 页脚 ---------- */
html[data-skin="glitch"] .foot
{
border-top:1px solid rgba(0,245,255,.16);
}
html[data-skin="glitch"] .foot__cp, html[data-skin="glitch"] .foot__disc, html[data-skin="glitch"] .foot__l2
{
color:#656E86; font-family:var(--font); font-size:11.5px;
}
html[data-skin="glitch"] .foot__icp, html[data-skin="glitch"] .foot__sep{
  color:#656E86;
}
html[data-skin="glitch"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="glitch"] .foot__link
{
color:#8A93AC; border-radius:2px;
}
html[data-skin="glitch"] .foot__link:hover
{
color:#9FF4FF; background:rgba(0,245,255,.14);
}
html[data-skin="glitch"] .foot__icp
{
color:#656E86;
}
html[data-skin="glitch"] .foot__logo svg path
{
fill:#00F5FF !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="glitch"] .nav__login
{
background:#FF2D6F; color:#0A0A10; border-color:transparent; border-radius:2px; font-weight:800; font-family:var(--font); letter-spacing:.06em;
}
html[data-skin="glitch"] .nav__quota
{
background:rgba(0,245,255,.14); color:#9FF4FF; border:1px solid rgba(0,245,255,.34); border-radius:2px; font-family:var(--font);
}
html[data-skin="glitch"] .nav__quota b
{
color:#EAFFFF;
}
html[data-skin="glitch"] .nav__uname
{
background:transparent; border-color:rgba(0,245,255,.34); color:#9FF4FF; border-radius:2px; font-family:var(--font);
}
html[data-skin="glitch"] .nav__uname:hover
{
background:rgba(0,245,255,.16); border-color:#00F5FF; color:#EAFFFF;
}
/* ---------- 浮层 ---------- */
html[data-skin="glitch"] .wsbox
{
background:#0C0C16; border:1px solid rgba(0,245,255,.32); border-radius:3px; color:#D5DEEC; box-shadow:3px 0 0 -1px rgba(255,45,111,.6), -3px 0 0 -1px rgba(0,245,255,.6), 0 30px 70px -22px rgba(0,0,0,.9);
}
html[data-skin="glitch"] .wsbox__t
{
color:#EAFFFF; font-family:var(--font-title);
}
html[data-skin="glitch"] .wsbox__x
{
color:#7C86A0;
}
html[data-skin="glitch"] .wsbox__x:hover
{
background:rgba(255,45,111,.18); color:#FF9AC0;
}
html[data-skin="glitch"] .wsf > span
{
color:#8A93AC; font-family:var(--font); font-size:12px;
}
html[data-skin="glitch"] .wsf input
{
background:rgba(6,6,12,.9); border-color:rgba(0,245,255,.3); color:#EAFBFF; border-radius:2px; font-family:var(--font);
}
html[data-skin="glitch"] .wsf input:focus
{
border-color:#00F5FF; box-shadow:2px 0 0 0 rgba(255,45,111,.7), -2px 0 0 0 rgba(0,245,255,.7); background:rgba(6,6,12,1);
}
html[data-skin="glitch"] .wstab
{
background:transparent; border-color:rgba(0,245,255,.28); color:#8A93AC; border-radius:2px; font-family:var(--font);
}
html[data-skin="glitch"] .wstab.on
{
background:rgba(255,45,111,.18); color:#FF9AC0; border-color:transparent;
}
html[data-skin="glitch"] .wsbtn
{
background:#FF2D6F; color:#0A0A10; font-weight:800; border-radius:2px; font-family:var(--font-title); letter-spacing:.06em; box-shadow:2px 2px 0 0 rgba(0,245,255,.85);
}
html[data-skin="glitch"] .wsbtn:hover
{
background:#FF4A83;
}
html[data-skin="glitch"] .wshint
{
color:#8A93AC; font-family:var(--font);
}
html[data-skin="glitch"] .uc__top
{
background:rgba(0,245,255,.07); border-color:rgba(0,245,255,.26); border-radius:2px;
}
html[data-skin="glitch"] .uc__quota b
{
color:#00F5FF; text-shadow:2px 0 0 rgba(255,45,111,.7); font-family:var(--font);
}
html[data-skin="glitch"] .uc__meta
{
color:#8A93AC; font-family:var(--font); font-size:11.5px;
}
html[data-skin="glitch"] .uc__logs
{
border-color:rgba(0,245,255,.2); border-radius:2px;
}
html[data-skin="glitch"] .uc__lrow
{
color:#C2CBE0; border-bottom-color:rgba(0,245,255,.1); font-family:var(--font);
}
html[data-skin="glitch"] .uc__lrow > span:nth-child(1)
{
color:#656E86;
}
html[data-skin="glitch"] .uc__lrow--hd
{
background:rgba(0,245,255,.06); color:#656E86;
}
html[data-skin="glitch"] .wsghost
{
background:transparent; border-color:rgba(0,245,255,.3); color:#8A93AC; border-radius:2px; font-family:var(--font);
}
html[data-skin="glitch"] .navrich__panel
{
background:#0C0C16; border-radius:3px;
}

/* ============ 液态铬（data-skin="chrome"）· 液态金属镜面：银蓝渐变、内嵌高光、按钮带滑动反光 ============ */
html[data-skin="chrome"]
{
--bg-1:#DDE5F0;
  --bg-2:#CDD8E8;
  --bg-3:#C2CFE1;

  --brand:#2F6BFF;
  --brand-d:#1F4FD1;
  --brand-l:#7BA3FF;
  --brand-w:rgba(47,107,255,.14);

  --text:#16202E;
  --text-2:#3A4A63;
  --text-3:#657691;
  --text-4:#8E9DB4;

  --card:rgba(246,249,253,.86);
  --card-2:rgba(236,242,250,.7);
  --line:rgba(90,116,160,.3);
  --line-2:rgba(90,116,160,.16);

  --ok:#1E9E6A;
  --warn:#C98A16;
  --err:#D3403F;

  --r-btn:10px;
  --r-card:16px;
  --r-pill:999px;

  --shadow-card:0 1px 0 rgba(255,255,255,.9) inset, 0 -1px 0 rgba(120,140,175,.28) inset, 0 22px 44px -22px rgba(40,60,100,.45);
  --shadow-btn:0 1px 0 rgba(255,255,255,.6) inset, 0 -2px 6px rgba(20,40,90,.3) inset, 0 10px 22px -10px rgba(47,107,255,.7);

  --font:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-title:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：金属冷光 ---------- */
html[data-skin="chrome"], html[data-skin="chrome"]
html[data-skin="chrome"] body
{
background:linear-gradient(160deg,#E7EDF6 0%,#D3DEEE 46%,#C6D3E6 100%);
}
html[data-skin="chrome"] #cv-bg
{
opacity:.42; filter:saturate(.35) brightness(1.16) contrast(.94);
}
html[data-skin="chrome"] body::after
{
content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    linear-gradient(115deg, rgba(255,255,255,.55) 0 22%, transparent 42%),
    radial-gradient(60% 48% at 78% 8%, rgba(47,107,255,.16), transparent 66%),
    radial-gradient(56% 46% at 12% 92%, rgba(140,165,205,.3), transparent 70%);
}
html[data-skin="chrome"] .stage
{
border-radius:18px; box-shadow:0 0 0 1px rgba(255,255,255,.7) inset, 0 0 0 1px rgba(120,140,175,.35), 0 30px 70px -34px rgba(40,60,100,.5);
}
/* ---------- 顶栏 ---------- */
html[data-skin="chrome"] .logo__t
{
color:#1D2A3D; letter-spacing:.02em; text-transform:uppercase; font-weight:800;
}
html[data-skin="chrome"] .logo__t b
{
background:linear-gradient(180deg,#8FA9D6,#3E5E92 62%,#274067);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
html[data-skin="chrome"] .logo svg path
{
fill:#5A78AE !important;
}
html[data-skin="chrome"] .logo svg circle
{
fill:#2F6BFF !important;
}
html[data-skin="chrome"] .nav__link, html[data-skin="chrome"] .nav__admin
{
border-radius:999px; border:1px solid rgba(120,140,175,.4);
  background:linear-gradient(180deg,#FFFFFF,#E4EBF6);
  color:#33465F; font-weight:600; box-shadow:0 1px 0 rgba(255,255,255,.9) inset;
}
html[data-skin="chrome"] .nav__link:hover, html[data-skin="chrome"] .nav__admin:hover
{
background:linear-gradient(180deg,#FFFFFF,#D9E4F5); border-color:rgba(47,107,255,.5); color:#1F4FD1;
  box-shadow:0 0 0 3px rgba(47,107,255,.12), 0 1px 0 rgba(255,255,255,.9) inset;
}
/* ---------- 标题：金属压印 ---------- */
html[data-skin="chrome"] .hero__t
{
font-weight:800; letter-spacing:-.015em;
  background:linear-gradient(178deg,#5C7093 0%,#1B2738 42%,#0E1622 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.85));
}
html[data-skin="chrome"] .hero__t2
{
background:linear-gradient(120deg,#6E8CC4,#2F6BFF 50%,#7BA3FF);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 1px 1px rgba(47,107,255,.35));
}
html[data-skin="chrome"] .hero__sub
{
color:#5D6F8B;
}
/* ---------- 主卡片：镜面金属板 ---------- */
html[data-skin="chrome"] .card
{
background:linear-gradient(168deg, rgba(255,255,255,.94) 0%, rgba(233,240,250,.86) 48%, rgba(219,229,244,.82) 100%);
  border:1px solid rgba(120,140,175,.34);
  border-radius:16px;
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  position:relative; overflow:hidden;
}
html[data-skin="chrome"] .card::before
{
content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(104deg, transparent 30%, rgba(255,255,255,.75) 47%, transparent 62%);
}
/* ---------- 输入框 ---------- */
html[data-skin="chrome"] .inputbar
{
background:linear-gradient(180deg,#FFFFFF,#EDF2F9);
  border:1px solid rgba(120,140,175,.42);
  border-radius:12px;
  box-shadow:0 2px 6px rgba(50,70,110,.1) inset, 0 1px 0 rgba(255,255,255,.9);
}
html[data-skin="chrome"] .inputbar:focus-within
{
border-color:#2F6BFF; box-shadow:0 0 0 4px rgba(47,107,255,.14), 0 2px 6px rgba(50,70,110,.1) inset;
}
html[data-skin="chrome"] .inputbar__ico
{
color:#5A78AE;
}
html[data-skin="chrome"] .inputbar__in
{
color:#16202E; font-weight:500;
}
html[data-skin="chrome"] .inputbar__in::placeholder
{
color:#8E9DB4;
}
html[data-skin="chrome"] .inputbar__paste
{
background:linear-gradient(180deg,#FFFFFF,#DDE7F7); color:#2F5BB8; border:1px solid rgba(120,140,175,.45);
  border-radius:9px; font-weight:700; box-shadow:0 1px 0 rgba(255,255,255,.9) inset;
}
html[data-skin="chrome"] .inputbar__paste:hover
{
background:linear-gradient(180deg,#FFFFFF,#CFDDF4); color:#1F4FD1;
}
html[data-skin="chrome"] .inputbar__clear
{
border-radius:9px; color:#657691;
}
html[data-skin="chrome"] .inputbar__clear:hover
{
background:rgba(47,107,255,.1); color:#2F6BFF;
}
html[data-skin="chrome"] .inputbar__go
{
background:linear-gradient(180deg,#5E8CFF 0%,#2F6BFF 52%,#1F4FD1 100%);
  color:#fff;
  border-radius:10px;
  font-weight:800; letter-spacing:.04em;
  box-shadow:var(--shadow-btn);
  position:relative; overflow:hidden;
  background-size:100% 200%;
}
html[data-skin="chrome"] .inputbar__go::after
{
content:""; position:absolute; top:0; bottom:0; width:44%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
  transform:translateX(-160%);
  animation:ch-sheen 4.4s cubic-bezier(.5,0,.5,1) infinite;
}
@keyframes ch-sheen
{
0%
{
transform:translateX(-160%)
}
42%,100%
{
transform:translateX(300%)
}

}
html[data-skin="chrome"] .inputbar__go:hover
{
filter:brightness(1.06);
}
html[data-skin="chrome"] .inputbar__go:active
{
filter:brightness(.94);
}
html[data-skin="chrome"] .inputbar__foot
{
background:linear-gradient(180deg, rgba(255,255,255,.5), rgba(226,235,248,.6)); border-top:1px solid rgba(120,140,175,.28);
}
html[data-skin="chrome"] .tag
{
color:#657691;
}
html[data-skin="chrome"] .tag__dot
{
background:#2F6BFF; box-shadow:0 0 8px rgba(47,107,255,.7);
}
html[data-skin="chrome"] .inputbar__hint
{
color:#657691;
}
html[data-skin="chrome"] .inputbar__hint.is-on
{
color:#D3403F;
}
/* ---------- 结果区 ---------- */
html[data-skin="chrome"] .res__title
{
color:#16202E; font-weight:700;
}
html[data-skin="chrome"] .res__meta dt
{
color:#7A89A4;
}
html[data-skin="chrome"] .res__meta dd
{
color:#3A4A63;
}
html[data-skin="chrome"] .res__media
{
background:linear-gradient(180deg, rgba(255,255,255,.6), rgba(220,230,245,.5)); border-radius:12px; box-shadow:0 2px 8px rgba(50,70,110,.12) inset;
}
html[data-skin="chrome"] .res__video
{
border-radius:12px;
}
html[data-skin="chrome"] .res__badge
{
background:linear-gradient(180deg,#6E8CC4,#3E5E92); color:#fff; border-radius:999px; box-shadow:0 1px 0 rgba(255,255,255,.5) inset;
}
html[data-skin="chrome"] .res__gitem
{
border-radius:10px; border-color:rgba(120,140,175,.3);
}
html[data-skin="chrome"] .btn--pri
{
background:linear-gradient(180deg,#5E8CFF,#2F6BFF 60%,#1F4FD1) !important; color:#fff !important; border-color:transparent !important; border-radius:10px !important; font-weight:700 !important; box-shadow:0 1px 0 rgba(255,255,255,.5) inset, 0 8px 18px -8px rgba(47,107,255,.75) !important;
}
html[data-skin="chrome"] .btn--gho
{
background:linear-gradient(180deg,#FFFFFF,#E4EBF6) !important; color:#33465F !important; border:1px solid rgba(120,140,175,.42) !important; border-radius:10px !important; box-shadow:0 1px 0 rgba(255,255,255,.9) inset !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="chrome"] .empty__t
{
color:#5D6F8B;
}
html[data-skin="chrome"] .empty__d
{
color:#8E9DB4;
}
html[data-skin="chrome"] .load__t
{
color:#657691;
}
html[data-skin="chrome"] .load__bar
{
background:rgba(120,140,175,.2); border-radius:999px;
}
html[data-skin="chrome"] .load__fill
{
background:linear-gradient(90deg,#8FA9D6,#2F6BFF); border-radius:999px; box-shadow:0 1px 0 rgba(255,255,255,.5) inset;
}
html[data-skin="chrome"] .load__ring span
{
background:#2F6BFF;
}
html[data-skin="chrome"] .err__t
{
color:#C13B3A; font-weight:700;
}
html[data-skin="chrome"] .err__d, html[data-skin="chrome"] .err__a
{
color:#657691;
}
/* ---------- 页脚 ---------- */
html[data-skin="chrome"] .foot
{
border-top:1px solid rgba(120,140,175,.3);
}
html[data-skin="chrome"] .foot__cp, html[data-skin="chrome"] .foot__disc, html[data-skin="chrome"] .foot__l2
{
color:#7A89A4;
}
html[data-skin="chrome"] .foot__icp, html[data-skin="chrome"] .foot__sep{
  color:#7A89A4;
}
html[data-skin="chrome"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="chrome"] .foot__link
{
color:#5D6F8B; border-radius:999px;
}
html[data-skin="chrome"] .foot__link:hover
{
color:#1F4FD1; background:rgba(47,107,255,.1);
}
html[data-skin="chrome"] .foot__icp
{
color:#7A89A4;
}
html[data-skin="chrome"] .foot__logo svg path
{
fill:#5A78AE !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="chrome"] .nav__login
{
background:linear-gradient(180deg,#5E8CFF,#2F6BFF 60%,#1F4FD1); color:#fff; border-color:transparent; font-weight:700; box-shadow:0 1px 0 rgba(255,255,255,.5) inset;
}
html[data-skin="chrome"] .nav__quota
{
background:linear-gradient(180deg,#FFFFFF,#E1EAF8); color:#2F5BB8; border:1px solid rgba(120,140,175,.4);
}
html[data-skin="chrome"] .nav__quota b
{
color:#1F4FD1;
}
html[data-skin="chrome"] .nav__uname
{
background:linear-gradient(180deg,#FFFFFF,#E6EDF8); border-color:rgba(120,140,175,.4); color:#33465F;
}
html[data-skin="chrome"] .nav__uname:hover
{
border-color:rgba(47,107,255,.55); color:#1F4FD1;
}
/* ---------- 浮层 ---------- */
html[data-skin="chrome"] .wsbox
{
background:linear-gradient(170deg,#FFFFFF 0%,#EEF3FA 100%); border:1px solid rgba(120,140,175,.4); border-radius:16px; color:#22303F; box-shadow:0 30px 70px -24px rgba(40,60,100,.5);
}
html[data-skin="chrome"] .wsbox__t
{
color:#16202E;
}
html[data-skin="chrome"] .wsbox__x
{
color:#8E9DB4;
}
html[data-skin="chrome"] .wsbox__x:hover
{
background:rgba(47,107,255,.1); color:#2F6BFF;
}
html[data-skin="chrome"] .wsf > span
{
color:#5D6F8B;
}
html[data-skin="chrome"] .wsf input
{
background:linear-gradient(180deg,#FFFFFF,#F1F5FB); border-color:rgba(120,140,175,.42); color:#16202E; box-shadow:0 1px 3px rgba(50,70,110,.08) inset;
}
html[data-skin="chrome"] .wsf input:focus
{
border-color:#2F6BFF; box-shadow:0 0 0 3px rgba(47,107,255,.14); background:#fff;
}
html[data-skin="chrome"] .wstab
{
background:linear-gradient(180deg,#FFFFFF,#E9EFF9); border-color:rgba(120,140,175,.4); color:#5D6F8B;
}
html[data-skin="chrome"] .wstab.on
{
background:linear-gradient(180deg,#DCE7FB,#C8D9F7); color:#1F4FD1; border-color:transparent; font-weight:700;
}
html[data-skin="chrome"] .wsbtn
{
background:linear-gradient(180deg,#5E8CFF,#2F6BFF 60%,#1F4FD1); color:#fff; font-weight:800; box-shadow:0 1px 0 rgba(255,255,255,.5) inset, 0 10px 20px -10px rgba(47,107,255,.75);
}
html[data-skin="chrome"] .wsbtn:hover
{
filter:brightness(1.06);
}
html[data-skin="chrome"] .wshint
{
color:#657691;
}
html[data-skin="chrome"] .uc__top
{
background:linear-gradient(135deg, rgba(47,107,255,.12), rgba(160,185,225,.16)); border-color:rgba(120,140,175,.34);
}
html[data-skin="chrome"] .uc__quota b
{
background:linear-gradient(180deg,#6E8CC4,#1F4FD1); -webkit-background-clip:text; background-clip:text; color:transparent;
}
html[data-skin="chrome"] .uc__meta
{
color:#657691;
}
html[data-skin="chrome"] .uc__logs
{
border-color:rgba(120,140,175,.28);
}
html[data-skin="chrome"] .uc__lrow
{
color:#3A4A63; border-bottom-color:rgba(120,140,175,.14);
}
html[data-skin="chrome"] .uc__lrow > span:nth-child(1)
{
color:#8E9DB4;
}
html[data-skin="chrome"] .uc__lrow--hd
{
background:rgba(226,235,248,.6); color:#8E9DB4;
}
html[data-skin="chrome"] .wsghost
{
background:linear-gradient(180deg,#FFFFFF,#E9EFF9); border-color:rgba(120,140,175,.4); color:#5D6F8B;
}
html[data-skin="chrome"] .navrich__panel
{
background:linear-gradient(170deg,#FFFFFF,#EEF3FA); border-radius:16px;
}

/* ============ 蒸汽波（data-skin="vapor"）· 80s 复古未来：粉紫青霓虹 + 透视网格地平线 + 落日光盘 ============ */
html[data-skin="vapor"]
{
--bg-1:#1B0B33;
  --bg-2:#241041;
  --bg-3:#2C1550;

  --brand:#FF4FD8;
  --brand-d:#D62FB0;
  --brand-l:#FF9BEC;
  --brand-w:rgba(255,79,216,.16);

  --text:#F6EBFF;
  --text-2:#CFB8E4;
  --text-3:#9A82BB;
  --text-4:#6E5A8C;

  --card:rgba(42,20,72,.72);
  --card-2:rgba(32,15,58,.6);
  --line:rgba(61,232,255,.3);
  --line-2:rgba(255,79,216,.14);

  --ok:#4FE8B0;
  --warn:#FFD166;
  --err:#FF5C8A;

  --r-btn:6px;
  --r-card:8px;
  --r-pill:999px;

  --shadow-card:0 0 0 1px rgba(255,79,216,.28), 0 0 48px -14px rgba(255,79,216,.45), 0 26px 60px -26px rgba(0,0,0,.8);
  --shadow-btn:0 0 22px -4px rgba(61,232,255,.7), 0 8px 22px -10px rgba(255,79,216,.7);

  --font:"Inter","HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-title:"Georgia","Times New Roman","Songti SC","SimSun",serif;
}
/* ---------- 背景：落日 + 网格地平线 ---------- */
html[data-skin="vapor"], html[data-skin="vapor"]
html[data-skin="vapor"] body
{
background:linear-gradient(180deg,#1B0B33 0%,#2A1148 55%,#3A1459 100%);
}
html[data-skin="vapor"] #cv-bg
{
opacity:.30; filter:hue-rotate(-40deg) saturate(1.9) brightness(.85);
}
html[data-skin="vapor"] body::before
{
content:""; position:fixed; inset:0 0 46% 0; z-index:0; pointer-events:none;
  background:radial-gradient(50% 58% at 50% 100%, rgba(255,79,216,.34), rgba(255,140,90,.16) 46%, transparent 72%);
}
html[data-skin="vapor"] body::after
{
content:""; position:fixed; left:0; right:0; bottom:0; height:46%; z-index:0; pointer-events:none; opacity:.5;
  background:
    repeating-linear-gradient(90deg, rgba(61,232,255,.4) 0 1px, transparent 1px 62px),
    repeating-linear-gradient(180deg, rgba(255,79,216,.36) 0 1px, transparent 1px 40px);
  transform:perspective(320px) rotateX(62deg);
  transform-origin:bottom center;
  mask-image:linear-gradient(180deg, transparent, #000 34%);
  -webkit-mask-image:linear-gradient(180deg, transparent, #000 34%);
}
html[data-skin="vapor"] .stage
{
border-radius:10px; box-shadow:0 0 0 1px rgba(61,232,255,.24), 0 0 110px -40px rgba(255,79,216,.6);
}
/* ---------- 顶栏 ---------- */
html[data-skin="vapor"] .logo__t
{
color:#FBEFFF; font-family:var(--font-title); letter-spacing:.16em; text-transform:uppercase;
}
html[data-skin="vapor"] .logo__t b
{
color:#FF4FD8; text-shadow:0 0 16px rgba(255,79,216,.9);
}
html[data-skin="vapor"] .logo svg path
{
fill:#3DE8FF !important;
}
html[data-skin="vapor"] .logo svg circle
{
fill:#FF4FD8 !important;
}
html[data-skin="vapor"] .nav__link, html[data-skin="vapor"] .nav__admin
{
border-radius:999px; background:rgba(61,232,255,.07); border:1px solid rgba(61,232,255,.34);
  color:#8FF2FF; font-weight:600; letter-spacing:.1em; text-transform:uppercase; font-size:11.5px;
}
html[data-skin="vapor"] .nav__link:hover, html[data-skin="vapor"] .nav__admin:hover
{
background:rgba(61,232,255,.18); border-color:#3DE8FF; color:#EAFEFF;
  box-shadow:0 0 22px -4px rgba(61,232,255,.85);
}
/* ---------- 标题 ---------- */
html[data-skin="vapor"] .hero__t
{
color:#FDF3FF; font-family:var(--font-title); font-weight:400; letter-spacing:.01em; text-shadow:0 0 30px rgba(255,79,216,.5);
}
html[data-skin="vapor"] .hero__t2
{
color:#3DE8FF; text-shadow:0 0 22px rgba(61,232,255,.9), 0 0 44px rgba(255,79,216,.5);
}
html[data-skin="vapor"] .hero__sub
{
color:#B79BD4; letter-spacing:.1em; font-size:11.5px; text-transform:uppercase;
}
/* ---------- 主卡片：霓虹窗 ---------- */
html[data-skin="vapor"] .card
{
background:linear-gradient(170deg, rgba(52,24,88,.8), rgba(28,13,52,.7));
  border:1px solid rgba(61,232,255,.34);
  border-radius:8px;
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(16px) saturate(1.4); -webkit-backdrop-filter:blur(16px) saturate(1.4);
}
/* ---------- 输入框 ---------- */
html[data-skin="vapor"] .inputbar
{
background:rgba(20,9,40,.78);
  border:1px solid rgba(255,79,216,.4);
  border-radius:7px;
}
html[data-skin="vapor"] .inputbar:focus-within
{
border-color:#3DE8FF; box-shadow:0 0 0 4px rgba(61,232,255,.16), 0 0 30px -6px rgba(255,79,216,.8);
}
html[data-skin="vapor"] .inputbar__ico
{
color:#FF4FD8;
}
html[data-skin="vapor"] .inputbar__in
{
color:#FBEFFF;
}
html[data-skin="vapor"] .inputbar__in::placeholder
{
color:#6E5A8C;
}
html[data-skin="vapor"] .inputbar__paste
{
background:rgba(61,232,255,.13); color:#8FF2FF; border:1px solid rgba(61,232,255,.4);
  border-radius:6px; font-weight:600; letter-spacing:.06em;
}
html[data-skin="vapor"] .inputbar__paste:hover
{
background:rgba(61,232,255,.26); color:#EAFEFF; box-shadow:0 0 20px -4px rgba(61,232,255,.8);
}
html[data-skin="vapor"] .inputbar__clear
{
border-radius:6px; color:#9A82BB;
}
html[data-skin="vapor"] .inputbar__clear:hover
{
background:rgba(255,79,216,.18); color:#FF9BEC;
}
html[data-skin="vapor"] .inputbar__go
{
background:linear-gradient(100deg,#FF4FD8 0%,#B14BFF 50%,#3DE8FF 100%);
  color:#1B0B33;
  border-radius:6px;
  font-weight:800; letter-spacing:.14em; text-transform:uppercase; font-size:12.5px;
  box-shadow:var(--shadow-btn);
}
html[data-skin="vapor"] .inputbar__go:hover
{
filter:brightness(1.1); box-shadow:0 0 30px -2px rgba(255,79,216,.9);
}
html[data-skin="vapor"] .inputbar__go:active
{
filter:brightness(.94);
}
html[data-skin="vapor"] .inputbar__foot
{
background:rgba(61,232,255,.05); border-top:1px solid rgba(255,79,216,.2);
}
html[data-skin="vapor"] .tag
{
color:#9A82BB; letter-spacing:.04em;
}
html[data-skin="vapor"] .tag__dot
{
background:#3DE8FF; box-shadow:0 0 12px rgba(61,232,255,.95);
}
html[data-skin="vapor"] .inputbar__hint
{
color:#9A82BB;
}
html[data-skin="vapor"] .inputbar__hint.is-on
{
color:#FF7BA8;
}
/* ---------- 结果区 ---------- */
html[data-skin="vapor"] .res__title
{
color:#FDF3FF; font-weight:600;
}
html[data-skin="vapor"] .res__meta dt
{
color:#7E68A0;
}
html[data-skin="vapor"] .res__meta dd
{
color:#CFB8E4;
}
html[data-skin="vapor"] .res__media
{
background:rgba(61,232,255,.06); border-radius:6px;
}
html[data-skin="vapor"] .res__video
{
border-radius:6px;
}
html[data-skin="vapor"] .res__badge
{
background:linear-gradient(100deg,#FF4FD8,#B14BFF); color:#fff; border-radius:999px; box-shadow:0 0 18px -3px rgba(255,79,216,.85);
}
html[data-skin="vapor"] .res__gitem
{
border-radius:6px; border-color:rgba(61,232,255,.28);
}
html[data-skin="vapor"] .btn--pri
{
background:linear-gradient(100deg,#FF4FD8,#B14BFF) !important; color:#fff !important; border-color:transparent !important; border-radius:6px !important; font-weight:700 !important; box-shadow:0 0 20px -4px rgba(255,79,216,.8) !important;
}
html[data-skin="vapor"] .btn--gho
{
background:rgba(61,232,255,.08) !important; color:#8FF2FF !important; border:1px solid rgba(61,232,255,.34) !important; border-radius:6px !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="vapor"] .empty__t
{
color:#B79BD4;
}
html[data-skin="vapor"] .empty__d
{
color:#7E68A0;
}
html[data-skin="vapor"] .load__t
{
color:#9A82BB;
}
html[data-skin="vapor"] .load__bar
{
background:rgba(255,79,216,.14); border-radius:999px;
}
html[data-skin="vapor"] .load__fill
{
background:linear-gradient(90deg,#FF4FD8,#3DE8FF); border-radius:999px; box-shadow:0 0 16px rgba(255,79,216,.8);
}
html[data-skin="vapor"] .load__ring span
{
background:#3DE8FF; box-shadow:0 0 14px rgba(61,232,255,.9);
}
html[data-skin="vapor"] .err__t
{
color:#FF7BA8; font-weight:700;
}
html[data-skin="vapor"] .err__d, html[data-skin="vapor"] .err__a
{
color:#9A82BB;
}
/* ---------- 页脚 ---------- */
html[data-skin="vapor"] .foot
{
border-top:1px solid rgba(255,79,216,.2);
}
html[data-skin="vapor"] .foot__cp, html[data-skin="vapor"] .foot__disc, html[data-skin="vapor"] .foot__l2
{
color:#7E68A0;
}
html[data-skin="vapor"] .foot__icp, html[data-skin="vapor"] .foot__sep{
  color:#7E68A0;
}
html[data-skin="vapor"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="vapor"] .foot__link
{
color:#9A82BB; border-radius:999px;
}
html[data-skin="vapor"] .foot__link:hover
{
color:#8FF2FF; background:rgba(61,232,255,.14);
}
html[data-skin="vapor"] .foot__icp
{
color:#7E68A0;
}
html[data-skin="vapor"] .foot__logo svg path
{
fill:#3DE8FF !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="vapor"] .nav__login
{
background:linear-gradient(100deg,#FF4FD8,#B14BFF); color:#fff; border-color:transparent; font-weight:700; box-shadow:0 0 20px -4px rgba(255,79,216,.8);
}
html[data-skin="vapor"] .nav__quota
{
background:rgba(61,232,255,.14); color:#8FF2FF; border:1px solid rgba(61,232,255,.36);
}
html[data-skin="vapor"] .nav__quota b
{
color:#EAFEFF;
}
html[data-skin="vapor"] .nav__uname
{
background:rgba(61,232,255,.08); border-color:rgba(61,232,255,.32); color:#9FF4FF;
}
html[data-skin="vapor"] .nav__uname:hover
{
background:rgba(61,232,255,.2); border-color:#3DE8FF; color:#EAFEFF;
}
/* ---------- 浮层 ---------- */
html[data-skin="vapor"] .wsbox
{
background:linear-gradient(170deg,#2A1148,#1C0C34); border:1px solid rgba(61,232,255,.3); border-radius:10px; color:#E0CEF2; box-shadow:0 0 0 1px rgba(255,79,216,.22), 0 30px 70px -22px rgba(0,0,0,.85);
}
html[data-skin="vapor"] .wsbox__t
{
color:#FDF3FF; font-family:var(--font-title);
}
html[data-skin="vapor"] .wsbox__x
{
color:#9A82BB;
}
html[data-skin="vapor"] .wsbox__x:hover
{
background:rgba(255,79,216,.18); color:#FF9BEC;
}
html[data-skin="vapor"] .wsf > span
{
color:#9A82BB;
}
html[data-skin="vapor"] .wsf input
{
background:rgba(20,9,40,.85); border-color:rgba(61,232,255,.3); color:#FBEFFF; border-radius:6px;
}
html[data-skin="vapor"] .wsf input:focus
{
border-color:#3DE8FF; box-shadow:0 0 0 3px rgba(61,232,255,.18);
}
html[data-skin="vapor"] .wstab
{
background:transparent; border-color:rgba(61,232,255,.28); color:#9A82BB; border-radius:999px;
}
html[data-skin="vapor"] .wstab.on
{
background:rgba(255,79,216,.2); color:#FF9BEC; border-color:transparent;
}
html[data-skin="vapor"] .wsbtn
{
background:linear-gradient(100deg,#FF4FD8,#B14BFF); color:#fff; font-weight:800; border-radius:6px; box-shadow:0 0 22px -4px rgba(255,79,216,.8);
}
html[data-skin="vapor"] .wsbtn:hover
{
filter:brightness(1.08);
}
html[data-skin="vapor"] .wshint
{
color:#9A82BB;
}
html[data-skin="vapor"] .uc__top
{
background:linear-gradient(120deg, rgba(255,79,216,.14), rgba(61,232,255,.1)); border-color:rgba(61,232,255,.28);
}
html[data-skin="vapor"] .uc__quota b
{
color:#3DE8FF; text-shadow:0 0 18px rgba(61,232,255,.8);
}
html[data-skin="vapor"] .uc__meta
{
color:#9A82BB;
}
html[data-skin="vapor"] .uc__logs
{
border-color:rgba(61,232,255,.22);
}
html[data-skin="vapor"] .uc__lrow
{
color:#CFB8E4; border-bottom-color:rgba(61,232,255,.1);
}
html[data-skin="vapor"] .uc__lrow > span:nth-child(1)
{
color:#7E68A0;
}
html[data-skin="vapor"] .uc__lrow--hd
{
background:rgba(61,232,255,.07); color:#7E68A0;
}
html[data-skin="vapor"] .wsghost
{
background:transparent; border-color:rgba(61,232,255,.3); color:#9A82BB;
}
html[data-skin="vapor"] .navrich__panel
{
background:#241041; border-radius:10px;
}

/* ============ 全息虹彩（data-skin="holo"）· 全息薄膜折射：彩虹锥形描边 + 珠光卡片 + 渐变流动 ============ */
html[data-skin="holo"]
{
--bg-1:#F7F5FF;
  --bg-2:#F0ECFF;
  --bg-3:#E8E2FF;

  --brand:#7C4DFF;
  --brand-d:#5A2FE0;
  --brand-l:#B49BFF;
  --brand-w:rgba(124,77,255,.14);

  --text:#1A1436;
  --text-2:#423A63;
  --text-3:#6E6690;
  --text-4:#9C96B8;

  --card:rgba(255,255,255,.78);
  --card-2:rgba(252,250,255,.62);
  --line:rgba(124,77,255,.22);
  --line-2:rgba(124,77,255,.1);

  --ok:#12A97A;
  --warn:#D08A0E;
  --err:#E23A5E;

  --r-btn:12px;
  --r-card:20px;
  --r-pill:999px;

  --shadow-card:0 20px 50px -24px rgba(94,60,190,.45), 0 0 0 1px rgba(255,255,255,.6) inset;
  --shadow-btn:0 10px 26px -10px rgba(124,77,255,.7), 0 1px 0 rgba(255,255,255,.5) inset;

  --font:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-title:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：全息薄膜 ---------- */
html[data-skin="holo"], html[data-skin="holo"]
html[data-skin="holo"] body
{
background:linear-gradient(150deg,#FBF9FF 0%,#F1ECFF 42%,#E9E2FF 100%);
}
html[data-skin="holo"] #cv-bg
{
opacity:.5; filter:hue-rotate(210deg) saturate(1.5) brightness(1.1);
}
html[data-skin="holo"] body::after
{
content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.62;
  background:
    radial-gradient(46% 38% at 14% 10%, rgba(255,92,168,.3), transparent 66%),
    radial-gradient(44% 38% at 86% 16%, rgba(64,208,255,.3), transparent 66%),
    radial-gradient(52% 44% at 50% 96%, rgba(150,110,255,.32), transparent 70%),
    radial-gradient(38% 32% at 88% 82%, rgba(255,214,102,.26), transparent 68%);
}
html[data-skin="holo"] .stage
{
border-radius:22px; box-shadow:0 0 0 1px rgba(255,255,255,.8) inset, 0 0 90px -34px rgba(124,77,255,.6);
}
/* ---------- 顶栏 ---------- */
html[data-skin="holo"] .logo__t
{
color:#241C46; font-weight:800; letter-spacing:-.01em;
}
html[data-skin="holo"] .logo__t b
{
background:linear-gradient(100deg,#FF5CA8,#7C4DFF 42%,#40D0FF 78%,#FFD666);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
html[data-skin="holo"] .logo svg path
{
fill:#7C4DFF !important;
}
html[data-skin="holo"] .logo svg circle
{
fill:#FF5CA8 !important;
}
html[data-skin="holo"] .nav__link, html[data-skin="holo"] .nav__admin
{
border-radius:999px; border:1px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,
             linear-gradient(100deg,#FF5CA8,#7C4DFF,#40D0FF) border-box;
  color:#5A2FE0; font-weight:700;
}
html[data-skin="holo"] .nav__link:hover, html[data-skin="holo"] .nav__admin:hover
{
background:linear-gradient(100deg,#FF5CA8,#7C4DFF,#40D0FF) padding-box,
             linear-gradient(100deg,#FF5CA8,#7C4DFF,#40D0FF) border-box;
  color:#fff; box-shadow:0 0 22px -4px rgba(124,77,255,.7);
}
/* ---------- 标题：彩虹渐变 ---------- */
html[data-skin="holo"] .hero__t
{
color:#1A1436; font-weight:800; letter-spacing:-.02em;
}
html[data-skin="holo"] .hero__t2
{
background:linear-gradient(96deg,#FF5CA8 0%,#7C4DFF 34%,#40D0FF 66%,#49E0A8 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 2px 10px rgba(124,77,255,.3));
}
html[data-skin="holo"] .hero__sub
{
color:#6E6690;
}
/* ---------- 主卡片：虹彩玻璃 ---------- */
html[data-skin="holo"] .card
{
position:relative; border-radius:20px;
  background:linear-gradient(168deg, rgba(255,255,255,.86), rgba(246,242,255,.72));
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(22px) saturate(1.6); -webkit-backdrop-filter:blur(22px) saturate(1.6);
}
/* conic 彩虹描边 */
html[data-skin="holo"] .card::before
{
content:""; position:absolute; inset:0; border-radius:20px; padding:1.4px;
  background:conic-gradient(from 200deg, #FF5CA8, #FFD666, #49E0A8, #40D0FF, #7C4DFF, #FF5CA8);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none; opacity:.85;
}
/* ---------- 输入框 ---------- */
html[data-skin="holo"] .inputbar
{
background:rgba(255,255,255,.9); border:1px solid rgba(124,77,255,.24); border-radius:14px; box-shadow:0 6px 18px -12px rgba(94,60,190,.4);
}
html[data-skin="holo"] .inputbar:focus-within
{
border-color:#7C4DFF; box-shadow:0 0 0 4px rgba(124,77,255,.14), 0 6px 20px -12px rgba(94,60,190,.5);
}
html[data-skin="holo"] .inputbar__ico
{
color:#7C4DFF;
}
html[data-skin="holo"] .inputbar__in
{
color:#1A1436; font-weight:500;
}
html[data-skin="holo"] .inputbar__in::placeholder
{
color:#9C96B8;
}
html[data-skin="holo"] .inputbar__paste
{
border-radius:10px; font-weight:700; border:1px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, linear-gradient(100deg,#FF5CA8,#7C4DFF) border-box;
  color:#C22F84;
}
html[data-skin="holo"] .inputbar__paste:hover
{
background:linear-gradient(100deg,#FF5CA8,#7C4DFF) padding-box, linear-gradient(100deg,#FF5CA8,#7C4DFF) border-box; color:#fff;
}
html[data-skin="holo"] .inputbar__clear
{
border-radius:10px; color:#6E6690;
}
html[data-skin="holo"] .inputbar__clear:hover
{
background:rgba(124,77,255,.1); color:#5A2FE0;
}
html[data-skin="holo"] .inputbar__go
{
border-radius:12px; color:#fff; font-weight:800; letter-spacing:.03em;
  background:linear-gradient(100deg,#FF5CA8 0%,#7C4DFF 50%,#40D0FF 100%);
  background-size:180% 100%;
  box-shadow:var(--shadow-btn);
  animation:holo-flow 7s ease-in-out infinite alternate;
}
@keyframes holo-flow
{
from
{
background-position:0% 50%
}
to
{
background-position:100% 50%
}

}
html[data-skin="holo"] .inputbar__go:hover
{
filter:brightness(1.07);
}
html[data-skin="holo"] .inputbar__go:active
{
filter:brightness(.94);
}
html[data-skin="holo"] .inputbar__foot
{
background:rgba(124,77,255,.045); border-top:1px solid rgba(124,77,255,.14);
}
html[data-skin="holo"] .tag
{
color:#6E6690;
}
html[data-skin="holo"] .tag__dot
{
background:linear-gradient(100deg,#FF5CA8,#40D0FF); box-shadow:0 0 10px rgba(124,77,255,.7);
}
html[data-skin="holo"] .inputbar__hint
{
color:#6E6690;
}
html[data-skin="holo"] .inputbar__hint.is-on
{
color:#E23A5E;
}
/* ---------- 结果区 ---------- */
html[data-skin="holo"] .res__title
{
color:#1A1436; font-weight:700;
}
html[data-skin="holo"] .res__meta dt
{
color:#8B84A8;
}
html[data-skin="holo"] .res__meta dd
{
color:#423A63;
}
html[data-skin="holo"] .res__media
{
background:linear-gradient(140deg, rgba(255,92,168,.09), rgba(64,208,255,.09)); border-radius:14px;
}
html[data-skin="holo"] .res__video
{
border-radius:14px;
}
html[data-skin="holo"] .res__badge
{
background:linear-gradient(100deg,#FF5CA8,#7C4DFF); color:#fff; border-radius:999px; box-shadow:0 4px 14px -6px rgba(124,77,255,.7);
}
html[data-skin="holo"] .res__gitem
{
border-radius:12px; border-color:rgba(124,77,255,.2);
}
html[data-skin="holo"] .btn--pri
{
background:linear-gradient(100deg,#FF5CA8,#7C4DFF 60%,#40D0FF) !important; color:#fff !important; border-color:transparent !important; border-radius:12px !important; font-weight:700 !important; box-shadow:0 10px 24px -10px rgba(124,77,255,.75) !important;
}
html[data-skin="holo"] .btn--gho
{
background:#fff !important; color:#5A2FE0 !important; border:1px solid rgba(124,77,255,.28) !important; border-radius:12px !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="holo"] .empty__t
{
color:#6E6690;
}
html[data-skin="holo"] .empty__d
{
color:#9C96B8;
}
html[data-skin="holo"] .load__t
{
color:#6E6690;
}
html[data-skin="holo"] .load__bar
{
background:rgba(124,77,255,.12); border-radius:999px;
}
html[data-skin="holo"] .load__fill
{
background:linear-gradient(90deg,#FF5CA8,#7C4DFF,#40D0FF); border-radius:999px;
}
html[data-skin="holo"] .load__ring span
{
background:#7C4DFF; box-shadow:0 0 12px rgba(124,77,255,.8);
}
html[data-skin="holo"] .err__t
{
color:#D62B52; font-weight:700;
}
html[data-skin="holo"] .err__d, html[data-skin="holo"] .err__a
{
color:#6E6690;
}
/* ---------- 页脚 ---------- */
html[data-skin="holo"] .foot
{
border-top:1px solid rgba(124,77,255,.16);
}
html[data-skin="holo"] .foot__cp, html[data-skin="holo"] .foot__disc, html[data-skin="holo"] .foot__l2
{
color:#8B84A8;
}
html[data-skin="holo"] .foot__icp, html[data-skin="holo"] .foot__sep{
  color:#8B84A8;
}
html[data-skin="holo"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="holo"] .foot__link
{
color:#6E6690; border-radius:999px;
}
html[data-skin="holo"] .foot__link:hover
{
color:#5A2FE0; background:rgba(124,77,255,.1);
}
html[data-skin="holo"] .foot__icp
{
color:#8B84A8;
}
html[data-skin="holo"] .foot__logo svg path
{
fill:#7C4DFF !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="holo"] .nav__login
{
background:linear-gradient(100deg,#FF5CA8,#7C4DFF); color:#fff; border-color:transparent; font-weight:800; box-shadow:0 8px 20px -10px rgba(124,77,255,.8);
}
html[data-skin="holo"] .nav__quota
{
background:rgba(124,77,255,.11); color:#5A2FE0; border:1px solid rgba(124,77,255,.24);
}
html[data-skin="holo"] .nav__quota b
{
color:#5A2FE0;
}
html[data-skin="holo"] .nav__uname
{
background:rgba(255,255,255,.8); border-color:rgba(124,77,255,.26); color:#423A63;
}
html[data-skin="holo"] .nav__uname:hover
{
border-color:#7C4DFF; color:#5A2FE0;
}
/* ---------- 浮层 ---------- */
html[data-skin="holo"] .wsbox
{
background:linear-gradient(168deg,#FFFFFF,#F5F1FF); border:1px solid rgba(124,77,255,.24); border-radius:20px; color:#2A2350; box-shadow:0 30px 70px -24px rgba(94,60,190,.5);
}
html[data-skin="holo"] .wsbox__t
{
color:#1A1436;
}
html[data-skin="holo"] .wsbox__x
{
color:#9C96B8;
}
html[data-skin="holo"] .wsbox__x:hover
{
background:rgba(124,77,255,.1); color:#5A2FE0;
}
html[data-skin="holo"] .wsf > span
{
color:#6E6690;
}
html[data-skin="holo"] .wsf input
{
background:rgba(255,255,255,.92); border-color:rgba(124,77,255,.24); color:#1A1436;
}
html[data-skin="holo"] .wsf input:focus
{
border-color:#7C4DFF; box-shadow:0 0 0 3px rgba(124,77,255,.15);
}
html[data-skin="holo"] .wstab
{
background:#fff; border-color:rgba(124,77,255,.22); color:#6E6690;
}
html[data-skin="holo"] .wstab.on
{
background:linear-gradient(100deg,rgba(255,92,168,.16),rgba(124,77,255,.16)); color:#5A2FE0; border-color:transparent; font-weight:700;
}
html[data-skin="holo"] .wsbtn
{
background:linear-gradient(100deg,#FF5CA8,#7C4DFF 60%,#40D0FF); color:#fff; font-weight:800; box-shadow:0 10px 24px -10px rgba(124,77,255,.75);
}
html[data-skin="holo"] .wsbtn:hover
{
filter:brightness(1.06);
}
html[data-skin="holo"] .wshint
{
color:#6E6690;
}
html[data-skin="holo"] .uc__top
{
background:linear-gradient(120deg, rgba(255,92,168,.13), rgba(64,208,255,.13)); border-color:rgba(124,77,255,.2);
}
html[data-skin="holo"] .uc__quota b
{
background:linear-gradient(100deg,#FF5CA8,#7C4DFF,#40D0FF); -webkit-background-clip:text; background-clip:text; color:transparent;
}
html[data-skin="holo"] .uc__meta
{
color:#6E6690;
}
html[data-skin="holo"] .uc__logs
{
border-color:rgba(124,77,255,.18);
}
html[data-skin="holo"] .uc__lrow
{
color:#423A63; border-bottom-color:rgba(124,77,255,.1);
}
html[data-skin="holo"] .uc__lrow > span:nth-child(1)
{
color:#9C96B8;
}
html[data-skin="holo"] .uc__lrow--hd
{
background:rgba(124,77,255,.05); color:#9C96B8;
}
html[data-skin="holo"] .wsghost
{
background:#fff; border-color:rgba(124,77,255,.24); color:#6E6690;
}
html[data-skin="holo"] .navrich__panel
{
background:linear-gradient(168deg,#FFFFFF,#F5F1FF); border-radius:20px;
}

/* ============ 极光（data-skin="aurora"）· 极地夜空：深空黑 + 绿紫极光带缓慢流动，冷冽通透 ============ */
html[data-skin="aurora"]
{
--bg-1:#04070F;
  --bg-2:#070C18;
  --bg-3:#0A1120;

  --brand:#3AF7C8;
  --brand-d:#20C9A2;
  --brand-l:#8DFFE4;
  --brand-w:rgba(58,247,200,.14);

  --text:#EAF4FF;
  --text-2:#B4C6DE;
  --text-3:#7C8FAB;
  --text-4:#55647D;

  --card:rgba(10,17,32,.66);
  --card-2:rgba(8,13,26,.5);
  --line:rgba(58,247,200,.22);
  --line-2:rgba(139,108,255,.14);

  --ok:#3AF7C8;
  --warn:#FFD166;
  --err:#FF6B8A;

  --r-btn:10px;
  --r-card:18px;
  --r-pill:999px;

  --shadow-card:0 0 0 1px rgba(58,247,200,.14), 0 0 60px -22px rgba(58,247,200,.45), 0 30px 66px -30px rgba(0,0,0,.85);
  --shadow-btn:0 0 24px -4px rgba(58,247,200,.6), 0 8px 24px -10px rgba(139,108,255,.6);

  --font:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-title:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：极光带 ---------- */
html[data-skin="aurora"], html[data-skin="aurora"]
html[data-skin="aurora"] body
{
background:radial-gradient(120% 80% at 50% -10%, #0B1730 0%, #060B18 46%, #03060D 100%);
}
html[data-skin="aurora"] #cv-bg
{
opacity:.40; filter:hue-rotate(96deg) saturate(1.7) brightness(.9);
}
html[data-skin="aurora"] body::before
{
content:""; position:fixed; inset:-14% -10%; z-index:0; pointer-events:none; opacity:.72;
  background:
    radial-gradient(26% 52% at 22% 26%, rgba(58,247,200,.34), transparent 68%),
    radial-gradient(24% 50% at 58% 16%, rgba(90,220,255,.28), transparent 68%),
    radial-gradient(26% 54% at 82% 34%, rgba(139,108,255,.32), transparent 70%);
  filter:blur(22px);
  animation:au-drift 18s ease-in-out infinite alternate;
}
html[data-skin="aurora"] body::after
{
content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background:repeating-linear-gradient(102deg, rgba(58,247,200,.055) 0 2px, transparent 2px 9px);
  mask-image:linear-gradient(180deg, #000 0%, transparent 62%);
  -webkit-mask-image:linear-gradient(180deg, #000 0%, transparent 62%);
}
@keyframes au-drift
{
0%
{
transform:translate3d(-3%,-2%,0) scale(1)
}
50%
{
transform:translate3d(2%,1%,0) scale(1.06)
}
100%
{
transform:translate3d(4%,-1%,0) scale(1.02)
}

}
html[data-skin="aurora"] .stage
{
border-radius:20px; box-shadow:0 0 0 1px rgba(58,247,200,.14), 0 0 120px -44px rgba(58,247,200,.6);
}
/* ---------- 顶栏 ---------- */
html[data-skin="aurora"] .logo__t
{
color:#E9FFF9; font-weight:300; letter-spacing:.2em; text-transform:uppercase; font-size:13px;
}
html[data-skin="aurora"] .logo__t b
{
color:#3AF7C8; font-weight:600; text-shadow:0 0 18px rgba(58,247,200,.85);
}
html[data-skin="aurora"] .logo svg path
{
fill:#3AF7C8 !important;
}
html[data-skin="aurora"] .logo svg circle
{
fill:#8B6CFF !important;
}
html[data-skin="aurora"] .nav__link, html[data-skin="aurora"] .nav__admin
{
border-radius:999px; background:rgba(58,247,200,.06); border:1px solid rgba(58,247,200,.24);
  color:#9FFCE6; font-weight:500; letter-spacing:.08em;
}
html[data-skin="aurora"] .nav__link:hover, html[data-skin="aurora"] .nav__admin:hover
{
background:rgba(58,247,200,.14); border-color:rgba(58,247,200,.6); color:#EAFFF9;
  box-shadow:0 0 24px -4px rgba(58,247,200,.7);
}
/* ---------- 标题 ---------- */
html[data-skin="aurora"] .hero__t
{
color:#F2FBFF; font-weight:300; letter-spacing:.005em; text-shadow:0 0 40px rgba(58,247,200,.28);
}
html[data-skin="aurora"] .hero__t2
{
background:linear-gradient(100deg,#3AF7C8 0%,#5AE0FF 48%,#8B6CFF 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  font-weight:500;
}
html[data-skin="aurora"] .hero__sub
{
color:#8FA6C2; letter-spacing:.06em; font-weight:300;
}
/* ---------- 主卡片：极光玻璃 ---------- */
html[data-skin="aurora"] .card
{
background:linear-gradient(168deg, rgba(12,22,42,.7), rgba(6,11,22,.56));
  border:1px solid rgba(58,247,200,.2);
  border-radius:18px;
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(20px) saturate(1.35); -webkit-backdrop-filter:blur(20px) saturate(1.35);
}
/* ---------- 输入框 ---------- */
html[data-skin="aurora"] .inputbar
{
background:rgba(5,9,18,.72); border:1px solid rgba(58,247,200,.28); border-radius:12px;
}
html[data-skin="aurora"] .inputbar:focus-within
{
border-color:#3AF7C8; box-shadow:0 0 0 4px rgba(58,247,200,.12), 0 0 34px -8px rgba(58,247,200,.7);
}
html[data-skin="aurora"] .inputbar__ico
{
color:#3AF7C8;
}
html[data-skin="aurora"] .inputbar__in
{
color:#EAFBFF; font-weight:400;
}
html[data-skin="aurora"] .inputbar__in::placeholder
{
color:#55647D;
}
html[data-skin="aurora"] .inputbar__paste
{
background:rgba(139,108,255,.14); color:#C3B0FF; border:1px solid rgba(139,108,255,.36); border-radius:9px; font-weight:500;
}
html[data-skin="aurora"] .inputbar__paste:hover
{
background:rgba(139,108,255,.26); color:#E0D6FF; box-shadow:0 0 20px -4px rgba(139,108,255,.8);
}
html[data-skin="aurora"] .inputbar__clear
{
border-radius:9px; color:#7C8FAB;
}
html[data-skin="aurora"] .inputbar__clear:hover
{
background:rgba(58,247,200,.12); color:#9FFCE6;
}
html[data-skin="aurora"] .inputbar__go
{
background:linear-gradient(100deg,#3AF7C8 0%,#5AE0FF 52%,#8B6CFF 100%);
  background-size:180% 100%;
  color:#04140F;
  border-radius:10px;
  font-weight:700; letter-spacing:.06em;
  box-shadow:var(--shadow-btn);
  animation:au-flow 9s ease-in-out infinite alternate;
}
@keyframes au-flow
{
from
{
background-position:0% 50%
}
to
{
background-position:100% 50%
}

}
html[data-skin="aurora"] .inputbar__go:hover
{
filter:brightness(1.08);
}
html[data-skin="aurora"] .inputbar__go:active
{
filter:brightness(.94);
}
html[data-skin="aurora"] .inputbar__foot
{
background:rgba(58,247,200,.045); border-top:1px solid rgba(58,247,200,.14);
}
html[data-skin="aurora"] .tag
{
color:#7C8FAB; font-weight:300;
}
html[data-skin="aurora"] .tag__dot
{
background:#3AF7C8; box-shadow:0 0 12px rgba(58,247,200,.95);
}
html[data-skin="aurora"] .inputbar__hint
{
color:#7C8FAB;
}
html[data-skin="aurora"] .inputbar__hint.is-on
{
color:#FF7FA0;
}
/* ---------- 结果区 ---------- */
html[data-skin="aurora"] .res__title
{
color:#EFFBFF; font-weight:500;
}
html[data-skin="aurora"] .res__meta dt
{
color:#64748E;
}
html[data-skin="aurora"] .res__meta dd
{
color:#B4C6DE;
}
html[data-skin="aurora"] .res__media
{
background:rgba(58,247,200,.055); border-radius:13px;
}
html[data-skin="aurora"] .res__video
{
border-radius:13px;
}
html[data-skin="aurora"] .res__badge
{
background:linear-gradient(100deg,#3AF7C8,#8B6CFF); color:#04140F; border-radius:999px; box-shadow:0 0 18px -3px rgba(58,247,200,.7);
}
html[data-skin="aurora"] .res__gitem
{
border-radius:11px; border-color:rgba(58,247,200,.2);
}
html[data-skin="aurora"] .btn--pri
{
background:linear-gradient(100deg,#3AF7C8,#5AE0FF 60%,#8B6CFF) !important; color:#04140F !important; border-color:transparent !important; border-radius:10px !important; font-weight:700 !important; box-shadow:0 0 22px -5px rgba(58,247,200,.7) !important;
}
html[data-skin="aurora"] .btn--gho
{
background:rgba(58,247,200,.07) !important; color:#9FFCE6 !important; border:1px solid rgba(58,247,200,.28) !important; border-radius:10px !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="aurora"] .empty__t
{
color:#A6B8CE; font-weight:300;
}
html[data-skin="aurora"] .empty__d
{
color:#64748E;
}
html[data-skin="aurora"] .load__t
{
color:#7C8FAB;
}
html[data-skin="aurora"] .load__bar
{
background:rgba(58,247,200,.1); border-radius:999px;
}
html[data-skin="aurora"] .load__fill
{
background:linear-gradient(90deg,#3AF7C8,#8B6CFF); border-radius:999px; box-shadow:0 0 16px rgba(58,247,200,.7);
}
html[data-skin="aurora"] .load__ring span
{
background:#3AF7C8; box-shadow:0 0 14px rgba(58,247,200,.9);
}
html[data-skin="aurora"] .err__t
{
color:#FF7FA0; font-weight:600;
}
html[data-skin="aurora"] .err__d, html[data-skin="aurora"] .err__a
{
color:#7C8FAB;
}
/* ---------- 页脚 ---------- */
html[data-skin="aurora"] .foot
{
border-top:1px solid rgba(58,247,200,.13);
}
html[data-skin="aurora"] .foot__cp, html[data-skin="aurora"] .foot__disc, html[data-skin="aurora"] .foot__l2
{
color:#64748E; font-weight:300;
}
html[data-skin="aurora"] .foot__icp, html[data-skin="aurora"] .foot__sep{
  color:#64748E;
}
html[data-skin="aurora"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="aurora"] .foot__link
{
color:#8FA6C2; border-radius:999px;
}
html[data-skin="aurora"] .foot__link:hover
{
color:#9FFCE6; background:rgba(58,247,200,.12);
}
html[data-skin="aurora"] .foot__icp
{
color:#64748E;
}
html[data-skin="aurora"] .foot__logo svg path
{
fill:#3AF7C8 !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="aurora"] .nav__login
{
background:linear-gradient(100deg,#3AF7C8,#5AE0FF); color:#04140F; border-color:transparent; font-weight:700; box-shadow:0 0 20px -5px rgba(58,247,200,.7);
}
html[data-skin="aurora"] .nav__quota
{
background:rgba(58,247,200,.12); color:#9FFCE6; border:1px solid rgba(58,247,200,.26);
}
html[data-skin="aurora"] .nav__quota b
{
color:#EAFFF9;
}
html[data-skin="aurora"] .nav__uname
{
background:rgba(58,247,200,.07); border-color:rgba(58,247,200,.24); color:#9FFCE6;
}
html[data-skin="aurora"] .nav__uname:hover
{
background:rgba(58,247,200,.16); border-color:#3AF7C8; color:#EAFFF9;
}
/* ---------- 浮层 ---------- */
html[data-skin="aurora"] .wsbox
{
background:linear-gradient(168deg,#0A1224,#060B16); border:1px solid rgba(58,247,200,.24); border-radius:18px; color:#CFDCEB; box-shadow:0 0 0 1px rgba(58,247,200,.14), 0 30px 70px -24px rgba(0,0,0,.9);
}
html[data-skin="aurora"] .wsbox__t
{
color:#EAFFF9; font-weight:500;
}
html[data-skin="aurora"] .wsbox__x
{
color:#7C8FAB;
}
html[data-skin="aurora"] .wsbox__x:hover
{
background:rgba(58,247,200,.14); color:#9FFCE6;
}
html[data-skin="aurora"] .wsf > span
{
color:#8FA6C2; font-weight:300;
}
html[data-skin="aurora"] .wsf input
{
background:rgba(5,9,18,.85); border-color:rgba(58,247,200,.24); color:#EAFBFF;
}
html[data-skin="aurora"] .wsf input:focus
{
border-color:#3AF7C8; box-shadow:0 0 0 3px rgba(58,247,200,.14);
}
html[data-skin="aurora"] .wstab
{
background:transparent; border-color:rgba(58,247,200,.24); color:#8FA6C2;
}
html[data-skin="aurora"] .wstab.on
{
background:rgba(58,247,200,.15); color:#9FFCE6; border-color:transparent; font-weight:600;
}
html[data-skin="aurora"] .wsbtn
{
background:linear-gradient(100deg,#3AF7C8,#5AE0FF 60%,#8B6CFF); color:#04140F; font-weight:700; box-shadow:0 0 22px -5px rgba(58,247,200,.7);
}
html[data-skin="aurora"] .wsbtn:hover
{
filter:brightness(1.07);
}
html[data-skin="aurora"] .wshint
{
color:#8FA6C2;
}
html[data-skin="aurora"] .uc__top
{
background:linear-gradient(120deg, rgba(58,247,200,.1), rgba(139,108,255,.1)); border-color:rgba(58,247,200,.2);
}
html[data-skin="aurora"] .uc__quota b
{
color:#3AF7C8; text-shadow:0 0 20px rgba(58,247,200,.75); font-weight:500;
}
html[data-skin="aurora"] .uc__meta
{
color:#8FA6C2;
}
html[data-skin="aurora"] .uc__logs
{
border-color:rgba(58,247,200,.16);
}
html[data-skin="aurora"] .uc__lrow
{
color:#B4C6DE; border-bottom-color:rgba(58,247,200,.08);
}
html[data-skin="aurora"] .uc__lrow > span:nth-child(1)
{
color:#64748E;
}
html[data-skin="aurora"] .uc__lrow--hd
{
background:rgba(58,247,200,.05); color:#64748E;
}
html[data-skin="aurora"] .wsghost
{
background:transparent; border-color:rgba(58,247,200,.24); color:#8FA6C2;
}
html[data-skin="aurora"] .navrich__panel
{
background:#0A1120; border-radius:18px;
}

/* ============ 熔岩（data-skin="magma"）· 火山岩地：黑岩底 + 熔岩裂纹 + 橙红脉动辉光 ============ */
html[data-skin="magma"]
{
--bg-1:#0C0908;
  --bg-2:#141010;
  --bg-3:#1C1614;

  --brand:#FF5A1F;
  --brand-d:#D63E0E;
  --brand-l:#FF9A5E;
  --brand-w:rgba(255,90,31,.16);

  --text:#FFF1E8;
  --text-2:#D9BEB0;
  --text-3:#A08578;
  --text-4:#6E5A50;

  --card:rgba(24,18,16,.86);
  --card-2:rgba(18,13,12,.72);
  --line:rgba(255,90,31,.26);
  --line-2:rgba(255,197,61,.12);

  --ok:#4FD08A;
  --warn:#FFC53D;
  --err:#FF4D4D;

  --r-btn:8px;
  --r-card:12px;
  --r-pill:999px;

  --shadow-card:0 0 0 1px rgba(255,90,31,.2), 0 0 66px -22px rgba(255,90,31,.55), 0 28px 60px -28px rgba(0,0,0,.92);
  --shadow-btn:0 0 26px -6px rgba(255,90,31,.85), 0 10px 24px -10px rgba(214,62,14,.8);

  --font:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-title:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：熔岩脉动 ---------- */
html[data-skin="magma"], html[data-skin="magma"]
html[data-skin="magma"] body
{
background:radial-gradient(130% 86% at 50% 108%, #2A1008 0%, #150C0A 42%, #080605 100%);
}
html[data-skin="magma"] #cv-bg
{
opacity:.30; filter:hue-rotate(-14deg) saturate(2.3) contrast(1.15) brightness(.72);
}
html[data-skin="magma"] body::after
{
content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(46% 34% at 50% 96%, rgba(255,90,31,.34), transparent 68%),
    radial-gradient(34% 26% at 12% 88%, rgba(255,197,61,.2), transparent 70%),
    radial-gradient(30% 24% at 90% 80%, rgba(214,62,14,.24), transparent 70%);
  animation:mg-pulse 6.5s ease-in-out infinite;
}
@keyframes mg-pulse
{
0%,100%
{
opacity:.72
}
50%
{
opacity:1
}

}
/* 岩面裂纹 */
html[data-skin="magma"] body::before
{
content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.4;
  background:
    linear-gradient(74deg, transparent 46%, rgba(255,90,31,.55) 46.3%, transparent 47%),
    linear-gradient(118deg, transparent 62%, rgba(255,140,60,.4) 62.3%, transparent 63%),
    linear-gradient(28deg, transparent 22%, rgba(255,90,31,.34) 22.3%, transparent 23%);
  mask-image:radial-gradient(70% 60% at 50% 90%, #000, transparent 76%);
  -webkit-mask-image:radial-gradient(70% 60% at 50% 90%, #000, transparent 76%);
}
html[data-skin="magma"] .stage
{
border-radius:14px; box-shadow:0 0 0 1px rgba(255,90,31,.18), 0 0 130px -46px rgba(255,90,31,.7);
}
/* ---------- 顶栏 ---------- */
html[data-skin="magma"] .logo__t
{
color:#FFF2E9; font-weight:800; letter-spacing:.02em;
}
html[data-skin="magma"] .logo__t b
{
color:#FF5A1F; text-shadow:0 0 18px rgba(255,90,31,.9);
}
html[data-skin="magma"] .logo svg path
{
fill:#FF5A1F !important;
}
html[data-skin="magma"] .logo svg circle
{
fill:#FFC53D !important;
}
html[data-skin="magma"] .nav__link, html[data-skin="magma"] .nav__admin
{
border-radius:8px; background:rgba(255,90,31,.08); border:1px solid rgba(255,90,31,.28);
  color:#FFB98F; font-weight:600;
}
html[data-skin="magma"] .nav__link:hover, html[data-skin="magma"] .nav__admin:hover
{
background:rgba(255,90,31,.2); border-color:rgba(255,90,31,.7); color:#FFF2E9;
  box-shadow:0 0 24px -4px rgba(255,90,31,.85);
}
/* ---------- 标题 ---------- */
html[data-skin="magma"] .hero__t
{
color:#FFF4EC; font-weight:800; letter-spacing:-.015em; text-shadow:0 0 34px rgba(255,90,31,.4);
}
html[data-skin="magma"] .hero__t2
{
background:linear-gradient(100deg,#FFC53D 0%,#FF5A1F 54%,#D63E0E 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 2px 12px rgba(255,90,31,.5));
}
html[data-skin="magma"] .hero__sub
{
color:#A08578;
}
/* ---------- 主卡片：炭黑岩板 ---------- */
html[data-skin="magma"] .card
{
background:linear-gradient(170deg, rgba(28,21,19,.9), rgba(15,11,10,.78));
  border:1px solid rgba(255,90,31,.24);
  border-radius:12px;
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(12px) saturate(1.3); -webkit-backdrop-filter:blur(12px) saturate(1.3);
  position:relative; overflow:hidden;
}
html[data-skin="magma"] .card::after
{
content:""; position:absolute; left:0; right:0; top:0; height:2px;
  background:linear-gradient(90deg, transparent, rgba(255,90,31,.85), rgba(255,197,61,.7), transparent);
}
/* ---------- 输入框 ---------- */
html[data-skin="magma"] .inputbar
{
background:rgba(14,10,9,.82); border:1px solid rgba(255,90,31,.3); border-radius:10px;
}
html[data-skin="magma"] .inputbar:focus-within
{
border-color:#FF5A1F; box-shadow:0 0 0 4px rgba(255,90,31,.14), 0 0 34px -8px rgba(255,90,31,.8);
}
html[data-skin="magma"] .inputbar__ico
{
color:#FF5A1F;
}
html[data-skin="magma"] .inputbar__in
{
color:#FFF1E8; font-weight:500;
}
html[data-skin="magma"] .inputbar__in::placeholder
{
color:#6E5A50;
}
html[data-skin="magma"] .inputbar__paste
{
background:rgba(255,197,61,.13); color:#FFD98A; border:1px solid rgba(255,197,61,.34); border-radius:8px; font-weight:700;
}
html[data-skin="magma"] .inputbar__paste:hover
{
background:rgba(255,197,61,.26); color:#FFEFC7; box-shadow:0 0 20px -4px rgba(255,197,61,.8);
}
html[data-skin="magma"] .inputbar__clear
{
border-radius:8px; color:#A08578;
}
html[data-skin="magma"] .inputbar__clear:hover
{
background:rgba(255,90,31,.16); color:#FFB98F;
}
html[data-skin="magma"] .inputbar__go
{
background:linear-gradient(100deg,#FFC53D 0%,#FF5A1F 46%,#D63E0E 100%);
  color:#170A04;
  border-radius:8px;
  font-weight:800; letter-spacing:.06em;
  box-shadow:var(--shadow-btn);
}
html[data-skin="magma"] .inputbar__go:hover
{
filter:brightness(1.08); box-shadow:0 0 34px 0 rgba(255,90,31,.9);
}
html[data-skin="magma"] .inputbar__go:active
{
filter:brightness(.94);
}
html[data-skin="magma"] .inputbar__foot
{
background:rgba(255,90,31,.05); border-top:1px solid rgba(255,90,31,.18);
}
html[data-skin="magma"] .tag
{
color:#A08578;
}
html[data-skin="magma"] .tag__dot
{
background:#FF5A1F; box-shadow:0 0 12px rgba(255,90,31,.95);
}
html[data-skin="magma"] .inputbar__hint
{
color:#A08578;
}
html[data-skin="magma"] .inputbar__hint.is-on
{
color:#FF6B6B;
}
/* ---------- 结果区 ---------- */
html[data-skin="magma"] .res__title
{
color:#FFF4EC; font-weight:700;
}
html[data-skin="magma"] .res__meta dt
{
color:#8A7368;
}
html[data-skin="magma"] .res__meta dd
{
color:#D9BEB0;
}
html[data-skin="magma"] .res__media
{
background:rgba(255,90,31,.06); border-radius:9px;
}
html[data-skin="magma"] .res__video
{
border-radius:9px;
}
html[data-skin="magma"] .res__badge
{
background:linear-gradient(100deg,#FFC53D,#FF5A1F); color:#170A04; border-radius:999px; box-shadow:0 0 18px -3px rgba(255,90,31,.8);
}
html[data-skin="magma"] .res__gitem
{
border-radius:8px; border-color:rgba(255,90,31,.22);
}
html[data-skin="magma"] .btn--pri
{
background:linear-gradient(100deg,#FFC53D,#FF5A1F 60%,#D63E0E) !important; color:#170A04 !important; border-color:transparent !important; border-radius:8px !important; font-weight:800 !important; box-shadow:0 0 22px -6px rgba(255,90,31,.85) !important;
}
html[data-skin="magma"] .btn--gho
{
background:rgba(255,90,31,.08) !important; color:#FFB98F !important; border:1px solid rgba(255,90,31,.3) !important; border-radius:8px !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="magma"] .empty__t
{
color:#C2A99B;
}
html[data-skin="magma"] .empty__d
{
color:#8A7368;
}
html[data-skin="magma"] .load__t
{
color:#A08578;
}
html[data-skin="magma"] .load__bar
{
background:rgba(255,90,31,.12); border-radius:999px;
}
html[data-skin="magma"] .load__fill
{
background:linear-gradient(90deg,#FFC53D,#FF5A1F); border-radius:999px; box-shadow:0 0 16px rgba(255,90,31,.8);
}
html[data-skin="magma"] .load__ring span
{
background:#FF5A1F; box-shadow:0 0 14px rgba(255,90,31,.9);
}
html[data-skin="magma"] .err__t
{
color:#FF6B6B; font-weight:800;
}
html[data-skin="magma"] .err__d, html[data-skin="magma"] .err__a
{
color:#A08578;
}
/* ---------- 页脚 ---------- */
html[data-skin="magma"] .foot
{
border-top:1px solid rgba(255,90,31,.16);
}
html[data-skin="magma"] .foot__cp, html[data-skin="magma"] .foot__disc, html[data-skin="magma"] .foot__l2
{
color:#8A7368;
}
html[data-skin="magma"] .foot__icp, html[data-skin="magma"] .foot__sep{
  color:#8A7368;
}
html[data-skin="magma"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="magma"] .foot__link
{
color:#A08578; border-radius:8px;
}
html[data-skin="magma"] .foot__link:hover
{
color:#FFB98F; background:rgba(255,90,31,.14);
}
html[data-skin="magma"] .foot__icp
{
color:#8A7368;
}
html[data-skin="magma"] .foot__logo svg path
{
fill:#FF5A1F !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="magma"] .nav__login
{
background:linear-gradient(100deg,#FFC53D,#FF5A1F); color:#170A04; border-color:transparent; font-weight:800; box-shadow:0 0 20px -5px rgba(255,90,31,.8);
}
html[data-skin="magma"] .nav__quota
{
background:rgba(255,90,31,.14); color:#FFB98F; border:1px solid rgba(255,90,31,.3);
}
html[data-skin="magma"] .nav__quota b
{
color:#FFF2E9;
}
html[data-skin="magma"] .nav__uname
{
background:rgba(255,90,31,.08); border-color:rgba(255,90,31,.28); color:#FFB98F;
}
html[data-skin="magma"] .nav__uname:hover
{
background:rgba(255,90,31,.2); border-color:#FF5A1F; color:#FFF2E9;
}
/* ---------- 浮层 ---------- */
html[data-skin="magma"] .wsbox
{
background:linear-gradient(170deg,#1C1514,#0E0A09); border:1px solid rgba(255,90,31,.26); border-radius:12px; color:#E4CFC4; box-shadow:0 0 0 1px rgba(255,90,31,.16), 0 30px 70px -24px rgba(0,0,0,.92);
}
html[data-skin="magma"] .wsbox__t
{
color:#FFF4EC;
}
html[data-skin="magma"] .wsbox__x
{
color:#A08578;
}
html[data-skin="magma"] .wsbox__x:hover
{
background:rgba(255,90,31,.16); color:#FFB98F;
}
html[data-skin="magma"] .wsf > span
{
color:#A08578;
}
html[data-skin="magma"] .wsf input
{
background:rgba(12,9,8,.88); border-color:rgba(255,90,31,.26); color:#FFF1E8;
}
html[data-skin="magma"] .wsf input:focus
{
border-color:#FF5A1F; box-shadow:0 0 0 3px rgba(255,90,31,.16);
}
html[data-skin="magma"] .wstab
{
background:transparent; border-color:rgba(255,90,31,.26); color:#A08578;
}
html[data-skin="magma"] .wstab.on
{
background:rgba(255,90,31,.18); color:#FFB98F; border-color:transparent; font-weight:700;
}
html[data-skin="magma"] .wsbtn
{
background:linear-gradient(100deg,#FFC53D,#FF5A1F 60%,#D63E0E); color:#170A04; font-weight:800; box-shadow:0 0 22px -6px rgba(255,90,31,.85);
}
html[data-skin="magma"] .wsbtn:hover
{
filter:brightness(1.07);
}
html[data-skin="magma"] .wshint
{
color:#A08578;
}
html[data-skin="magma"] .uc__top
{
background:linear-gradient(120deg, rgba(255,90,31,.13), rgba(255,197,61,.1)); border-color:rgba(255,90,31,.24);
}
html[data-skin="magma"] .uc__quota b
{
color:#FF7A3F; text-shadow:0 0 20px rgba(255,90,31,.8);
}
html[data-skin="magma"] .uc__meta
{
color:#A08578;
}
html[data-skin="magma"] .uc__logs
{
border-color:rgba(255,90,31,.18);
}
html[data-skin="magma"] .uc__lrow
{
color:#D9BEB0; border-bottom-color:rgba(255,90,31,.1);
}
html[data-skin="magma"] .uc__lrow > span:nth-child(1)
{
color:#8A7368;
}
html[data-skin="magma"] .uc__lrow--hd
{
background:rgba(255,90,31,.06); color:#8A7368;
}
html[data-skin="magma"] .wsghost
{
background:transparent; border-color:rgba(255,90,31,.28); color:#A08578;
}
html[data-skin="magma"] .navrich__panel
{
background:#1C1614; border-radius:12px;
}

/* ============ 深海荧光（data-skin="abyss"）· 深海生物发光：墨蓝深渊 + 荧光青绿 + 光柱与气泡微粒 ============ */
html[data-skin="abyss"]
{
--bg-1:#03101F;
  --bg-2:#051829;
  --bg-3:#072034;

  --brand:#1BF0D0;
  --brand-d:#0FC1A8;
  --brand-l:#82FFF0;
  --brand-w:rgba(27,240,208,.14);

  --text:#E6F8FF;
  --text-2:#AFCADF;
  --text-3:#7593AC;
  --text-4:#4E6880;

  --card:rgba(7,26,44,.72);
  --card-2:rgba(5,20,36,.58);
  --line:rgba(27,240,208,.22);
  --line-2:rgba(42,92,255,.14);

  --ok:#1BF0D0;
  --warn:#FFCE5C;
  --err:#FF6B8E;

  --r-btn:10px;
  --r-card:16px;
  --r-pill:999px;

  --shadow-card:0 0 0 1px rgba(27,240,208,.14), 0 0 64px -24px rgba(27,240,208,.5), 0 30px 64px -30px rgba(0,0,0,.85);
  --shadow-btn:0 0 24px -5px rgba(27,240,208,.65), 0 8px 24px -10px rgba(42,92,255,.6);

  --font:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-title:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：深海光柱 + 气泡 ---------- */
html[data-skin="abyss"], html[data-skin="abyss"]
html[data-skin="abyss"] body
{
background:linear-gradient(180deg,#04121F 0%,#051829 44%,#02101C 100%);
}
html[data-skin="abyss"] #cv-bg
{
opacity:.34; filter:hue-rotate(38deg) saturate(1.9) brightness(.82);
}
html[data-skin="abyss"] body::before
{
content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.7;
  background:
    linear-gradient(172deg, rgba(27,240,208,.24) 0%, transparent 34%),
    linear-gradient(186deg, rgba(90,180,255,.18) 0%, transparent 30%),
    radial-gradient(60% 40% at 50% 104%, rgba(27,240,208,.24), transparent 68%);
}
/* 气泡微粒 */
html[data-skin="abyss"] body::after
{
content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background-image:
    radial-gradient(circle at 12% 88%, rgba(140,255,240,.75) 0 1.4px, transparent 2px),
    radial-gradient(circle at 28% 62%, rgba(140,255,240,.6) 0 1.1px, transparent 1.8px),
    radial-gradient(circle at 46% 94%, rgba(140,255,240,.7) 0 1.6px, transparent 2.2px),
    radial-gradient(circle at 66% 72%, rgba(140,255,240,.55) 0 1.2px, transparent 2px),
    radial-gradient(circle at 84% 86%, rgba(140,255,240,.7) 0 1.5px, transparent 2.1px),
    radial-gradient(circle at 92% 54%, rgba(140,255,240,.5) 0 1px, transparent 1.6px);
  background-size:520px 420px, 460px 380px, 600px 500px, 420px 340px, 560px 460px, 400px 320px;
}
html[data-skin="abyss"] .stage
{
border-radius:18px; box-shadow:0 0 0 1px rgba(27,240,208,.14), 0 0 120px -44px rgba(27,240,208,.55);
}
/* ---------- 顶栏 ---------- */
html[data-skin="abyss"] .logo__t
{
color:#E4FEFF; font-weight:600; letter-spacing:.06em;
}
html[data-skin="abyss"] .logo__t b
{
color:#1BF0D0; text-shadow:0 0 18px rgba(27,240,208,.85);
}
html[data-skin="abyss"] .logo svg path
{
fill:#1BF0D0 !important;
}
html[data-skin="abyss"] .logo svg circle
{
fill:#2A5CFF !important;
}
html[data-skin="abyss"] .nav__link, html[data-skin="abyss"] .nav__admin
{
border-radius:999px; background:rgba(27,240,208,.06); border:1px solid rgba(27,240,208,.24);
  color:#93FFEC; font-weight:500; letter-spacing:.05em;
}
html[data-skin="abyss"] .nav__link:hover, html[data-skin="abyss"] .nav__admin:hover
{
background:rgba(27,240,208,.15); border-color:rgba(27,240,208,.6); color:#E4FEFF;
  box-shadow:0 0 24px -5px rgba(27,240,208,.7);
}
/* ---------- 标题 ---------- */
html[data-skin="abyss"] .hero__t
{
color:#EDFDFF; font-weight:600; letter-spacing:.005em; text-shadow:0 0 36px rgba(27,240,208,.3);
}
html[data-skin="abyss"] .hero__t2
{
background:linear-gradient(100deg,#82FFF0 0%,#1BF0D0 44%,#3E8CFF 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
html[data-skin="abyss"] .hero__sub
{
color:#7E9CB6; letter-spacing:.04em;
}
/* ---------- 主卡片：水体玻璃 ---------- */
html[data-skin="abyss"] .card
{
background:linear-gradient(168deg, rgba(8,30,50,.76), rgba(4,16,30,.62));
  border:1px solid rgba(27,240,208,.2);
  border-radius:16px;
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4);
}
/* ---------- 输入框 ---------- */
html[data-skin="abyss"] .inputbar
{
background:rgba(3,14,26,.78); border:1px solid rgba(27,240,208,.28); border-radius:12px;
}
html[data-skin="abyss"] .inputbar:focus-within
{
border-color:#1BF0D0; box-shadow:0 0 0 4px rgba(27,240,208,.12), 0 0 34px -8px rgba(27,240,208,.75);
}
html[data-skin="abyss"] .inputbar__ico
{
color:#1BF0D0;
}
html[data-skin="abyss"] .inputbar__in
{
color:#E6F8FF;
}
html[data-skin="abyss"] .inputbar__in::placeholder
{
color:#4E6880;
}
html[data-skin="abyss"] .inputbar__paste
{
background:rgba(42,92,255,.15); color:#9DB8FF; border:1px solid rgba(42,92,255,.36); border-radius:9px; font-weight:600;
}
html[data-skin="abyss"] .inputbar__paste:hover
{
background:rgba(42,92,255,.28); color:#CBD9FF; box-shadow:0 0 20px -4px rgba(42,92,255,.8);
}
html[data-skin="abyss"] .inputbar__clear
{
border-radius:9px; color:#7593AC;
}
html[data-skin="abyss"] .inputbar__clear:hover
{
background:rgba(27,240,208,.12); color:#93FFEC;
}
html[data-skin="abyss"] .inputbar__go
{
background:linear-gradient(100deg,#82FFF0 0%,#1BF0D0 46%,#0FA9C1 100%);
  color:#03181A;
  border-radius:10px;
  font-weight:800; letter-spacing:.05em;
  box-shadow:var(--shadow-btn);
}
html[data-skin="abyss"] .inputbar__go:hover
{
filter:brightness(1.08); box-shadow:0 0 30px -2px rgba(27,240,208,.85);
}
html[data-skin="abyss"] .inputbar__go:active
{
filter:brightness(.94);
}
html[data-skin="abyss"] .inputbar__foot
{
background:rgba(27,240,208,.045); border-top:1px solid rgba(27,240,208,.14);
}
html[data-skin="abyss"] .tag
{
color:#7593AC;
}
html[data-skin="abyss"] .tag__dot
{
background:#1BF0D0; box-shadow:0 0 12px rgba(27,240,208,.95);
}
html[data-skin="abyss"] .inputbar__hint
{
color:#7593AC;
}
html[data-skin="abyss"] .inputbar__hint.is-on
{
color:#FF7FA2;
}
/* ---------- 结果区 ---------- */
html[data-skin="abyss"] .res__title
{
color:#EDFDFF; font-weight:600;
}
html[data-skin="abyss"] .res__meta dt
{
color:#5E7A93;
}
html[data-skin="abyss"] .res__meta dd
{
color:#AFCADF;
}
html[data-skin="abyss"] .res__media
{
background:rgba(27,240,208,.05); border-radius:12px;
}
html[data-skin="abyss"] .res__video
{
border-radius:12px;
}
html[data-skin="abyss"] .res__badge
{
background:linear-gradient(100deg,#1BF0D0,#2A5CFF); color:#03181A; border-radius:999px; box-shadow:0 0 18px -3px rgba(27,240,208,.7);
}
html[data-skin="abyss"] .res__gitem
{
border-radius:10px; border-color:rgba(27,240,208,.2);
}
html[data-skin="abyss"] .btn--pri
{
background:linear-gradient(100deg,#82FFF0,#1BF0D0 60%,#0FA9C1) !important; color:#03181A !important; border-color:transparent !important; border-radius:10px !important; font-weight:700 !important; box-shadow:0 0 22px -5px rgba(27,240,208,.7) !important;
}
html[data-skin="abyss"] .btn--gho
{
background:rgba(27,240,208,.07) !important; color:#93FFEC !important; border:1px solid rgba(27,240,208,.26) !important; border-radius:10px !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="abyss"] .empty__t
{
color:#9DB6CC;
}
html[data-skin="abyss"] .empty__d
{
color:#5E7A93;
}
html[data-skin="abyss"] .load__t
{
color:#7593AC;
}
html[data-skin="abyss"] .load__bar
{
background:rgba(27,240,208,.1); border-radius:999px;
}
html[data-skin="abyss"] .load__fill
{
background:linear-gradient(90deg,#1BF0D0,#2A5CFF); border-radius:999px; box-shadow:0 0 16px rgba(27,240,208,.7);
}
html[data-skin="abyss"] .load__ring span
{
background:#1BF0D0; box-shadow:0 0 14px rgba(27,240,208,.9);
}
html[data-skin="abyss"] .err__t
{
color:#FF7FA2; font-weight:700;
}
html[data-skin="abyss"] .err__d, html[data-skin="abyss"] .err__a
{
color:#7593AC;
}
/* ---------- 页脚 ---------- */
html[data-skin="abyss"] .foot
{
border-top:1px solid rgba(27,240,208,.13);
}
html[data-skin="abyss"] .foot__cp, html[data-skin="abyss"] .foot__disc, html[data-skin="abyss"] .foot__l2
{
color:#5E7A93;
}
html[data-skin="abyss"] .foot__icp, html[data-skin="abyss"] .foot__sep{
  color:#5E7A93;
}
html[data-skin="abyss"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="abyss"] .foot__link
{
color:#7E9CB6; border-radius:999px;
}
html[data-skin="abyss"] .foot__link:hover
{
color:#93FFEC; background:rgba(27,240,208,.12);
}
html[data-skin="abyss"] .foot__icp
{
color:#5E7A93;
}
html[data-skin="abyss"] .foot__logo svg path
{
fill:#1BF0D0 !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="abyss"] .nav__login
{
background:linear-gradient(100deg,#82FFF0,#1BF0D0); color:#03181A; border-color:transparent; font-weight:800; box-shadow:0 0 20px -5px rgba(27,240,208,.7);
}
html[data-skin="abyss"] .nav__quota
{
background:rgba(27,240,208,.12); color:#93FFEC; border:1px solid rgba(27,240,208,.26);
}
html[data-skin="abyss"] .nav__quota b
{
color:#E4FEFF;
}
html[data-skin="abyss"] .nav__uname
{
background:rgba(27,240,208,.07); border-color:rgba(27,240,208,.24); color:#93FFEC;
}
html[data-skin="abyss"] .nav__uname:hover
{
background:rgba(27,240,208,.16); border-color:#1BF0D0; color:#E4FEFF;
}
/* ---------- 浮层 ---------- */
html[data-skin="abyss"] .wsbox
{
background:linear-gradient(168deg,#072034,#03101F); border:1px solid rgba(27,240,208,.24); border-radius:16px; color:#CCE4F2; box-shadow:0 0 0 1px rgba(27,240,208,.14), 0 30px 70px -24px rgba(0,0,0,.9);
}
html[data-skin="abyss"] .wsbox__t
{
color:#E4FEFF;
}
html[data-skin="abyss"] .wsbox__x
{
color:#7593AC;
}
html[data-skin="abyss"] .wsbox__x:hover
{
background:rgba(27,240,208,.14); color:#93FFEC;
}
html[data-skin="abyss"] .wsf > span
{
color:#7E9CB6;
}
html[data-skin="abyss"] .wsf input
{
background:rgba(3,14,26,.85); border-color:rgba(27,240,208,.24); color:#E6F8FF;
}
html[data-skin="abyss"] .wsf input:focus
{
border-color:#1BF0D0; box-shadow:0 0 0 3px rgba(27,240,208,.14);
}
html[data-skin="abyss"] .wstab
{
background:transparent; border-color:rgba(27,240,208,.24); color:#7E9CB6;
}
html[data-skin="abyss"] .wstab.on
{
background:rgba(27,240,208,.15); color:#93FFEC; border-color:transparent; font-weight:700;
}
html[data-skin="abyss"] .wsbtn
{
background:linear-gradient(100deg,#82FFF0,#1BF0D0 60%,#0FA9C1); color:#03181A; font-weight:800; box-shadow:0 0 22px -5px rgba(27,240,208,.7);
}
html[data-skin="abyss"] .wsbtn:hover
{
filter:brightness(1.07);
}
html[data-skin="abyss"] .wshint
{
color:#7E9CB6;
}
html[data-skin="abyss"] .uc__top
{
background:linear-gradient(120deg, rgba(27,240,208,.1), rgba(42,92,255,.1)); border-color:rgba(27,240,208,.2);
}
html[data-skin="abyss"] .uc__quota b
{
color:#1BF0D0; text-shadow:0 0 20px rgba(27,240,208,.75);
}
html[data-skin="abyss"] .uc__meta
{
color:#7E9CB6;
}
html[data-skin="abyss"] .uc__logs
{
border-color:rgba(27,240,208,.16);
}
html[data-skin="abyss"] .uc__lrow
{
color:#AFCADF; border-bottom-color:rgba(27,240,208,.08);
}
html[data-skin="abyss"] .uc__lrow > span:nth-child(1)
{
color:#5E7A93;
}
html[data-skin="abyss"] .uc__lrow--hd
{
background:rgba(27,240,208,.05); color:#5E7A93;
}
html[data-skin="abyss"] .wsghost
{
background:transparent; border-color:rgba(27,240,208,.24); color:#7E9CB6;
}
html[data-skin="abyss"] .navrich__panel
{
background:#051829; border-radius:16px;
}

/* ============ 新粗野（data-skin="brutal"）· 新粗野主义：米白纸底 + 荧光黄绿撞色 + 纯黑粗边硬投影 ============ */
html[data-skin="brutal"]
{
--bg-1:#F3EFE4;
  --bg-2:#EAE4D5;
  --bg-3:#E1D9C6;

  --brand:#00A550;
  --brand-d:#007A3B;
  --brand-l:#4BD68A;
  --brand-w:rgba(0,165,80,.14);

  --text:#0A0A0A;
  --text-2:#2E2E2E;
  --text-3:#5C5C5C;
  --text-4:#8A8A8A;

  --card:#FFFFFF;
  --card-2:#FAF7EF;
  --line:#000000;
  --line-2:rgba(0,0,0,.6);

  --ok:#00A550;
  --warn:#E5A400;
  --err:#E01B24;

  --r-btn:0px;
  --r-card:0px;
  --r-pill:0px;

  --shadow-card:8px 8px 0 0 #000000;
  --shadow-btn:4px 4px 0 0 #000000;

  --font:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-title:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：粗野底纹 ---------- */
html[data-skin="brutal"], html[data-skin="brutal"]
html[data-skin="brutal"] body
{
background:#F3EFE4;
}
html[data-skin="brutal"] #cv-bg
{
opacity:.22; filter:grayscale(1) contrast(1.5) brightness(1.2);
}
html[data-skin="brutal"] body::after
{
content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background:
    repeating-linear-gradient(45deg, rgba(0,0,0,.05) 0 2px, transparent 2px 12px),
    radial-gradient(30% 26% at 90% 6%, rgba(216,245,0,.55), transparent 66%),
    radial-gradient(26% 22% at 6% 92%, rgba(0,165,80,.22), transparent 68%);
}
html[data-skin="brutal"] .stage
{
border-radius:0; box-shadow:0 0 0 3px #000, 0 0 0 8px #F3EFE4;
}
/* ---------- 顶栏 ---------- */
html[data-skin="brutal"] .logo__t
{
color:#0A0A0A; font-weight:900; letter-spacing:-.02em; text-transform:uppercase;
}
html[data-skin="brutal"] .logo__t b
{
background:#D8F500; color:#0A0A0A; padding:1px 6px; border:2px solid #000;
  display:inline-block; box-shadow:2px 2px 0 #000;
}
html[data-skin="brutal"] .logo svg path
{
fill:#000 !important;
}
html[data-skin="brutal"] .logo svg circle
{
fill:#D8F500 !important; stroke:#000 !important;
}
html[data-skin="brutal"] .nav__link, html[data-skin="brutal"] .nav__admin
{
border-radius:0; background:#FFFFFF; border:2px solid #000; color:#0A0A0A;
  font-weight:800; box-shadow:3px 3px 0 #000; text-transform:uppercase; letter-spacing:.04em;
}
html[data-skin="brutal"] .nav__link:hover, html[data-skin="brutal"] .nav__admin:hover
{
background:#D8F500; transform:translate(-1px,-1px); box-shadow:4px 4px 0 #000;
}
/* ---------- 标题 ---------- */
html[data-skin="brutal"] .hero__t
{
color:#0A0A0A; font-weight:900; letter-spacing:-.035em;
}
html[data-skin="brutal"] .hero__t2
{
background:#D8F500; color:#0A0A0A; padding:0 8px; border:3px solid #000;
  display:inline-block; box-shadow:5px 5px 0 #000; transform:rotate(-1deg);
}
html[data-skin="brutal"] .hero__sub
{
color:#2E2E2E; font-weight:600;
}
/* ---------- 主卡片：白纸黑板 ---------- */
html[data-skin="brutal"] .card
{
background:#FFFFFF; border:3px solid #000; border-radius:0;
  box-shadow:8px 8px 0 0 #000;
}
/* ---------- 输入框 ---------- */
html[data-skin="brutal"] .inputbar
{
background:#FFFFFF; border:3px solid #000; border-radius:0; box-shadow:4px 4px 0 0 #000;
}
html[data-skin="brutal"] .inputbar:focus-within
{
box-shadow:4px 4px 0 0 #000, 0 0 0 3px #D8F500;
}
html[data-skin="brutal"] .inputbar__ico
{
color:#000;
}
html[data-skin="brutal"] .inputbar__in
{
color:#0A0A0A; font-weight:600;
}
html[data-skin="brutal"] .inputbar__in::placeholder
{
color:#8A8A8A; font-weight:500;
}
html[data-skin="brutal"] .inputbar__paste
{
background:#D8F500; color:#0A0A0A; border:2px solid #000; border-radius:0; font-weight:900; box-shadow:2px 2px 0 #000;
}
html[data-skin="brutal"] .inputbar__paste:hover
{
background:#E8FF3D; transform:translate(-1px,-1px); box-shadow:3px 3px 0 #000;
}
html[data-skin="brutal"] .inputbar__paste:active
{
transform:translate(2px,2px); box-shadow:0 0 0 #000;
}
html[data-skin="brutal"] .inputbar__clear
{
border-radius:0; color:#5C5C5C;
}
html[data-skin="brutal"] .inputbar__clear:hover
{
background:#000; color:#fff;
}
html[data-skin="brutal"] .inputbar__go
{
background:#D8F500; color:#0A0A0A; border:3px solid #000; border-radius:0;
  font-weight:900; letter-spacing:.06em; text-transform:uppercase;
  box-shadow:4px 4px 0 0 #000;
}
html[data-skin="brutal"] .inputbar__go:hover
{
background:#E8FF3D; transform:translate(-2px,-2px); box-shadow:6px 6px 0 0 #000;
}
html[data-skin="brutal"] .inputbar__go:active
{
transform:translate(4px,4px); box-shadow:0 0 0 0 #000;
}
html[data-skin="brutal"] .inputbar__foot
{
background:#FAF7EF; border-top:3px solid #000;
}
html[data-skin="brutal"] .tag
{
color:#2E2E2E; font-weight:700;
}
html[data-skin="brutal"] .tag__dot
{
background:#00A550; border:1.5px solid #000;
}
html[data-skin="brutal"] .inputbar__hint
{
color:#5C5C5C; font-weight:600;
}
html[data-skin="brutal"] .inputbar__hint.is-on
{
color:#E01B24;
}
/* ---------- 结果区 ---------- */
html[data-skin="brutal"] .res__title
{
color:#0A0A0A; font-weight:900; letter-spacing:-.02em;
}
html[data-skin="brutal"] .res__meta dt
{
color:#5C5C5C; font-weight:700;
}
html[data-skin="brutal"] .res__meta dd
{
color:#0A0A0A; font-weight:600;
}
html[data-skin="brutal"] .res__media
{
background:#F3EFE4; border:2px solid #000; border-radius:0;
}
html[data-skin="brutal"] .res__video
{
border-radius:0;
}
html[data-skin="brutal"] .res__badge
{
background:#D8F500; color:#0A0A0A; border:2px solid #000; border-radius:0; font-weight:900;
}
html[data-skin="brutal"] .res__gitem
{
border-radius:0; border:2px solid #000;
}
html[data-skin="brutal"] .btn--pri
{
background:#D8F500 !important; color:#0A0A0A !important; border:2px solid #000 !important; border-radius:0 !important; font-weight:900 !important; box-shadow:3px 3px 0 #000 !important;
}
html[data-skin="brutal"] .btn--gho
{
background:#fff !important; color:#0A0A0A !important; border:2px solid #000 !important; border-radius:0 !important; font-weight:800 !important; box-shadow:3px 3px 0 #000 !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="brutal"] .empty__t
{
color:#0A0A0A; font-weight:800;
}
html[data-skin="brutal"] .empty__d
{
color:#5C5C5C; font-weight:600;
}
html[data-skin="brutal"] .load__t
{
color:#2E2E2E; font-weight:700;
}
html[data-skin="brutal"] .load__bar
{
background:#E1D9C6; border:2px solid #000; border-radius:0;
}
html[data-skin="brutal"] .load__fill
{
background:#D8F500; border-radius:0;
}
html[data-skin="brutal"] .load__ring span
{
background:#0A0A0A;
}
html[data-skin="brutal"] .err__t
{
color:#E01B24; font-weight:900;
}
html[data-skin="brutal"] .err__d, html[data-skin="brutal"] .err__a
{
color:#5C5C5C; font-weight:600;
}
/* ---------- 页脚 ---------- */
html[data-skin="brutal"] .foot
{
border-top:3px solid #000;
}
html[data-skin="brutal"] .foot__cp, html[data-skin="brutal"] .foot__disc, html[data-skin="brutal"] .foot__l2
{
color:#5C5C5C; font-weight:600;
}
html[data-skin="brutal"] .foot__icp, html[data-skin="brutal"] .foot__sep{
  color:#5C5C5C;
}
html[data-skin="brutal"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="brutal"] .foot__link
{
color:#0A0A0A; border:2px solid transparent; font-weight:700;
}
html[data-skin="brutal"] .foot__link:hover
{
background:#D8F500; border-color:#000;
}
html[data-skin="brutal"] .foot__icp
{
color:#5C5C5C;
}
html[data-skin="brutal"] .foot__logo svg path
{
fill:#000 !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="brutal"] .nav__login
{
background:#D8F500; color:#0A0A0A; border:2px solid #000; border-radius:0; font-weight:900; box-shadow:2px 2px 0 #000;
}
html[data-skin="brutal"] .nav__quota
{
background:#FFFFFF; color:#0A0A0A; border:2px solid #000; border-radius:0; font-weight:800;
}
html[data-skin="brutal"] .nav__quota b
{
color:#00A550;
}
html[data-skin="brutal"] .nav__uname
{
background:#FFFFFF; border:2px solid #000; border-radius:0; color:#0A0A0A; font-weight:800; box-shadow:2px 2px 0 #000;
}
html[data-skin="brutal"] .nav__uname:hover
{
background:#D8F500;
}
/* ---------- 浮层 ---------- */
html[data-skin="brutal"] .wsbox
{
background:#FFFFFF; border:3px solid #000; border-radius:0; color:#0A0A0A; box-shadow:10px 10px 0 0 #000;
}
html[data-skin="brutal"] .wsbox__t
{
color:#0A0A0A; font-weight:900;
}
html[data-skin="brutal"] .wsbox__x
{
color:#5C5C5C;
}
html[data-skin="brutal"] .wsbox__x:hover
{
background:#000; color:#fff;
}
html[data-skin="brutal"] .wsf > span
{
color:#2E2E2E; font-weight:800;
}
html[data-skin="brutal"] .wsf input
{
background:#FFFFFF; border:2px solid #000; color:#0A0A0A; border-radius:0; font-weight:600; box-shadow:2px 2px 0 rgba(0,0,0,.85) inset;
}
html[data-skin="brutal"] .wsf input:focus
{
box-shadow:2px 2px 0 rgba(0,0,0,.85) inset, 0 0 0 3px #D8F500;
}
html[data-skin="brutal"] .wstab
{
background:#fff; border:2px solid #000; color:#2E2E2E; border-radius:0; font-weight:800;
}
html[data-skin="brutal"] .wstab.on
{
background:#D8F500; color:#0A0A0A; border-color:#000;
}
html[data-skin="brutal"] .wsbtn
{
background:#D8F500; color:#0A0A0A; font-weight:900; border:2px solid #000; border-radius:0; box-shadow:3px 3px 0 #000;
}
html[data-skin="brutal"] .wsbtn:active
{
transform:translate(3px,3px); box-shadow:none;
}
html[data-skin="brutal"] .wshint
{
color:#5C5C5C; font-weight:600;
}
html[data-skin="brutal"] .uc__top
{
background:#FAF7EF; border:2px solid #000; border-radius:0;
}
html[data-skin="brutal"] .uc__quota b
{
color:#00A550;
}
html[data-skin="brutal"] .uc__meta
{
color:#5C5C5C; font-weight:600;
}
html[data-skin="brutal"] .uc__logs
{
border:2px solid #000; border-radius:0;
}
html[data-skin="brutal"] .uc__lrow
{
color:#0A0A0A; border-bottom-color:rgba(0,0,0,.14); font-weight:600;
}
html[data-skin="brutal"] .uc__lrow > span:nth-child(1)
{
color:#8A8A8A;
}
html[data-skin="brutal"] .uc__lrow--hd
{
background:#F3EFE4; color:#5C5C5C;
}
html[data-skin="brutal"] .wsghost
{
background:#fff; border:2px solid #000; color:#0A0A0A; border-radius:0; font-weight:800;
}
html[data-skin="brutal"] .navrich__panel
{
background:#FFFFFF; border:3px solid #000; border-radius:0;
}

/* ============ 漫画半调（data-skin="comic"）· 美式漫画／波普：半调网点 + 速度线 + 黑描边 + 对话框质感 ============ */
html[data-skin="comic"]
{
--bg-1:#FFFDF5;
  --bg-2:#FFF7E4;
  --bg-3:#FEEFD2;

  --brand:#E02020;
  --brand-d:#B41414;
  --brand-l:#FF6B6B;
  --brand-w:rgba(224,32,32,.14);

  --text:#111111;
  --text-2:#333333;
  --text-3:#666666;
  --text-4:#999999;

  --card:#FFFFFF;
  --card-2:#FFFBEF;
  --line:#111111;
  --line-2:rgba(17,17,17,.5);

  --ok:#0F9D58;
  --warn:#E8A400;
  --err:#E02020;

  --r-btn:10px;
  --r-card:14px;
  --r-pill:999px;

  --shadow-card:6px 6px 0 0 #111111;
  --shadow-btn:3px 3px 0 0 #111111;

  --font:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-title:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
/* ---------- 背景：半调网点 + 速度线 ---------- */
html[data-skin="comic"], html[data-skin="comic"]
html[data-skin="comic"] body
{
background:#FFFDF5;
}
html[data-skin="comic"] #cv-bg
{
opacity:.2; filter:grayscale(1) contrast(1.7) brightness(1.22);
}
html[data-skin="comic"] body::after
{
content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.55;
  background-image:radial-gradient(circle at 50% 50%, rgba(17,17,17,.32) 0 1.1px, transparent 1.7px);
  background-size:9px 9px;
  mask-image:radial-gradient(120% 90% at 50% 40%, transparent 32%, #000 100%);
  -webkit-mask-image:radial-gradient(120% 90% at 50% 40%, transparent 32%, #000 100%);
}
/* 速度线 */
html[data-skin="comic"] body::before
{
content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.3;
  background:
    repeating-linear-gradient(96deg, rgba(224,32,32,.5) 0 2px, transparent 2px 26px);
  mask-image:linear-gradient(96deg, #000 0%, transparent 46%);
  -webkit-mask-image:linear-gradient(96deg, #000 0%, transparent 46%);
}
html[data-skin="comic"] .stage
{
border-radius:16px; box-shadow:0 0 0 3px #111, 0 0 0 9px #FFC53D;
}
/* ---------- 顶栏 ---------- */
html[data-skin="comic"] .logo__t
{
color:#111; font-weight:900; letter-spacing:-.02em; text-transform:uppercase;
}
html[data-skin="comic"] .logo__t b
{
background:#FF3B3B; color:#fff; padding:1px 7px; border:2.5px solid #111; border-radius:6px;
  display:inline-block; box-shadow:2px 2px 0 #111;
}
html[data-skin="comic"] .logo svg path
{
fill:#111 !important;
}
html[data-skin="comic"] .logo svg circle
{
fill:#FFC53D !important; stroke:#111 !important;
}
html[data-skin="comic"] .nav__link, html[data-skin="comic"] .nav__admin
{
border-radius:999px; background:#FFFFFF; border:2.5px solid #111; color:#111;
  font-weight:800; box-shadow:3px 3px 0 #111;
}
html[data-skin="comic"] .nav__link:hover, html[data-skin="comic"] .nav__admin:hover
{
background:#FFC53D; transform:translate(-1px,-1px); box-shadow:4px 4px 0 #111;
}
/* ---------- 标题 ---------- */
html[data-skin="comic"] .hero__t
{
color:#111; font-weight:900; letter-spacing:-.03em;
  text-shadow:2.5px 2.5px 0 #FFC53D, -1px -1px 0 #fff;
}
html[data-skin="comic"] .hero__t2
{
background:#FF3B3B; color:#fff; padding:0 10px; border:3px solid #111; border-radius:8px;
  display:inline-block; box-shadow:4px 4px 0 #111; transform:rotate(-1.2deg);
  text-shadow:1.5px 1.5px 0 rgba(0,0,0,.35);
}
html[data-skin="comic"] .hero__sub
{
color:#333; font-weight:600;
}
/* ---------- 主卡片：漫画分镜框 ---------- */
html[data-skin="comic"] .card
{
background:#FFFFFF; border:3px solid #111; border-radius:14px;
  box-shadow:6px 6px 0 0 #111;
}
/* ---------- 输入框 ---------- */
html[data-skin="comic"] .inputbar
{
background:#FFFFFF; border:3px solid #111; border-radius:12px; box-shadow:3px 3px 0 0 #111;
}
html[data-skin="comic"] .inputbar:focus-within
{
box-shadow:3px 3px 0 0 #111, 0 0 0 3px #FFC53D;
}
html[data-skin="comic"] .inputbar__ico
{
color:#E02020;
}
html[data-skin="comic"] .inputbar__in
{
color:#111; font-weight:600;
}
html[data-skin="comic"] .inputbar__in::placeholder
{
color:#999; font-weight:500;
}
html[data-skin="comic"] .inputbar__paste
{
background:#FFC53D; color:#111; border:2.5px solid #111; border-radius:9px; font-weight:900; box-shadow:2px 2px 0 #111;
}
html[data-skin="comic"] .inputbar__paste:hover
{
background:#FFD86B; transform:translate(-1px,-1px); box-shadow:3px 3px 0 #111;
}
html[data-skin="comic"] .inputbar__paste:active
{
transform:translate(2px,2px); box-shadow:none;
}
html[data-skin="comic"] .inputbar__clear
{
border-radius:9px; color:#666;
}
html[data-skin="comic"] .inputbar__clear:hover
{
background:#111; color:#fff;
}
html[data-skin="comic"] .inputbar__go
{
background:#FF3B3B; color:#fff; border:3px solid #111; border-radius:11px;
  font-weight:900; letter-spacing:.05em; text-transform:uppercase;
  box-shadow:3px 3px 0 0 #111;
  text-shadow:1px 1px 0 rgba(0,0,0,.3);
}
html[data-skin="comic"] .inputbar__go:hover
{
background:#FF5A5A; transform:translate(-2px,-2px); box-shadow:5px 5px 0 0 #111;
}
html[data-skin="comic"] .inputbar__go:active
{
transform:translate(3px,3px); box-shadow:none;
}
html[data-skin="comic"] .inputbar__foot
{
background:#FFF7E4; border-top:3px solid #111;
}
html[data-skin="comic"] .tag
{
color:#333; font-weight:700;
}
html[data-skin="comic"] .tag__dot
{
background:#FF3B3B; border:1.5px solid #111;
}
html[data-skin="comic"] .inputbar__hint
{
color:#666; font-weight:600;
}
html[data-skin="comic"] .inputbar__hint.is-on
{
color:#E02020;
}
/* ---------- 结果区 ---------- */
html[data-skin="comic"] .res__title
{
color:#111; font-weight:900; letter-spacing:-.02em;
}
html[data-skin="comic"] .res__meta dt
{
color:#666; font-weight:700;
}
html[data-skin="comic"] .res__meta dd
{
color:#111; font-weight:600;
}
html[data-skin="comic"] .res__media
{
background:#FFFDF5; border:2.5px solid #111; border-radius:10px;
}
html[data-skin="comic"] .res__video
{
border-radius:10px;
}
html[data-skin="comic"] .res__badge
{
background:#FFC53D; color:#111; border:2.5px solid #111; border-radius:999px; font-weight:900;
}
html[data-skin="comic"] .res__gitem
{
border-radius:9px; border:2.5px solid #111;
}
html[data-skin="comic"] .btn--pri
{
background:#FF3B3B !important; color:#fff !important; border:2.5px solid #111 !important; border-radius:10px !important; font-weight:900 !important; box-shadow:3px 3px 0 #111 !important;
}
html[data-skin="comic"] .btn--gho
{
background:#fff !important; color:#111 !important; border:2.5px solid #111 !important; border-radius:10px !important; font-weight:800 !important; box-shadow:3px 3px 0 #111 !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="comic"] .empty__t
{
color:#111; font-weight:800;
}
html[data-skin="comic"] .empty__d
{
color:#666; font-weight:600;
}
html[data-skin="comic"] .load__t
{
color:#333; font-weight:700;
}
html[data-skin="comic"] .load__bar
{
background:#FEEFD2; border:2.5px solid #111; border-radius:999px;
}
html[data-skin="comic"] .load__fill
{
background:#FF3B3B; border-radius:999px;
}
html[data-skin="comic"] .load__ring span
{
background:#111;
}
html[data-skin="comic"] .err__t
{
color:#E02020; font-weight:900;
}
html[data-skin="comic"] .err__d, html[data-skin="comic"] .err__a
{
color:#666; font-weight:600;
}
/* ---------- 页脚 ---------- */
html[data-skin="comic"] .foot
{
border-top:3px solid #111;
}
html[data-skin="comic"] .foot__cp, html[data-skin="comic"] .foot__disc, html[data-skin="comic"] .foot__l2
{
color:#666; font-weight:600;
}
html[data-skin="comic"] .foot__icp, html[data-skin="comic"] .foot__sep{
  color:#666;
}
html[data-skin="comic"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="comic"] .foot__link
{
color:#111; border:2px solid transparent; border-radius:999px; font-weight:700;
}
html[data-skin="comic"] .foot__link:hover
{
background:#FFC53D; border-color:#111;
}
html[data-skin="comic"] .foot__icp
{
color:#666;
}
html[data-skin="comic"] .foot__logo svg path
{
fill:#111 !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="comic"] .nav__login
{
background:#FF3B3B; color:#fff; border:2.5px solid #111; border-radius:999px; font-weight:900; box-shadow:2px 2px 0 #111;
}
html[data-skin="comic"] .nav__quota
{
background:#FFFFFF; color:#111; border:2.5px solid #111; border-radius:999px; font-weight:800;
}
html[data-skin="comic"] .nav__quota b
{
color:#E02020;
}
html[data-skin="comic"] .nav__uname
{
background:#FFFFFF; border:2.5px solid #111; border-radius:999px; color:#111; font-weight:800; box-shadow:2px 2px 0 #111;
}
html[data-skin="comic"] .nav__uname:hover
{
background:#FFC53D;
}
/* ---------- 浮层 ---------- */
html[data-skin="comic"] .wsbox
{
background:#FFFFFF; border:3px solid #111; border-radius:14px; color:#111; box-shadow:8px 8px 0 0 #111;
}
html[data-skin="comic"] .wsbox__t
{
color:#111; font-weight:900;
}
html[data-skin="comic"] .wsbox__x
{
color:#666;
}
html[data-skin="comic"] .wsbox__x:hover
{
background:#111; color:#fff;
}
html[data-skin="comic"] .wsf > span
{
color:#333; font-weight:800;
}
html[data-skin="comic"] .wsf input
{
background:#FFFFFF; border:2.5px solid #111; color:#111; border-radius:9px; font-weight:600; box-shadow:2px 2px 0 rgba(17,17,17,.85) inset;
}
html[data-skin="comic"] .wsf input:focus
{
box-shadow:2px 2px 0 rgba(17,17,17,.85) inset, 0 0 0 3px #FFC53D;
}
html[data-skin="comic"] .wstab
{
background:#fff; border:2.5px solid #111; color:#333; border-radius:999px; font-weight:800;
}
html[data-skin="comic"] .wstab.on
{
background:#FF3B3B; color:#fff; border-color:#111;
}
html[data-skin="comic"] .wsbtn
{
background:#FF3B3B; color:#fff; font-weight:900; border:2.5px solid #111; border-radius:10px; box-shadow:3px 3px 0 #111;
}
html[data-skin="comic"] .wsbtn:active
{
transform:translate(3px,3px); box-shadow:none;
}
html[data-skin="comic"] .wshint
{
color:#666; font-weight:600;
}
html[data-skin="comic"] .uc__top
{
background:#FFF7E4; border:2.5px solid #111; border-radius:12px;
}
html[data-skin="comic"] .uc__quota b
{
color:#E02020;
}
html[data-skin="comic"] .uc__meta
{
color:#666; font-weight:600;
}
html[data-skin="comic"] .uc__logs
{
border:2.5px solid #111; border-radius:10px;
}
html[data-skin="comic"] .uc__lrow
{
color:#111; border-bottom-color:rgba(17,17,17,.14); font-weight:600;
}
html[data-skin="comic"] .uc__lrow > span:nth-child(1)
{
color:#999;
}
html[data-skin="comic"] .uc__lrow--hd
{
background:#FFFDF5; color:#666;
}
html[data-skin="comic"] .wsghost
{
background:#fff; border:2.5px solid #111; color:#111; border-radius:10px; font-weight:800;
}
html[data-skin="comic"] .navrich__panel
{
background:#FFFFFF; border:3px solid #111; border-radius:14px;
}

/* ============ 像素街机（data-skin="arcade"）· 8bit 街机／CRT 显示器：像素硬边 + 扫描线 + 街机霓虹 ============ */
html[data-skin="arcade"]
{
--bg-1:#0B0620;
  --bg-2:#120A2E;
  --bg-3:#180E3C;

  --brand:#FF2E9A;
  --brand-d:#D4137A;
  --brand-l:#FF8AC8;
  --brand-w:rgba(255,46,154,.16);

  --text:#F0E9FF;
  --text-2:#C2B4E6;
  --text-3:#8C7BB8;
  --text-4:#5E5286;

  --card:rgba(22,12,52,.86);
  --card-2:rgba(16,9,40,.72);
  --line:rgba(139,92,255,.34);
  --line-2:rgba(34,232,255,.14);

  --ok:#31E981;
  --warn:#FFD23F;
  --err:#FF4D6D;

  --r-btn:0px;
  --r-card:0px;
  --r-pill:0px;

  --shadow-card:4px 0 0 -1px rgba(255,46,154,.6), -4px 0 0 -1px rgba(34,232,255,.6), 0 26px 56px -26px rgba(0,0,0,.9);
  --shadow-btn:3px 3px 0 0 rgba(34,232,255,.85), -2px -2px 0 0 rgba(255,46,154,.7);

  --font:"JetBrains Mono","Consolas","SFMono-Regular","Microsoft YaHei",monospace;
  --font-title:"JetBrains Mono","Consolas","SFMono-Regular","Microsoft YaHei",monospace;
}
/* ---------- 背景：CRT 扫描 + 像素点阵 ---------- */
html[data-skin="arcade"], html[data-skin="arcade"]
html[data-skin="arcade"] body
{
background:radial-gradient(120% 84% at 50% 10%, #1B0F45 0%, #0E0726 46%, #07031A 100%);
}
html[data-skin="arcade"] #cv-bg
{
opacity:.32; filter:hue-rotate(272deg) saturate(2.4) brightness(.8);
}
html[data-skin="arcade"] body::before
{
content:""; position:fixed; inset:0; z-index:1; pointer-events:none; opacity:.42;
  background:repeating-linear-gradient(180deg, rgba(0,0,0,.34) 0 1px, transparent 1px 3px);
}
html[data-skin="arcade"] body::after
{
content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(52% 40% at 18% 10%, rgba(255,46,154,.22), transparent 66%),
    radial-gradient(48% 38% at 84% 88%, rgba(34,232,255,.2), transparent 66%),
    radial-gradient(120% 90% at 50% 50%, transparent 52%, rgba(0,0,0,.6) 100%);
}
html[data-skin="arcade"] .stage
{
border-radius:0;
  box-shadow:0 0 0 2px rgba(139,92,255,.5), 0 0 0 5px #07031A, 0 0 0 7px rgba(255,46,154,.35), 0 0 90px -30px rgba(255,46,154,.6);
}
/* ---------- 顶栏 ---------- */
html[data-skin="arcade"] .logo__t
{
color:#F4ECFF; font-family:var(--font); font-weight:700; letter-spacing:.16em; text-transform:uppercase;
}
html[data-skin="arcade"] .logo__t b
{
color:#FF2E9A; text-shadow:2px 0 0 rgba(34,232,255,.9), -2px 0 0 rgba(139,92,255,.9);
}
html[data-skin="arcade"] .logo svg path
{
fill:#FF2E9A !important;
}
html[data-skin="arcade"] .logo svg circle
{
fill:#22E8FF !important;
}
html[data-skin="arcade"] .nav__link, html[data-skin="arcade"] .nav__admin
{
border-radius:0; background:rgba(139,92,255,.12); border:2px solid rgba(139,92,255,.55);
  color:#C7BAF5; font-family:var(--font); font-weight:700; letter-spacing:.1em; text-transform:uppercase; font-size:11px;
  box-shadow:2px 2px 0 0 rgba(0,0,0,.6);
}
html[data-skin="arcade"] .nav__link:hover, html[data-skin="arcade"] .nav__admin:hover
{
background:rgba(255,46,154,.22); border-color:#FF2E9A; color:#FFF0F8;
  box-shadow:2px 2px 0 0 rgba(0,0,0,.6), 0 0 20px -3px rgba(255,46,154,.9);
}
/* ---------- 标题：像素双影 ---------- */
html[data-skin="arcade"] .hero__t
{
color:#F6EFFF; font-family:var(--font-title); font-weight:700; letter-spacing:.01em; text-shadow:3px 0 0 rgba(255,46,154,.6), -3px 0 0 rgba(34,232,255,.55);
}
html[data-skin="arcade"] .hero__t2
{
color:#FF2E9A; text-shadow:2px 0 0 rgba(34,232,255,.85), -2px 0 0 rgba(139,92,255,.85);
}
html[data-skin="arcade"] .hero__sub
{
color:#8C7BB8; font-family:var(--font); font-size:11.5px; letter-spacing:.08em;
}
/* ---------- 主卡片：街机屏幕 ---------- */
html[data-skin="arcade"] .card
{
background:linear-gradient(168deg, rgba(24,13,56,.9), rgba(12,7,32,.8));
  border:2px solid rgba(139,92,255,.45);
  border-radius:0;
  box-shadow:var(--shadow-card);
  position:relative;
}
/* 像素四角 */
html[data-skin="arcade"] .card::before
{
content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:repeating-linear-gradient(90deg, #FF2E9A 0 8px, #8B5CFF 8px 16px, #22E8FF 16px 24px);
}
/* ---------- 输入框 ---------- */
html[data-skin="arcade"] .inputbar
{
background:rgba(8,4,26,.9);
  border:2px solid rgba(139,92,255,.6);
  border-radius:0;
  box-shadow:3px 3px 0 0 rgba(0,0,0,.7);
}
html[data-skin="arcade"] .inputbar:focus-within
{
border-color:#22E8FF; box-shadow:3px 3px 0 0 rgba(0,0,0,.7), 0 0 26px -6px rgba(34,232,255,.9);
}
html[data-skin="arcade"] .inputbar__ico
{
color:#22E8FF;
}
html[data-skin="arcade"] .inputbar__in
{
color:#F0E9FF; font-family:var(--font); font-size:13px; letter-spacing:.03em;
}
html[data-skin="arcade"] .inputbar__in::placeholder
{
color:#5E5286;
}
html[data-skin="arcade"] .inputbar__paste
{
background:rgba(34,232,255,.14); color:#8FF4FF; border:2px solid rgba(34,232,255,.5);
  border-radius:0; font-family:var(--font); font-weight:700; letter-spacing:.08em; font-size:11.5px;
}
html[data-skin="arcade"] .inputbar__paste:hover
{
background:rgba(34,232,255,.3); color:#EAFEFF; box-shadow:2px 2px 0 0 rgba(255,46,154,.7);
}
html[data-skin="arcade"] .inputbar__clear
{
border-radius:0; color:#8C7BB8; font-family:var(--font);
}
html[data-skin="arcade"] .inputbar__clear:hover
{
background:rgba(255,46,154,.2); color:#FF8AC8;
}
html[data-skin="arcade"] .inputbar__go
{
background:#FF2E9A;
  color:#12061F;
  border-radius:0;
  font-family:var(--font-title); font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:12.5px;
  box-shadow:var(--shadow-btn);
}
html[data-skin="arcade"] .inputbar__go:hover
{
background:#FF5AB0; box-shadow:4px 4px 0 0 rgba(34,232,255,.9), -3px -3px 0 0 rgba(255,46,154,.8);
}
html[data-skin="arcade"] .inputbar__go:active
{
transform:translate(2px,2px); box-shadow:none;
}
html[data-skin="arcade"] .inputbar__foot
{
background:rgba(139,92,255,.08); border-top:2px solid rgba(139,92,255,.3);
}
html[data-skin="arcade"] .tag
{
color:#8C7BB8; font-family:var(--font); font-size:11px; letter-spacing:.04em;
}
html[data-skin="arcade"] .tag__dot
{
background:#22E8FF; box-shadow:0 0 10px rgba(34,232,255,.95);
}
html[data-skin="arcade"] .inputbar__hint
{
color:#8C7BB8; font-family:var(--font);
}
html[data-skin="arcade"] .inputbar__hint.is-on
{
color:#FF6B8E;
}
/* ---------- 结果区 ---------- */
html[data-skin="arcade"] .res__title
{
color:#F6EFFF; font-family:var(--font-title); font-weight:700;
}
html[data-skin="arcade"] .res__meta dt
{
color:#6E62A0; font-family:var(--font); font-size:11.5px;
}
html[data-skin="arcade"] .res__meta dd
{
color:#C2B4E6; font-family:var(--font);
}
html[data-skin="arcade"] .res__media
{
background:rgba(34,232,255,.06); border-radius:0;
}
html[data-skin="arcade"] .res__video
{
border-radius:0;
}
html[data-skin="arcade"] .res__badge
{
background:#FF2E9A; color:#fff; border-radius:0; font-family:var(--font); letter-spacing:.08em; box-shadow:2px 2px 0 0 rgba(34,232,255,.8);
}
html[data-skin="arcade"] .res__gitem
{
border-radius:0; border-color:rgba(139,92,255,.4);
}
html[data-skin="arcade"] .btn--pri
{
background:#FF2E9A !important; color:#12061F !important; border-radius:0 !important; font-weight:700 !important; font-family:var(--font) !important; letter-spacing:.08em !important; box-shadow:3px 3px 0 0 rgba(34,232,255,.85) !important;
}
html[data-skin="arcade"] .btn--gho
{
background:rgba(139,92,255,.1) !important; color:#C7BAF5 !important; border:2px solid rgba(139,92,255,.5) !important; border-radius:0 !important; font-family:var(--font) !important;
}
/* ---------- 空态 / 加载 / 错误 ---------- */
html[data-skin="arcade"] .empty__t
{
color:#B0A2D6; font-family:var(--font);
}
html[data-skin="arcade"] .empty__d
{
color:#6E62A0; font-family:var(--font); font-size:11.5px;
}
html[data-skin="arcade"] .load__t
{
color:#8C7BB8; font-family:var(--font);
}
html[data-skin="arcade"] .load__bar
{
background:rgba(139,92,255,.16); border-radius:0;
}
html[data-skin="arcade"] .load__fill
{
background:repeating-linear-gradient(90deg,#FF2E9A 0 8px,#FF2E9A 8px 10px,transparent 10px 12px); border-radius:0;
}
html[data-skin="arcade"] .load__ring span
{
background:#22E8FF; box-shadow:0 0 12px rgba(34,232,255,.9);
}
html[data-skin="arcade"] .err__t
{
color:#FF6B8E; font-weight:700; font-family:var(--font);
}
html[data-skin="arcade"] .err__d, html[data-skin="arcade"] .err__a
{
color:#8C7BB8; font-family:var(--font);
}
/* ---------- 页脚 ---------- */
html[data-skin="arcade"] .foot
{
border-top:2px solid rgba(139,92,255,.3);
}
html[data-skin="arcade"] .foot__cp, html[data-skin="arcade"] .foot__disc, html[data-skin="arcade"] .foot__l2
{
color:#6E62A0; font-family:var(--font); font-size:11px;
}
html[data-skin="arcade"] .foot__icp, html[data-skin="arcade"] .foot__sep{
  color:#6E62A0;
}
html[data-skin="arcade"] .foot__icp:hover{
  color:var(--brand-d);
}

html[data-skin="arcade"] .foot__link
{
color:#8C7BB8; border-radius:0; font-family:var(--font);
}
html[data-skin="arcade"] .foot__link:hover
{
color:#FF8AC8; background:rgba(255,46,154,.16);
}
html[data-skin="arcade"] .foot__icp
{
color:#6E62A0;
}
html[data-skin="arcade"] .foot__logo svg path
{
fill:#FF2E9A !important;
}
/* ---------- 用户区 ---------- */
html[data-skin="arcade"] .nav__login
{
background:#FF2E9A; color:#12061F; border-color:transparent; border-radius:0; font-weight:700; font-family:var(--font); letter-spacing:.08em; box-shadow:2px 2px 0 0 rgba(34,232,255,.8);
}
html[data-skin="arcade"] .nav__quota
{
background:rgba(34,232,255,.14); color:#8FF4FF; border:2px solid rgba(34,232,255,.4); border-radius:0; font-family:var(--font);
}
html[data-skin="arcade"] .nav__quota b
{
color:#EAFEFF;
}
html[data-skin="arcade"] .nav__uname
{
background:rgba(139,92,255,.14); border-color:rgba(139,92,255,.5); color:#C7BAF5; border-radius:0; font-family:var(--font);
}
html[data-skin="arcade"] .nav__uname:hover
{
background:rgba(139,92,255,.28); border-color:#8B5CFF; color:#F0E9FF;
}
/* ---------- 浮层 ---------- */
html[data-skin="arcade"] .wsbox
{
background:#140B34; border:2px solid rgba(139,92,255,.5); border-radius:0; color:#D8CEF0; box-shadow:5px 0 0 -1px rgba(255,46,154,.6), -5px 0 0 -1px rgba(34,232,255,.6), 0 30px 66px -24px rgba(0,0,0,.92);
}
html[data-skin="arcade"] .wsbox__t
{
color:#F6EFFF; font-family:var(--font-title);
}
html[data-skin="arcade"] .wsbox__x
{
color:#8C7BB8;
}
html[data-skin="arcade"] .wsbox__x:hover
{
background:rgba(255,46,154,.2); color:#FF8AC8;
}
html[data-skin="arcade"] .wsf > span
{
color:#8C7BB8; font-family:var(--font); font-size:12px;
}
html[data-skin="arcade"] .wsf input
{
background:rgba(8,4,26,.9); border:2px solid rgba(139,92,255,.5); color:#F0E9FF; border-radius:0; font-family:var(--font);
}
html[data-skin="arcade"] .wsf input:focus
{
border-color:#22E8FF; box-shadow:0 0 0 3px rgba(34,232,255,.2);
}
html[data-skin="arcade"] .wstab
{
background:transparent; border:2px solid rgba(139,92,255,.45); color:#8C7BB8; border-radius:0; font-family:var(--font);
}
html[data-skin="arcade"] .wstab.on
{
background:rgba(255,46,154,.24); color:#FF8AC8; border-color:#FF2E9A;
}
html[data-skin="arcade"] .wsbtn
{
background:#FF2E9A; color:#12061F; font-weight:700; border-radius:0; font-family:var(--font-title); letter-spacing:.08em; box-shadow:3px 3px 0 0 rgba(34,232,255,.85);
}
html[data-skin="arcade"] .wsbtn:hover
{
background:#FF5AB0;
}
html[data-skin="arcade"] .wshint
{
color:#8C7BB8; font-family:var(--font);
}
html[data-skin="arcade"] .uc__top
{
background:rgba(139,92,255,.12); border:2px solid rgba(139,92,255,.4); border-radius:0;
}
html[data-skin="arcade"] .uc__quota b
{
color:#FF2E9A; text-shadow:2px 0 0 rgba(34,232,255,.8); font-family:var(--font-title);
}
html[data-skin="arcade"] .uc__meta
{
color:#8C7BB8; font-family:var(--font); font-size:11.5px;
}
html[data-skin="arcade"] .uc__logs
{
border:2px solid rgba(139,92,255,.35); border-radius:0;
}
html[data-skin="arcade"] .uc__lrow
{
color:#C2B4E6; border-bottom-color:rgba(139,92,255,.16); font-family:var(--font);
}
html[data-skin="arcade"] .uc__lrow > span:nth-child(1)
{
color:#6E62A0;
}
html[data-skin="arcade"] .uc__lrow--hd
{
background:rgba(139,92,255,.1); color:#6E62A0;
}
html[data-skin="arcade"] .wsghost
{
background:transparent; border:2px solid rgba(139,92,255,.45); color:#8C7BAD; border-radius:0; font-family:var(--font);
}
html[data-skin="arcade"] .navrich__panel
{
background:#140B34; border-radius:0;
}


/* ==========================================================================
   移动端兜底（v1.9）
   --------------------------------------------------------------------------
   1) 满屏布局（≤600px）下，部分皮肤给 .stage 加了外圈描边 / 大范围辉光。
      这些装饰是照 16:9 舞台设计的，满屏时会被视口边缘裁成半截，观感像故障；
      故在移动端统一去掉舞台自身的外圈装饰（皮肤特色仍由背景与组件承载）。
   2) 下拉浮层内的导航链接：本段位于全部皮肤规则之后，
      用 html 前缀保证优先级不低于皮肤规则；只调整布局，
      颜色 / 圆角 / 描边等外观仍由各皮肤决定，换肤后下拉风格自动跟随。
   ========================================================================== */
@media (max-width:600px)
{
  html[data-skin] .stage
{
    border-radius:0 !important;
    box-shadow:none !important;
  }
}

@media (max-width:768px)
{
  html .navdrop
{
    background:var(--card, #FFFFFF);
    border-color:var(--line, rgba(20,30,60,.12));
  }
  html .navdrop .nav__link
{
    display:flex;
    width:100%;
    justify-content:flex-start;
    min-height:40px;
    padding:0 13px;
    text-align:left;
  }
}