/* ==========================================================================
   东方商城系统 · 前台用户中心样式
   /assets/css/user.css
   不依赖任何 UI 框架，PC / 平板 / 手机三端自适应。
   ========================================================================== */

:root{
  --u-accent:#1E6F8C;
  --u-accent-2:#2A87A8;
  --u-accent-soft:#EAF3F6;
  --u-dark:#0C1A26;
  --u-bg:#F5F7F9;
  --u-card:#FFFFFF;
  --u-text:#1B2733;
  --u-text-2:#41525F;
  --u-muted:#6B7C8C;
  --u-line:#E7ECF0;
  --u-line-2:#F0F4F6;
  --u-ok:#2E7D5B;
  --u-warn:#B8862B;
  --u-danger:#B33A2B;
  --u-radius:8px;
  --u-head-h:58px;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;}
body{
  background:var(--u-bg);color:var(--u-text);
  font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--u-accent);text-decoration:none;transition:color .15s;}
a:hover{color:var(--u-accent-2);}
img{max-width:100%;vertical-align:middle;}
input,button,select,textarea{font-family:inherit;font-size:inherit;}
::selection{background:var(--u-accent);color:#fff;}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{background:#CCD6DD;border-radius:4px;}

/* ==========================================================================
   顶栏
   ========================================================================== */
.u-header{
  height:var(--u-head-h);background:#fff;border-bottom:1px solid var(--u-line);
  position:sticky;top:0;z-index:80;
}
.u-header-in{
  max-width:1180px;margin:0 auto;height:100%;padding:0 18px;
  display:flex;align-items:center;gap:18px;
}
.u-logo{
  display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;
  color:var(--u-text);white-space:nowrap;
}
.u-logo .dot{
  width:22px;height:22px;border-radius:6px;background:var(--u-accent);
  display:inline-flex;align-items:center;justify-content:center;color:#fff;
  font-size:12px;font-weight:700;
}
.u-nav{display:flex;gap:4px;margin-left:8px;}
.u-nav a{
  padding:7px 12px;border-radius:6px;color:var(--u-text-2);font-size:14px;
  transition:background .15s,color .15s;
}
.u-nav a:hover{background:var(--u-line-2);}
.u-nav a.active{background:var(--u-accent-soft);color:var(--u-accent);font-weight:500;}
.u-head-right{margin-left:auto;display:flex;align-items:center;gap:10px;}
.u-mini-user{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--u-text-2);}
.u-burger{
  display:none;width:36px;height:36px;border:0;background:transparent;cursor:pointer;
  align-items:center;justify-content:center;border-radius:6px;
}
.u-burger:hover{background:var(--u-line-2);}
.u-burger span{display:block;width:18px;height:2px;background:var(--u-text);position:relative;}
.u-burger span::before,.u-burger span::after{
  content:"";position:absolute;left:0;width:18px;height:2px;background:var(--u-text);
}
.u-burger span::before{top:-6px;}
.u-burger span::after{top:6px;}

/* ==========================================================================
   页面骨架
   ========================================================================== */
.u-wrap{max-width:1180px;margin:0 auto;padding:20px 18px 40px;}
.u-layout{display:flex;gap:20px;align-items:flex-start;}
.u-side{width:212px;flex:0 0 212px;position:sticky;top:calc(var(--u-head-h) + 20px);}
.u-main{flex:1;min-width:0;}

.u-avatar{
  width:44px;height:44px;border-radius:50%;background:var(--u-accent);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;
  flex:0 0 auto;overflow:hidden;
}
.u-avatar.sm{width:30px;height:30px;font-size:13px;}
.u-avatar img{width:100%;height:100%;object-fit:cover;}

/* 侧栏 ------------------------------------------------------------------ */
.u-side-card{
  background:var(--u-card);border:1px solid var(--u-line);border-radius:var(--u-radius);
  overflow:hidden;margin-bottom:16px;
}
.u-side-user{padding:18px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--u-line-2);}
.u-side-user .n{font-weight:600;font-size:15px;}
.u-side-user .m{color:var(--u-muted);font-size:12.5px;margin-top:1px;}
.u-menu{padding:6px 0;}
.u-menu a{
  display:flex;align-items:center;gap:10px;padding:0 16px;height:42px;
  color:var(--u-text-2);font-size:14px;border-left:2px solid transparent;
  transition:background .15s,color .15s;
}
.u-menu a:hover{background:var(--u-line-2);}
.u-menu a.active{
  background:var(--u-accent-soft);color:var(--u-accent);
  border-left-color:var(--u-accent);font-weight:500;
}
.u-menu .ico{width:16px;height:16px;flex:0 0 auto;opacity:.75;}
.u-menu a.active .ico{opacity:1;}
.u-menu .sep{height:1px;background:var(--u-line-2);margin:6px 12px;}

