/* ===== 标准记账 · 圆润手账风 全站主题（天青蓝） ===== */
:root{
  --bg:#F3F7FB; --card:#FCFDFF; --line:#DCE8F3; --line2:#C9DCEE;
  --txt:#33414F; --sub:#7B8A99;
  --c1:#5B9BD5; --c1d:#4A87C4; --c1l:#E8F1FB;
  --mint:#5FAE7E; --mintl:#E3F2E8;
  --pink:#EE9AA8; --pinkl:#FBEDEF;
  --blue:#6FB6E8; --bluel:#E6F1FB;
  --yellow:#EFAE4E; --yellowl:#FCF2DE;
  --lav:#9E8FD9; --lavl:#EDEAF8;
  --red:#E0686B; --redl:#FBE9EA;
  --shd:rgba(160,185,210,.35);
}
html{-webkit-text-size-adjust:100%;}
body{
  background-color:var(--bg);
  background-image:
    radial-gradient(circle at 14% 4%, rgba(91,155,213,.15), transparent 46%),
    radial-gradient(circle at 88% 96%, rgba(111,182,232,.14), transparent 48%),
    radial-gradient(circle at 96% 24%, rgba(158,143,217,.10), transparent 40%);
  background-size:100% 100%, 100% 100%, 100% 100%;
  background-repeat:no-repeat;
  background-attachment:fixed;
  color:var(--txt);
  font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
}
::selection{background:var(--c1l);color:var(--txt);}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:#C3D6E8;border-radius:999px;border:2px solid var(--bg);}
h1,h2,h3{color:var(--txt);letter-spacing:.3px;}
h1{font-size:22px;}
h2{font-size:17px;}
h3{font-size:15px;}

/* 卡片：淡蓝纸面 + 极淡纸纹 + 和纸胶带 */
.card,.box,section.card,.modal-inner{
  background-color:var(--card) !important;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E") !important;
  border:2px solid var(--line) !important;
  border-radius:20px !important;
  box-shadow:0 3px 0 var(--shd) !important;
  position:relative;
}
.card::before,.modal-inner::before{
  content:"";position:absolute;top:-9px;left:16px;width:46px;height:17px;
  background:rgba(91,155,213,.34);border-radius:3px;transform:rotate(-3deg);
}
.game-card{
  background-color:var(--card) !important;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E") !important;
  border:2px solid var(--line) !important;
  border-radius:20px !important;
  box-shadow:0 3px 0 var(--shd) !important;
  position:relative;
}
.game-card::before{
  content:"";position:absolute;top:-9px;left:16px;width:46px;height:17px;
  background:rgba(158,143,217,.42);border-radius:3px;transform:rotate(-3deg);
}

