/* =========================================================
   方案 A · 商务稳重风
   深藏蓝 #16314F / 酒红 #8E2B3A / 鎏金 #C2974E
   衬线标题 + 利落卡片 + 克制留白，专业可靠
   ========================================================= */
:root{
  --a-navy:#16314F;
  --a-navy-2:#1E4068;
  --a-wine:#8E2B3A;
  --a-gold:#C2974E;
  --a-bg:#F4F2ED;
  --a-card:#FFFFFF;
  --a-ink:#1B2733;
  --a-sub:#6B7886;
  --a-line:#E6E2D8;
  --a-ok:#2E7D5B;
  --a-warn:#C2974E;
  --a-shadow:0 6px 20px rgba(22,49,79,.08);
}
body{ background:var(--a-bg); color:var(--a-ink); }
.screen{ background:var(--a-bg); }
.statusbar{ color:var(--a-navy); }

h1,h2,h3,.serif{ font-family:"Noto Serif SC","Noto Sans SC",serif; }

/* ---------- 顶部标题栏 ---------- */
.a-appbar{
  background:linear-gradient(135deg,var(--a-navy) 0%,var(--a-navy-2) 100%);
  color:#fff; padding:14px 18px 18px; flex-shrink:0;
  position:relative; overflow:hidden;
}
.a-appbar::after{
  content:""; position:absolute; right:-30px; top:-30px; width:140px; height:140px;
  border:1.5px solid rgba(194,151,78,.25); border-radius:50%;
}
.a-appbar .crumb{ font-size:12px; color:rgba(255,255,255,.6); letter-spacing:.5px; }
.a-appbar .title{ font-family:"Noto Serif SC",serif; font-size:21px; font-weight:700; margin-top:2px; }
.a-appbar .title small{ font-size:12px; font-weight:400; color:var(--a-gold); margin-left:8px; letter-spacing:1px; }

/* ---------- 卡片 ---------- */
.a-card{
  background:var(--a-card); border-radius:10px; box-shadow:var(--a-shadow);
  border:1px solid var(--a-line);
}
.a-card-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-bottom:1px solid var(--a-line);
}
.a-card-head .h{ font-family:"Noto Serif SC",serif; font-size:15px; font-weight:700; display:flex; align-items:center; gap:8px; }
.a-card-head .h::before{ content:""; width:4px; height:15px; background:var(--a-gold); border-radius:2px; }
.a-card-head .more{ font-size:12px; color:var(--a-sub); }

/* ---------- 按钮 ---------- */
.a-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  height:48px; border-radius:8px; font-size:15px; font-weight:600; width:100%;
}
.a-btn-primary{ background:linear-gradient(135deg,var(--a-navy),var(--a-navy-2)); color:#fff; box-shadow:0 6px 16px rgba(22,49,79,.22); }
.a-btn-wine{ background:var(--a-wine); color:#fff; }
.a-btn-gold{ background:linear-gradient(135deg,#D4AC63,var(--a-gold)); color:#3a2a08; }
.a-btn-ghost{ background:#fff; color:var(--a-navy); border:1.5px solid var(--a-navy); }
.a-btn-sm{ height:34px; padding:0 16px; width:auto; font-size:13px; border-radius:6px; }

/* ---------- 状态标签 ---------- */
.a-tag{ display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:600; padding:3px 9px; border-radius:4px; }
.a-tag.wait{ background:#FBF3E2; color:#9A7117; }
.a-tag.doing{ background:#E7EEF6; color:var(--a-navy-2); }
.a-tag.done{ background:#E7F2EC; color:var(--a-ok); }
.a-tag.paid{ background:#FDECEE; color:var(--a-wine); }

/* ---------- 列表行 ---------- */
.a-row{ display:flex; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid var(--a-line); }
.a-row:last-child{ border-bottom:none; }
.a-row .ava{ width:44px; height:44px; border-radius:8px; background:linear-gradient(135deg,var(--a-navy),var(--a-navy-2)); color:#fff; display:flex; align-items:center; justify-content:center; font-family:"Noto Serif SC",serif; font-size:16px; font-weight:700; flex-shrink:0; }
.a-row .main{ flex:1; min-width:0; }
.a-row .main .t{ font-size:14.5px; font-weight:600; }
.a-row .main .s{ font-size:12px; color:var(--a-sub); margin-top:3px; }

/* ---------- 底部导航 ---------- */
.tabbar{ background:#fff; border-top:1px solid var(--a-line); }
.tabbar .tab{ color:var(--a-sub); }
.tabbar .tab.on{ color:var(--a-navy); font-weight:600; }
.tabbar .tab.on svg{ stroke:var(--a-navy); }

/* ---------- 数据指标 ---------- */
.a-kpi-num{ font-family:"Noto Serif SC",serif; font-weight:700; }
.a-divider{ height:1px; background:var(--a-line); }
.muted{ color:var(--a-sub); }
.gold{ color:var(--a-gold); }
.wine{ color:var(--a-wine); }