/* THEME_FORCE_V7_7_0 */

:root{
  --bg:#f6f7ff;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;

  --green:#10b981;
  --violet:#8b5cf6;
  --amber:#f59e0b;
  --rose:#ec4899;
  --cyan:#06b6d4;

  --bd:rgba(15,23,42,.10);
  --shadow:0 12px 28px rgba(15,23,42,.08);
  --shadow2:0 18px 48px rgba(15,23,42,.12);
}

html,body{
  background:var(--bg) !important;
  color:var(--text) !important;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,"Noto Sans JP","Hiragino Sans",sans-serif !important;
}

/* ✅ 干掉渐变/光斑装饰（但 stats 的渐变可能是内层旧样式，JS 会再清一次） */
body::before, .wrap::before, .bg::before,
.bgDecor,.bgBlob,.bgGradient,
[class*="gradient"],[class*="blob"],[class*="glow"],[class*="blur"]{
  content:none !important;
  background:none !important;
  background-image:none !important;
  filter:none !important;
}

/* ✅ 卡片统一 */
.headerCard,.sectionCard,.input-card,.round-card,.matchCard,.statCard,.cardBlock,[class*="card"]{
  background:var(--card) !important;
  border:1px solid var(--bd) !important;
  border-radius:18px !important;
  box-shadow:var(--shadow) !important;
}

/* ✅ 全站所有卡片标题强制左对齐（你要求的） */
h1,h2,h3,.sectionTitle,.cardTitle,.modalTitle,
.cardHead,.cardHead *,.card-title,.title,.subTitle{
  text-align:left !important;
  justify-content:flex-start !important;
  align-items:center !important;
}
.cardHead{
  display:flex !important;
  width:100% !important;
}

/* ✅ 字体层级 */
h1,h2,h3,.sectionTitle,.cardTitle,.modalTitle{
  font-weight:950 !important;
  letter-spacing:.2px !important;
}
.small,.muted,.desc,.hint,.cardHint{
  color:var(--muted) !important;
  font-weight:800 !important;
}

/* ✅ 按钮统一（彩色纯色块，不蓝不黑灰） */
button,.actionBtn,.btnMain,.okBtn{
  border-radius:16px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  font-weight:950 !important;
  transition:transform .14s ease, box-shadow .14s ease !important;
  white-space:nowrap !important; /* ✅ 防换行 */
}
button:hover,.actionBtn:hover{
  box-shadow:var(--shadow2) !important;
  transform:translateY(-1px);
}
button:active,.actionBtn:active{ transform:scale(.985); }

/* 主按钮紫 */
.actionBtn.primary,.btnMain,.okBtn,#enterBtn{
  background:var(--violet) !important;
  color:#fff !important;
}

/* 添加/确认绿 */
#addBtn,.confirmBtn{ background:var(--green) !important; color:#fff !important; }

/* 登录/注册按钮：有底色（你要求） */
#loginBtn,.loginBtn{
  background:var(--amber) !important;
  color:#fff !important;
}
#registerBtn,.registerBtn{
  background:var(--cyan) !important;
  color:#fff !important;
}

/* ✅ 已登录用户名按钮也给底色 */
#userBtn,.userBtn,.userNameBtn,button[data-user],a[data-user]{
  background:rgba(139,92,246,.16) !important;
  color:#5b21b6 !important;
  border:1px solid rgba(139,92,246,.35) !important;
  font-weight:950 !important;
}

/* 返回首页/结束对局：玫粉（并防溢出） */
#homeBtn,#backHomeBtn,.homeBtn,#endMatchBtn,.endBtn{
  background:var(--rose) !important;
  color:#fff !important;
  min-width:116px !important; /* ✅ 防止“返回首页”挤到换行 */
  max-width:100% !important;
}

/* 修改/删除 */
.mod-btn,.editBtn{ background:var(--violet) !important; color:#fff !important; }
.del-btn,.deleteBtn,.dangerBtn{ background:var(--rose) !important; color:#fff !important; }

/* 顶部按钮横排字：语言/安装 */
#langBtn,#installBtn{
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  white-space:nowrap !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:rgba(245,158,11,.16) !important;
  color:#92400e !important;
  border:1px solid rgba(245,158,11,.35) !important;
  border-radius:14px !important;
  height:36px !important;
  padding:0 12px !important;
}

/* 战绩中心：防止按钮溢出容器 */
.statsWrap,.statsPage,.statsCenter,[class*="stats"],[id*="stats"]{
  overflow:hidden !important;
}