/* ============================================================================
   dy-shell v2 —— 首页设计语言的忠实移植（克制版）
   ----------------------------------------------------------------------------
   v1 教训：发光圆/泛金光/渐变卡面 = 土味特效，已废弃。
   首页真正的好看来自（从 style.css 提炼）：
     ① 毛玻璃卡：rgba 白 4.5% 面 + 细边框 + backdrop-blur（q-card-float 同款）
     ② 胶囊按钮：999px 圆角 + 金渐变 + 轻投影（q-btn--grad 同款）
     ③ hover 只做「轻抬升」，不发光
     ④ 深底干净，无漂浮光团
   ============================================================================ */

/* 卡片：首页 q-card 的极淡玻璃面（不再用渐变卡面与泛金光） */
body.dy-shell .card {
  background: rgba(255, 255, 255, .045);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: 0 14px 40px var(--sh-2, rgba(2, 6, 18, .3));
}
body.dy-shell .card:hover {
  transform: translateY(-4px);
  border-color: var(--border-strong);
  box-shadow: 0 22px 56px var(--sh-3, rgba(2, 6, 18, .45));
}

/* 主按钮：首页胶囊同款（member.css 的方角按钮在此页升级为胶囊） */
body.dy-shell .btn:not(.btn-ghost):not(.btn-lime) {
  border-radius: 999px;
  background: var(--grad, linear-gradient(115deg, var(--brand-1), var(--brand-2) 52%, var(--brand-3)));
  color: var(--brand-on);
  font-weight: 700;
  box-shadow: 0 10px 34px var(--brand-2-ring);
  transition: all .3s ease;
}
body.dy-shell .btn:not(.btn-ghost):not(.btn-lime):hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 44px var(--brand-2-ring);
}
body.dy-shell .btn-ghost {
  border-radius: 999px;
  background: var(--surface, rgba(255, 255, 255, .045));
  border-color: var(--border-strong);
  color: var(--text);
}
body.dy-shell .btn-ghost:hover {
  border-color: var(--brand-1);
  color: var(--brand-1);
}

/* 背景：干净深底 + 一条极轻的顶部金色晕（替代 v1 的两个大光团） */
body.dy-shell {
  background:
    radial-gradient(1000px 420px at 50% -12%, rgb(var(--brand-2-rgb) / .07), transparent 60%),
    var(--bg);
  background-attachment: fixed;
}

/* 侧栏项：胶囊化对齐按钮语言 */
body.dy-shell .wb-side-nav a { border-radius: 12px; }

/* 充值/能力类小卡（.feat）：首页 feat 质感 */
body.dy-shell .feat {
  background: var(--surface, rgba(255, 255, 255, .045));
  border: 1px solid var(--border);
  border-radius: 16px;
}
body.dy-shell .feat:hover { border-color: var(--brand-ring); }

/* 表格：更轻的行分隔 */
body.dy-shell table tbody tr:hover { background: rgba(255, 255, 255, .03); }