/* ====== 全局重置 ====== */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg-dark:#0d1521;--bg-panel:#16202e;--bg-card:#1a2a3e;--bg-hover:#1e3450;
  --border:#1e2a3a;--border-light:#2a3a4a;
  --text-primary:#e0e0e0;--text-secondary:#90a4ae;--text-muted:#607d8b;
  --accent:#1976d2;--accent-light:#42a5f5;
  --green:#00e676;--red:#ff5252;--orange:#ffab40;
  --radius:8px;
}
html,body{height:100%;font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;background:var(--bg-dark);color:var(--text-primary);overflow:hidden}
a{color:inherit;text-decoration:none}
input,button,textarea{font-family:inherit}

/* ====== 滚动�? ====== */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}
::-webkit-scrollbar-track{background:transparent}

/* ====== 登录�? ====== */
#login-view{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0a0f1a,#16202e)}
.login-card{width:340px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:12px;padding:36px 32px;box-shadow:0 8px 40px rgba(0,0,0,.4)}
.login-card h1{font-size:20px;font-weight:600;text-align:center;margin-bottom:6px}
.login-card .subtitle{font-size:13px;color:var(--text-muted);text-align:center;margin-bottom:28px}
.login-field{margin-bottom:16px}
.login-field label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px}
.login-field input{width:100%;padding:10px 14px;background:var(--bg-dark);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}
.login-field input:focus{border-color:var(--accent)}
.login-btn{width:100%;padding:11px;background:var(--accent);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}
.login-btn:hover{background:var(--accent-light)}
.login-error{color:var(--red);font-size:12px;text-align:center;margin-top:12px;min-height:18px}
.login-hint{font-size:11px;color:var(--text-muted);text-align:center;margin-top:20px;line-height:1.6}

/* ====== 主布�?（PC�?====== */
#app-view{display:none;flex-direction:column;height:100vh}
#app-view.active{display:flex}

