@charset "utf-8";
/* 明泉市第三水文监测站 · 内部网络 —— 样式表 */

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:#e8e8e3;
  color:#22262a;
  font:14px/1.75 "宋体",SimSun,"Songti SC",serif;
  -webkit-font-smoothing:antialiased;
}
a{color:#1c5a8a}
a:visited{color:#6b4a7a}
hr{border:0;border-top:1px solid #c6c6be;margin:18px 0}

.wrap{max-width:1080px;margin:0 auto;padding:0 18px 60px}

/* ---------- 顶栏 ---------- */
.masthead{
  background:#2f3a42;color:#d8dcd6;border-bottom:3px solid #1d252b;
}
.masthead .wrap{padding-top:14px;padding-bottom:12px}
.mh-t{font-size:20px;letter-spacing:2px;margin:0 0 2px}
.mh-s{font-size:12px;color:#9aa39b;letter-spacing:1px}
.mh-bar{
  margin-top:10px;padding-top:8px;border-top:1px solid #46525b;
  font-size:12px;color:#8c968f;
  display:flex;gap:16px;flex-wrap:wrap;
}
.mh-bar b{color:#c9d2cb;font-weight:normal}

nav.crumbs{
  background:#d5d5cd;border-bottom:1px solid #bdbdb4;
  font-size:12px;
}
nav.crumbs .wrap{padding:6px 18px;color:#5a5f58}
nav.crumbs a{margin-right:6px}

/* ---------- 通用面板 ---------- */
.panel{
  background:#f4f4ef;border:1px solid #c2c2b8;margin:16px 0;
}
.panel>h2{
  margin:0;padding:8px 14px;font-size:14px;font-weight:normal;
  background:#dcdcd4;border-bottom:1px solid #c2c2b8;letter-spacing:1px;
}
.panel .bd{padding:14px}
.panel .bd.tight{padding:10px 14px}
.muted{color:#7a7a70;font-size:12px}
.small{font-size:12px}
.right{text-align:right}

.grid2{display:flex;gap:16px;flex-wrap:wrap}
.grid2>*{flex:1 1 380px;min-width:0}

/* ---------- 公告 ---------- */
ul.notices{margin:0;padding:0 0 0 18px}
ul.notices li{margin:6px 0}
.tag{
  display:inline-block;min-width:52px;text-align:center;
  background:#59636b;color:#f0f0ea;font-size:11px;padding:1px 6px;margin-right:8px;
}

/* ---------- FAQ ---------- */
details.faq{border-top:1px dashed #c8c8bf;padding:6px 0}
details.faq summary{cursor:pointer;color:#1c5a8a;font-size:13px}
details.faq .ans{
  margin:6px 0 8px;padding:8px 12px;background:#ececE5;background:#ecece5;
  border-left:3px solid #9aa39b;font-size:13px;color:#3a3f38;
}
details.faq code{
  font-family:Consolas,Monaco,monospace;background:#deded6;padding:0 3px;
}

/* ---------- 值班表 ---------- */
table.rt{border-collapse:collapse;width:100%;font-size:13px}
table.rt th,table.rt td{border:1px solid #b9b9b0;padding:5px 6px;text-align:center}
table.rt th{background:#dcdcd4;font-weight:normal;font-size:12px;color:#4a4f48}
table.rt td.cell{background:#fbfbf7}
table.rt td.night{color:#f0f0e8}
.legend{margin-top:10px;font-size:12px;color:#6a6f66;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.legend .sw{padding:1px 8px;color:#f0f0e8;font-size:11px}
.legend .sw.a{background:#fbfbf7;color:#4a4f48;border:1px solid #b9b9b0}
.legend .sw.b{background:#e2e2da;color:#4a4f48;border:1px solid #b9b9b0}
.legend .sw.c{background:rgb(120,120,60);border:1px solid #b9b9b0}
#rosterNote{margin-top:6px;font-size:12px;color:#7a6a3a}
#z82db926f{font-size:12px;color:#1c7a3a;margin-left:8px}

/* ---------- 日志 ---------- */
.cnt{font-size:12px;color:#7a7a70;margin-bottom:6px}
.logrow{border-bottom:1px dashed #cbcbc2;padding:6px 0}
.loghd{display:flex;gap:12px;align-items:baseline}
.ld{font-family:Consolas,Monaco,monospace;font-size:12px;color:#5a6a7a;min-width:84px}
.lt{flex:1}
.cecho{margin:6px 0 4px 0;padding:8px 12px;background:#26292b;color:#c9d2cb;
  font-family:Consolas,Monaco,monospace;font-size:13px;letter-spacing:.5px}
.elabel{font-size:11px;color:#8a9aa0;margin-bottom:4px;font-family:"宋体",SimSun,serif}
.ebody{word-break:break-all;line-height:1.9}
.fmtnote{font-size:12px;color:#5a5f58;background:#ecece5;padding:8px 12px;border-left:3px solid #9aa39b}
.fmtnote ol{margin:6px 0 0;padding-left:20px}
.fmtnote li{margin:3px 0}

/* ---------- 员工卡 ---------- */
.card{border:1px solid #c6c6bd;background:#fbfbf7;margin:10px 0}
.ch{display:flex;justify-content:space-between;align-items:baseline;
  padding:6px 12px;background:#e4e4dc;border-bottom:1px solid #d0d0c7}
.cn{font-size:15px}
.ci{font-family:Consolas,Monaco,monospace;font-size:12px;color:#6a6f66}
.cm{padding:6px 12px;font-size:12px;color:#4a4f48;display:flex;gap:20px;flex-wrap:wrap}
.cnote{padding:8px 12px;font-size:13px;color:#3a3f38;border-top:1px dashed #d4d4cb;background:#f6f6f1}
.none{padding:14px;color:#8a8a80;font-size:13px}

/* ---------- 表单行 ---------- */
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
input[type=text]{
  font:13px/1.6 Consolas,Monaco,monospace;padding:5px 8px;
  border:1px solid #b4b4ab;background:#fffdf6;color:#22262a;min-width:180px;
}
input[type=text]:focus{outline:none;border-color:#1c5a8a}
button{
  font:13px/1.6 "宋体",SimSun,serif;padding:5px 14px;cursor:pointer;
  border:1px solid #7d8890;background:#dfe3e0;color:#2a2f28;
}
button:hover:not(:disabled){background:#cfd5d1}
button:disabled{opacity:.5;cursor:not-allowed}
.dead{color:#9a9a90;text-decoration:line-through;cursor:default}

/* ---------- 台账 ---------- */
table.ltab{border-collapse:collapse;width:100%;font-size:12.5px}
table.ltab th,table.ltab td{border:1px solid #cbcbc2;padding:4px 7px}
table.ltab th{background:#dcdcd4;font-weight:normal;font-size:12px}
table.ltab td.ccab{font-family:Consolas,Monaco,monospace;text-align:center}
table.ltab td.cdst{color:#2c4a2c}
table.ltab tr:nth-child(even) td{background:#f7f7f2}

/* ---------- 蓝图 ---------- */
svg.bp{width:100%;height:auto;background:#fbfbf7;border:1px solid #c6c6bd}
svg.bp .frame{fill:none;stroke:#b0b0a6;stroke-width:1}
svg.bp .water{fill:#dfe8ee;stroke:#a8bcc8}
svg.bp .bld{fill:#e2e2da;stroke:#9a9a90}
svg.bp .road{stroke:#c6c6bc;stroke-width:6;fill:none}
svg.bp text{font-size:12px;fill:#3a3f38;font-family:"宋体",SimSun,serif}
svg.bp .pt{cursor:pointer}
svg.bp .pt circle{fill:#e8e8e3;stroke:#7d8890;stroke-width:1.5}
svg.bp .pt:hover circle{fill:#cfd5d1}
svg.bp .pt.on circle{fill:#c8442f;stroke:#8c2c1c}
svg.bp .pt.on text{fill:#8c2c1c}
#z409fd2f4{margin-top:10px;font-family:Consolas,Monaco,monospace;font-size:13px;color:#5a3a2a;min-height:22px}

/* ---------- 电台 ---------- */
.dial{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0}
input[type=range]{width:320px;accent-color:#59636b}
#zaa57b747{font-family:Consolas,Monaco,monospace;font-size:14px;min-width:230px}
.sigwrap{height:14px;background:#d8d8d0;border:1px solid #b4b4ab;position:relative;margin:8px 0}
#z0afd0259{height:100%;background:linear-gradient(90deg,#8a9aa0,#c8442f);width:0;transition:width .08s}
.rxlist{margin:8px 0;font-family:Consolas,Monaco,monospace;font-size:15px;letter-spacing:1px}
.rxhz{color:#8c2c1c;font-weight:bold}
.rxsep{color:#a0a098;margin:0 6px}
.rxnote{font-size:12px;color:#5a5f58}
table.ltt{border-collapse:collapse;font-size:12.5px;margin-top:6px}
table.ltt th,table.ltt td{border:1px solid #cbcbc2;padding:3px 12px;text-align:center}
table.ltt th{background:#dcdcd4;font-weight:normal}
table.ltt td.mono{font-family:Consolas,Monaco,monospace;font-weight:bold}

/* ---------- 轮换表 ---------- */
table.rott{border-collapse:collapse;width:100%;font-size:12.5px}
table.rott th,table.rott td{border:1px solid #c6c6bd;padding:4px 8px;text-align:center}
table.rott th{background:#dcdcd4;font-weight:normal}
table.rott td{cursor:default}
table.rott td.ok{background:#2f7a3a;color:#f0f6f0}
table.rott td.no{background:#a33;color:#fff}
#z554bf1c1{font-size:13px;color:#5a3a2a;min-height:22px;margin-top:8px}
#z390e59f1{margin-top:10px;padding:8px 12px;background:#26292b;color:#c9d2cb;font-size:13px}
#z390e59f1:empty{display:none}
#zeee21ccf{margin-top:8px;font-size:12px;color:#8a5a3a;font-style:italic}

/* ---------- 记录仪 ---------- */
.slot{display:flex;justify-content:space-between;padding:8px 12px;border:1px solid #c6c6bd;
  background:#fbfbf7;margin:6px 0;font-size:13px}
.slot .sl{color:#6a6f66;min-width:56px}
.slot .sv{font-family:Consolas,Monaco,monospace;color:#9a9a90}
.slot.on{background:#eef3ee;border-color:#7aa87a}
.slot.on .sv{color:#1f4a1f;font-weight:bold}
#z1fd2e471{font-size:13px;color:#4a4f48;margin:10px 0}
#ze7d5e651{margin-top:10px;font-family:Consolas,Monaco,monospace;font-size:13px;color:#1c5a8a}

/* ---------- 结局 ---------- */
body.theme-end{background:#121415;color:#c9d2cb}
body.theme-end .masthead{background:#0d0f10;border-bottom-color:#000}
body.theme-end nav.crumbs{background:#1a1d1e;border-bottom-color:#000;color:#6a7268}
body.theme-end nav.crumbs a{color:#7a9aa8}
body.theme-end .panel{background:#1a1d1e;border-color:#2c3033}
body.theme-end .panel>h2{background:#141718;border-bottom-color:#2c3033;color:#c9d2cb}
.theme-end #z72bb5115 p{margin:0 0 14px;line-height:2}
.theme-end #z72bb5115 h3{color:#e8e0c8;font-size:16px;margin:22px 0 10px;font-weight:normal}
.theme-end #z72bb5115 hr{border-top-color:#2c3033}
.deny{color:#c8442f;font-family:Consolas,Monaco,monospace;margin-bottom:14px}
.kv{display:flex;gap:14px;font-size:13px;margin:5px 0;
  font-family:Consolas,Monaco,monospace}
.kv .k{color:#7a8278;min-width:88px}
.kv .v{color:#c9d2cb}
.warn{margin-top:18px;padding:10px 14px;border-left:3px solid #c8442f;
  background:#241718;color:#e8b0a4;font-size:13px}
.btn{display:inline-block;padding:6px 16px;border:1px solid #7d8890;
  background:#2a2f2c;color:#c9d2cb;text-decoration:none;font-size:13px}

/* ---------- 提示条 ---------- */
.flash{
  position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(24px);
  background:#2f3a42;color:#e8e8e0;padding:9px 20px;font-size:13px;
  opacity:0;pointer-events:none;transition:.22s;z-index:99;
  border-left:3px solid #7aa87a;max-width:88vw;
}
.flash.on{opacity:1;transform:translateX(-50%) translateY(0)}
.flash.bad{border-left-color:#c8442f}

/* ---------- 页脚 ---------- */
footer{margin-top:26px;padding-top:12px;border-top:1px solid #c6c6be;
  font-size:12px;color:#7a7a70;line-height:1.9}

@media (max-width:720px){
  .mh-t{font-size:17px}
  input[type=range]{width:100%}
  table.rt{font-size:11px}
  table.rt th,table.rt td{padding:3px 2px}
  .grid2>*{flex:1 1 100%}
}