/* 卡片 ------------------------------------------------------------------ */
.u-card{
  background:var(--u-card);border:1px solid var(--u-line);border-radius:var(--u-radius);
  margin-bottom:16px;
}
.u-card-hd{
  padding:15px 18px;border-bottom:1px solid var(--u-line-2);
  display:flex;align-items:center;gap:10px;
}
.u-card-hd h2{margin:0;font-size:15px;font-weight:600;}
.u-card-hd .sub{color:var(--u-muted);font-size:12.5px;}
.u-card-hd .right{margin-left:auto;display:flex;gap:8px;align-items:center;}
.u-card-bd{padding:18px;}
.u-card-bd.tight{padding:0;}

/* 概览横幅 --------------------------------------------------------------- */
.u-hero{
  background:linear-gradient(120deg,#12303F 0%,#1E6F8C 100%);
  border-radius:var(--u-radius);padding:22px 24px;color:#fff;margin-bottom:16px;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}
.u-hero .u-avatar{width:56px;height:56px;font-size:21px;background:rgba(255,255,255,.18);}
.u-hero .who{flex:1;min-width:160px;}
.u-hero .who h1{margin:0 0 3px;font-size:19px;font-weight:600;}
.u-hero .who p{margin:0;opacity:.78;font-size:13px;}
.u-hero .money{text-align:right;}
.u-hero .money .v{font-size:26px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums;}
.u-hero .money .t{opacity:.78;font-size:12.5px;}

/* 统计格 ----------------------------------------------------------------- */
.u-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;}
.u-stat{
  background:var(--u-card);border:1px solid var(--u-line);border-radius:var(--u-radius);
  padding:16px;transition:border-color .18s;
}
.u-stat:hover{border-color:#CFDCE3;}
.u-stat .t{color:var(--u-muted);font-size:12.5px;}
.u-stat .v{font-size:23px;font-weight:600;margin-top:6px;font-variant-numeric:tabular-nums;}
.u-stat.ok .v{color:var(--u-ok);}
.u-stat.warn .v{color:var(--u-warn);}
.u-stat.danger .v{color:var(--u-danger);}

/* ==========================================================================
   表单
   ========================================================================== */
.u-field{margin-bottom:16px;}
.u-field > label{
  display:block;margin-bottom:6px;color:var(--u-text-2);font-size:13.5px;font-weight:500;
}
.u-field .tip{color:var(--u-muted);font-size:12.5px;margin-top:6px;line-height:1.6;}
.u-input,.u-textarea,.u-select{
  width:100%;height:42px;padding:0 13px;border:1px solid #DAE1E6;border-radius:6px;
  background:#fff;color:var(--u-text);outline:none;transition:border-color .16s,box-shadow .16s;
}
.u-textarea{height:auto;min-height:104px;padding:11px 13px;line-height:1.7;resize:vertical;}
.u-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%236B7C8C'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;padding-right:32px;}
.u-input:focus,.u-textarea:focus,.u-select:focus{
  border-color:var(--u-accent);box-shadow:0 0 0 3px rgba(30,111,140,.10);
}
.u-input::placeholder,.u-textarea::placeholder{color:#A8B5BF;}
.u-input:disabled,.u-textarea:disabled{background:#F5F7F9;color:var(--u-muted);cursor:not-allowed;}
.u-input.err,.u-textarea.err{border-color:var(--u-danger);}

.u-input-icon{position:relative;}
.u-input-icon .u-input{padding-left:40px;}
.u-input-icon > svg{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;color:#A8B5BF;pointer-events:none;
}
.u-input-group{display:flex;gap:10px;}
.u-input-group .u-input{flex:1;}
.u-input-group img.cap{
  width:110px;height:42px;border:1px solid #DAE1E6;border-radius:6px;cursor:pointer;
  background:#F5F7F9;flex:0 0 auto;
}

.u-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:42px;padding:0 20px;border:1px solid transparent;border-radius:6px;
  background:var(--u-accent);color:#fff;cursor:pointer;font-size:14.5px;
  transition:background .16s,opacity .16s;white-space:nowrap;
}
.u-btn:hover{background:var(--u-accent-2);color:#fff;}
.u-btn:disabled,.u-btn.loading{opacity:.6;cursor:not-allowed;}
.u-btn.block{width:100%;}
.u-btn.ghost{background:#fff;border-color:#DAE1E6;color:var(--u-text-2);}
.u-btn.ghost:hover{border-color:var(--u-accent);color:var(--u-accent);background:#fff;}
.u-btn.danger{background:var(--u-danger);}
.u-btn.danger:hover{background:#C4432F;}
.u-btn.sm{height:32px;padding:0 13px;font-size:13px;border-radius:5px;}
.u-btn.xs{height:27px;padding:0 10px;font-size:12.5px;border-radius:5px;}

.u-check{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--u-muted);line-height:1.6;cursor:pointer;}
.u-check input{margin-top:3px;width:15px;height:15px;accent-color:var(--u-accent);flex:0 0 auto;cursor:pointer;}
.u-check a{color:var(--u-accent);}

.u-radio-row{display:flex;gap:10px;flex-wrap:wrap;}
.u-radio{
  display:flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #DAE1E6;
  border-radius:6px;cursor:pointer;font-size:13.5px;color:var(--u-text-2);transition:all .15s;
}
.u-radio:hover{border-color:var(--u-accent);}
.u-radio input{accent-color:var(--u-accent);}
.u-radio.on{border-color:var(--u-accent);background:var(--u-accent-soft);color:var(--u-accent);}

/* ==========================================================================
   登录 / 注册 页
   ========================================================================== */
.u-auth{
  min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;
  background:var(--u-dark);position:relative;overflow:hidden;
}
.u-auth::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(860px 480px at 74% 16%,rgba(30,111,140,.34),transparent 60%);
}
.u-auth-box{
  position:relative;width:404px;max-width:100%;background:#fff;border-radius:12px;
  padding:32px 32px 26px;box-shadow:0 20px 60px rgba(0,0,0,.3);
  animation:u-rise .38s cubic-bezier(.2,.7,.3,1);
}
@keyframes u-rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.u-auth-box.min{box-shadow:none;padding:22px;width:100%;border-radius:0;}
.u-auth-hd{margin-bottom:22px;}
.u-auth-hd h1{margin:0 0 4px;font-size:20px;font-weight:600;display:flex;align-items:center;gap:9px;}
.u-auth-hd h1 .dot{width:24px;height:24px;border-radius:7px;background:var(--u-accent);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:13px;}
.u-auth-hd p{margin:0;color:var(--u-muted);font-size:13px;}
.u-auth-foot{margin-top:18px;text-align:center;color:var(--u-muted);font-size:13px;}
.u-auth-tabs{display:flex;gap:22px;border-bottom:1px solid var(--u-line);margin-bottom:20px;}
.u-auth-tabs a{
  padding:0 0 10px;color:var(--u-muted);font-size:14.5px;border-bottom:2px solid transparent;
  margin-bottom:-1px;transition:all .15s;
}
.u-auth-tabs a.active{color:var(--u-accent);border-bottom-color:var(--u-accent);font-weight:500;}

.u-oauth{margin-top:20px;padding-top:18px;border-top:1px solid var(--u-line-2);text-align:center;}
.u-oauth .lb{color:var(--u-muted);font-size:12.5px;margin-bottom:12px;}
.u-oauth .row{display:flex;justify-content:center;gap:14px;}
.u-oauth a{
  width:40px;height:40px;border-radius:50%;border:1px solid var(--u-line);
  display:flex;align-items:center;justify-content:center;transition:all .16s;
}
.u-oauth a:hover{border-color:var(--u-accent);transform:translateY(-2px);}
.u-oauth svg{width:19px;height:19px;}

.u-alert{
  padding:10px 13px;border-radius:6px;font-size:13px;margin-bottom:16px;line-height:1.6;display:none;
}
.u-alert.show{display:block;}
.u-alert.err{background:#FBEAE7;color:var(--u-danger);}
.u-alert.ok{background:#E7F3EE;color:var(--u-ok);}
.u-alert.info{background:var(--u-accent-soft);color:var(--u-accent);}
.u-alert.static{display:block;}

/* ==========================================================================
   列表 / 表格
   ========================================================================== */
.u-table{width:100%;border-collapse:collapse;}
.u-table th{
  background:#FAFCFD;color:var(--u-text-2);font-weight:600;font-size:13px;text-align:left;
  padding:11px 14px;border-bottom:1px solid var(--u-line-2);white-space:nowrap;
}
.u-table td{padding:13px 14px;border-bottom:1px solid var(--u-line-2);font-size:13.5px;color:var(--u-text-2);}
.u-table tr:last-child td{border-bottom:0;}
.u-table tbody tr:hover{background:#FAFCFD;}
.u-table .num{font-variant-numeric:tabular-nums;}
.u-table .mono{font-family:Consolas,Menlo,monospace;font-size:12.5px;}

.u-tag{display:inline-block;padding:2px 9px;border-radius:4px;font-size:12px;line-height:19px;background:#EEF2F5;color:var(--u-text-2);}
.u-tag.ok{background:#E7F3EE;color:var(--u-ok);}
.u-tag.warn{background:#FAF2E2;color:var(--u-warn);}
.u-tag.danger{background:#FBEAE7;color:var(--u-danger);}
.u-tag.info{background:var(--u-accent-soft);color:var(--u-accent);}

.u-money{color:var(--u-danger);font-variant-numeric:tabular-nums;font-weight:500;}

/* 订单卡片（手机端用） --------------------------------------------------- */
.u-order-list{display:none;}
.u-order-item{padding:14px 16px;border-bottom:1px solid var(--u-line-2);}
.u-order-item:last-child{border-bottom:0;}
.u-order-item .top{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.u-order-item .top .no{font-family:Consolas,Menlo,monospace;font-size:12px;color:var(--u-muted);}
.u-order-item .top .u-tag{margin-left:auto;}
.u-order-item .gn{font-size:14.5px;font-weight:500;margin-bottom:6px;}
.u-order-item .meta{display:flex;align-items:center;gap:12px;color:var(--u-muted);font-size:12.5px;}
.u-order-item .ops{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;}

/* 分页 ------------------------------------------------------------------- */
.u-page{display:flex;justify-content:center;align-items:center;gap:6px;padding:16px;flex-wrap:wrap;}
.u-page a,.u-page span{
  min-width:32px;height:32px;padding:0 9px;border:1px solid #DEE5EA;border-radius:5px;
  display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--u-text-2);
  transition:all .15s;
}
.u-page a:hover{border-color:var(--u-accent);color:var(--u-accent);}
.u-page .cur{background:var(--u-accent);border-color:var(--u-accent);color:#fff;}
.u-page .dis{color:#B7C3CC;cursor:not-allowed;}

/* 空态 / 骨架 ------------------------------------------------------------ */
.u-empty{padding:56px 20px;text-align:center;color:var(--u-muted);}
.u-empty svg{width:42px;height:42px;color:#CBD6DE;margin-bottom:12px;}
.u-empty p{margin:0 0 14px;font-size:13.5px;}
.u-skeleton{
  height:16px;border-radius:4px;
  background:linear-gradient(90deg,#EEF2F5 25%,#E3EAEF 37%,#EEF2F5 63%);
  background-size:400% 100%;animation:u-shimmer 1.3s ease infinite;
}
@keyframes u-shimmer{0%{background-position:100% 50%;}100%{background-position:0 50%;}}

/* ==========================================================================
   Toast / 弹层
   ========================================================================== */
.u-toast-wrap{
  position:fixed;left:50%;top:24px;transform:translateX(-50%);z-index:9999;
  display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;
}
.u-toast{
  background:rgba(20,32,42,.94);color:#fff;padding:10px 18px;border-radius:8px;
  font-size:13.5px;box-shadow:0 6px 24px rgba(0,0,0,.18);max-width:88vw;
  display:flex;align-items:center;gap:8px;
  animation:u-toast-in .24s cubic-bezier(.2,.8,.3,1);
}
.u-toast.out{animation:u-toast-out .22s forwards;}
.u-toast svg{width:15px;height:15px;flex:0 0 auto;}
.u-toast.ok svg{color:#5FD6A4;}
.u-toast.err svg{color:#FF8E7A;}
@keyframes u-toast-in{from{opacity:0;transform:translateY(-12px) scale(.96);}to{opacity:1;transform:none;}}
@keyframes u-toast-out{to{opacity:0;transform:translateY(-10px) scale(.97);}}

.u-modal{
  position:fixed;inset:0;z-index:9000;display:none;
  align-items:center;justify-content:center;padding:20px;
}
.u-modal.show{display:flex;}
.u-modal-mask{position:absolute;inset:0;background:rgba(12,26,38,.45);animation:u-fade .2s;}
@keyframes u-fade{from{opacity:0;}to{opacity:1;}}
.u-modal-box{
  position:relative;background:#fff;border-radius:12px;width:520px;max-width:100%;
  max-height:86vh;display:flex;flex-direction:column;
  box-shadow:0 20px 60px rgba(12,26,38,.24);
  animation:u-pop .26s cubic-bezier(.2,.8,.3,1);
}
@keyframes u-pop{from{opacity:0;transform:translateY(14px) scale(.97);}to{opacity:1;transform:none;}}
.u-modal-hd{padding:17px 20px;border-bottom:1px solid var(--u-line-2);display:flex;align-items:center;}
.u-modal-hd h3{margin:0;font-size:15.5px;font-weight:600;}
.u-modal-hd .x{
  margin-left:auto;width:28px;height:28px;border:0;background:transparent;cursor:pointer;
  color:var(--u-muted);border-radius:6px;font-size:18px;line-height:1;
}
.u-modal-hd .x:hover{background:var(--u-line-2);color:var(--u-text);}
.u-modal-bd{padding:20px;overflow-y:auto;}
.u-modal-ft{padding:14px 20px;border-top:1px solid var(--u-line-2);display:flex;justify-content:flex-end;gap:10px;background:#FCFDFE;border-radius:0 0 12px 12px;}

/* ==========================================================================
   评分 / 图片上传
   ========================================================================== */
.u-rate{display:flex;align-items:center;gap:6px;}
.u-rate .star{
  width:30px;height:30px;cursor:pointer;color:#D9E1E6;transition:color .12s,transform .12s;
}
.u-rate .star:hover{transform:scale(1.12);}
.u-rate .star.on{color:#E8A33D;}
.u-rate .lb{margin-left:10px;color:var(--u-muted);font-size:13px;}
.u-rate.readonly .star{cursor:default;width:16px;height:16px;}
.u-rate.readonly .star:hover{transform:none;}

.u-upload{display:flex;flex-wrap:wrap;gap:10px;}
.u-upload .item{
  width:84px;height:84px;border-radius:7px;overflow:hidden;position:relative;
  border:1px solid var(--u-line);background:#F5F7F9;
}
.u-upload .item img{width:100%;height:100%;object-fit:cover;}
.u-upload .item .del{
  position:absolute;top:3px;right:3px;width:19px;height:19px;border-radius:50%;
  background:rgba(0,0,0,.55);color:#fff;border:0;cursor:pointer;font-size:12px;line-height:1;
  display:flex;align-items:center;justify-content:center;
}
.u-upload .add{
  width:84px;height:84px;border:1px dashed #CFDAE1;border-radius:7px;background:#FAFCFD;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  color:var(--u-muted);font-size:12px;cursor:pointer;transition:border-color .16s,color .16s;
}
.u-upload .add:hover{border-color:var(--u-accent);color:var(--u-accent);}
.u-upload .add svg{width:18px;height:18px;}

/* 卡密展示 --------------------------------------------------------------- */
.u-cards{
  background:#0F212C;color:#D7E4EC;border-radius:7px;padding:14px 16px;
  font-family:Consolas,Menlo,monospace;font-size:13px;line-height:1.9;
  white-space:pre-wrap;word-break:break-all;max-height:280px;overflow-y:auto;
}
.u-kv{display:flex;gap:14px;padding:9px 0;border-bottom:1px dashed var(--u-line);font-size:13.5px;}
.u-kv:last-child{border-bottom:0;}
.u-kv .k{width:88px;flex:0 0 88px;color:var(--u-muted);}
.u-kv .v{flex:1;min-width:0;word-break:break-all;color:var(--u-text-2);}

/* 分类网格 --------------------------------------------------------------- */
.u-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:14px;}
.u-grid-item{
  border:1px solid var(--u-line);border-radius:var(--u-radius);padding:15px;
  background:#fff;transition:border-color .16s,transform .16s;
}
.u-grid-item:hover{border-color:var(--u-accent);transform:translateY(-2px);}
.u-grid-item h4{margin:0 0 5px;font-size:14.5px;font-weight:600;}
.u-grid-item p{margin:0;color:var(--u-muted);font-size:12.5px;}

/* FAQ -------------------------------------------------------------------- */
.u-faq-item{border-bottom:1px solid var(--u-line-2);}
.u-faq-item:last-child{border-bottom:0;}
.u-faq-q{
  padding:15px 18px;cursor:pointer;display:flex;align-items:center;gap:10px;
  font-size:14.5px;font-weight:500;transition:background .15s;
}
.u-faq-q:hover{background:#FAFCFD;}
.u-faq-q .arrow{margin-left:auto;color:var(--u-muted);transition:transform .22s;font-size:12px;}
.u-faq-item.open .u-faq-q .arrow{transform:rotate(90deg);}
.u-faq-a{max-height:0;overflow:hidden;transition:max-height .28s cubic-bezier(.4,0,.2,1);}
.u-faq-item.open .u-faq-a{max-height:1200px;}
.u-faq-a .in{padding:0 18px 16px;color:var(--u-text-2);font-size:13.5px;line-height:1.8;}

/* 页脚 ------------------------------------------------------------------- */
.u-footer{
  border-top:1px solid var(--u-line);padding:22px 18px;text-align:center;
  color:var(--u-muted);font-size:12.5px;line-height:1.9;background:#fff;
}
.u-footer a{color:var(--u-muted);margin:0 7px;}
.u-footer a:hover{color:var(--u-accent);}

/* ==========================================================================
   自适应
   ========================================================================== */
@media (max-width:1023px){
  .u-stats{grid-template-columns:repeat(2,1fr);}
  .u-side{width:186px;flex:0 0 186px;}
}
@media (max-width:767px){
  .u-wrap{padding:14px 12px 30px;}
  .u-layout{display:block;}
  .u-side{
    width:auto;position:fixed;top:var(--u-head-h);left:0;bottom:0;z-index:90;
    background:#fff;padding:14px 12px;overflow-y:auto;width:250px;
    transform:translateX(-100%);transition:transform .24s cubic-bezier(.4,0,.2,1);
    border-right:1px solid var(--u-line);
  }
  body.u-side-open .u-side{transform:none;}
  body.u-side-open::after{
    content:"";position:fixed;inset:var(--u-head-h) 0 0 0;background:rgba(12,26,38,.42);z-index:85;
  }
  .u-burger{display:flex;}
  .u-nav{display:none;}
  .u-stats{grid-template-columns:repeat(2,1fr);gap:10px;}
  .u-stat{padding:13px;}
  .u-stat .v{font-size:20px;}
  .u-hero{padding:18px;gap:14px;}
  .u-hero .money{text-align:left;width:100%;
    border-top:1px solid rgba(255,255,255,.16);padding-top:12px;}
  .u-card-bd{padding:14px;}
  .u-card-hd{padding:13px 14px;}
  .u-table thead{display:none;}
  .u-table.responsive tbody tr{display:block;border-bottom:1px solid var(--u-line-2);padding:6px 0;}
  .u-table.responsive td{
    display:flex;padding:6px 14px;border:0;align-items:center;gap:12px;
  }
  .u-table.responsive td::before{
    content:attr(data-l);color:var(--u-muted);font-size:12.5px;width:66px;flex:0 0 66px;
  }
  .u-order-list{display:block;}
  .u-order-table{display:none;}
  .u-auth-box{padding:24px 20px 20px;border-radius:10px;}
  .u-modal-box{max-height:90vh;}
  .u-upload .item,.u-upload .add{width:72px;height:72px;}
  .u-kv .k{width:74px;flex:0 0 74px;}
}

/* 分站数据页的迷你柱状图 ------------------------------------------------ */
.mini-chart{display:flex;align-items:flex-end;gap:6px;height:140px;padding-top:6px;}
.mc-col{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;}
.mc-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;}
.mc-bar{
    width:60%;max-width:34px;min-height:2px;border-radius:3px 3px 0 0;
    background:linear-gradient(180deg,#2A87A8,#1E6F8C);
    transition:height .3s ease;
}
.mc-val{margin-top:5px;font-size:11px;color:var(--u-muted,#8A97A3);
        overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.mc-day{margin-top:2px;font-size:11.5px;color:#64778A;}

@media (max-width:640px){
    .mini-chart{height:112px;gap:4px;}
    .mc-val{font-size:10px;}
    .mc-day{font-size:10.5px;}
}

/* 订单里的快递单号 */
.u-ship{
    display:inline-block;padding:2px 8px;margin-right:6px;
    background:#F4F9FB;border-radius:4px;
    font-size:12.5px;color:#41525F;
}
.u-ship b{font-family:Consolas,Menlo,monospace;color:#1B2733;}