/* ============================================================
   六月是只猫外联网盘 — Neo-Brutalist Playful 皮肤层（前台）
   设计语言：硬黑边框 · 彩色硬阴影 · 无圆角 · 无渐变 · 无模糊
   色板：Coral #ff6b6b / Teal #4ecdc4 / Yellow #ffe66d / Mint #95e1d3 / Rose #f38181
   缓动：Toy Spring cubic-bezier(0.34, 1.56, 0.64, 1)
   本文件为纯视觉覆盖层，加载于 app.css 之后，不改动任何功能结构
   ============================================================ */

:root {
  /* 野兽派设计令牌 */
  --bk-ink: #111111;
  --bk-paper: #fffdf5;
  --bk-coral: #ff6b6b;
  --bk-teal: #4ecdc4;
  --bk-yellow: #ffe66d;
  --bk-mint: #95e1d3;
  --bk-rose: #f38181;
  --bk-orange: #ff9f43;
  --bk-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* 重映射原系统变量（组件无需改动即获得野兽派外观） */
  --primary: #ff6b6b;
  --primary-2: #4ecdc4;
  --primary-3: #ffe66d;
  --grad: #ff6b6b;
  --grad-soft: #fff8d6;
  --bg: #fffdf5;
  --bg-2: #f6f1de;
  --card: #ffffff;
  --card-2: #f7f2df;
  --line: #111111;
  --muted: #62667a;
  --shadow-sm: 3px 3px 0 #111111;
  --shadow-md: 5px 5px 0 #111111;
  --shadow-lg: 8px 8px 0 #111111;
  --r-sm: 0; --r-md: 0; --r-lg: 0;
}
[data-theme="dark"] {
  --bk-ink: #eae6d9;
  --bk-paper: #191c26;
  --card: #1b1e2a;
  --card-2: #242838;
  --line: #eae6d9;
  --bg: #12141c;
  --bg-2: #171a24;
  --muted: #9aa0b6;
  --grad-soft: #33301d;
  --shadow-sm: 3px 3px 0 #454c66;
  --shadow-md: 5px 5px 0 #454c66;
  --shadow-lg: 8px 8px 0 #454c66;
}

