/* 钢铁战线 Steel Front — 界面样式（全部本地化，无外部资源） */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden}
body{display:flex;flex-direction:column;background:#0e141b;color:#d7e0ea;font:14px/1.5 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;user-select:none}
#topbar{display:flex;align-items:center;gap:18px;padding:0 14px;height:50px;background:linear-gradient(#1c2733,#141c26);border-bottom:1px solid #2b3947;flex:none}
.brand{font-weight:700;font-size:17px;letter-spacing:1px;color:#e8f0f8;white-space:nowrap}
.brand span{font-size:11px;color:#7f97ad;margin-left:6px;letter-spacing:2px}
.stat{font-size:13px;color:#9fb4c8;white-space:nowrap}
.stat b{color:#ffd76a;font-size:15px}
.bhp{display:flex;align-items:center;gap:6px;font-size:12px;color:#9fb4c8;white-space:nowrap}
.bar{width:110px;height:10px;background:#0a0f14;border:1px solid #31404f;border-radius:5px;overflow:hidden}
.bar span{display:block;height:100%;width:100%;background:#3d7dd8;transition:width .3s}
.bar span.r{background:#d84b3d}
#clock{margin-left:auto;font-variant-numeric:tabular-nums;color:#cfe0ef}
#btnHelp,#btnMap{background:#22303e;border:1px solid #3a4c5f;color:#cfe0ef;border-radius:6px;padding:5px 12px;cursor:pointer}
#btnHelp:hover,#btnMap:hover{background:#2c3d4e}
#btnMap{color:#9fd8a8}
#main{flex:1;display:flex;min-height:0}
#side{width:236px;flex:none;background:#121a23;border-right:1px solid #26333f;display:flex;flex-direction:column;overflow:hidden}
#side section{padding:10px 12px;border-bottom:1px solid #1e2a35}
#side section.grow{flex:1;overflow-y:auto}
#side h3{font-size:12px;color:#6f8ba3;letter-spacing:2px;margin-bottom:8px;font-weight:600}
#dep{display:flex;flex-direction:column;gap:6px}
.depbtn{display:flex;align-items:center;gap:8px;background:#182531;border:1px solid #2c3f52;border-radius:8px;padding:7px 9px;color:#d7e0ea;cursor:pointer;text-align:left;width:100%}
.depbtn:hover{background:#1f3040;border-color:#3d5a77}
.depbtn .ic{font-size:18px;width:22px;text-align:center}
.depbtn .nm{flex:1;font-size:13px}
.depbtn .nm small{display:block;color:#7f97ad;font-size:11px;font-weight:400}
.depbtn .cost{color:#ffd76a;font-size:12px;font-weight:700}
.depbtn.poor{opacity:.45}
.depbtn .key{background:#0e1720;border:1px solid #33465a;border-radius:4px;padding:0 5px;font-size:11px;color:#8fa8bf}
#info{font-size:12px;color:#a7bccf;min-height:64px;white-space:pre-line}
#log{list-style:none;overflow-y:auto;font-size:12px;color:#93a9bd}
#log li{padding:1px 0;border-bottom:1px dashed #1c2733}
#log li.f0{color:#8db6ee}
#log li.f1{color:#ef9a8d}
#cvwrap{flex:1;position:relative;background:#0d1218;min-width:0}
#cv{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}
#miniwrap{position:absolute;right:12px;bottom:12px;border:1px solid #3a4c5f;border-radius:6px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.5)}
#mini{display:block;cursor:pointer}
#tip{position:absolute;left:12px;bottom:12px;background:rgba(10,16,22,.72);border:1px solid #2c3f52;border-radius:6px;padding:4px 10px;font-size:12px;color:#9fb4c8;pointer-events:none}
.ovl{position:fixed;inset:0;background:rgba(5,9,13,.78);display:flex;align-items:center;justify-content:center;z-index:50}
.ovl.hid{display:none}
.panel{background:#141e29;border:1px solid #33465a;border-radius:12px;padding:26px 30px;max-width:580px;box-shadow:0 10px 40px rgba(0,0,0,.6)}
.panel h1{font-size:20px;margin-bottom:12px;color:#e8f0f8}
.panel table{border-collapse:collapse;font-size:13px;color:#a7bccf;margin:8px 0 14px}
.panel td{padding:3px 10px 3px 0;border-bottom:1px dashed #243240}
.panel td.k{color:#ffd76a;white-space:nowrap}
.panel p{font-size:13px;color:#9fb4c8;margin-bottom:10px}
.panel .btn{background:#2c62a8;border:none;color:#fff;border-radius:8px;padding:9px 22px;font-size:14px;cursor:pointer}
.panel .btn:hover{background:#3878c6}
#ovTitle{font-size:26px;text-align:center}
#ovSub{text-align:center;color:#9fb4c8;margin:10px 0 18px}
#over .panel{text-align:center}