/* [INPUT]: 原生语义页面；[OUTPUT]: 单色响应式工作台；[POS]: 后台唯一视觉层。
[PROTOCOL]: 变更时更新此头部，然后检查 CLAUDE.md 或 AGENTS.md */
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#232321;background:#f6f6f3;font-synthesis:none;-webkit-font-smoothing:antialiased;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{min-height:44px;border:0;border-radius:10px;background:#edede9;padding:10px 16px;color:inherit;cursor:pointer;font-weight:550}button:hover{background:#e2e2dc}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #5e635e;outline-offset:3px}input,textarea{width:100%;border:1px solid #e2e2dc;background:#fff;border-radius:10px;padding:13px;color:inherit;font-size:16px}input::placeholder,textarea::placeholder{color:#9b9b93}label{display:block;font-size:13px;font-weight:550;margin:24px 0 9px}h1,h2,p{margin:0}h1{font-size:34px;font-weight:600;letter-spacing:-1px;line-height:1.4}h2{font-size:17px;font-weight:600;letter-spacing:-.3px}.muted{color:#898980;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:2px;color:#898980;font-weight:600;margin-bottom:14px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:#252623;color:#fff;width:54px;height:54px;border-radius:17px;font-size:36px;font-weight:650;letter-spacing:-4px;padding-right:5px}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:28px}.primary{background:#272824;color:#fff}.primary:hover{background:#44463e}.wide{width:100%;margin-top:28px;display:flex;justify-content:space-between}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:30px}.login-card{width:400px;max-width:100%;padding:40px;background:#fff;border-radius:24px}.login-card .eyebrow{margin-top:32px}.login-card h1{font-size:30px;margin-bottom:8px}.security-note{text-align:center;font-size:11px;color:#989a90;margin-top:22px}.sidebar{width:218px;position:fixed;inset:0 auto 0 0;background:#eeeee9;padding:36px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:600;letter-spacing:-.5px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;margin-top:4px;color:#919287}.nav-label{color:#999b90;font-size:10px;letter-spacing:1px;margin:58px 12px 12px}.nav-current{display:flex;gap:12px;align-items:center;background:#fff;border-radius:11px;padding:15px 14px;font-size:13px}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#44483e}.sidebar-bottom{margin-top:auto;display:flex;align-items:flex-start;flex-direction:column;gap:4px}.private-tag{color:#7c8174;font-size:11px;margin:0 12px 14px}.text-button{background:transparent;color:#74776b;font-size:12px}.sidebar-bottom .text-button:hover{background:#e4e5de}main{margin-left:218px;padding:53px 42px 30px;max-width:1800px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}header h1{margin-bottom:9px}.title-dot{color:#9a9c8d}.owner-badge{display:flex;align-items:center;gap:9px;border-radius:22px;background:#eeeee9;padding:9px 13px;font-size:12px;color:#696d61}.owner-badge span{border-left:1px solid #d9dbd0;padding-left:9px}.toolbar{display:flex;gap:12px;justify-content:space-between;margin-bottom:22px}.toolbar form{display:flex;gap:8px;max-width:440px;flex:1}.toolbar input{font-size:13px;background:#fff;border:0}.split{display:grid;grid-template-columns:minmax(430px,1fr) 325px;gap:22px;align-items:start}.orders-card,.detail-card{background:#fff;border-radius:16px;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 24px}.section-heading .muted{font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-size:10px;font-weight:500;color:#96988e;background:#fafaf8;padding:13px 16px;white-space:nowrap}td{padding:19px 16px;border-bottom:1px solid #f0f0eb;white-space:nowrap}td:first-child,th:first-child{padding-left:24px}td:last-child,th:last-child{padding-right:20px}tr.selected{background:#f4f5f0}.numeric{text-align:right;font-variant-numeric:tabular-nums}td.numeric{font-size:15px;font-weight:550}.order-label{display:block;font-size:12px;color:#43473b;margin-bottom:5px}.subline{font-size:10px;color:#979b90;font-variant-numeric:tabular-nums}.row-open{background:transparent;padding:6px 10px;min-width:44px}.pill{display:inline-block;font-size:10px;background:#efefeb;color:#73776b;padding:5px 8px;border-radius:6px}.pill.paid{background:#edf1e7;color:#65734e}.pill.refunded,.pill.unknown{background:#f4ede6;color:#957357}.table-footer{font-size:10px;color:#a1a395;padding:20px 24px}.detail-placeholder{text-align:center;padding:90px 15px}.placeholder-icon{display:inline-grid;place-items:center;background:#f4f4ef;border-radius:18px;width:58px;height:58px;font-size:28px;color:#8c9081;margin-bottom:24px}.detail-placeholder h2{font-size:15px;margin-bottom:10px}.detail-placeholder p{font-size:12px}.detail-inner{padding:25px}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.amount-large{font-size:36px;letter-spacing:-1.5px;font-weight:600;font-variant-numeric:tabular-nums;margin:6px 0 24px}.detail-inner dl{margin:0}.detail-inner dt{font-size:11px;color:#909485;margin:19px 0 6px}.detail-inner dd{margin:0;overflow-wrap:anywhere;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums}.detail-actions{display:flex;flex-direction:column;gap:8px;margin-top:26px}.detail-actions button{font-size:12px}.danger{color:#a05c49;background:#f8eee9}.danger:hover{background:#f0e0d7}.history{border-top:1px solid #efefe9;margin-top:24px;padding-top:20px}.history h2{font-size:12px;margin-bottom:15px}.history p{font-size:11px;line-height:1.8;color:#787e6c;margin-top:8px}.history time{display:block;font-size:10px;color:#a0a48f}.footnote{font-size:10px;color:#999d8d;line-height:1.9;margin-top:23px}.empty{font-size:12px;color:#888e7e;text-align:center;padding:65px 20px}dialog{border:0;border-radius:20px;padding:32px;width:460px;max-width:calc(100% - 32px);color:inherit;max-height:90dvh;overflow:auto}dialog::backdrop{background:#23251c66;backdrop-filter:blur(3px)}.confirmation-summary{background:#f5f5f0;border-radius:12px;padding:18px;margin-top:22px;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.confirmation-summary strong{font-size:27px;display:block;margin-bottom:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.fine{font-size:11px;margin-top:12px}#notice{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:20;background:#292d24;color:white;border-radius:12px;padding:14px 22px;max-width:90vw;box-shadow:0 4px 30px #0002;font-size:13px}#notice.error{background:#754d40}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}[hidden]{display:none!important}@media(min-width:1550px){.split{grid-template-columns:minmax(500px,1fr) 370px;gap:28px}main{padding:60px}}@media(max-width:1150px){.sidebar{width:180px;padding:30px 15px}main{margin-left:180px;padding:36px 24px}.split{grid-template-columns:minmax(350px,1fr)}.detail-placeholder{padding:35px}.detail-inner{display:block}.detail-inner dl{display:grid;grid-template-columns:110px 1fr;gap:10px}.detail-inner dt{margin:0}.detail-actions{flex-direction:row;flex-wrap:wrap}}@media(max-width:650px){.sidebar{position:static;width:auto;padding:18px 20px;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:16px}.brand small,.nav-label,.nav-current,.private-tag{display:none}.sidebar-bottom{margin:0;flex-direction:row;gap:0}.sidebar-bottom button{font-size:11px;padding:8px}main{margin:0;padding:30px 16px}h1{font-size:29px}.owner-badge{display:none}.split{display:block}.detail-card{margin-top:18px}.toolbar form{min-width:0}.toolbar button{white-space:nowrap}.toolbar input{min-width:0;font-size:16px}header .muted{font-size:12px}td,th{padding:14px 10px}.section-heading{padding:22px}.login-card{padding:30px}.detail-inner dl{display:block}.detail-inner dt{margin-top:16px}.table-footer{line-height:1.6}dialog{padding:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.toolbar button{white-space:nowrap;flex-shrink:0}.toolbar input{min-width:0}
/* 账号 ID 可点：按该用户筛选全部消费记录；重置全局 button 默认，继承 subline 外观 */
.linklike{display:block;min-height:0;background:transparent;padding:0;border-radius:0;text-align:left;width:auto}
.linklike:hover{background:transparent;color:#5c6153;text-decoration:underline}
.refund-total{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid rgba(35,35,33,.08)}.refund-total span{color:#777b70}.refund-total strong{margin:0;font-variant-numeric:tabular-nums}.refund-ledger{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;margin:14px 0}.refund-ledger dt,.refund-ledger dd{margin:0}.refund-ledger dt{color:#777b70}.refund-ledger dd{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.refund-ledger dt:nth-last-of-type(2),.refund-ledger dd:nth-last-of-type(2){padding-top:8px;border-top:1px solid rgba(35,35,33,.08);color:#232321}.refund-note{background:#ebece5;border-radius:8px;padding:10px 12px;margin:0 0 14px;color:#62665b;line-height:1.65}

.key-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #efefe9}.key-row p{font-size:13px}.key-row small{font-size:10px}
/* AI 充值跟单：提醒横幅沿用退款暖色系，销账按钮走 primary；手机端表格投影为卡片，
   两列全部 minmax(0,1fr) 防长副行（标记时间）把 auto 列顶成 max-content 撑破视口 */
.topups-banner{margin:0 24px 16px;background:#f4ede6;color:#957357;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.65}
@media(max-width:650px){.topups-card tr{padding-right:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.topups-card td{min-width:0}.topups-card .subline{word-break:break-all}.topups-card .section-heading{flex-wrap:wrap;gap:4px 12px}.topups-banner{margin:0 4px 14px}}
@media(max-width:650px){body{background:#f3f3ef}.sidebar{position:sticky;top:0;z-index:10;padding:max(14px,env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid #e2e2dc}.brand-mark.small{width:34px;height:34px;border-radius:10px;font-size:24px}.sidebar-bottom button{min-height:44px}main{padding:24px 12px calc(28px + env(safe-area-inset-bottom))}header{margin-bottom:22px}header .eyebrow{display:none}header h1{font-size:27px;margin-bottom:5px}.toolbar{position:sticky;top:61px;z-index:8;background:#f3f3ef;padding:8px 0 12px;margin:0}.toolbar form{display:grid;grid-template-columns:minmax(0,1fr) auto}.toolbar button{padding-inline:14px}.orders-card{background:transparent;border-radius:0;overflow:visible}.section-heading{padding:15px 4px}.table-scroll{overflow:visible}table,tbody{display:block}thead{display:none}tbody{display:grid;gap:10px}tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;background:#fff;border-radius:16px;padding:18px 52px 17px 18px}tr.selected{background:#f8f8f4;outline:2px solid #d9dbd0}td,td:first-child,td:last-child{display:block;padding:0;border:0;white-space:normal}td:first-child{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid #f0f0eb}.order-label{font-size:14px;margin-bottom:7px}.subline{display:block;overflow-wrap:anywhere;line-height:1.5}td:nth-child(2),td:nth-child(3),td:nth-child(4),td:nth-child(5){display:flex;flex-direction:column;gap:6px}td:nth-child(2)::before,td:nth-child(3)::before,td:nth-child(4)::before,td:nth-child(5)::before{content:attr(data-label);font-size:9px;color:#999b90;letter-spacing:.5px}.numeric{text-align:left}td.numeric{font-size:14px}.row-open{position:absolute;inset:0 0 0 auto;width:48px;min-width:48px;border-radius:0 16px 16px 0;background:transparent;color:transparent;padding:0}.row-open::after{content:'›';position:absolute;right:17px;top:50%;transform:translateY(-50%);color:#767a70;font-size:25px}.table-footer{padding:18px 4px}.detail-card{border-radius:18px}.detail-inner{padding:22px 18px}.detail-top{margin-bottom:20px}.amount-large{font-size:34px}.detail-actions{display:grid;grid-template-columns:1fr;gap:10px}.detail-actions button{width:100%;min-height:50px;font-size:14px}.footnote{padding:0 4px}.login-wrap{padding:16px}.login-card{border-radius:20px;padding:28px 22px}.login-card .wide{min-height:52px}dialog{margin:auto 0 0;width:100%;max-width:100%;max-height:92dvh;border-radius:22px 22px 0 0;padding:26px 20px calc(22px + env(safe-area-inset-bottom))}.dialog-actions{position:sticky;bottom:0;background:#fff;margin:24px -4px -4px;padding-top:12px;display:grid;grid-template-columns:1fr 1.4fr}.dialog-actions button{min-height:50px}#notice{top:max(12px,env(safe-area-inset-top));width:calc(100% - 24px);text-align:center}.key-row{align-items:flex-start}}

/* 三卡间距（错题本 #112）：.split 的上间距原本靠前一兄弟 .toolbar 的 margin-bottom 供给，
   插入跟单卡后供给线被截断，跟单/订单/详情三块白卡贴死成一整块。
   恢复系统 22px 垂直沟槽；跟单台账限宽 900px，防宽屏下六列散点分布、销账按钮飘离状态列 */
.split{margin-top:22px}
.topups-card .table-scroll{max-width:900px}

/* 三视图侧栏导航（2026-10-12 拆页）：.nav-item 按钮重置为透明左对齐，active 态白底圆角接替旧 .nav-current；
   手机端 nav 隐藏、.view-tabs 胶囊条补位（main 顶部非吸顶）；刷新按钮上移进 header-actions */
.header-actions{display:flex;align-items:center;gap:10px}
.icon-button{min-height:44px;padding:10px 14px;background:#eeeee9;border-radius:12px;white-space:nowrap}
.icon-button:hover{background:#e2e2dc}
.nav{display:flex;flex-direction:column;gap:4px}
.nav-item{display:flex;gap:12px;align-items:center;background:transparent;border-radius:11px;padding:13px 14px;font-size:13px;font-weight:400;color:#4c4f45;text-align:left}
.nav-item:hover{background:#e4e5de}
.nav-item.active{background:#fff;color:inherit;font-weight:550}
.nav-item .nav-dot{display:none;margin-left:auto;width:5px;height:5px;border-radius:50%;background:#44483e}
.nav-item.active .nav-dot{display:block}
.view-tabs{display:none}
/* 经营概览：瓷砖 + 14 天按日表用 div 网格而非 table——手机端全局表格投影（卡片化）不会波及；
   瓷砖六格一排，1150px 以下三格、手机两格；按日行窄列数字右对齐 */
@media(max-width:650px){.nav{display:none}.view-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;-webkit-overflow-scrolling:touch}.view-tab{flex:0 0 auto;background:#fff;border-radius:999px;padding:9px 16px;font-size:12px;min-height:38px}.view-tab.active{background:#272824;color:#fff}header{margin-bottom:18px}.header-actions{gap:8px}.icon-button{padding:9px 12px;font-size:13px}}
.stat-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0 24px 20px}
.stat-tile{background:#f6f6f2;border-radius:12px;padding:14px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.stat-value{font-size:21px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.stat-label{font-size:10px;color:#898980}
.stat-sub{font-size:9px;color:#9b9b93;line-height:1.5;overflow-wrap:anywhere}
.stats-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.1fr 1.1fr;gap:8px;padding:9px 24px;border-bottom:1px solid #f0f0eb;font-size:12px;font-variant-numeric:tabular-nums}
.stats-row:last-child{border-bottom:0}
.stats-head{font-size:10px;font-weight:500;color:#96988e;background:#fafaf8}
.stats-plans{padding:16px 24px 6px;display:grid;gap:6px}
.stats-plans p{margin:0;font-size:12px;color:#43473b;font-variant-numeric:tabular-nums}
.stats-plans p.stats-plans-title{font-size:10px;color:#96988e}
@media(min-width:1550px){.stats-row{grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr 1.2fr}}
@media(max-width:1150px){.stat-tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.stat-tiles{grid-template-columns:repeat(2,1fr);padding:0 4px 14px;gap:8px}.stat-tile{background:#fff;padding:12px 10px}.stats-card .stats-table{background:#fff;border-radius:16px;padding:2px 0}.stats-row{padding:9px 12px;gap:4px;font-size:11px}.stats-head{padding:9px 12px}.stats-plans{background:#fff;border-radius:16px;padding:14px 12px;margin-top:10px}}

/* Central 图标与界面精修（2026-10-12）：图标雪碧内联于 index.html，.ic 统一尺寸/描边继承 currentColor；
   骨架屏替代「加载中…」占位；按钮只过渡 background/transform，不用 transition:all */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:18px;height:18px;flex:none;fill:none}.ic-lg{width:28px;height:28px}
button{transition:background-color .15s ease,transform .12s ease}button:active:not(:disabled){transform:scale(.98)}
.icon-button,.text-button,.toolbar button,.primary.wide{display:inline-flex;align-items:center;gap:8px}
.toolbar button{justify-content:center}.text-button{padding-left:12px}.text-button .ic{width:16px;height:16px}
.nav-item{gap:12px}.nav-item .ic{color:#8b8f82}.nav-item.active .ic{color:#272824}.nav-item:hover .ic{color:#4c4f45}
.private-tag{display:flex;align-items:center;gap:7px}.private-tag .ic{width:15px;height:15px;color:#7c8174}
.owner-badge{padding:8px 14px 8px 11px}.owner-badge .ic{width:16px;height:16px;color:#7c8174}
.owner-badge #owner{border-left:1px solid #d9dbd0;padding-left:9px}
.placeholder-icon{color:#8c9081}
tbody tr:not(.selected):hover{background:#fafaf7}
.stat-tile{padding:16px 14px 14px;gap:5px}
.stat-chip{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff;color:#5e635e;margin-bottom:8px}.stat-chip .ic{width:17px;height:17px}
.stat-value{font-size:24px;line-height:1.2}
.skeleton{min-height:112px}.sk{display:block;border-radius:7px;background:linear-gradient(90deg,#ebebe6 25%,#f4f4ef 50%,#ebebe6 75%);background-size:200% 100%;animation:sk 1.3s linear infinite}
.sk-chip{width:30px;height:30px;border-radius:9px;margin-bottom:8px}.sk-value{width:64px;height:22px}.sk-label{width:44px;height:10px}
@keyframes sk{to{background-position:-200% 0}}
#view-overview:not([hidden]),#view-orders:not([hidden]),#view-topups:not([hidden]){animation:view-in .18s ease-out}
@keyframes view-in{from{opacity:0;transform:translateY(4px)}}
.row-chevron{display:none}
@media(max-width:650px){
  .private-tag{display:none}.row-open::after{content:none}
  .row-chevron{display:block;position:absolute;right:14px;top:50%;margin-top:-10px;width:20px;height:20px;color:#767a70}
  .skeleton{min-height:96px}
}
@media(prefers-reduced-motion:reduce){.sk{animation:none}#view-overview,#view-orders,#view-topups{animation:none!important}button{transition:none}}
td .subline{display:block;margin-top:4px}td.numeric .subline{text-align:right}