#topbar{height:52px;background:linear-gradient(135deg,#0a0f1a,#16202e);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;flex-shrink:0;z-index:600}
#topbar .logo{font-size:15px;font-weight:600;color:#fff;white-space:nowrap}
#topbar .stats{display:flex;gap:16px;margin-left:auto;align-items:center}
.stat-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}
.stat-dot{width:8px;height:8px;border-radius:50%}
.stat-dot.online{background:var(--green);box-shadow:0 0 6px rgba(0,230,118,.5)}
.stat-dot.offline{background:var(--red);box-shadow:0 0 6px rgba(255,82,82,.5)}
.stat-dot.building{background:var(--orange);box-shadow:0 0 6px rgba(255,171,64,.5)}
.stat-num{font-weight:700;color:#fff}
#topbar .user-info{display:flex;align-items:center;gap:8px;margin-left:16px;padding-left:16px;border-left:1px solid var(--border)}
#topbar .user-info .avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}
#topbar .user-info .uname{font-size:13px;color:var(--text-secondary)}
#topbar .logout-btn{background:none;border:1px solid var(--border-light);color:var(--text-muted);font-size:11px;padding:3px 10px;border-radius:4px;cursor:pointer;margin-left:8px;transition:all .2s}
#topbar .logout-btn:hover{color:var(--red);border-color:var(--red)}

#main{flex:1;display:flex;position:relative;overflow:hidden}

/* ====== 侧边�? ====== */
#sidebar{width:280px;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;z-index:500}
.search-section{padding:10px;border-bottom:1px solid var(--border)}
.search-box{width:100%;padding:8px 12px;background:var(--bg-dark);border:1px solid var(--border-light);color:#fff;font-size:13px;border-radius:6px;outline:none;transition:border-color .2s}
.search-box:focus{border-color:var(--accent)}
.filter-tabs{display:flex;padding:8px 10px;gap:5px;border-bottom:1px solid var(--border)}
.filter-tab{padding:4px 12px;font-size:12px;border-radius:4px;cursor:pointer;background:var(--bg-dark);color:var(--text-muted);transition:all .15s;user-select:none}
.filter-tab.active{background:var(--accent);color:#fff}
.filter-tab:hover:not(.active){background:var(--border-light);color:var(--text-secondary)}
.station-list{flex:1;overflow-y:auto}
.station-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}
.station-item:hover{background:var(--bg-hover)}
.station-item.active{background:rgba(25,118,210,.15);border-left:3px solid var(--accent);padding-left:11px}
.si-name{font-size:13px;font-weight:500;margin-bottom:3px;color:var(--text-primary)}
.si-info{font-size:11px;color:var(--text-muted)}
.si-status{display:inline-block;padding:1px 6px;font-size:10px;border-radius:3px;margin-right:6px;font-weight:500}
.si-status.在网{background:rgba(0,230,118,.15);color:var(--green)}
.si-status.�?服{background:rgba(255,82,82,.15);color:var(--red)}
.si-status.在建{background:rgba(255,171,64,.15);color:var(--orange)}
.si-fault-badge{display:inline-block;padding:1px 5px;font-size:10px;border-radius:3px;background:rgba(255,82,82,.2);color:var(--red);margin-left:6px}
.si-overdue-badge{display:inline-block;padding:1px 5px;font-size:10px;border-radius:3px;background:rgba(255,171,64,.2);color:var(--orange);margin-left:4px}

/* ====== 树形�?�? ====== */
.tree-node{display:flex;align-items:center;gap:7px;padding:9px 12px;cursor:pointer;user-select:none;border-bottom:1px solid var(--border);transition:background .15s}
.tree-node:hover{background:var(--bg-hover)}
.tree-arrow{font-size:10px;color:var(--text-muted);width:12px;flex-shrink:0}
.tree-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.tree-dot.self{background:var(--accent)}
.tree-dot.shared{background:#722ED1}
.tree-label{font-size:13px;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tree-count{font-size:11px;color:var(--text-muted);background:rgba(0,0,0,.06);border-radius:9px;padding:1px 8px;flex-shrink:0}
.tree-node.l1{background:rgba(0,0,0,.03);font-weight:600}
.tree-node.l1 .tree-label{font-weight:600}
.tree-node.l2{padding-left:30px}
.tree-node.l2 .tree-label{font-weight:400;font-size:12px}
.tree-leafs .station-item{padding-left:38px}
.tree-sub{border-bottom:1px solid var(--border)}

/* ====== 地图 ====== */
#map{flex:1;z-index:1;background:#1a1a2e;position:relative;height:calc(100vh - 100px)}
.leaflet-container{background:#1a1a2e}
.leaflet-tile{filter:saturate(1.05) contrast(1.05)}
/* 卫星模式下增强标记 */
#map.sat-mode .leaflet-tile{filter:saturate(1.1) brightness(.95)}
.custom-marker{background:transparent!important;border:none!important}
.station-marker{width:28px;height:36px;position:relative;cursor:pointer}

/* 奥维风格标注 */
.ov-pin{width:28px;height:28px;position:relative}
.ov-pin-body{width:28px;height:28px;border-radius:50% 50% 50% 50%;border:2px solid rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:transform .15s}
.station-marker:hover .ov-pin-body{transform:scale(1.15);box-shadow:0 4px 14px rgba(0,0,0,.6)}
.ov-icon{width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.ov-dot{width:6px;height:6px;border-radius:50%;position:absolute;bottom:3px;right:3px;z-index:2;border:1px solid rgba(255,255,255,.6)}
.ov-dot-normal{background:#fff}
.ov-dot-fault{background:#ff5252;box-shadow:0 0 5px rgba(255,82,82,.9)}
.ov-dot-overdue{background:#ffab40;box-shadow:0 0 5px rgba(255,171,64,.9)}
.ov-dot-aging{background:#ff5722;animation:dot-blink 1.2s infinite}
.ov-pin-tip{width:0;height:0;border:5px solid transparent;position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);z-index:0}
.station-marker.offline .ov-pin-body{background:#ff5252!important;animation:pulse-red 1.5s infinite}
.station-marker.offline .ov-pin-tip{border-top-color:#ff5252!important}
.station-marker.building .ov-pin-body{background:#ffab40!important}
.station-marker.building .ov-pin-tip{border-top-color:#ffab40!important}
@keyframes pulse-red{0%,100%{box-shadow:0 2px 8px rgba(255,82,82,.4)}50%{box-shadow:0 2px 18px rgba(255,82,82,.9)}}
@keyframes dot-blink{0%,100%{opacity:1;box-shadow:0 0 5px rgba(255,87,34,.9)}50%{opacity:.3;box-shadow:0 0 1px rgba(255,87,34,.3)}}

/* ====== 悬停 Tooltip ====== */
.station-tooltip.leaflet-tooltip{background:rgba(13,21,33,.94);border:1px solid var(--border-light);border-radius:6px;padding:6px 10px;font-size:12px;color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.4);white-space:nowrap}
.station-tooltip .tt-name{font-weight:600;margin-bottom:2px}
.station-tooltip .tt-info{font-size:11px;color:var(--text-secondary)}
.station-tooltip .tt-warn{font-size:11px;color:var(--orange);margin-top:2px}
.leaflet-tooltip-top:before{border-top-color:rgba(13,21,33,.94)}

/* ====== 地图控制面板（图层+图例合并）====== */
.map-control{position:absolute;top:12px;right:12px;z-index:1000;background:rgba(13,21,33,.92);border:1px solid var(--border-light);border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.35);min-width:200px;max-width:260px}
.mc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;background:rgba(25,118,210,.12);border-bottom:1px solid var(--border)}
.mc-title{font-size:13px;font-weight:600;color:var(--accent-light)}
.mc-arrow{font-size:12px;color:var(--text-muted)}
.mc-body{max-height:520px;overflow-y:auto;padding:10px 12px}
.mc-section{margin-bottom:8px}
.mc-label{font-size:11px;font-weight:600;color:var(--accent-light);margin-bottom:6px;letter-spacing:1px}
.mc-sub{font-weight:400;color:var(--text-muted);margin-left:4px}
.mc-baselayers{display:flex;flex-wrap:wrap;gap:4px}
.mc-base{padding:5px 10px;font-size:11px;border-radius:5px;background:var(--bg-dark);color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;transition:all .15s;white-space:nowrap}
.mc-base:hover{border-color:var(--accent)}
.mc-base.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.mc-divider{height:1px;background:var(--border);margin:8px 0}
.mc-towns{display:flex;flex-direction:column;gap:3px}
.mc-town{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:5px;cursor:pointer;font-size:12px;color:var(--text-secondary);transition:background .15s}
.mc-town:hover{background:var(--bg-hover)}
.mc-town.off{opacity:.4;text-decoration:line-through}
.mc-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}
.mc-town-n{flex:1;font-size:12px}
.mc-town-c{font-size:10px;color:var(--text-muted);background:rgba(0,0,0,.15);padding:1px 6px;border-radius:8px}
.mc-switch{font-size:12px;color:var(--green);flex-shrink:0;width:16px;text-align:center}
.mc-switch:not(.on){color:var(--text-muted)}
.mc-all{justify-content:center;font-size:11px;color:var(--accent-light);padding:6px;border:1px dashed var(--border-light);margin-top:4px}
.mc-legend{display:flex;align-items:center;gap:6px;padding:3px 6px;font-size:11px;color:var(--text-secondary)}
.mc-idot{width:6px;height:6px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}

/* ====== Leaflet Popup ====== */
.leaflet-popup-content-wrapper{border-radius:8px;background:var(--bg-panel)!important;color:#fff!important;border:1px solid var(--border-light);box-shadow:0 4px 20px rgba(0,0,0,.4)}
.leaflet-popup-tip{background:var(--bg-panel)!important}
.leaflet-popup-content{margin:10px 14px!important;font-size:13px}
.popup-title{font-size:14px;font-weight:600;margin-bottom:4px}
.popup-status{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;margin-bottom:4px;font-weight:500}
.popup-info{font-size:12px;color:var(--text-secondary);margin-top:2px}
.popup-actions{margin-top:8px;display:flex;gap:8px}
.popup-btn{padding:3px 10px;font-size:12px;border-radius:4px;cursor:pointer;border:none;text-decoration:none;display:inline-block}
.popup-btn.primary{background:var(--accent);color:#fff}
.popup-btn.warning{background:rgba(255,82,82,.2);color:var(--red);border:1px solid rgba(255,82,82,.3)}
.popup-btn.nav{background:rgba(0,230,118,.15);color:var(--green);border:1px solid rgba(0,230,118,.3)}

/* ====== 详情面板 ====== */
#detail-panel{position:absolute;right:0;top:0;bottom:0;width:340px;background:var(--bg-panel);border-left:1px solid var(--border);z-index:1000;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;box-shadow:-4px 0 24px rgba(0,0,0,.3)}
#detail-panel.open{transform:translateX(0)}

/* 位置信息卡片 */
.location-card{margin:12px 16px;padding:14px;background:var(--bg-dark);border-radius:8px;border:1px solid var(--border-light)}
.loc-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px}
.loc-label{color:var(--text-muted);flex-shrink:0;min-width:32px;padding-top:1px}
.loc-value{color:var(--text-primary);flex:1;word-break:break-all;line-height:1.5}
.loc-directions{background:rgba(25,118,210,.08);margin:8px -4px;padding:8px;border-radius:6px;border-left:3px solid var(--accent)}
.loc-directions .loc-value{color:var(--accent-light)}
.copy-btn{padding:2px 8px;font-size:11px;border-radius:4px;background:var(--accent);color:#fff;border:none;cursor:pointer;flex-shrink:0}
.copy-btn:active{opacity:.8}
.loc-actions{display:flex;gap:8px;margin-top:10px}
.nav-btn{flex:1;text-align:center;padding:8px;border-radius:6px;font-size:13px;text-decoration:none;font-weight:500}
.nav-btn.amap{background:rgba(25,118,210,.2);color:var(--accent-light);border:1px solid rgba(25,118,210,.3)}
.nav-btn.bmap{background:rgba(33,150,243,.15);color:#42a5f5;border:1px solid rgba(33,150,243,.3)}
.nav-btn:active{opacity:.8}
.detail-header{padding:16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-panel);z-index:10;display:flex;align-items:start;justify-content:space-between}
.detail-title{font-size:16px;font-weight:600}
.detail-code{font-size:11px;color:var(--text-muted);margin-top:4px}
.close-btn{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:0 4px;line-height:1}
.close-btn:hover{color:#fff}
.detail-section{padding:12px 16px;border-bottom:1px solid var(--border)}
.detail-section-title{font-size:11px;color:var(--accent-light);font-weight:600;margin-bottom:8px;letter-spacing:1px}
.detail-row{display:flex;justify-content:space-between;padding:3px 0;font-size:13px}
.detail-label{color:var(--text-muted);flex-shrink:0;margin-right:12px}
.detail-value{color:var(--text-primary);text-align:right}
.detail-remark{font-size:12px;color:var(--orange);padding:8px 12px;background:rgba(255,171,64,.08);margin:8px 16px;border-radius:6px;border-left:3px solid var(--orange)}

/* 基�??信息弱化（一线不关注的�?�理信息�?*/
.detail-base{opacity:.65}
.detail-base .detail-section-title{color:var(--text-muted)!important}

/* 巡�??超期提示 */
.overdue-alert{margin:0 16px 12px;padding:10px 12px;background:rgba(255,171,64,.1);border-radius:6px;border-left:3px solid var(--orange);color:var(--orange);font-size:13px;font-weight:500}

/* 施工准�?�清�? */
.prep-card{margin:0 16px 12px;padding:14px;background:rgba(25,118,210,.06);border-radius:8px;border:1px solid rgba(25,118,210,.2)}
.prep-title{font-size:12px;color:var(--accent-light);font-weight:600;margin-bottom:8px;letter-spacing:1px}
.prep-list{display:flex;flex-direction:column;gap:5px}
.prep-item{font-size:13px;color:var(--text-primary);line-height:1.5;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.prep-item:last-child{border-bottom:none}
.prep-warn{color:var(--orange)!important;font-weight:500}

/* 光缆纤芯资源 */
.cable-section{background:rgba(66,165,245,.05)!important}
.core-bar{margin-top:8px}
.core-bar-label{font-size:11px;color:var(--text-secondary);margin-bottom:4px}
.core-bar-track{height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden}
.core-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}

/* 设�?�台�? */
.equip-taizhang{padding:12px 16px;border-bottom:1px solid var(--border)}
.equip-taizhang .detail-section-title{display:flex;justify-content:space-between;align-items:center}
.equip-add-btn{font-size:12px;color:var(--accent-light);cursor:pointer;padding:2px 10px;border:1px solid rgba(25,118,210,.3);border-radius:4px;font-weight:400;background:rgba(25,118,210,.08)}
.equip-add-btn:hover{background:rgba(25,118,210,.18)}
.equip-cat{font-size:11px;color:var(--text-muted);margin:10px 0 4px;font-weight:600;letter-spacing:1px}
.equip-item{background:var(--bg-dark);border-radius:6px;padding:8px 10px;margin-bottom:5px;border:1px solid var(--border)}
.ei-main{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px}
.ei-name{font-weight:600;color:var(--text-primary)}
.ei-model{color:var(--text-secondary)}
.ei-qty{color:var(--text-secondary)}
.ei-date{color:var(--text-muted);font-size:11px}
.ei-side{display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.ei-status{font-size:11px;font-weight:500}
.ei-ops{display:flex;gap:6px}
.ei-op{font-style:normal;font-size:11px;padding:1px 8px;border-radius:3px;cursor:pointer;background:rgba(25,118,210,.12);color:var(--accent-light)}
.ei-op.del{background:rgba(255,82,82,.12);color:var(--red)}
.ei-remark{font-size:11px;color:var(--orange);margin-top:4px}

/* 编辑表单 */
.edit-intro{font-size:12px;color:var(--text-secondary);margin-bottom:12px;padding:8px 12px;background:rgba(25,118,210,.06);border-radius:6px}
.edit-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.edit-field{display:flex;flex-direction:column;gap:4px}
.edit-field label{font-size:11px;color:var(--text-muted)}
.edit-input{width:100%;padding:7px 10px;background:var(--bg-dark);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-size:13px;outline:none}
.edit-input:focus{border-color:var(--accent)}
select.edit-input{appearance:none}
.detail-btn.editinfo{background:rgba(156,39,176,.15);color:#ce93d8;border:1px solid rgba(156,39,176,.3)}

@media(max-width:768px){
  .edit-form{grid-template-columns:1fr}
}

/* ====== 数据治理样式 ====== */

/* GPS状�?�条 */
.gps-status{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:13px;background:rgba(96,125,139,.08)}
.gps-dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted);animation:pulse-gray 1.5s infinite;flex-shrink:0}
@keyframes pulse-gray{0%,100%{opacity:.4}50%{opacity:1}}
.gps-status.ok{background:rgba(0,230,118,.08)}
.gps-status.ok .gps-dot{background:var(--green)}
.gps-status.warn{background:rgba(255,171,64,.08)}
.gps-status.warn .gps-dot{background:var(--orange)}

/* 拍照�? */
.photo-section{margin-top:14px}
.photo-section label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:8px}
.photo-hint{font-size:11px;color:var(--text-muted);font-weight:400}
.photo-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.photo-thumb{position:relative;width:72px;height:72px;border-radius:6px;overflow:hidden;border:1px solid var(--border-light)}
.photo-thumb img{width:100%;height:100%;object-fit:cover;cursor:pointer}
.photo-del{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}
.photo-add-btn{width:100%;padding:9px;border-radius:6px;background:var(--bg-dark);border:1px dashed var(--border-light);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}
.photo-add-btn:hover{border-color:var(--accent);color:var(--accent-light)}

/* 巡�??历史审�?�信�? */
.hi-audit{font-size:11px;color:var(--text-muted);margin-top:3px}
.hi-flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.hi-flags span{font-size:10px;padding:1px 6px;border-radius:3px;background:rgba(255,171,64,.12);color:var(--orange)}
.hi-photos{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.hi-photo{width:56px;height:56px;object-fit:cover;border-radius:4px;cursor:pointer;border:1px solid var(--border-light)}
.susp-badge{font-size:10px;padding:1px 6px;border-radius:3px;margin-left:4px;font-weight:600}
.susp-badge.red{background:rgba(255,82,82,.2);color:var(--red)}
.susp-badge.yellow{background:rgba(255,171,64,.18);color:var(--orange)}

/* 顶部审�?�按�? */
.audit-btn{background:rgba(255,82,82,.12);color:var(--red);border:1px solid rgba(255,82,82,.3);font-size:12px;padding:4px 12px;border-radius:4px;cursor:pointer;margin-left:14px;transition:all .2s;white-space:nowrap}
.audit-btn:hover{background:rgba(255,82,82,.2)}

/* 审�?�抽查页 */
.audit-summary{display:flex;gap:8px;margin-bottom:14px}
.as-item{flex:1;text-align:center;padding:12px;border-radius:8px;background:var(--bg-dark);border:1px solid var(--border)}
.as-item .as-num{display:block;font-size:22px;font-weight:700;color:var(--accent-light)}
.as-item .as-label{font-size:11px;color:var(--text-muted)}
.as-item.warn .as-num{color:var(--orange)}
.as-item.danger .as-num{color:var(--red)}
.audit-tip{font-size:12px;color:var(--text-muted);margin-bottom:10px;padding:8px 12px;background:rgba(25,118,210,.06);border-radius:6px}
.audit-card{background:var(--bg-dark);border-radius:8px;padding:12px;margin-bottom:10px;border:1px solid var(--border)}
.audit-card.warn{border-left:3px solid var(--orange)}
.audit-card.danger{border-left:3px solid var(--red)}
.ac-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ac-station{font-size:14px;font-weight:600}
.audit-card.danger .ac-score{color:var(--red)}
.audit-card.warn .ac-score{color:var(--orange)}
.ac-score{font-size:15px;font-weight:700}
.ac-info{font-size:11px;color:var(--text-muted);margin-bottom:6px}
.ac-flags{display:flex;flex-wrap:wrap;gap:4px}
.ac-flag{font-size:11px;padding:2px 8px;border-radius:3px;background:rgba(255,171,64,.12);color:var(--orange)}
.audit-card.danger .ac-flag{background:rgba(255,82,82,.12);color:var(--red)}
.ac-action{font-size:12px;color:var(--accent-light);margin-top:8px}

/* 详情面板操作按钮 */
.detail-actions{padding:12px 16px;display:flex;gap:8px}
.detail-btn{flex:1;padding:10px;border-radius:6px;font-size:13px;cursor:pointer;border:none;font-weight:500;transition:opacity .2s}
.detail-btn:active{opacity:.8}
.detail-btn.inspect{background:var(--accent);color:#fff}
.detail-btn.fault{background:rgba(255,82,82,.15);color:var(--red);border:1px solid rgba(255,82,82,.3)}
.detail-btn.qrcode{background:rgba(255,171,64,.15);color:var(--orange);border:1px solid rgba(255,171,64,.3)}

/* 历史记录列表 */
.history-section{padding:10px 16px;border-bottom:1px solid var(--border)}
.history-item{padding:8px;background:var(--bg-dark);border-radius:6px;margin-bottom:6px;font-size:12px}
.history-item .hi-header{display:flex;justify-content:space-between;margin-bottom:4px}
.history-item .hi-date{color:var(--text-muted);font-size:11px}
.history-item .hi-status{font-size:11px;padding:1px 6px;border-radius:3px}
.history-item .hi-status.正常{background:rgba(0,230,118,.15);color:var(--green)}
.history-item .hi-status.异常{background:rgba(255,82,82,.15);color:var(--red)}
.history-item .hi-status.待�?�理{background:rgba(255,82,82,.15);color:var(--red)}
.history-item .hi-status.已闭环{background:rgba(0,230,118,.15);color:var(--green)}
.history-item .hi-desc{color:var(--text-secondary);font-size:11px;margin-top:2px}

/* ====== 模�?��?? ====== */
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:2000;display:none;align-items:center;justify-content:center}
.modal-overlay.active{display:flex}
.modal{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:10px;width:420px;max-width:92vw;max-height:88vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,.5)}
.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg-panel);z-index:10}
.modal-title{font-size:16px;font-weight:600}
.modal-body{padding:16px 20px}
.modal-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px;position:sticky;bottom:0;background:var(--bg-panel)}
.modal-btn{padding:9px 20px;border-radius:6px;font-size:14px;cursor:pointer;border:none;font-weight:500;transition:opacity .2s}
.modal-btn:active{opacity:.8}
.modal-btn.primary{background:var(--accent);color:#fff;flex:1}
.modal-btn.cancel{background:var(--bg-dark);color:var(--text-secondary);border:1px solid var(--border-light)}

/* ====== 巡�??表单 ====== */
.inspection-intro{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.6}
.inspection-item{padding:12px;background:var(--bg-dark);border-radius:8px;margin-bottom:8px;border:1px solid var(--border)}
.inspection-item.abnormal{border-color:rgba(255,82,82,.4)}
.ii-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.ii-label{font-size:14px;font-weight:500}
.ii-desc{font-size:11px;color:var(--text-muted);margin-bottom:8px}
.ii-options{display:flex;gap:8px}
.ii-option{flex:1;padding:8px;text-align:center;border-radius:6px;cursor:pointer;font-size:13px;border:1px solid var(--border-light);transition:all .15s}
.ii-option.selected.normal{background:rgba(0,230,118,.15);color:var(--green);border-color:var(--green)}
.ii-option.selected.abnormal{background:rgba(255,82,82,.15);color:var(--red);border-color:var(--red)}
.ii-option:hover:not(.selected){background:var(--bg-hover)}
.ii-desc-input{width:100%;margin-top:8px;padding:8px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:6px;color:#fff;font-size:12px;outline:none;resize:vertical;min-height:50px;display:none}
.ii-desc-input.show{display:block}
.remark-section{margin-top:12px}
.remark-section label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px}
.remark-section textarea{width:100%;padding:10px;background:var(--bg-dark);border:1px solid var(--border-light);border-radius:6px;color:#fff;font-size:13px;outline:none;resize:vertical;min-height:60px}

/* ====== 故障表单 ====== */
.fault-station-name{font-size:14px;font-weight:600;margin-bottom:12px;padding:10px;background:var(--bg-dark);border-radius:6px}
.fault-desc-input{width:100%;padding:10px;background:var(--bg-dark);border:1px solid var(--border-light);border-radius:6px;color:#fff;font-size:13px;outline:none;resize:vertical;min-height:80px}

/* 故障�?�?表单 */
.close-fault-desc{font-size:13px;color:var(--text-secondary);padding:10px;background:var(--bg-dark);border-radius:6px;margin-bottom:12px;line-height:1.6}

/* ====== 移动�?适配 ====== */
.mobile-tabs{display:none}
@media(max-width:768px){
  #topbar{padding:0 10px}
  #topbar .logo{font-size:13px}
  #topbar .stats{gap:10px}
  .stat-item{font-size:11px}
  #topbar .user-info .uname{display:none}
  
  #sidebar{position:absolute;left:0;top:0;bottom:0;width:100%;z-index:400;transform:translateX(-100%);transition:transform .3s}
  #sidebar.show{transform:translateX(0)}
  #map{width:100%}
  
  #detail-panel{width:100%;max-width:100%}
  
  .mobile-tabs{display:flex;position:absolute;bottom:0;left:0;right:0;height:48px;background:var(--bg-panel);border-top:1px solid var(--border);z-index:3000}
  .mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--text-muted);cursor:pointer;transition:color .15s}
  .mobile-tab.active{color:var(--accent-light)}
  .mobile-tab svg{width:20px;height:20px}
  
  #main{padding-bottom:48px}
  
  .modal{width:92vw;border-radius:10px}
}

/* ====== 移动�?：故障列表页 ====== */
#faults-view{display:none;position:absolute;top:52px;left:0;right:0;bottom:0;background:var(--bg-dark);z-index:300;overflow-y:auto;padding-bottom:48px}
#faults-view.active{display:block}
.fault-list-header{padding:12px 16px;font-size:15px;font-weight:600;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-dark);z-index:5}
.fault-card{margin:10px;background:var(--bg-panel);border-radius:8px;padding:14px;border:1px solid var(--border)}
.fault-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.fault-card-title{font-size:14px;font-weight:500}
.fault-card-status{font-size:11px;padding:2px 8px;border-radius:3px}
.fault-card-status.待�?�理{background:rgba(255,82,82,.15);color:var(--red)}
.fault-card-status.已闭环{background:rgba(0,230,118,.15);color:var(--green)}
.fault-card-info{font-size:12px;color:var(--text-muted);line-height:1.5}
.fault-card-actions{margin-top:10px;display:flex;gap:8px}
.fault-card-btn{padding:6px 14px;border-radius:6px;font-size:12px;cursor:pointer;border:none}
.fault-card-btn.close{background:var(--green);color:#000}
.fault-card-btn.view{background:var(--bg-dark);color:var(--text-secondary);border:1px solid var(--border-light)}

/* ====== 移动�?：我�? ====== */
#me-view{display:none;position:absolute;top:52px;left:0;right:0;bottom:0;background:var(--bg-dark);z-index:300;overflow-y:auto;padding:16px;padding-bottom:48px}
#me-view.active{display:block}
.me-card{background:var(--bg-panel);border-radius:10px;padding:20px;margin-bottom:12px;border:1px solid var(--border)}
.me-card-title{font-size:13px;color:var(--text-secondary);margin-bottom:10px}
.me-stat{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;border-bottom:1px solid var(--border)}
.me-stat:last-child{border-bottom:none}
.me-stat .ms-value{color:var(--accent-light);font-weight:600}

/* ====== 工具提示 ====== */
.toast{position:fixed;top:60px;left:50%;transform:translateX(-50%) translateY(-20px);background:var(--bg-panel);color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;z-index:5000;opacity:0;transition:all .3s;border:1px solid var(--border-light);box-shadow:0 4px 20px rgba(0,0,0,.3)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast.success{border-color:var(--green)}
.toast.error{border-color:var(--red)}

/* ====== 空状�? ====== */
.empty-state{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:14px}

/* ========== ��Դһ��ͼ������/�⽻/��֣� ========== */
.res-tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.res-tab{flex:1;min-width:64px;text-align:center;padding:7px 4px;border-radius:8px;background:var(--bg2,#f2f3f5);font-size:12px;font-weight:600;color:var(--text-secondary,#4e5969);cursor:pointer;transition:all .15s;white-space:nowrap}
.res-tab.active{background:linear-gradient(135deg,#1677ff,#4e9bff);color:#fff;box-shadow:0 2px 8px rgba(22,119,255,.3)}
.add-res-btn{width:100%;margin-top:10px;padding:10px;border:none;border-radius:8px;background:linear-gradient(135deg,#0B6B6B,#17A08C);color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(11,107,107,.25)}
.add-res-btn:hover{opacity:.92}

/* ��ͼͼ�� */
.map-legend{position:absolute;left:12px;bottom:28px;z-index:800;background:rgba(255,255,255,.92);border-radius:8px;padding:8px 10px;font-size:11px;color:#4e5969;box-shadow:0 2px 10px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:4px}
.map-legend span{display:flex;align-items:center;gap:6px}
.lg-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.lg-dot.st{background:#00b42a}
.lg-dot.rm{background:#f77234}
.lg-dot.otf{background:#1677ff}
.lg-dot.odb{background:#a855f7}

/* ��Դ��λͼ�� */
.res-pin{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;border-radius:6px;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.res-pin.rm{background:linear-gradient(135deg,#f77234,#ff9a5c);border-radius:50%}
.res-pin.otf{background:linear-gradient(135deg,#1677ff,#5b8ff9);border-radius:4px}
.res-pin.odb{background:linear-gradient(135deg,#f77234,#d3385c)}
.res-pin.off{filter:grayscale(.8);opacity:.7}
/* ����ͳ��ɫ�� */
.stat-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:1px}
.stat-dot.st{background:#23b42a}
.stat-dot.rm{background:#f77234}
.stat-dot.otf{background:#1677ff}
.stat-dot.odb{background:#a855f6}

/* ====== 管理员全屏页（质检中心/数据看板） ====== */
.admin-view{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-dark);z-index:2500;overflow-y:auto;display:none}
.admin-view.active{display:block}
.admin-view-inner{max-width:960px;margin:0 auto;padding:20px 16px 60px}
.qc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:sticky;top:0;background:var(--bg-dark);z-index:5;padding:10px 0}
.qc-title{font-size:19px;font-weight:700}
.qc-actions{display:flex;gap:8px;align-items:center}
.qc-summary{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.qc-summary.small{max-width:420px}
.qc-summary .as-item{min-width:96px}
.qc-pattern{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:10px}
.qc-pattern.ok{border-left:4px solid var(--green);color:var(--text-secondary)}
.qp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.qp-title{font-size:14px;font-weight:700}
.qp-count{font-size:12px;color:var(--text-muted);background:rgba(0,0,0,.1);border-radius:9px;padding:2px 10px}
.qp-desc{font-size:12px;color:var(--text-secondary);margin-bottom:6px}
.qp-link{font-size:12px;color:var(--accent-light);cursor:pointer;text-decoration:underline}
.qc-card{background:var(--bg-panel);border-radius:8px;padding:12px 14px;margin-bottom:10px;border:1px solid var(--border);transition:opacity .2s}
.qc-card.warn{border-left:3px solid var(--orange)}
.qc-card.danger{border-left:3px solid var(--red)}
.qcc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.qcc-station{font-size:14px;font-weight:600}
.qcc-score{font-size:15px;font-weight:700;color:var(--red)}
.qc-card.warn .qcc-score{color:var(--orange)}
.qcc-info{font-size:11px;color:var(--text-muted);margin-bottom:6px}
.qcc-flags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.qcc-flags span{font-size:11px;padding:2px 8px;border-radius:3px;background:rgba(255,82,82,.12);color:var(--red)}
.qc-card.warn .qcc-flags span{background:rgba(255,171,64,.12);color:var(--orange)}
.qcc-foot{display:flex;gap:8px;align-items:center}
.qc-btn{padding:5px 14px;border-radius:5px;font-size:12px;cursor:pointer;border:none}
.qc-btn.ok{background:rgba(0,230,118,.15);color:var(--green);border:1px solid rgba(0,230,118,.3)}
.qc-btn.bad{background:rgba(255,82,82,.15);color:var(--red);border:1px solid rgba(255,82,82,.3)}
.qc-btn.exp{background:rgba(25,118,210,.15);color:var(--accent-light);border:1px solid rgba(25,118,210,.3);text-decoration:none}
.qc-review{font-size:12px;padding:2px 12px;border-radius:5px;font-weight:600}
.qc-review.confirmed{background:rgba(255,82,82,.2);color:var(--red)}
.qc-review.cleared{background:rgba(0,230,118,.15);color:var(--green)}
.dash-section{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:14px}
.dash-title{font-size:14px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.dash-sub{font-size:12px;color:var(--text-muted);font-weight:400}
.dash-sec-title{font-size:13px;font-weight:600;color:var(--accent-light);margin-bottom:10px}
.trend-bars{display:flex;gap:3px;align-items:flex-end;height:110px;overflow-x:auto;padding-top:10px}
.trend-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:20px;flex:1}
.trend-bar{width:14px;background:var(--accent);border-radius:3px 3px 0 0;min-height:4px;transition:height .3s}
.trend-day{font-size:9px;color:var(--text-muted);margin-top:4px;white-space:nowrap}
.town-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.town-name{font-size:12px;color:var(--text-secondary);min-width:80px}
.town-bar-track{flex:1;height:10px;background:var(--bg-dark);border-radius:5px;overflow:hidden}
.town-bar{height:100%;border-radius:5px;min-width:2px}
.town-val{font-size:11px;color:var(--text-muted);min-width:96px;text-align:right}

/* ====== 一线快速巡检 ====== */
.quick-panel{padding:12px;background:linear-gradient(135deg,rgba(25,118,210,.12),rgba(25,118,210,.04));border:1px solid rgba(25,118,210,.25);border-radius:8px;margin-bottom:14px}
.quick-title{font-size:14px;font-weight:700;color:var(--accent-light);margin-bottom:4px}
.quick-hint{font-size:11px;color:var(--text-muted);margin-bottom:10px}
.quick-actions{display:flex;gap:8px}
.quick-submit{flex:2;padding:11px;border:none;border-radius:6px;background:var(--green);color:#000;font-size:14px;font-weight:700;cursor:pointer}
.quick-detail{flex:1;padding:11px;border-radius:6px;background:var(--bg-dark);color:var(--text-secondary);border:1px solid var(--border-light);font-size:12px;cursor:pointer}
.quick-submit:active,.quick-detail:active{opacity:.8}
.audit-btn.qc{background:rgba(156,39,176,.15);color:#ce93d8;border-color:rgba(156,39,176,.3)}
.audit-btn.qc:hover{background:rgba(156,39,176,.25)}
.audit-btn.dash{background:rgba(25,118,210,.12);color:var(--accent-light);border-color:rgba(25,118,210,.3)}
.audit-btn.dash:hover{background:rgba(25,118,210,.22)}
.audit-btn.region{background:rgba(0,200,83,.12);color:var(--green);border-color:rgba(0,200,83,.3)}
.audit-btn.region:hover{background:rgba(0,200,83,.22)}
.audit-btn.region.active{background:var(--green);color:#000}

/* 数据采集按钮 */
.detail-btn.collect{background:rgba(0,200,83,.15);color:var(--green);border:1px solid rgba(0,200,83,.3)}

/* 数据采集表单分组 */
.collect-group{margin-bottom:14px;padding:12px;background:var(--bg-dark);border-radius:8px;border:1px solid var(--border)}
.collect-group-title{font-size:12px;color:var(--accent-light);font-weight:600;margin-bottom:8px;letter-spacing:1px}
.collect-group .edit-form{grid-template-columns:1fr 1fr}

/* 地图区域划片提示 */
.region-tip{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:900;background:rgba(13,21,33,.95);color:#fff;padding:10px 20px;border-radius:8px;font-size:13px;border:1px solid var(--accent);box-shadow:0 2px 12px rgba(0,0,0,.4);white-space:nowrap}

/* 区域预览列表 */
.region-preview-list{max-height:300px;overflow-y:auto;margin-bottom:10px}
.region-preview-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--bg-dark);border-radius:6px;margin-bottom:4px;font-size:12px}

/* ====== 停电发电管理 ====== */
.audit-btn.outage{background:rgba(255,152,0,.12);color:#ffb74d;border-color:rgba(255,152,0,.3)}
.audit-btn.outage:hover{background:rgba(255,152,0,.22)}
.audit-btn.route{background:rgba(0,188,212,.12);color:#4dd0e1;border-color:rgba(0,188,212,.3)}
.audit-btn.route:hover{background:rgba(0,188,212,.22)}
.audit-btn.wo{background:rgba(255,193,7,.12);color:#ffc107;border-color:rgba(255,193,7,.3)}
.audit-btn.wo:hover{background:rgba(255,193,7,.22)}
.ops-filter{display:flex;gap:6px;margin-bottom:12px}
.ops-ft{padding:5px 14px;border-radius:5px;background:var(--bg-dark);color:var(--text-muted);border:1px solid var(--border-light);font-size:12px;cursor:pointer}
.ops-ft.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.ops-card{background:var(--bg-panel);border-radius:8px;padding:12px 14px;margin-bottom:10px;border:1px solid var(--border)}
.ops-card.active{border-left:3px solid var(--orange)}
.ops-status{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600}
.ops-status.on{background:rgba(255,152,0,.2);color:#ffb74d}
.ops-status.off{background:rgba(0,230,118,.15);color:var(--green)}
.ops-actions{display:flex;gap:6px;margin-top:8px}
.bat-bar-wrap{margin:8px 0;position:relative;height:24px}
.bat-bar{height:8px;border-radius:4px;background:var(--green);transition:width .5s}
.bat-bar.warn{background:var(--orange)}
.bat-bar.crit{background:var(--red);animation:dot-blink 1s infinite}
.bat-text{font-size:11px;color:var(--text-secondary);display:block;margin-top:2px}
.bat-text.crit{color:var(--red);font-weight:700}

/* ====== 告警铃铛 ====== */
.alert-bell{position:relative;cursor:pointer;font-size:18px;padding:4px 8px;margin-left:14px;transition:transform .15s}
.alert-bell:hover{transform:scale(1.15)}
.alert-bell.urgent{animation:pulse-red 1.5s infinite}
.alert-badge{position:absolute;top:-2px;right:-2px;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.alert-panel{position:absolute;top:52px;right:60px;width:360px;max-height:500px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.4);z-index:3500;display:none;overflow-y:auto}
.alert-panel.open{display:block}
.ap-head{padding:12px 16px;font-size:14px;font-weight:600;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--bg-panel);z-index:5}
.ap-check{font-size:11px;padding:4px 10px;border-radius:5px;background:rgba(25,118,210,.15);color:var(--accent-light);border:1px solid rgba(25,118,210,.3);cursor:pointer}
.ap-list{padding:8px}
.ap-item{padding:10px;border-radius:8px;margin-bottom:6px;background:var(--bg-dark);border-left:3px solid var(--text-muted)}
.ap-item.danger{border-left-color:var(--red);background:rgba(255,82,82,.06)}
.ap-item.warn{border-left-color:var(--orange);background:rgba(255,171,64,.06)}
.ap-item.info{border-left-color:var(--accent-light)}
.api-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.api-type{font-size:11px;color:var(--text-muted)}
.api-level{font-size:10px;padding:1px 6px;border-radius:3px;font-weight:600}
.api-level.danger{background:rgba(255,82,82,.2);color:var(--red)}
.api-level.warn{background:rgba(255,171,64,.2);color:var(--orange)}
.api-level.info{background:rgba(25,118,210,.15);color:var(--accent-light)}
.api-time{font-size:10px;color:var(--text-muted);margin-left:auto}
.api-title{font-size:13px;font-weight:600;margin-bottom:2px}
.api-content{font-size:11px;color:var(--text-secondary);margin-bottom:6px}
.api-ack{font-size:11px;padding:3px 12px;border-radius:4px;background:rgba(0,230,118,.15);color:var(--green);border:1px solid rgba(0,230,118,.3);cursor:pointer}
.api-done{font-size:11px;color:var(--text-muted)}

/* ====== 巡检路线规划 ====== */
.route-intro{font-size:13px;color:var(--text-secondary);padding:10px 14px;background:rgba(25,118,210,.06);border-radius:6px;margin-bottom:12px}
.route-selector{display:flex;flex-direction:column;gap:10px}
.route-search{display:flex;gap:8px;margin-bottom:8px}
.route-search .search-box{flex:1}
.route-list{max-height:500px;overflow-y:auto;border:1px solid var(--border);border-radius:8px}
.route-group{padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-dark);display:flex;align-items:center;gap:6px;position:sticky;top:0}
.rg-dot{width:8px;height:8px;border-radius:50%}
.route-item{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 24px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}
.route-item:hover{background:var(--bg-hover)}
.route-item.checked{background:rgba(25,118,210,.1)}
.ri-check{font-size:16px;color:var(--text-muted)}
.route-item.checked .ri-check{color:var(--accent)}
.ri-name{font-size:13px}
/* 路线结果时间线 */
.route-timeline{margin-top:16px}
.rt-item{display:flex;align-items:flex-start;gap:12px}
.rt-marker{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 6px rgba(0,0,0,.3)}
.rt-body{flex:1;padding-bottom:12px}
.rt-name{font-size:14px;font-weight:600}
.rt-info{font-size:11px;color:var(--text-muted);margin-top:2px}
.rt-dist{font-size:11px;color:var(--accent-light);margin-top:4px}
.rt-connector{width:2px;height:20px;background:var(--border-light);margin-left:13px;margin-top:-4px;margin-bottom:-4px}

/* ====== 工单管理 ====== */
.wo-card{background:var(--bg-panel);border-radius:8px;padding:12px 14px;margin-bottom:10px;border:1px solid var(--border)}
.wo-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.wo-id{font-size:12px;color:var(--text-muted);font-weight:700}
.wo-title{font-size:14px;font-weight:600;flex:1}
.wo-pri{font-size:10px;padding:1px 6px;border-radius:3px;font-weight:600}
.wo-pri.danger{background:rgba(255,82,82,.2);color:var(--red)}
.wo-pri.warn{background:rgba(255,171,64,.2);color:var(--orange)}
.wo-pri.info{background:rgba(25,118,210,.15);color:var(--accent-light)}
.wo-status{font-size:12px;font-weight:600}
.wo-info{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.wo-tag{font-size:11px;padding:2px 8px;border-radius:4px;background:var(--bg-dark);color:var(--text-secondary);border:1px solid var(--border-light)}
.wo-desc{font-size:12px;color:var(--text-secondary);margin-bottom:6px;line-height:1.5;padding:8px;background:var(--bg-dark);border-radius:6px}
.wo-assignee{font-size:12px;color:var(--accent-light);margin-bottom:4px}
.wo-time{font-size:11px;color:var(--text-muted)}
.wo-actions{display:flex;gap:6px;margin-top:8px}