/* 按钮：药丸 + 硬阴影 + 按下反馈 */
button,.btn,.op{
  border:none;border-radius:999px;cursor:pointer;font-size:14px;
  padding:9px 17px;transition:.15s;background:var(--c1);color:#fff;
  box-shadow:0 2px 0 rgba(0,0,0,.06);
}
button:hover,.btn:hover,.op:hover{filter:brightness(1.06);transform:translateY(-1px);}
button:active,.btn:active,.op:active{transform:translateY(1px);filter:brightness(.97);box-shadow:0 1px 0 rgba(0,0,0,.08);}
button:disabled,.btn:disabled,.op:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none;}
.btn-primary,.btn-blue,.op:not(.gray){background:var(--c1);color:#fff;}
.btn-gray,.op.gray,.btn-ghost,.tbtn{background:#EFF5FC;color:#5F7285;border:2px solid var(--line);}
.btn-gray:hover,.op.gray:hover,.btn-ghost:hover,.tbtn:hover{background:#E3EEFA;color:var(--c1d);border-color:var(--c1);}
.btn-danger,.btn-red{background:var(--red);color:#fff;}
.btn-green,.ok{background:var(--mint);color:#fff;}
.btn-yellow{background:var(--yellow);color:#6B4E1B;}
.seg button{background:#EFF5FC !important;color:#5F7285 !important;border:2px solid var(--line) !important;border-radius:999px !important;}
.seg button.active{background:var(--c1) !important;color:#fff !important;border-color:var(--c1) !important;}

/* 输入框 */
input,select,textarea{
  border-radius:14px !important;
  border:2px solid var(--line) !important;
  background:#FAFCFF !important;
  color:var(--txt) !important;
  padding:9px 12px !important;
  outline:none;transition:.15s;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--c1) !important;
  box-shadow:0 0 0 4px rgba(91,155,213,.15) !important;
}
input::placeholder,textarea::placeholder{color:#A9B8C6;}

/* 顶栏 */
.top-bar,.topbar,.top-wrap,.head{
  background-image:linear-gradient(180deg,#FCFDFF 0%,#F7FBFF 100%) !important;
  border:2px solid var(--line);
  border-radius:20px;
  padding:14px 18px;
  margin-bottom:16px;
  box-shadow:0 3px 0 var(--shd);
}

/* 统计小卡：统一冷调 */
.stat-card,.sum-card{
  border-radius:16px !important;
  border:2px solid var(--line) !important;
  box-shadow:0 3px 0 rgba(160,185,210,.28);
  transition:.15s;
}
.stat-card,.sum-total{background:var(--lavl) !important;}
.stat-exp,.sum-out{background:var(--pinkl) !important;}
.stat-inc,.sum-inc{background:var(--mintl) !important;}
.stat-card:hover{transform:translateY(-2px);}
.sum-card .v{color:var(--txt) !important;}

/* 表格与图表 */
table{width:100%;border-collapse:collapse;}
th{color:var(--sub);font-weight:600;font-size:12.5px;}
td{border-bottom:1px dashed var(--line2);}
tr:hover td{background:#F2F8FD;}
.bar-track{background:#E2EDF8 !important;border-radius:999px !important;}
.bar-label{color:var(--txt) !important;}
.bar-pct,.legend,.empty,.lock,.msg{color:var(--sub) !important;}

/* 后台 */
.billsum{background:#F4F9FD !important;border:2px solid var(--line) !important;border-radius:16px !important;}
.card h2 .tag{background:#E8F0F8 !important;color:#63768A !important;}

/* 游戏区 */
.line,.score-row{background:var(--card);border-radius:14px;}
.score-row{color:#56687A !important;}
.c2048{background:#E4ECF5 !important;color:#8093A5 !important;border-radius:12px !important;}
.preset,.tab{border-radius:999px !important;background:#EFF5FC;border:2px solid var(--line);color:#5F7285;}
.preset.on,.tab.on,.tab.active{background:var(--c1) !important;color:#fff !important;border-color:var(--c1) !important;}
.mod-tab{border:2px solid var(--line) !important;background:#EFF5FC;color:#5F7285;}
.mod-tab.on{background:var(--c1) !important;color:#fff !important;border-color:var(--c1) !important;}

/* 弹层 / 提示 / 页脚 */
.modal{background:rgba(51,65,79,.45) !important;backdrop-filter:blur(2px);}
.modal-inner{border-radius:22px !important;}
.toast{background:var(--txt) !important;border-radius:999px !important;box-shadow:0 6px 16px rgba(70,100,130,.25) !important;}
.form-row{margin:11px 0;}
label{color:#56687A;font-size:13.5px;}
.link,.reg{color:var(--c1d) !important;}
.foot,.footer{color:#93A6B6 !important;background:rgba(243,247,251,.92) !important;backdrop-filter:blur(4px);}
.foot a,.footer a{color:#93A6B6 !important;}

/* 高优先级冷色兜底（ID / 内联无法靠同名类覆盖） */
#loginBtn{background:var(--c1) !important;border-radius:999px !important;box-shadow:0 2px 0 rgba(0,0,0,.06);}
.who{background:var(--c1l) !important;color:var(--c1d) !important;border-radius:999px !important;}
.cd-norm{color:var(--c1d) !important;}
.exp{color:var(--red) !important;}
.inc{color:var(--mint) !important;}