/* ============================================================
   一米国际物流 · 浅色科技主题（Light Tech）
   在 pro.css 之后加载，只做视觉覆盖，不改任何结构与交互
   - 白色底板 + 若隐若现的网格与双色光晕
   - 卡片：白瓷质感 + 柔和投影 + 悬停描边泛青
   - 语义色：正常绿 / 提示橙 / 危险红 / 智能紫
   ============================================================ */

/* ---------------- 1. 前端工作台（深色 → 浅色） ---------------- */
.pg{
  --bg:#F6F9FD; --card:#FFFFFF; --line:#E4EBF4; --line2:#EEF3F9;
  --ink:#0E1726; --ink2:#3B4A5C; --muted:#7A8798;
  --d1:#F6F9FD; --d2:#FFFFFF; --d3:#F8FBFE;
  --dline:#E4EBF4; --dline-2:#D7E2EE;
  --din:#0E1726; --din-2:#3B4A5C; --dmut:#7A8798;
  color:var(--ink);
  background-color:#F6F9FD;
  background-image:
    radial-gradient(980px 520px at 10% -10%, rgba(18,199,155,.12), transparent 64%),
    radial-gradient(820px 460px at 94% 2%, rgba(47,107,255,.11), transparent 62%),
    radial-gradient(700px 420px at 50% 108%, rgba(139,92,246,.07), transparent 66%),
    linear-gradient(rgba(16,42,74,.038) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,42,74,.038) 1px, transparent 1px);
  background-size:auto, auto, auto, 46px 46px, 46px 46px;
  background-attachment:fixed;
}