/* ---------- 全局几何基因：圆角全灭、按压反馈、贴纸弹性 ---------- */
*, *::before, *::after { border-radius: 0 !important; }
::selection { background: #ffe66d; color: #111; }
[data-theme="dark"] ::selection { background: #ffe66d; color: #111; }

body {
  background-color: var(--bg);
  background-image:
    linear-gradient(rgba(17,17,17,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,17,17,.05) 1px, transparent 1px);
  background-size: 28px 28px;
}
[data-theme="dark"] body {
  background-image:
    linear-gradient(rgba(234,230,217,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(234,230,217,.05) 1px, transparent 1px);
}

/* 背景光球 → 硬边几何贴纸 */
.bg-deco i {
  filter: none !important;
  border: 3px solid #111;
  box-shadow: 6px 6px 0 #111;
  animation: none !important;
  opacity: .32;
}
.bg-deco i:nth-child(1) { background: #4ecdc4 !important; width: 190px !important; height: 190px !important; transform: rotate(2deg); }
.bg-deco i:nth-child(2) { background: #ffe66d !important; width: 150px !important; height: 150px !important; transform: rotate(-2deg); border-radius: 50% !important; }
.bg-deco i:nth-child(3) { background: #ff6b6b !important; width: 130px !important; height: 130px !important; transform: rotate(1.5deg); }
[data-theme="dark"] .bg-deco i { border-color: #eae6d9; opacity: .22; }

/* ---------- 导航 ---------- */
.site-nav {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: var(--card);
  border-bottom: 3px solid var(--line);
}
.brand-name { font-weight: 900; }
.nav-links a {
  border: 2px solid transparent;
  font-weight: 800;
  transition: transform .18s var(--bk-spring), box-shadow .18s var(--bk-spring), background .15s, border-color .15s, color .15s;
}
.nav-links a:hover { background: var(--bk-yellow); color: #111; border-color: var(--line); }
.nav-links a.on {
  background: var(--bk-teal) !important;
  color: #111 !important;
  border: 2px solid var(--line);
  box-shadow: 3px 3px 0 var(--line) !important;
}
.nav-links .admin-link { color: var(--bk-orange); font-weight: 900; }
.icon-btn, .user-chip {
  border: 2px solid var(--line);
  background: var(--card);
  box-shadow: 2px 2px 0 var(--line);
  transition: transform .18s var(--bk-spring), box-shadow .18s var(--bk-spring);
}
.icon-btn:hover, .user-chip:hover { transform: translate(-1px, -1px); box-shadow: 3px 3px 0 var(--line); }
.user-dropdown { border: 3px solid var(--line); box-shadow: 6px 6px 0 var(--line); }
.user-dropdown a:hover { background: var(--bk-yellow); color: #111; }
.user-dropdown a.danger:hover { color: #111; background: var(--bk-rose); }
.avatar { border: 2.5px solid var(--line); box-shadow: 3px 3px 0 var(--bk-coral); }
.vip-dot { border: 2px solid var(--line); background: var(--bk-yellow); }

/* ---------- 按钮 ---------- */
.btn {
  border: 3px solid var(--line) !important;
  box-shadow: 4px 4px 0 var(--line);
  font-weight: 800;
  transition: transform .16s var(--bk-spring), box-shadow .16s var(--bk-spring), background .15s, color .15s, border-color .15s;
}
.btn:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--line); }
.btn:active { transform: translate(3px, 3px); box-shadow: 0 0 0 var(--line); }
.btn.primary {
  background: var(--bk-coral) !important;
  color: #111 !important;
  box-shadow: 4px 4px 0 var(--line) !important;
}
.btn.primary:hover { box-shadow: 6px 6px 0 var(--line) !important; }
.btn.ghost { background: var(--card) !important; color: var(--text) !important; }
.btn.ghost:hover { background: var(--bk-yellow) !important; color: #111 !important; border-color: var(--line) !important; }
.btn.danger { background: var(--bk-rose) !important; color: #111 !important; box-shadow: 4px 4px 0 var(--line) !important; }
.btn.sm { box-shadow: 3px 3px 0 var(--line); border-width: 2.5px !important; }
.btn.lg { border-width: 4px !important; box-shadow: 6px 6px 0 var(--line); }

/* ---------- 卡片 / 标签 ---------- */
.card {
  border: 3px solid var(--line) !important;
  box-shadow: 6px 6px 0 var(--line) !important;
}
.tag {
  border: 2px solid var(--line);
  font-weight: 800;
  padding: 3px 10px;
}
.tag.ok { background: var(--bk-mint); color: #111; }
.tag.warn { background: var(--bk-yellow); color: #111; }
.tag.danger { background: var(--bk-rose); color: #111; }
.tag.muted { background: var(--card-2); color: var(--text); border-style: dashed; }

/* ---------- 表单 ---------- */
.field label { color: var(--text); text-transform: none; }
.field input, .field select, .field textarea {
  border: 2.5px solid var(--line) !important;
  background: var(--card);
  transition: box-shadow .16s var(--bk-spring), transform .16s var(--bk-spring);
}
.field input:focus, .field select:focus, .field textarea:focus {
  border-color: var(--line) !important;
  box-shadow: 4px 4px 0 var(--bk-yellow) !important;
  outline: none;
  transform: translate(-1px, -1px);
}
kbd { border: 2px solid var(--line); box-shadow: 2px 2px 0 var(--line); background: var(--card); }

/* ---------- Toast ---------- */
.toast {
  border: 3px solid var(--line) !important;
  box-shadow: 5px 5px 0 var(--line) !important;
  font-weight: 800;
}
.toast.ok { background: var(--bk-teal) !important; color: #111 !important; }
.toast.err { background: var(--bk-rose) !important; color: #111 !important; }
.toast.warn { background: var(--bk-yellow) !important; color: #111 !important; }
.toast.info { background: var(--bk-mint) !important; color: #111 !important; }

/* ---------- 弹窗 ---------- */
.modal-box {
  border: 4px solid var(--line) !important;
  box-shadow: 10px 10px 0 var(--line) !important;
}
.modal-head { border-bottom: 3px solid var(--line); }
.modal-close {
  border: 2.5px solid var(--line);
  background: var(--card);
  color: var(--text);
  font-weight: 900;
  transition: transform .15s var(--bk-spring), background .15s, color .15s;
}
.modal-close:hover { background: var(--bk-rose); color: #111; transform: rotate(2deg); }

/* ---------- Hero ---------- */
.hero-bg { background: none !important; }
.hero-chip {
  background: var(--bk-yellow) !important;
  color: #111 !important;
  border: 2.5px solid var(--line) !important;
  box-shadow: 4px 4px 0 var(--line);
  transform: rotate(-1deg);
  font-weight: 900;
}
.grad {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: var(--bk-coral) !important;
}
.hero h1 .grad {
  background: var(--bk-yellow) !important;
  color: #111 !important;
  padding: 0 .16em;
  box-shadow: 4px 4px 0 var(--line);
}

/* ---------- 统计卡 ---------- */
.stat-card {
  border: 3px solid var(--line) !important;
  box-shadow: 4px 4px 0 var(--line) !important;
  transition: transform .2s var(--bk-spring), box-shadow .2s var(--bk-spring);
}
.stats-row .stat-card:nth-child(odd) { transform: rotate(-.6deg); }
.stats-row .stat-card:nth-child(even) { transform: rotate(.6deg); }
.stat-card:hover { transform: translate(-3px, -3px) rotate(0deg) !important; box-shadow: 7px 7px 0 var(--bk-coral) !important; }
.stats-row .stat-card:nth-child(4n+2):hover { box-shadow: 7px 7px 0 var(--bk-teal) !important; }
.stats-row .stat-card:nth-child(4n+3):hover { box-shadow: 7px 7px 0 var(--bk-yellow) !important; }
.stats-row .stat-card:nth-child(4n):hover { box-shadow: 7px 7px 0 var(--bk-mint) !important; }
.stat-ico { border: 2.5px solid var(--line); }
.si-1 { background: #ffd9d9; }
.si-2 { background: #d6f6f3; }
.si-3 { background: #fff3c0; }
.si-4 { background: #ddf3ec; }

/* ---------- 排行榜 ---------- */
.rk { border: 2px solid var(--line); color: #111; font-weight: 800; }
.rk.no-1 { background: var(--bk-yellow) !important; }
.rk.no-2 { background: #d9dde8 !important; }
.rk.no-3 { background: var(--bk-orange) !important; }
.rank-item:hover { background: var(--bk-yellow); }

/* ---------- 搜索条 ---------- */
.search-bar {
  border: 3px solid var(--line) !important;
  box-shadow: 5px 5px 0 var(--line);
  transition: box-shadow .18s var(--bk-spring), transform .18s var(--bk-spring);
}
.search-bar:focus-within {
  border-color: var(--line) !important;
  box-shadow: 7px 7px 0 var(--bk-yellow) !important;
  transform: translate(-2px, -2px);
}

/* ---------- 文件卡 ---------- */
.file-card {
  border: 3px solid var(--line) !important;
  box-shadow: 5px 5px 0 var(--line) !important;
  transition: transform .2s var(--bk-spring), box-shadow .2s var(--bk-spring);
}
.file-grid .file-card:nth-child(3n+1) { transform: rotate(-.7deg); }
.file-grid .file-card:nth-child(3n+2) { transform: rotate(.5deg); }
.file-grid .file-card:nth-child(3n) { transform: rotate(-.4deg); }
.file-card:hover {
  transform: translate(-3px, -3px) rotate(0deg) scale(1.02) !important;
  box-shadow: 8px 8px 0 var(--bk-coral) !important;
  border-color: var(--line) !important;
}
.file-grid .file-card:nth-child(3n+2):hover { box-shadow: 8px 8px 0 var(--bk-teal) !important; }
.file-grid .file-card:nth-child(3n):hover { box-shadow: 8px 8px 0 var(--bk-yellow) !important; }
.fc-icon { border: 2.5px solid var(--line); color: #111; }
.cat-image { background: var(--bk-teal) !important; }
.cat-video { background: var(--bk-coral) !important; }
.cat-audio { background: var(--bk-yellow) !important; }
.cat-doc { background: var(--bk-mint) !important; }
.cat-archive { background: #111111 !important; color: #fff; }
[data-theme="dark"] .cat-archive { color: #111; }
.cat-code { background: var(--bk-rose) !important; }
.cat-app { background: var(--bk-orange) !important; }
.cat-font { background: #74c0fc !important; }
.cat-other { background: #ffffff !important; }
[data-theme="dark"] .cat-other { background: var(--card-2) !important; color: #111; }

/* ---------- 分页 ---------- */
.pager a, .pager .cur, .pager .dis {
  border: 2.5px solid var(--line) !important;
  background: var(--card);
  font-weight: 800;
  box-shadow: 3px 3px 0 var(--line);
  transition: transform .16s var(--bk-spring), box-shadow .16s var(--bk-spring);
}
.pager a:hover { background: var(--bk-yellow); color: #111; transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--line); }
.pager .cur { background: var(--bk-coral) !important; color: #111 !important; }

/* ---------- 上传 ---------- */
.dropzone {
  border: 3px dashed var(--line) !important;
  background: var(--card);
  transition: box-shadow .2s var(--bk-spring), transform .2s var(--bk-spring), background .15s;
}
.dropzone:hover, .dropzone.dragover {
  border-color: var(--line) !important;
  background: #fff8d6 !important;
  box-shadow: 6px 6px 0 var(--line);
  transform: translate(-2px, -2px);
}
[data-theme="dark"] .dropzone:hover, [data-theme="dark"] .dropzone.dragover { background: var(--grad-soft) !important; }
.dz-glow { display: none !important; }
.dz-icon {
  background: var(--bk-coral) !important;
  border: 3px solid var(--line);
  box-shadow: 5px 5px 0 var(--line) !important;
  color: #111;
}
.ustep i { border: 2.5px solid var(--line); font-weight: 800; }
.ustep.on { color: var(--text); }
.ustep.on i { background: var(--bk-coral) !important; color: #111 !important; border-color: var(--line) !important; box-shadow: 3px 3px 0 var(--line) !important; }
.ustep.done i { background: var(--bk-teal) !important; color: #111 !important; border-color: var(--line) !important; }
.ustep-line { height: 3px; background: var(--line); }
.upload-prog { border: 3px solid var(--line) !important; box-shadow: 5px 5px 0 var(--line) !important; }
.prog-track { border: 2px solid var(--line); background: var(--card); }
.prog-fill {
  background: repeating-linear-gradient(45deg, #ffe66d 0 12px, #ffd43b 12px 24px) !important;
  background-size: 34px 100%;
  animation: bkStripes 1s linear infinite;
}
@keyframes bkStripes { to { background-position: 34px 0; } }
.prog-fill::after { display: none !important; }
.quota-track { border: 2px solid var(--line); background: var(--card); }
.quota-fill, .quota-track .quota-fill { background: var(--bk-coral) !important; }
.link-row { border: 2.5px solid var(--line) !important; background: var(--card); }
.copy-btn {
  border: 2.5px solid var(--line) !important;
  background: var(--bk-teal) !important;
  color: #111 !important;
  box-shadow: 3px 3px 0 var(--line);
  transition: transform .16s var(--bk-spring), box-shadow .16s var(--bk-spring);
}
.copy-btn:hover { transform: translate(-1px, -1px) !important; box-shadow: 4px 4px 0 var(--line); }
.copy-btn:active { transform: translate(2px, 2px); box-shadow: 0 0 0 var(--line); }
.ok-ring { border: 3px solid var(--line) !important; box-shadow: 4px 4px 0 var(--bk-teal); }
.tip-card { border-style: solid !important; }
.tip-card h4 svg { color: var(--bk-coral); }

/* ---------- 登录 / 注册 ---------- */
.auth-card { border-width: 4px !important; box-shadow: 8px 8px 0 var(--bk-teal) !important; }
.auth-foot a { color: var(--bk-coral); }

/* ---------- 会员页 ---------- */
.promo-hero::before { display: none !important; }
.promo-chip {
  background: var(--bk-mint) !important;
  color: #111 !important;
  border: 2.5px solid var(--line) !important;
  box-shadow: 4px 4px 0 var(--line);
  transform: rotate(-1deg);
  font-weight: 900;
}
.promo-cta {
  background: var(--bk-coral) !important;
  border: 4px solid var(--line) !important;
  box-shadow: 8px 8px 0 var(--bk-teal) !important;
  color: #111 !important;
}
.promo-cta .btn { background: var(--bk-yellow) !important; color: #111 !important; }
.feat-card { transition: transform .2s var(--bk-spring), box-shadow .2s var(--bk-spring) !important; }
.feat-card .fi {
  width: 52px; height: 52px;
  display: flex; align-items: center; justify-content: center;
  border: 3px solid var(--line);
  box-shadow: 3px 3px 0 var(--line);
  margin-bottom: 12px;
  font-size: 24px;
}
.feat-card:nth-child(3n+1) .fi { background: var(--bk-coral); }
.feat-card:nth-child(3n+2) .fi { background: var(--bk-teal); }
.feat-card:nth-child(3n) .fi { background: var(--bk-yellow); }
.feat-card:hover { transform: translate(-3px, -3px) !important; box-shadow: 8px 8px 0 var(--bk-coral) !important; }
.feat-card:nth-child(3n+2):hover { box-shadow: 8px 8px 0 var(--bk-teal) !important; }
.feat-card:nth-child(3n):hover { box-shadow: 8px 8px 0 var(--bk-yellow) !important; }

.plan-card {
  border: 3px solid var(--line) !important;
  box-shadow: 6px 6px 0 var(--line) !important;
  transition: transform .2s var(--bk-spring), box-shadow .2s var(--bk-spring) !important;
}
.plan-grid .plan-card:nth-child(odd) { transform: rotate(-.8deg); }
.plan-grid .plan-card:nth-child(even) { transform: rotate(.8deg); }
.plan-card:hover { transform: translate(-4px, -4px) rotate(0deg) !important; box-shadow: 9px 9px 0 var(--bk-coral) !important; }
.plan-card.hot {
  background: #fffbe6 !important;
  border: 3px solid var(--line) !important;
  box-shadow: 8px 8px 0 var(--bk-coral) !important;
}
[data-theme="dark"] .plan-card.hot { background: var(--grad-soft) !important; }
.plan-t1 { border-top: 8px solid #74c0fc !important; }
.plan-t2 { border-top: 8px solid var(--bk-teal) !important; }
.plan-t3 { border-top: 8px solid var(--bk-yellow) !important; }
.plan-t4 { border-top: 8px solid #111 !important; }
[data-theme="dark"] .plan-t4 { border-top-color: #eae6d9 !important; }
.hot-tag {
  background: var(--bk-coral) !important;
  color: #111 !important;
  border: 2.5px solid var(--line);
  box-shadow: 3px 3px 0 var(--line);
  font-weight: 900;
}
.plan-price .cur, .plan-price .now { color: var(--bk-coral) !important; }
.plan-price .now { text-shadow: 3px 3px 0 var(--bk-yellow); }
.cmp-table th {
  background: var(--bk-yellow) !important;
  color: #111 !important;
  border-bottom: 3px solid var(--line) !important;
}
.cmp-table th, .cmp-table td { border-bottom: 2px solid var(--line) !important; }
.cmp-table .hl { background: #fff8d6 !important; }
[data-theme="dark"] .cmp-table .hl { background: var(--grad-soft) !important; }
.faq-item { border: 3px solid var(--line) !important; box-shadow: 5px 5px 0 var(--line) !important; }
.faq-item summary::after { color: var(--bk-coral); font-weight: 900; }

/* ---------- 用户中心 ---------- */
.uc-user .avatar { width: 62px; height: 62px; }
.uc-nav a { border: 2px solid transparent; font-weight: 700; transition: all .16s var(--bk-spring); }
.uc-nav a:hover { border-color: var(--line); background: var(--bk-yellow); color: #111; }
.uc-nav a.on {
  background: var(--bk-teal) !important;
  color: #111 !important;
  border: 2px solid var(--line) !important;
  box-shadow: 3px 3px 0 var(--line) !important;
}
.myfile-row:hover { background: #fff8d6; }
[data-theme="dark"] .myfile-row:hover { background: var(--card-2); }
.tbl th { border-bottom: 3px solid var(--line) !important; color: var(--text) !important; text-transform: none; }
.tbl td { border-bottom: 2px solid var(--line) !important; }
.tbl tr:hover td { background: var(--bk-yellow); }
[data-theme="dark"] .tbl tr:hover td { background: var(--card-2); }

/* ---------- VIP 铭牌 ---------- */
.nameplate { border: 2.5px solid var(--line) !important; box-shadow: 4px 4px 0 var(--line) !important; }
.nameplate::after { display: none !important; }
.np-1 { background: var(--bk-teal) !important; color: #111 !important; }
.np-2 { background: var(--bk-mint) !important; color: #111 !important; }
.np-3 { background: var(--bk-yellow) !important; color: #111 !important; }
.np-4 { background: #111 !important; border-color: var(--bk-yellow) !important; }
.np-1 .np-name, .np-1 .np-exp, .np-2 .np-name, .np-2 .np-exp, .np-3 .np-name, .np-3 .np-exp { color: #111 !important; }
.vip-status-card {
  background: #fff8d6 !important;
  border: 3px solid var(--line) !important;
  box-shadow: 5px 5px 0 var(--bk-yellow) !important;
}
[data-theme="dark"] .vip-status-card { background: var(--grad-soft) !important; }
.wdot { border: 2px solid var(--line); font-weight: 800; }
.wdot.on { background: var(--bk-coral) !important; color: #111 !important; border-color: var(--line) !important; }
.points-num b { color: var(--bk-coral) !important; }
.nameplate-wrap { filter: none !important; }

/* ---------- 兑换 / 自定义购买 ---------- */
.redeem-row input, .custom-buy input {
  border: 2.5px solid var(--line) !important;
  background: var(--card);
}
.redeem-row input:focus, .custom-buy input:focus { border-color: var(--line) !important; box-shadow: 3px 3px 0 var(--bk-yellow); }

/* ---------- 文件详情 ---------- */
.detail-hero .fc-icon { border-width: 3px; box-shadow: 4px 4px 0 var(--line); }
.detail-sec { border: 3px solid var(--line) !important; box-shadow: 6px 6px 0 var(--line) !important; }
.sec-head { border-bottom: 3px solid var(--line) !important; background: var(--card-2); }
.sec-ico { border: 2.5px solid var(--line); background: var(--bk-yellow); color: #111; }
.preview-frame img { border: 3px solid var(--line) !important; box-shadow: 6px 6px 0 var(--line) !important; }
.tab-btn {
  border: 2.5px solid transparent !important;
  font-weight: 800;
  transition: all .16s var(--bk-spring);
}
.tab-btn:hover { border-color: var(--line) !important; background: var(--bk-yellow); color: #111; }
.tab-btn.on {
  background: var(--bk-teal) !important;
  color: #111 !important;
  border: 2.5px solid var(--line) !important;
  box-shadow: 3px 3px 0 var(--line) !important;
}
.code-block {
  background: #111 !important;
  color: #f5f2e3 !important;
  border: 3px solid var(--line) !important;
  box-shadow: 4px 4px 0 var(--bk-teal) !important;
}
[data-theme="dark"] .code-block { background: #0a0b10 !important; }
.qr-share img, .share-qr img, .share-qr canvas { border: 3px solid var(--line) !important; box-shadow: 5px 5px 0 var(--line) !important; }
.pay-info { border: 2.5px solid var(--line) !important; background: var(--card-2) !important; }
.pay-qr { border: 3px solid var(--line) !important; box-shadow: 4px 4px 0 var(--line) !important; }

/* ---------- 上传页（第二版式） ---------- */
.uh-badge {
  background: var(--bk-yellow) !important;
  color: #111 !important;
  border: 2.5px solid var(--line) !important;
  box-shadow: 3px 3px 0 var(--line);
  transform: rotate(-1deg);
  font-weight: 900;
}
.upload-hero h1 em {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: var(--bk-coral) !important;
  text-shadow: 3px 3px 0 var(--bk-yellow);
}
.uh-chips span {
  border: 2px solid var(--line) !important;
  background: var(--card) !important;
  box-shadow: 2px 2px 0 var(--line);
  font-weight: 700;
}
.dz-formats span {
  border: 2px solid var(--line) !important;
  background: var(--card);
  font-weight: 800;
  box-shadow: 2px 2px 0 var(--line);
  transition: transform .15s var(--bk-spring), box-shadow .15s var(--bk-spring);
}
.dz-formats span:hover { transform: translate(-1px, -1px) !important; box-shadow: 3px 3px 0 var(--line); background: var(--bk-yellow); }
.opt-item { border: 2.5px solid var(--line) !important; background: var(--card); transition: box-shadow .15s var(--bk-spring), transform .15s var(--bk-spring); }
.opt-item:hover { border-color: var(--line) !important; }
.opt-item:has(input:checked) { border-color: var(--line) !important; box-shadow: 3px 3px 0 var(--bk-yellow) !important; transform: translate(-1px, -1px); }
.opt-box { border: 2px solid var(--line) !important; }
.opt-item input:checked ~ .opt-box { background: var(--bk-coral) !important; border-color: var(--line) !important; color: #111; }

/* ---------- 抽奖 ---------- */
.lt-win-list::-webkit-scrollbar-thumb, .lt-rec-list::-webkit-scrollbar-thumb {
  background: var(--bk-coral) !important;
  border-radius: 0 !important;
}

/* ---------- 页脚 ---------- */
.site-footer { border-top: 3px solid var(--line) !important; background: var(--card) !important; }
.foot-copy { border-top: 2px solid var(--line) !important; }
.foot-links a:hover { color: var(--bk-coral); }

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: var(--bg-2); }
::-webkit-scrollbar-thumb { background: var(--bk-ink); border: 3px solid var(--bg-2); }
::-webkit-scrollbar-thumb:hover { background: var(--bk-coral); }

/* ---------- 移动端菜单面板 ---------- */
@media (max-width: 860px) {
  .nav-links {
    border: 3px solid var(--line);
    box-shadow: 8px 8px 0 var(--line);
  }
  .nav-links a { border: 2px solid transparent; }
}

/* ---------- 补丁：高特异性残留（上传任务 / 排行 / 用户卡 / 签到） ---------- */
.ut-ico.cat-image { background: var(--bk-teal) !important; color: #111 !important; }
.ut-ico.cat-video { background: var(--bk-coral) !important; color: #111 !important; }
.ut-ico.cat-audio { background: var(--bk-yellow) !important; color: #111 !important; }
.ut-ico.cat-other { background: #111 !important; color: #ffe66d !important; }
.ut-ico { border: 2.5px solid var(--line); }
.utask { border: 2.5px solid var(--line) !important; box-shadow: 4px 4px 0 var(--line) !important; }
.ut-fill { background: var(--bk-coral) !important; }
.utrack-edge .ut-track, .ut-track { border: 2px solid var(--line); background: var(--card) !important; }

.rank-item.top { background: #fff8d6 !important; }
[data-theme="dark"] .rank-item.top { background: var(--grad-soft) !important; }
.rk.no-4 { background: #74c0fc !important; border-color: var(--line) !important; color: #111 !important; box-shadow: none !important; }
.rk.no-5 { background: var(--bk-rose) !important; border-color: var(--line) !important; color: #111 !important; box-shadow: none !important; }
.rk { box-shadow: none !important; color: #111; }
.rk.no-1 { color: #111 !important; }
.rk.no-2 { color: #111 !important; }
.rk.no-3 { color: #111 !important; }
[data-theme="dark"] .rk.no-2 { color: #111 !important; }

.uc-user.card::before { background: var(--bk-coral) !important; border-bottom: 3px solid var(--line); }
.uc-user.card::after { display: none !important; }
.uc-user .avatar-wrap .av-img, .uc-user .avatar-wrap .avatar { border: 3.5px solid var(--line) !important; box-shadow: 4px 4px 0 var(--line) !important; }
.uc-user .uc-mini div { background: var(--card-2) !important; border: 2px solid var(--line) !important; box-shadow: none !important; }
.uc-user .uc-mini div:hover { transform: translate(-1px, -1px) !important; box-shadow: 3px 3px 0 var(--bk-yellow) !important; border-color: var(--line) !important; }
.uc-user .uc-mini div b { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: var(--bk-coral) !important; color: var(--bk-coral) !important; }
.uc-user .quota-bar { background: #fff8d6 !important; border: 2px solid var(--line) !important; }
[data-theme="dark"] .uc-user .quota-bar { background: var(--grad-soft) !important; }
.uc-user .quota-bar .qt span::before { background: var(--bk-coral) !important; border-radius: 0 !important; box-shadow: none !important; }
.uc-user .quota-bar .quota-track { background: var(--card) !important; border: 2px solid var(--line); box-shadow: none !important; }
.uc-user .quota-bar .quota-fill { background: var(--bk-coral) !important; box-shadow: none !important; animation: none !important; }
.uc-user .quota-bar .quota-fill::after { display: none !important; }

.signin-card.snv3 { background: var(--bk-yellow) !important; border: 3px solid var(--line) !important; box-shadow: 6px 6px 0 var(--line) !important; color: #111 !important; }
.signin-card.snv3 .sn-head h3, .signin-card.snv3 .sn-head p { color: #111 !important; }
.signin-card.snv3 .sn-badge { background: var(--bk-coral) !important; border: 2.5px solid var(--line); box-shadow: 3px 3px 0 var(--line) !important; color: #111 !important; }
.signin-card.snv3 .sn-btn, .sn-btn {
  background: var(--bk-coral) !important;
  color: #111 !important;
  border: 3px solid var(--line) !important;
  box-shadow: 5px 5px 0 var(--line) !important;
  transition: transform .16s var(--bk-spring), box-shadow .16s var(--bk-spring) !important;
}
.signin-card.snv3 .sn-btn:hover:not(:disabled), .sn-btn:hover:not(:disabled) { transform: translate(-2px, -2px) !important; box-shadow: 7px 7px 0 var(--line) !important; }
.signin-card.snv3 .sn-btn:active:not(:disabled), .sn-btn:active:not(:disabled) { transform: translate(3px, 3px) !important; box-shadow: 0 0 0 var(--line) !important; }
.sn-btn:disabled { background: var(--bk-teal) !important; box-shadow: 4px 4px 0 var(--line) !important; }
.signin-card.snv3 .sn-day i { background: var(--card) !important; border: 2px solid var(--line) !important; color: var(--text) !important; box-shadow: none !important; }
.signin-card.snv3 .sn-day.done i { background: var(--bk-teal) !important; color: #111 !important; border-color: var(--line) !important; }
.signin-card.snv3 .sn-day.on i { border: 2.5px solid var(--line) !important; background: var(--bk-yellow) !important; color: #111 !important; animation: none !important; }
.signin-card.snv3 .sn-day.on.done i { background: var(--bk-teal) !important; border-color: var(--line) !important; }
.signin-card.snv3 .streak-tag { background: #fff8d6 !important; color: #111 !important; border: 2px dashed var(--line) !important; }
.signin-card.snv3 .sn-day em.bonus { background: var(--bk-yellow) !important; color: #111 !important; border: 2px solid var(--line) !important; }

.ai-badge.wait i.spin { border-top-color: var(--bk-coral) !important; }
.ai-badge { border: 2px solid var(--line) !important; box-shadow: 2px 2px 0 var(--line) !important; }

/* ================================================================
   v3.1.0 全局字体（Albert Sans · stylekit Neo-Brutalist Playful 同款）
   + h1/h2 多元化 + AI 安全检测标签野兽派化
   ================================================================ */

/* ---------- 1) 全局字体：Albert Sans（Google Fonts · OFL 开源，latin + latin-ext 可变字重 100-900） ---------- */
@font-face {
  font-family: 'Albert Sans';
  font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../fonts/albert-sans-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Albert Sans';
  font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../fonts/albert-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  /* 后台「站点信息 → 自定义全局字体」开启后，此变量被内联 style 置顶覆盖 */
  --bk-font-body: 'Albert Sans', -apple-system, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --bk-font-display: 'Albert Sans', -apple-system, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
body { font-family: var(--bk-font-body) !important; }
code, kbd, pre, samp { font-family: ui-monospace, Consolas, 'Courier New', monospace !important; }

/* ---------- 2) h1/h2 多元化（参考 stylekit：font-black + leading-none + 双色拼接 + 硬阴影 Ping-Pong） ---------- */
h1, h2 {
  font-family: var(--bk-font-display);
  font-weight: 900 !important;
  line-height: 1.15;
  letter-spacing: -.5px;
  color: var(--bk-ink);
}
/* 荧光笔标记块：h1/h2 内的 em = 荧光黄高亮 + 黑边 + 硬阴影 + 微旋转（stylekit marker 风） */
h1 em, h2 em {
  font-style: normal;
  background: var(--bk-yellow);
  color: #111 !important;
  border: 2.5px solid var(--line);
  box-shadow: 3px 3px 0 var(--line);
  padding: 0 .18em;
  display: inline-block;
  transform: rotate(-1.2deg);
  text-shadow: none;
}
[data-theme="dark"] h1 em, [data-theme="dark"] h2 em { color: #111 !important; }
/* 强调词换色（stylekit 双色拼接）：h1/h2 内 strong 走珊瑚色 */
h1 strong, h2 strong { color: var(--bk-coral); font-weight: 900; }

/* v3.2.0：h1 不再叠加彩色 text-shadow（阴影色与高亮块同色会产生重影眼花），强调一律交给色块 */
.hero h1, .upload-head h1, .promo-hero h1, .lt-hero h1, .fb-hero h1 { text-shadow: none; }

/* 节标题：前置几何色块（2deg 内旋转）+ 超粗 */
.section-title { display: flex; align-items: center; gap: 10px; }
.section-title::before {
  content: ''; flex: none; width: .58em; height: .58em;
  background: var(--bk-coral); border: 2.5px solid var(--line);
  box-shadow: 2px 2px 0 var(--line); transform: rotate(2deg);
}
.section-title.center { justify-content: center; }
.section-title.center::after {
  content: ''; flex: none; width: .58em; height: .58em;
  background: var(--bk-teal); border: 2.5px solid var(--line);
  box-shadow: 2px 2px 0 var(--line); transform: rotate(-2deg);
}

/* 卡片内 h2：左侧小方块装饰，颜色逐位轮换 */
.dropzone h2::before, .dz-txt h2::before, .auth-card h2::before,
.pwd-gate h2::before, .promo-cta h2::before, .lt-login-cta h2::before {
  content: ''; display: inline-block; width: .5em; height: .5em;
  margin-right: .4em; border: 2.5px solid var(--line);
  box-shadow: 2px 2px 0 var(--line); transform: rotate(-2deg);
  vertical-align: baseline;
}
.dropzone h2::before { background: var(--bk-coral); }
.dz-txt h2::before { background: var(--bk-teal); }
.auth-card h2::before { background: var(--bk-yellow); }
.pwd-gate h2::before { background: var(--bk-mint); }
.promo-cta h2::before { background: var(--bk-rose); transform: rotate(2deg); }
.lt-login-cta h2::before { background: var(--bk-orange); }

/* ---------- 3) AI 安全检测标签野兽派化（方形硬边 + 彩色阴影 Ping-Pong + Toy Spring 弹入） ---------- */
@keyframes bkBadgePop {
  0% { transform: scale(.5) rotate(-3deg); opacity: 0; }
  60% { transform: scale(1.12) rotate(1.5deg); opacity: 1; }
  100% { transform: scale(1) rotate(-1deg); opacity: 1; }
}
.ai-badge {
  border-radius: 0 !important;
  background: var(--bk-paper) !important;
  border: 2.5px solid var(--line) !important;
  box-shadow: 3px 3px 0 var(--line) !important;
  padding: 4px 12px 4px 6px !important;
  font-weight: 900 !important;
  transform: rotate(-1deg);
  animation: bkBadgePop .5s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
  transition: transform .18s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .18s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
/* hover = 阴影跳色（Ping-Pong）+ 位移；active = Joyful Press 压扁 */
.ai-badge:hover { transform: translate(-2px, -2px) rotate(-1deg) !important; }
.ai-badge:active { transform: translate(2px, 2px) rotate(-1deg) scale(.95) !important; box-shadow: 0 0 0 var(--line) !important; }
.ai-badge i { border-radius: 0 !important; }
/* 通过：薄荷底 + 青方块勾，hover 跳青影 */
.ai-badge.ok { background: var(--bk-mint) !important; color: #0b4f34 !important; border: 2.5px solid var(--line) !important; box-shadow: 3px 3px 0 var(--line) !important; animation: none; }
.ai-badge.ok i { background: var(--bk-teal) !important; border: 2px solid var(--line); box-shadow: none !important; }
.ai-badge.ok i.ck::after { border-color: #111 !important; }
.ai-badge.ok::before, .ai-badge.ok::after { display: none !important; }
.ai-badge.ok > * { z-index: auto; }
.ai-badge.ok:hover { box-shadow: 6px 6px 0 var(--bk-teal) !important; transform: translate(-2px, -2px) rotate(-1deg) !important; }
/* 检测中：黄底 + 珊瑚旋转圈（旋转特效保留），hover 跳珊瑚影 */
.ai-badge.wait { background: var(--bk-yellow) !important; color: #6b4d00 !important; box-shadow: 3px 3px 0 var(--line) !important; }
.ai-badge.wait i { border: 2px solid var(--line) !important; background: transparent !important; }
.ai-badge.wait i.spin { border: 2px solid var(--line) !important; border-top-color: var(--bk-coral) !important; animation: aiSpin .8s linear infinite; }
.ai-badge.wait:hover { box-shadow: 6px 6px 0 var(--bk-coral) !important; transform: translate(-2px, -2px) rotate(1deg) !important; }
/* 警告：玫瑰底 + 荧光黄叹号方块，hover 跳黄影 */
.ai-badge.warn { background: var(--bk-rose) !important; color: #5d1220 !important; box-shadow: 3px 3px 0 var(--line) !important; }
.ai-badge.warn i.ex { background: var(--bk-yellow) !important; color: #111 !important; border: 2px solid var(--line); box-shadow: none !important; }
.ai-badge.warn:hover { box-shadow: 6px 6px 0 var(--bk-yellow) !important; transform: translate(-2px, -2px) rotate(1deg) !important; }
/* 违规：珊瑚底 + 黑方块珊瑚叉（黑边跳青影，违规感拉满） */
.ai-badge.fail { background: var(--bk-coral) !important; color: #111 !important; box-shadow: 3px 3px 0 var(--line) !important; }
.ai-badge.fail i { background: #111 !important; border: 2px solid #111; box-shadow: 2px 2px 0 var(--bk-teal) !important; }
.ai-badge.fail i.x::before, .ai-badge.fail i.x::after { background: var(--bk-coral) !important; border-radius: 0 !important; }
.ai-badge.fail:hover { box-shadow: 6px 6px 0 var(--bk-teal) !important; transform: translate(-2px, -2px) rotate(1.5deg) !important; }

/* 首页文件卡迷你 AI 徽章：方形化 + 同款跳色 */
.fc-ai {
  border-radius: 0 !important;
  background: var(--bk-mint) !important;
  border: 2px solid var(--line) !important;
  color: #0b4f34 !important;
  box-shadow: 2px 2px 0 var(--line) !important;
  padding: 2px 8px 2px 20px !important;
  transform: rotate(-1deg);
  transition: transform .18s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .18s cubic-bezier(0.34, 1.56, 0.64, 1), background .18s;
}
.fc-ai::before {
  width: 12px; height: 12px; border-radius: 0 !important;
  background: var(--bk-teal) !important; box-shadow: none !important;
  border: 1.5px solid var(--line);
}
.fc-ai::after { border-color: #111 !important; }
.fc-ai:hover {
  box-shadow: 4px 4px 0 var(--bk-teal) !important;
  transform: translate(-1px, -1px) rotate(-1deg) !important;
  background: var(--bk-yellow) !important; color: #111 !important;
}
.fc-ai:hover::before { background: var(--bk-coral) !important; }
/* AI 检测格标题图标：去柔光投影，改硬边观感 */
.ig-ai .k svg, .ig-ai-check .k svg { filter: none !important; }
/* SVG 版徽章（详情页 ai_badge_svg）：方形硬阴影 + 微旋转 + Ping-Pong hover */
.ai-svg-badge {
  box-shadow: 2.5px 2.5px 0 var(--line);
  transform: rotate(-.5deg);
  transition: transform .18s var(--bk-spring), box-shadow .18s var(--bk-spring);
  vertical-align: middle;
}
.ai-svg-badge:hover { transform: translate(-1.5px, -1.5px) rotate(-.5deg); box-shadow: 4.5px 4.5px 0 var(--bk-teal); }
.ig-ai-check .v .ai-svg-badge:hover { box-shadow: 4.5px 4.5px 0 var(--bk-coral); }
.file-card .fc-foot .ai-svg-badge { transform: rotate(.8deg); }
.file-card .fc-foot .ai-svg-badge:hover { transform: translate(-1px, -1px) rotate(.8deg); box-shadow: 3.5px 3.5px 0 var(--bk-yellow); }

/* ================================================================
   v3.2.0 交互增强：标题高亮统一 · AI 徽章更亮眼 · VIP 徽章硬影
   · 抽奖九宫格逐格配色（Joyful Press） · 存储进度条动态流光
   ================================================================ */

/* ---------- 1) 会员服务页标题：grad 强调词改为黄底高亮块（与首页一致，杜绝同色叠加） ---------- */
.promo-hero h1 .grad {
  background: var(--bk-yellow) !important;
  color: #111 !important;
  padding: 0 .16em;
  box-shadow: 4px 4px 0 var(--line);
  display: inline-block;
  transform: rotate(-1deg);
  text-shadow: none;
}
[data-theme="dark"] .promo-hero h1 .grad { color: #111 !important; }

/* ---------- 2) AI 安全检测标识增强：弹跳入场 + 大硬影 + 跳色 hover ---------- */
.ai-svg-badge {
  box-shadow: 3.5px 3.5px 0 var(--line);
  transform: rotate(-1deg);
  animation: bkBadgePop .55s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
  transition: transform .18s var(--bk-spring), box-shadow .18s var(--bk-spring);
}
.ai-svg-badge:hover { transform: translate(-2px, -2px) rotate(-1deg); box-shadow: 6px 6px 0 var(--bk-teal); }
.ig-ai-check .v .ai-svg-badge:hover { box-shadow: 6px 6px 0 var(--bk-coral); }
.file-card .fc-foot .ai-svg-badge { transform: rotate(1deg); animation: bkBadgePopSm .45s cubic-bezier(0.34, 1.56, 0.64, 1) backwards; }
.file-card .fc-foot .ai-svg-badge:hover { transform: translate(-1.5px, -1.5px) rotate(1deg); box-shadow: 4.5px 4.5px 0 var(--bk-yellow); }
@keyframes bkBadgePopSm {
  0% { transform: scale(.4) rotate(-4deg); opacity: 0; }
  60% { transform: scale(1.12) rotate(2deg); opacity: 1; }
  100% { transform: scale(1) rotate(1deg); opacity: 1; }
}

/* ---------- 3) SVG 会员徽章：仅去掉模糊光晕底影，其余保持原样 ---------- */
.vip-svg-badge {
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* ---------- 4) 抽奖九宫格：逐格配色（Color Ping-Pong）+ 感应 + 压扁弹性 ---------- */
.lt-cell {
  border: 2.5px solid var(--line) !important;
  box-shadow: 3px 3px 0 var(--line) !important;
  transition: transform .18s var(--bk-spring), box-shadow .18s var(--bk-spring) !important;
}
.lt-cell::after { display: none !important; }
.lt-cell .lt-ico svg { filter: none !important; }
.lt-cell .lt-name { color: #111 !important; font-weight: 900 !important; }
/* 六个奖项格六种颜色（data-cell 0-5 = 奖项 1-6），谢谢参与 = 纸白虚线 */
.lt-cell[data-cell="0"] { background: var(--bk-coral) !important; transform: rotate(-1.2deg); }
.lt-cell[data-cell="1"] { background: var(--bk-teal) !important; transform: rotate(1deg); }
.lt-cell[data-cell="2"] { background: var(--bk-yellow) !important; transform: rotate(-.8deg); }
.lt-cell[data-cell="3"] { background: var(--bk-mint) !important; transform: rotate(1.2deg); }
.lt-cell[data-cell="4"] { background: var(--bk-rose) !important; transform: rotate(-1deg); }
.lt-cell[data-cell="5"] { background: var(--bk-orange) !important; transform: rotate(1deg); }
/* 谢谢参与：固定纸白（不随暗色主题翻转成深底），虚线黑边 */
.lt-cell.lt-none { background: #fffdf5 !important; border-style: dashed !important; transform: rotate(0deg); }
/* hover = 抬起 + 阴影跳色；active = 压扁回弹（纯手感，无功能） */
.lt-cell:hover { transform: translate(-2px, -2px) rotate(0deg) !important; box-shadow: 6px 6px 0 var(--line) !important; z-index: 2; }
.lt-cell[data-cell="0"]:hover { box-shadow: 6px 6px 0 var(--bk-teal) !important; }
.lt-cell[data-cell="1"]:hover { box-shadow: 6px 6px 0 var(--bk-coral) !important; }
.lt-cell[data-cell="2"]:hover { box-shadow: 6px 6px 0 var(--bk-mint) !important; }
.lt-cell[data-cell="3"]:hover { box-shadow: 6px 6px 0 var(--bk-rose) !important; }
.lt-cell[data-cell="4"]:hover { box-shadow: 6px 6px 0 var(--bk-yellow) !important; }
.lt-cell[data-cell="5"]:hover { box-shadow: 6px 6px 0 var(--bk-teal) !important; }
.lt-cell.lt-none:hover { box-shadow: 6px 6px 0 var(--bk-yellow) !important; }
.lt-cell:active { transform: translate(2px, 2px) scale(.96) !important; box-shadow: 0 0 0 var(--line) !important; }
/* 抽奖转动高亮：保留原底色 + 粗黑描边圈 + 黄硬影弹跳 */
.lt-cell.lt-on {
  transform: scale(1.07) rotate(0deg) !important;
  box-shadow: 0 0 0 3px var(--line), 7px 7px 0 var(--bk-yellow) !important;
  z-index: 2;
}

/* 中间抽奖按钮：stylekit Primary（黄底黑字硬阴影）+ Joyful Press 压扁反馈 */
.lt-go {
  background: var(--bk-yellow) !important;
  color: #111 !important;
  border: 3.5px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: 6px 6px 0 var(--line) !important;
  transform: rotate(-1.5deg);
  transition: transform .18s var(--bk-spring), box-shadow .18s var(--bk-spring) !important;
}
.lt-go::after { background: linear-gradient(100deg, transparent, rgba(17, 17, 17, .14), transparent) !important; }
.lt-go b { color: #111 !important; text-shadow: none !important; font-weight: 900 !important; }
.lt-go i {
  background: #fffdf5 !important; /* 固定纸白，暗色主题下不翻转 */
  border: 2px solid #111111;
  border-radius: 0 !important;
  color: #111 !important;
  font-weight: 800 !important;
}
.lt-go:hover:not(:disabled) { transform: translate(-2px, -2px) rotate(-1.5deg) scale(1.02) !important; box-shadow: 8px 8px 0 var(--bk-coral) !important; }
/* Joyful Press：阴影归零 + 等量位移 + 轻微缩放 = 真实按压感 */
.lt-go:active:not(:disabled) { transform: translate(6px, 6px) rotate(-1.5deg) scale(.95) !important; box-shadow: 0 0 0 var(--line) !important; }
.lt-go:disabled { filter: grayscale(.55) opacity(.72) !important; cursor: wait; }
.lt-go-hint { animation: ltGoHint .8s ease-in-out 2 !important; }

/* ---------- 5) 存储进度条：动态流光（纯色底 + 斜纹亮条扫过，无静态渐变） ---------- */
.quota-fill, .uc-user .quota-bar .quota-fill {
  position: relative; overflow: hidden;
  background: var(--bk-coral) !important;
  box-shadow: none !important;
  animation: none !important;
}
.quota-fill::after, .uc-user .quota-bar .quota-fill::after {
  display: block !important;
  content: '';
  position: absolute; top: 0; bottom: 0; left: -45%; width: 45%;
  background: repeating-linear-gradient(65deg, rgba(255, 255, 255, .55) 0 7px, transparent 7px 16px);
  animation: bkQuotaShine 2.1s ease-in-out infinite !important;
}
@keyframes bkQuotaShine { 0% { left: -45%; } 60%, 100% { left: 108%; } }

/* ---------- 动画降级 ---------- */
@media (prefers-reduced-motion: reduce) {
  .bg-deco i, .prog-fill { animation: none !important; }
  * { transition-duration: .01ms !important; }
}