/* 内页暗色主题 —— 与首页 home-dark.css 同一套语言（参考 framer）
   做法：先把 site.css 的纸/墨/金变量整体翻成黑底，再逐个覆盖写死的浅色面。 */

.club-dark{
  --paper:#090909;
  --surface:#141414;
  --surface-2:#1c1c1c;
  --ink:#f2f2f2;
  --muted:#9a9a9a;
  --line:#262626;
  --gold:#8a68ff;
  --orange:#ff7a3d;
  --dark-muted:#8a8a8a;
  --accent:#0099ff;
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  --sans:"Inter","SF Pro Text",system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
}
.club-dark ::selection{background:rgba(138,104,255,.34);color:#fff}
.club-dark :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.club-dark .skip{background:#fff;color:#000;font-weight:600}

/* 顶栏 */
.club-dark .site-header{
  position:sticky;top:0;z-index:30;
  background:rgba(9,9,9,.82);
  border-bottom:1px solid #1a1a1a;
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
}
.club-dark .site-header-inner{min-height:68px;gap:24px}
.club-dark .site-brand{color:#fff;font-size:18px;font-weight:600;letter-spacing:-.02em}
.club-dark .site-brand small{font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:500}
.club-dark .site-brand-mark{background:#fff;color:#000;border-radius:10px;width:38px;height:38px;font-size:26px}
.club-dark .site-brand-mark span{color:var(--accent);font-size:15px;right:-5px;top:-7px}
.club-dark .site-nav{gap:clamp(14px,2vw,28px);font-size:13.5px}
.club-dark .site-nav a{color:var(--muted);border:0;min-height:40px;padding:6px 0;transition:color .18s ease}
.club-dark .site-nav a:hover,.club-dark .site-nav a[aria-current="page"]{color:#fff}
.club-dark .site-nav a[aria-current="page"]::after{content:"";display:block;height:1px;background:#fff;margin-top:-6px}

/* 页头 */
.club-dark .page-intro{
  display:flex;align-items:flex-end;justify-content:space-between;gap:28px;
  padding:clamp(24px,2.8vw,40px) 0 24px;margin-bottom:20px;
  border-bottom:1px solid var(--line);
}
.club-dark .page-intro-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}
.club-dark .page-intro-action{
  display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:100px;
  border:1px solid var(--line);background:var(--surface);color:#fff;
  font-size:13px;font-weight:500;text-decoration:none;transition:background .18s,border-color .18s;
}
.club-dark .page-intro-action:hover{background:var(--surface-2);border-color:#3a3a3a}

/* 按钮 */
.club-dark .button{
  border-radius:100px;border:1px solid transparent;font-weight:600;font-size:14px;
  letter-spacing:-.01em;transition:transform .18s,background .18s,border-color .18s,color .18s;
}
.club-dark .button.yellow{background:#fff;color:#000;border-color:#fff;box-shadow:none}
.club-dark .button.yellow:hover{background:#e6e6e6;color:#000}
.club-dark .button.outline{background:transparent;color:#fff;border-color:#333;box-shadow:none}
.club-dark .button.outline:hover{background:var(--surface-2);border-color:#4a4a4a}
.club-dark .text-link{color:#cfcfcf;text-decoration:none;border-bottom:1px solid #333;padding-bottom:1px}
.club-dark .text-link:hover{color:#fff;border-color:#777}
.club-dark .reset{color:var(--muted);border:0;background:none}

/* 卡片/面板通用兜底：这些类在各页复用 */
.club-dark .activity-summary{
  margin-top:32px;padding:14px 18px;border-radius:14px;border:1px solid var(--line);
  background:var(--surface);color:var(--muted);font-size:13px;
}
.club-dark .activity-summary a{color:#fff}

/* 表单 */
.club-dark input,.club-dark select,.club-dark textarea{
  background:#0d0d0d;color:#fff;border:1px solid var(--line);border-radius:10px;
  font-family:inherit;font-size:14px;padding:11px 14px;
}
.club-dark input:focus,.club-dark select:focus,.club-dark textarea:focus{
  outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,153,255,.18);
}
.club-dark label{color:var(--muted);font-size:12.5px;font-weight:500}
.club-dark input::placeholder,.club-dark textarea::placeholder{color:#555}

/* 表格 */
.club-dark table{border-color:var(--line)}
.club-dark th{color:var(--muted);font-weight:500}
.club-dark td,.club-dark th{border-color:var(--line)}

/* 页脚 */
.club-dark footer{
  margin-top:96px;padding:36px 0 44px;border-top:1px solid #1a1a1a;
  display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#6a6a6a;
}
.club-dark footer span{color:#cfcfcf;font-size:13px;font-weight:500}
.club-dark footer p{color:#6a6a6a;font-size:11.5px;line-height:1.7}

/* 弹窗 */
.club-dark dialog{
  background:var(--surface);color:#fff;border:1px solid var(--line);border-radius:20px;
  box-shadow:0 0 0 .5px rgba(255,255,255,.1),0 30px 80px -24px #000;
}
.club-dark dialog::backdrop{background:rgba(0,0,0,.66);backdrop-filter:blur(6px)}

@media(max-width:860px){
  .club-dark .site-header-inner,.club-dark footer{width:calc(100vw - 48px)}
  .club-dark .page-intro{flex-direction:column;align-items:flex-start;gap:18px}
}
@media(max-width:700px){
  .club-dark .site-header-inner,.club-dark footer{width:calc(100vw - 36px)}
}
@media(prefers-reduced-motion:reduce){
  .club-dark *{transition:none!important;animation:none!important}
}