/* 侧栏：白瓷 */
.pg .sidebar{
  background:linear-gradient(180deg,#FFFFFF,#FBFDFF);
  border-right:1px solid #E7EDF5;box-shadow:1px 0 0 rgba(16,42,74,.02),8px 0 30px -24px rgba(16,42,74,.3);
  color:#4A5A6E;
}
.pg .sidebar .brand{border-bottom:1px solid #EEF3F9}
.pg .brand-text b{color:#0E1726}
.pg .brand-text span{color:#93A1B2}
.pg .brand-icon{background:linear-gradient(140deg,#12C79B,#0A7F63);box-shadow:0 8px 20px -10px rgba(10,127,99,.7)}
.pg .env-tag{
  background:linear-gradient(120deg,rgba(18,199,155,.10),rgba(47,107,255,.06));
  border:1px solid rgba(18,199,155,.22);color:#3B4A5C;
}
.pg .env-tag b{color:#0E1726}
.pg .nav-group-title{color:#A6B3C4}
.pg .nav-item{color:#54657A}
.pg .nav-item:hover{background:#F3F8FC;color:#0E1726}
.pg .nav-item.active{
  background:linear-gradient(96deg,rgba(18,199,155,.16),rgba(18,199,155,.05));
  color:#07755C;font-weight:600;
  box-shadow:inset 0 0 0 1px rgba(18,199,155,.28),0 8px 20px -14px rgba(10,127,99,.55);
}
.pg .nav-item.active .ni{color:#0BA37F}
.pg .nav-item .ni{color:#93A1B2}
.pg .nav-badge{background:#EAF0F7;color:#5A6B80}
.pg .nav-badge.danger{background:#F04438;color:#fff}
.pg .side-foot{border-top-color:#EEF3F9;color:#8A98AA}
.pg .side-foot a{color:#0BA37F}

/* 顶栏：白玻璃 */
.pg .topbar{
  background:rgba(255,255,255,.82);backdrop-filter:blur(16px) saturate(160%);
  border-bottom:1px solid #E7EDF5;
}
.pg .topbar h1{color:#0E1726}
.pg .topbar .sub{color:#7A8798}

/* 卡片：白瓷 + 柔影 */
.pg .card{
  background:linear-gradient(180deg,#FFFFFF,#FCFDFF);
  border:1px solid #E4EBF4;
  box-shadow:0 1px 2px rgba(16,42,74,.04),0 12px 30px -22px rgba(16,42,74,.28);
}
.pg .card-head h3{color:#0E1726}
.pg .card-tag{background:#F1F6FB;color:#6B7C92}
.pg .card-hover:hover{border-color:rgba(18,199,155,.45);box-shadow:0 1px 2px rgba(16,42,74,.04),0 18px 40px -26px rgba(10,127,99,.45)}

/* KPI：白底 + 语义色顶条 */
.pg .kpi{
  background:linear-gradient(170deg,#FFFFFF,#F9FCFE);
  border:1px solid #E4EBF4;
  box-shadow:0 1px 2px rgba(16,42,74,.05),0 10px 26px -20px rgba(16,42,74,.3);
  overflow:hidden;
}
.pg .kpi::after{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#12C79B,#5B8CFF);opacity:.85;
}
.pg .kpi.warn::after{background:linear-gradient(90deg,#F79009,#FFB84D)}
.pg .kpi.dang::after{background:linear-gradient(90deg,#D92D20,#F97066)}
.pg .kpi::before{background:radial-gradient(120% 80% at 100% 0%,rgba(18,199,155,.09),transparent 60%)}
.pg .kpi:hover{border-color:rgba(18,199,155,.4);box-shadow:0 1px 2px rgba(16,42,74,.05),0 20px 40px -24px rgba(10,127,99,.4)}
.pg .kpi .k-lab{color:#7A8798}
.pg .kpi .k-val{color:#0E1726}
.pg .kpi .k-val small{color:#8A98AA}
.pg .kpi .k-foot{color:#8394A8}
.pg .kpi.dang{
  background:linear-gradient(170deg,#FFF8F7,#FFEFED);border-color:#F8CFC9;
  animation:none;box-shadow:0 1px 2px rgba(217,45,32,.06),0 10px 26px -20px rgba(217,45,32,.35);
}
.pg .kpi.dang .k-val{color:#D92D20}
.pg .kpi.dang .k-lab{color:#B4574C}

/* 告警带：浅红 */
.pg .alarm-bar,.alarm-bar{
  background:linear-gradient(96deg,#FFF1EF,#FFF8F7 62%,#FFFFFF);
  border:1px solid #F6C9C3;
}
.alarm-bar .ab-ico{background:#FEE4E2;color:#D92D20;box-shadow:0 0 0 1px #F6C9C3}
.alarm-bar .ab-txt{color:#8C2F27}
.alarm-bar .ab-txt b{color:#B42318}
.alarm-bar .ab-txt .dim{color:#B77C75}
.alarm-bar .ab-tag{background:#FEE4E2;color:#B42318}
.alarm-bar.sev{background:linear-gradient(96deg,#FFE8E5,#FFF5F3 62%,#FFFFFF);border-color:#F3B7AF}

/* 事件流 */
.pg .feed-row{border-bottom-color:#EEF3F9}
.pg .feed-t{color:#3B4A5C}
.pg .feed-t b{color:#0E1726}
.pg .feed-m{color:#93A1B2}
.pg .feed-row.dang .feed-t{color:#B42318}
.feed-row.warn .feed-dot{background:#F79009}
.feed-row.dang .feed-dot{background:#D92D20}

/* 地图：浅色科技底 */
.pg .map-wrap{
  background:radial-gradient(85% 85% at 50% 38%,#F4FAFF,#E9F2FB);
  border:1px solid #DFE9F4;
}
.pg .map-grid{background-image:linear-gradient(rgba(47,107,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(47,107,255,.055) 1px,transparent 1px)}
.map-svg path,.map-svg rect{vector-effect:non-scaling-stroke}
.map-svg .blk{fill:rgba(47,107,255,.05);stroke:rgba(47,107,255,.12);stroke-width:1}
.map-svg .rd{stroke:rgba(47,107,255,.16);stroke-width:1.2}
.map-svg .rd-main{stroke:rgba(47,107,255,.26);stroke-width:1.8}
.map-svg .water{fill:rgba(47,107,255,.07);stroke:none}
.map-node .lb{background:rgba(255,255,255,.95);color:#2B3A4C;border-color:#DFE9F4;box-shadow:0 2px 6px -3px rgba(16,42,74,.3);font-weight:500}
.map-wrap [style*="color:#38584F"]{color:#7B8CA0!important}
.map-node.dang .lb{color:#B42318;border-color:#F3B7AF}
.map-legend{background:rgba(255,255,255,.9);border-color:#E4EBF4;color:#6B7C92}
.ring{border-color:rgba(240,68,56,.28)}

/* 排行 */
.pg .rank-no{color:#A6B3C4}
.rank-row .rank-top{color:#3B4A5C}
.rank-row .rank-top b{color:#0E1726}
.rank-bar{background:#EEF3F9}
.rank-bar i{background:linear-gradient(90deg,#12C79B,#5B8CFF)}
.rank-bar i.hot{background:linear-gradient(90deg,#F79009,#F04438)}
.rank-bar i.mid{background:linear-gradient(90deg,#12C79B,#F7A209)}

/* AI 盒：淡紫 */
.pg .ai-box{
  background:linear-gradient(150deg,rgba(139,92,246,.09),rgba(47,107,255,.05) 60%,#FFFFFF);
  border:1px solid rgba(139,92,246,.22);
}
.ai-head b{color:#5B21B6}
.ai-head .ai-conf{color:#7C3AED}
.ai-body{color:#4A4A6A}
.ai-body b{color:#1E1B4B}
.ai-body .hl{color:#0A7F63}
.ai-foot{border-top-color:rgba(139,92,246,.2);color:#7E7AA6}
.ai-typing i{background:#A78BFA}

/* 表单与按钮 */
.pg .btn{background:#FFFFFF;border-color:#DDE6F0;color:#43546A}
.pg .btn:hover{border-color:rgba(18,199,155,.55);color:#07755C;background:#F4FBF9}
.pg .btn.primary{background:linear-gradient(96deg,#0BA37F,#07755C);border-color:transparent;color:#fff}
.pg .btn.primary:hover{color:#fff;filter:brightness(1.06)}
.pg .btn.ai{background:#F5F0FF;border-color:#DDD0FB;color:#6D28D9}
.pg .btn.ai:hover{background:#EDE4FF;color:#5B21B6}
.pg .btn.danger{color:#B42318;border-color:#F6C9C3;background:#FFF6F5}
.pg select,.pg input[type=text],.pg input[type=number],.pg input[type=search],.pg textarea{
  background:#FFFFFF;border-color:#DDE6F0;color:#0E1726;
}
.pg select option{background:#FFFFFF;color:#0E1726}
.pg select:focus,.pg input:focus,.pg textarea:focus{border-color:rgba(18,199,155,.6);box-shadow:0 0 0 3px rgba(18,199,155,.12)}
.pg label.fl{color:#7A8798}
.pg .seg{background:#F3F7FC;border-color:#E4EBF4}
.pg .seg button{color:#6B7C92}
.pg .seg button.on{background:#FFFFFF;color:#07755C;box-shadow:0 1px 3px rgba(16,42,74,.1),inset 0 0 0 1px rgba(18,199,155,.3)}

/* 表格 */
.pg .tbl th{background:#F5F9FC;color:#6B7C92;border-bottom-color:#E4EBF4}
.pg .tbl td{color:#3B4A5C;border-bottom-color:#EEF3F9}
.pg .tbl tbody tr:hover{background:#F6FBF9}
.pg .dim{color:#8A98AA}

/* 徽章与药丸（浅色） */
.pg .badge{box-shadow:none}
.pg .b-red{background:#FEE4E2;color:#B42318}
.pg .b-orange{background:#FFF1DC;color:#B25E00}
.pg .b-yellow{background:#FEF7DC;color:#8A6A00}
.pg .b-green{background:#E3F7EE;color:#067647}
.pg .b-blue{background:#E6EEFF;color:#2450C4}
.pg .b-gray{background:#EFF3F8;color:#6B7C92}
.pill.ok{background:#E3F7EE;color:#067647}
.pill.warn{background:#FFF1DC;color:#B25E00}
.pill.dang{background:#FEE4E2;color:#B42318}
.pill.info{background:#E6EEFF;color:#2450C4}
.pill.ai{background:#F3ECFF;color:#6D28D9}

/* 抽屉 / 提示 / 通知条 */
.pg .drawer{
  background:#FFFFFF;border-left:1px solid #E4EBF4;
  box-shadow:-30px 0 80px -40px rgba(16,42,74,.45);color:#0E1726;
}
.pg .drawer-head{border-bottom-color:#EEF3F9}
.pg .drawer-head h3{color:#0E1726}
.pg .drawer-kicker{color:#0BA37F}
.pg .drawer-close{background:#F1F6FB;color:#6B7C92}
.pg .drawer-close:hover{background:#FEE4E2;color:#B42318}
.pg .drawer-foot{border-top-color:#EEF3F9;background:#FFFFFF}
.pg .drawer-mask{background:rgba(16,32,56,.28);backdrop-filter:blur(3px)}
.pg .toast{background:#0E1726;color:#fff;border:0;box-shadow:0 16px 40px -18px rgba(16,42,74,.6)}
.pg .notice-bar{background:linear-gradient(96deg,#EFF5FF,#F8FBFF);border-color:#DBE7FA;color:#2A4B86}
.pg .notice-bar b{color:#1E3E7A}
.pg .hr{background:#EEF3F9}
.pg .kv{border-bottom-color:#EEF3F9}
.pg .kv span{color:#7A8798}
.pg .kv b{color:#0E1726}
.pg .stat-tile{background:#FFFFFF;border-color:#E4EBF4}
.pg .stat-tile b{color:#0E1726}
.trk-wrap{background:#F8FBFE;border:1px solid #E9F0F7}

/* 深色专用的内联样式兜底（轨迹图、抽屉统计块） */
.pg [style*="rgba(255,255,255,.04)"],.pg [style*="rgba(255,255,255,.03)"],
.pg [style*="rgba(255,255,255,.02)"],.pg [style*="rgba(255,255,255,.09)"],
.pg [style*="rgba(255,255,255,.08)"],.pg [style*="rgba(255,255,255,.07)"]{
  background:#F8FBFE!important;border-color:#E9F0F7!important;
}
.pg [style*="color:#E4EDF8"]{color:#0E1726!important}
.pg [style*="color:#C6D6E6"]{color:#3B4A5C!important}
.pg [style*="color:#B9C9DB"]{color:#3B4A5C!important}
.pg [style*="color:#7E90A8"]{color:#7A8798!important}
.pg [style*="color:#8DA2B9"]{color:#6B7C92!important}
.pg [style*="color:#6D8399"]{color:#8A98AA!important}
.pg [style*="color:#5E7893"]{color:#93A1B2!important}
.pg [style*="color:#5CE2A2"]{color:#067647!important}
.pg [style*="color:#FDB022"]{color:#B25E00!important}
.pg [style*="color:#FF9B94"]{color:#B42318!important}
.pg [style*="color:#fff"]{color:#0E1726!important}

/* 滚动条 */
.pg ::-webkit-scrollbar-thumb{background:#CFDCEA;border-radius:9px}
.pg ::-webkit-scrollbar-thumb:hover{background:#B8CADE}

/* 任务条（驾驶舱顶部实时标记） */
.pg .pill.ok{box-shadow:none}

/* ---------------- 2. 手机端底部导航（白） ---------------- */
@media(max-width:900px){
  .mtab{
    background:rgba(255,255,255,.94);border-top:1px solid #E4EBF4;
    box-shadow:0 -10px 30px -22px rgba(16,42,74,.45);
  }
  .mtab a{color:#8A98AA}
  .mtab a.on{color:#07755C}
  .mtab a.on .mi{text-shadow:none}
  .mtab a.on::after{background:linear-gradient(90deg,#0BA37F,#2F6BFF)}
  .pg .drawer-foot{background:#FFFFFF}
  .pg .drawer-body{background:#FFFFFF}
  .drawer-mask{background:rgba(16,32,56,.3)}
  .pg .alarm-bar,.alarm-bar{background:linear-gradient(96deg,#FFF1EF,#FFF8F7)}
}

/* ---------------- 3. 登录页（深色 → 白色科技） ---------------- */
.lg{
  background-color:#F4F8FD;
  background-image:
    radial-gradient(900px 520px at 6% -6%, rgba(18,199,155,.16), transparent 62%),
    radial-gradient(820px 500px at 98% 104%, rgba(47,107,255,.14), transparent 64%),
    linear-gradient(rgba(16,42,74,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,42,74,.035) 1px, transparent 1px);
  background-size:auto, auto, 48px 48px, 48px 48px;
  color:#0E1726;
}
.lg::before{opacity:.5;mask-image:radial-gradient(120% 90% at 20% 0%,#000 30%,transparent 78%)}
.lg::after{background:linear-gradient(180deg,transparent,rgba(18,199,155,.10),transparent)}
.lg-brand b{color:#0E1726}
.lg-brand span{color:#93A1B2}
.lg-logo{box-shadow:0 12px 26px -12px rgba(10,127,99,.65),inset 0 1px 0 rgba(255,255,255,.4)}
.lg-kicker{color:#07755C;border-color:rgba(18,199,155,.32);background:rgba(18,199,155,.08)}
.lg-hero{margin-top:auto!important;margin-bottom:auto!important}
.lg-hero h1{color:#0E1726}
.lg-hero h1 em{background:linear-gradient(96deg,#0BA37F,#2F6BFF 82%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lg-hero p{color:#5A6B80}
.lg-stat{
  border:1px solid #E1EAF4;background:linear-gradient(180deg,#FFFFFF,#F9FCFF);
  box-shadow:0 1px 2px rgba(16,42,74,.04),0 10px 26px -22px rgba(16,42,74,.3);
}
.lg-stat b,.lg-stat b>span{color:#0E1726}
.lg-stat b i{color:#8A98AA}
.lg-stat>span{color:#7A8798}
.lg-cap .cp-ico{background:rgba(18,199,155,.12);border-color:rgba(18,199,155,.26);color:#07755C}
.lg-cap b{color:#16233A}
.lg-cap span{color:#6B7C92}
.lg-foot{color:#93A1B2}
.lg-foot i{background:#D6E1EE}
.lg-lang button{background:#FFFFFF;border-color:#E1EAF4;color:#5A6B80}
.lg-lang button.on{background:#E9F9F3;border-color:rgba(18,199,155,.5);color:#07755C}
.lg-card{
  background:linear-gradient(180deg,#FFFFFF,#FBFDFF);
  border:1px solid #DEE8F3;
  box-shadow:0 1px 2px rgba(16,42,74,.05),0 18px 40px -28px rgba(16,42,74,.4),0 40px 90px -50px rgba(16,42,74,.5);
}
.lg-card h2{color:#0E1726}
.lg-card .lg-sub{color:#7A8798}
.lg-card .lg-sub b{color:#07755C}
.lg-field label{color:#93A1B2}
.lg-input{background:#F7FAFD;border-color:#E1EAF4}
.lg-input:focus-within{border-color:rgba(18,199,155,.6);background:#FFFFFF;box-shadow:0 0 0 3px rgba(18,199,155,.12)}
.lg-input svg{color:#93A1B2}
.lg-input input,.lg-input select{color:#0E1726}
.lg-input input::placeholder{color:#A9B6C6}
.lg-input select option{background:#FFFFFF;color:#0E1726}
.lg-row{color:#7A8798}
.lg-row a{color:#0BA37F}
.lg-btn{color:#fff;background:linear-gradient(100deg,#0BA37F,#07755C);box-shadow:0 14px 30px -14px rgba(10,127,99,.75),inset 0 1px 0 rgba(255,255,255,.28)}
.lg-hint{border-top-color:#EEF3F9}
.lg-hint p{color:#A6B3C4}
.lg-role{border-color:#E1EAF4;color:#5A6B80;background:#FFFFFF}
.lg-role:hover{border-color:rgba(18,199,155,.45);color:#07755C}
.lg-role.on{border-color:#0BA37F;background:#E9F9F3;color:#07755C;font-weight:600}
.lg-err{background:#FEF3F2;border-color:#F6C9C3;color:#B42318}
.lg-brand-m b{color:#0E1726}
.lg-brand-m span{color:#93A1B2}
@media(max-width:900px){
  .lg-card{background:#FFFFFF;border:0}
  .lg-lang button{background:#F7FAFD}
}

/* 登录页 · 管理员入口 */
.lg-admin{
  display:flex;align-items:center;gap:14px;margin-top:24px;padding:13px 16px;
  border:1px solid #E1EAF4;border-radius:14px;
  background:linear-gradient(120deg,#FFFFFF,#F7FAFD);
  box-shadow:0 1px 2px rgba(16,42,74,.04),0 10px 26px -24px rgba(16,42,74,.3);
}
.lg-admin-txt b{display:block;font-size:12.5px;color:#16233A;font-weight:600}
.lg-admin-txt span{display:block;font-size:10.5px;color:#7A8798;margin-top:2px}
.lg-admin-btn{
  margin-left:auto;display:inline-flex;align-items:center;gap:7px;flex:none;
  padding:8px 14px;border-radius:10px;border:1px solid rgba(18,199,155,.42);
  background:#E9F9F3;color:#07755C;font-size:12px;font-weight:600;cursor:pointer;
  transition:.16s;font-family:inherit;
}
.lg-admin-btn:hover{background:#D9F4EA;border-color:#0BA37F;transform:translateY(-1px)}
.lg-admin-btn:active{transform:none}
.lg-admin-btn i{font-style:normal;transition:transform .16s}
.lg-admin-btn:hover i{transform:translateX(3px)}
.lg-admin-btn.on{background:#F1F6FB;border-color:#DDE6F0;color:#43546A}
.lg-admin-btn.on:hover{transform:none}


/* ---------- 油耗分布图（驾驶舱主图，替代示意地图） ---------- */
.fd-wrap{display:flex;flex-direction:column;height:100%;min-height:296px}
.fd-svg{width:100%;flex:1 1 auto;min-height:196px;display:block;overflow:visible}
.fd-pt{cursor:pointer}
.fd-pt circle{transition:opacity .15s}
.fd-pt:hover circle:nth-of-type(1){opacity:.4}
.fd-pt:hover circle:nth-of-type(2){r:7}
.fd-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;
  font-size:11px;color:#6B7C92;padding:9px 2px 0;margin-top:6px;border-top:1px solid #EEF3F9}
.fd-foot span{display:inline-flex;align-items:center;white-space:nowrap}
.fd-foot i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}
.fd-foot b{color:#16233A;font-weight:600;margin:0 2px}
.fd-sep{flex:1 1 auto;min-width:8px}
@media(max-width:900px){
  .fd-wrap{min-height:240px}
  .fd-svg{min-height:170px}
  .fd-foot{gap:5px 10px;font-size:10.5px}
}


/* ---------- 抽屉：本周期核算链路 ---------- */
.fc-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px}
.fc-step{flex:1 1 104px;min-width:98px;padding:9px 10px 8px;border:1px solid #E6EDF6;border-radius:10px;background:#FBFDFF}
.fc-step>span:first-child{display:block;font-size:10px;color:#7A8798;letter-spacing:.2px;white-space:nowrap}
.fc-step b{display:block;font-family:var(--f-num);font-size:16.5px;color:#16233A;margin-top:3px;line-height:1.2;letter-spacing:-.4px}
.fc-step b i{font-style:normal;font-size:10.5px;color:#8A9AAE;margin-left:2px;font-family:var(--f-cn)}
.fc-step em{display:block;font-style:normal;font-size:9.5px;color:#93A1B2;margin-top:2px}
.fc-step.good{border-color:rgba(18,183,106,.34);background:#F4FCF8}
.fc-step.good b{color:#07755C}
.fc-step.warn{border-color:rgba(247,144,9,.4);background:#FFFBF2}
.fc-step.warn b{color:#B54708}
.fc-step.bad{border-color:rgba(240,68,56,.38);background:#FFF6F5}
.fc-step.bad b{color:#D92D20}
.fc-bar{display:block;height:4px;border-radius:2px;background:#EDF2F8;margin-top:6px;overflow:hidden}
.fc-bar i{display:block;height:100%;border-radius:2px;transition:width .4s}
.fc-op{display:grid;place-items:center;font-size:11px;color:#0BA37F;font-weight:600;padding:0 1px;white-space:nowrap;font-family:var(--f-num)}
.fc-formula{margin-top:9px;font-size:10.5px;color:#5C6C82;background:#F7FAFD;border:1px dashed #DDE6F0;
  border-radius:8px;padding:7px 10px;font-family:var(--f-num);line-height:1.7;letter-spacing:.2px}
.fc-mile{display:flex;flex-wrap:wrap;gap:5px 16px;margin-top:9px;font-size:11px;color:#6B7C92;padding-top:9px;border-top:1px solid #EEF3F9}
.fc-mile b{color:#16233A;font-family:var(--f-num);margin:0 2px}
.fc-mile b.bad{color:#D92D20}
@media(max-width:900px){
  .fc-step{flex:1 1 46%;min-width:0}
  .fc-op{display:none}
}

/* ---------------- 4. 后台：统一到同一套底板 ---------------- */
/* 侧栏也改白，与前端一致；深色只保留 hero 作为强调块 */
.adm .sidebar{
  background:linear-gradient(180deg,#FFFFFF,#FAFCFE);
  border-right:1px solid #E4EBF4;
  box-shadow:1px 0 0 rgba(16,42,74,.02),10px 0 32px -26px rgba(16,42,74,.35);
}
.adm .sidebar .brand{border-bottom:1px solid #EEF3F9}
.adm .brand-text b{color:#0E1726}
.adm .brand-text span{color:#93A1B2}
.adm .env-tag{
  background:linear-gradient(120deg,rgba(18,199,155,.10),rgba(47,107,255,.06));
  border-color:rgba(18,199,155,.22);color:#3B4A5C;
}
.adm .env-tag b{color:#0E1726}
.adm .nav-group-title{color:#93A1B2}
.adm .env-tag b{color:#0E1726}
.adm .env-tag div{color:#5A6B80}
.adm .nav-item{color:#54657A}
.adm .nav-item .ni{color:#93A1B2}
.adm .nav-item:hover{background:#F3F8FC;color:#0E1726}
.adm .nav-item.active{
  background:linear-gradient(96deg,rgba(18,199,155,.16),rgba(18,199,155,.05));
  color:#07755C;box-shadow:inset 0 0 0 1px rgba(18,199,155,.28);
}
.adm .nav-item.active .ni{color:#0BA37F}
.adm .side-foot{border-top-color:#EEF3F9;color:#8A98AA}
.adm .side-foot a{color:#0BA37F}
@media(max-width:900px){
  .adm .sidebar{background:linear-gradient(180deg,#FFFFFF,#FAFCFE);border-bottom:1px solid #E4EBF4}
  .adm .nav-item{color:#54657A}
  .adm .brand-text b{color:#0E1726}
}
.adm{
  background-color:#F5F8FC;
  background-image:
    radial-gradient(900px 480px at 8% -8%, rgba(18,199,155,.09), transparent 62%),
    radial-gradient(760px 440px at 96% 4%, rgba(47,107,255,.08), transparent 60%),
    linear-gradient(rgba(16,42,74,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,42,74,.028) 1px, transparent 1px);
  background-size:auto, auto, 46px 46px, 46px 46px;
  background-attachment:fixed;
}
.adm .card{border-color:#E4EBF4;box-shadow:0 1px 2px rgba(16,42,74,.04),0 12px 30px -24px rgba(16,42,74,.26)}
.adm .stat-tile{box-shadow:0 1px 2px rgba(16,42,74,.05),0 10px 24px -20px rgba(16,42,74,.28)}
.adm .hero{
  background:linear-gradient(120deg,#0B1420,#12304A 55%,#0A5C4A);
  box-shadow:0 26px 54px -32px rgba(9,20,35,.7);
}

/* 打印时保持纯白 */
@media print{
  .pg,.adm{background:#fff!important;background-image:none!important}
}