/* ================================
   MajApp Flat Theme (NO GRADIENT)
   平面 / 纯色块 / 彩色 / 高级现代
================================ */

:root{
  --bg: #f6f7ff;         /* 带一点蓝紫感，不是灰 */
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;

  --blue:#3b82f6;
  --teal:#14b8a6;
  --violet:#8b5cf6;
  --amber:#f59e0b;
  --rose:#ec4899;

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

*{ box-sizing:border-box; }
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;
}

/* ✅ 彻底禁止渐变/装饰层（你讨厌的那种） */
body::before, body::after,
.wrap::before, .wrap::after,
.bg::before,.bg::after,
.bgDecor,.bgBlob,.bgGradient,.gradient,.grad,
[class*="gradient"],[class*="blob"],[class*="glow"]{
  content:none !important;
  background:none !important;
  background-image:none !important;
}
body, .wrap, .appBg{
  background-image:none !important;
}

/* 卡片统一 */
.headerCard,.sectionCard,.input-card,.round-card,.matchCard,.statCard,.cardBlock{
  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{
  font-weight: 950 !important;
  letter-spacing: .2px !important;
  color: var(--text) !important;
}
.small,.muted,.desc,.subTitle,.hint,.cardHint{
  color: var(--muted) !important;
  font-weight: 800 !important;
}

/* ✅ 按钮统一（彩色纯色块，禁黑灰） */
button,.actionBtn,.btnMain,.okBtn,.primaryBtn,.fabBtn{
  border-radius:16px !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  font-weight:950 !important;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease !important;
}
button:active,.actionBtn:active,.btnMain:active{ transform: scale(.985) !important; }
button:hover,.actionBtn:hover,.btnMain:hover{ box-shadow: var(--shadow2) !important; }

/* 主按钮（默认蓝） */
.actionBtn.primary,.btnMain,.okBtn,.primaryBtn,
#addBtn,#enterBtn,#loginBtn,#registerBtn{
  background: var(--blue) !important;
  color:#fff !important;
}

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

/* 修改（紫） */
.editBtn,.mod-btn,.btnViolet{
  background: var(--violet) !important;
  color:#fff !important;
}

/* 删除（粉） */
.deleteBtn,.del-btn,.dangerBtn,.btnRose{
  background: var(--rose) !important;
  color:#fff !important;
}

/* 小按钮更高级：淡色块 */
.btnInline,#installBtn,#langBtn,.topLink{
  background:#eef2ff !important;
  color:#3730a3 !important;
  border:1px solid rgba(99,102,241,.25) !important;
  border-radius:14px !important;
  font-weight:950 !important;
}

/* 输入框统一 */
input,select,textarea,.scoreInput,.form-input{
  border-radius:14px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  background:#fff !important;
  height:44px !important;
  font-weight:900 !important;
}

/* modal 更现代：纯色块，不渐变 */
.modalMask{
  background: rgba(2,6,23,.55) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}
.mmModal{
  border-radius:20px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.25) !important;
}
.modalClose{
  background: rgba(15,23,42,.06) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
}

/* ✅ 半庄录入页面重点规整 */
.matchWrap,.matchPage{
  padding-bottom:140px;
}
.matchWrap .cardHead,.matchPage .cardHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px;
  border-bottom:1px solid rgba(15,23,42,.08);
}
.matchWrap .cardTitle,.matchPage .cardTitle{ font-size:14px !important; }
.matchWrap .cardHint,.matchPage .cardHint{ font-size:12px !important; }

.matchWrap .btnMain,.matchPage .btnMain,
.matchWrap button,.matchPage button{
  height:46px !important;
  font-size:14px !important;
}

.matchWrap .round-card table,
.matchPage .round-card table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
.matchWrap .round-card td,
.matchPage .round-card td{
  padding:8px 6px;
  border-bottom:1px solid rgba(15,23,42,.08);
}
.matchWrap .round-card tr:last-child td,
.matchPage .round-card tr:last-child td{ border-bottom:none; }

/* 得点/PT 提示更高级 */
.matchWrap .round-card td:nth-child(2)::before,
.matchPage .round-card td:nth-child(2)::before{
  content:"得点 ";
  font-size:11px; opacity:.7;
  color: var(--amber);
  margin-right:4px;
}
.matchWrap .round-card td:nth-child(3)::before,
.matchPage .round-card td:nth-child(3)::before{
  content:"PT ";
  font-size:11px; opacity:.7;
  color: var(--violet);
  margin-right:4px;
}

/* PT 正负色 */
.pos{ color: var(--teal) !important; font-weight:950 !important; }
.neg{ color: var(--rose) !important; font-weight:950 !important; }
.zero{ color: #475569 !important; font-weight:950 !important; }


/* ==== majRoundTitleLeft ==== */
/* 录入半庄界面：半庄记录卡片标题（#1/#2…）强制靠左 */
.roundTitle, .hzTitle, .hanTitle, .recordTitle, .cardTitle,
.roundCardTitle, .hzCardTitle, .handTitle{
  text-align:left !important;
}
.roundHead, .hzHead, .recordHead, .roundCardHead, .hzCardHead, .handHead{
  justify-content:flex-start !important;
}
/* 如果标题容器是 flex 居中，这里也强制拉到左侧 */
.roundHead *, .hzHead *, .recordHead *, .roundCardHead *, .hzCardHead *, .handHead *{
  text-align:left !important;
}



/* ==== majRoundTitleLeftForceV2 ==== */
/* 半庄记录标题常见结构：强制左对齐 + flex 左靠 */
.roundHead, .hzHead, .recordHead, .handHead, .roundCardHead, .hzCardHead, .handCardHead,
.roundHeader, .hzHeader, .recordHeader, .handHeader{
  justify-content:flex-start !important;
  align-items:center !important;
  text-align:left !important;
}
.roundTitle, .hzTitle, .recordTitle, .handTitle,
.roundNo, .hzNo, .recordNo, .handNo,
.roundIndex, .hzIndex, .recordIndex, .handIndex{
  text-align:left !important;
  margin-right:auto !important;
  width:auto !important;
}

/* 如果标题就是第一个子元素，强制推到左侧 */
.roundHead > :first-child,
.hzHead > :first-child,
.recordHead > :first-child,
.handHead > :first-child,
.roundCardHead > :first-child,
.hzCardHead > :first-child{
  margin-right:auto !important;
  text-align:left !important;
}

/* acctLogoutBtn standalone style: same shape as 修改密码, but rose red */
#acctLogoutBtn{
  background: var(--rose) !important;
  color: #fff !important;
  border: 1px solid var(--rose) !important;
  border-radius: 16px !important;
  font-weight: 950 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  min-height: 46px !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease !important;
}
#acctLogoutBtn:hover{
  box-shadow: var(--shadow2) !important;
}
#acctLogoutBtn:active{
  transform: scale(.985) !important;
}