/* ====== 76 宿舍水电分摊 · 楼道薄荷绿 + 电表荧光 ====== */
.dus{
  --bg:#edf3f0; --bg2:#e1ebe6; --card:#fff; --card2:#f5faf8;
  --ink:#10201a; --sub:#38493f; --faint:#7b8d84; --line:#d2e2da; --line2:#e4efea;
  --mint:#2f8f6b; --mint-d:#1c6a4e; --mint-soft:#dcefe6;
  --lime:#8ee06b; --amber:#c98a2c; --rose:#b3524a;
  --shadow-sm:0 1px 2px rgba(16,32,26,.05),0 7px 18px rgba(16,32,26,.05);
  --shadow:0 2px 8px rgba(16,32,26,.07),0 22px 48px rgba(16,32,26,.10);
  --r:20px; --r-sm:13px;
  background:
    radial-gradient(760px 340px at -6% -10%, rgba(47,143,107,.10), transparent 60%),
    repeating-linear-gradient(135deg,rgba(47,143,107,.022) 0 2px,transparent 2px 18px),
    var(--bg);
}
:root[data-theme="dark"] .dus{
  --bg:#0b1210; --bg2:#101a17; --card:#15201c; --card2:#1a2622;
  --ink:#e6f2ec; --sub:#a1b5ac; --faint:#6a7d75; --line:#27362f; --line2:#1d2925;
  --mint:#63c49c; --mint-d:#8fdcba; --mint-soft:rgba(99,196,156,.13);
  --amber:#dfae5c; --rose:#d47a70;
}

.dus-hero{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:30px;padding:30px 0 24px;align-items:start;}
.dus-hero-l .tsk-h1 b{color:var(--mint-d);}

/* 电表卡（始终深色，像实体电表） */
.dus-meter{background:linear-gradient(165deg,#212c27,#151d1a 60%,#101715);border:1px solid #2c3a34;border-radius:var(--r);box-shadow:0 22px 50px rgba(8,16,13,.35),0 1px 0 rgba(255,255,255,.08) inset;padding:18px 20px 20px;color:#dbe9e2;}
.dus-meter-top{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.14em;color:#8fa89c;text-transform:uppercase;}
.dus-led{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px rgba(142,224,107,.9);animation:dusBlink 2.4s infinite;}
@keyframes dusBlink{0%,18%{opacity:1}40%,100%{opacity:.25}}
.dus-digits{display:flex;align-items:baseline;gap:8px;margin:10px 0 14px;padding:12px 14px;border-radius:10px;background:#0a110e;border:1px solid #243029;box-shadow:0 3px 12px rgba(0,0,0,.5) inset;}
.dus-digits b{font:800 34px/1 ui-monospace,"Consolas",monospace;color:var(--lime);letter-spacing:.06em;text-shadow:0 0 14px rgba(142,224,107,.45);font-variant-numeric:tabular-nums;}
.dus-digits small{font-size:10px;font-weight:800;color:#6f887b;letter-spacing:.16em;}
.dus-meter-body label{display:block;font-size:11px;font-weight:700;color:#9fb3a9;margin-top:10px;}
.dus-meter-body input,.dus-meter-body select{width:100%;height:35px;margin-top:4px;padding:0 10px;border:1px solid #33443c;border-radius:8px;background:#1b2622;color:#e4f1ea;font:700 13px/35px var(--num,"Bahnschrift",monospace);outline:none;}
.dus-meter-body select{font-family:inherit;}
.dus-meter-body input:focus,.dus-meter-body select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(142,224,107,.16);}
.dus-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.dus-people{margin-top:12px;padding-top:10px;border-top:1px dashed #2e3d36;display:grid;gap:6px;}
.dus-prow{display:grid;grid-template-columns:76px 1fr 1fr;gap:8px;align-items:center;}
.dus-prow span{font-size:11px;font-weight:800;color:#9fb3a9;}
.dus-prow input{height:30px;font-size:12px;line-height:30px;text-align:center;}
.dus-prow input.dus-name{text-align:left;font-family:inherit;font-weight:700;}
.dus-people-head{display:grid;grid-template-columns:76px 1fr 1fr;gap:8px;font-size:9.5px;font-weight:800;letter-spacing:.08em;color:#6f887b;}
.dus-meter .tsk-btn-main{background:var(--lime);border-color:var(--lime);color:#0c1a13;font-weight:800;}
.dus-meter .tsk-btn-main:hover{background:#a3ec83;}
.dus-meter-foot{margin-top:11px;font-size:10px;line-height:1.6;color:#7a9186;}

/* 结果 */
.dus-result{margin:6px 0 26px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px;}
.dus-res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;}
.dus-res-card{background:var(--card2);border:1px solid var(--line2);border-radius:var(--r-sm);padding:15px 17px;}
.dus-res-card b{display:block;font:800 25px/1.1 var(--num,"Bahnschrift",monospace);color:var(--ink);font-variant-numeric:tabular-nums;}
.dus-res-card span{display:block;font-size:11.5px;font-weight:700;color:var(--faint);margin-top:5px;}
.dus-res-card i{display:block;font-style:normal;font-size:10.5px;color:var(--sub);margin-top:4px;}
.dus-res-card.dus-main{background:var(--mint-soft);border-color:rgba(47,143,107,.35);}
.dus-res-card.dus-main b{color:var(--mint-d);}

.dus-alert{margin-top:13px;padding:11px 14px;border-radius:10px;background:var(--mint-soft);border:1px solid rgba(47,143,107,.28);font-size:12px;line-height:1.75;color:var(--sub);}
.dus-alert.is-warn{background:rgba(201,138,44,.10);border-color:rgba(201,138,44,.32);}
.dus-alert b{color:var(--mint-d);}
.dus-alert.is-warn b{color:var(--amber);}

.dus-scroll{overflow-x:auto;margin-top:14px;border-radius:var(--r-sm);box-shadow:var(--shadow-sm);}
.dus-table{width:100%;min-width:680px;border-collapse:collapse;background:var(--card);border:1px solid var(--line);}
.dus-table th,.dus-table td{padding:11px 13px;font-size:12px;line-height:1.6;border-bottom:1px solid var(--line2);text-align:right;white-space:nowrap;}
.dus-table th:first-child,.dus-table td:first-child{text-align:left;}
.dus-table thead th{font-size:10.5px;font-weight:800;color:var(--mint-d);background:var(--card2);letter-spacing:.04em;}
.dus-table tbody tr:last-child td{border-bottom:0;}
.dus-table tbody tr:hover td{background:var(--card2);}
.dus-table td:last-child{font-weight:800;color:var(--mint-d);font-size:13px;}
.dus-strong{font-weight:800;color:var(--ink);}
.dus-table-m th,.dus-table-m td{text-align:left;white-space:normal;line-height:1.75;}

.dus-copybar{margin-top:14px;display:flex;gap:12px;align-items:flex-start;}
.dus-copy{flex:0 0 auto;appearance:none;border:1.5px solid var(--line);background:var(--card2);color:var(--sub);font:700 12px/1 inherit;padding:10px 15px;border-radius:9px;cursor:pointer;transition:.18s;}
.dus-copy:hover{border-color:var(--mint);color:var(--mint-d);background:var(--mint-soft);}
.dus-copybar p{margin:0;flex:1;font-size:11.5px;line-height:1.8;color:var(--faint);background:var(--card2);border:1px dashed var(--line);border-radius:9px;padding:10px 13px;}

/* 三条规则 */
.dus-rules{display:grid;gap:10px;}
.dus-rule{display:grid;grid-template-columns:56px 1fr;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px 18px;box-shadow:var(--shadow-sm);}
.dus-r-no{font:800 16px/1 var(--num,"Bahnschrift",monospace);color:var(--mint);opacity:.85;padding-top:2px;}
.dus-rule b{font-size:13px;font-weight:800;color:var(--ink);}
.dus-rule p{margin:5px 0 0;font-size:12px;line-height:1.8;color:var(--sub);}

/* 占比参考 */
.dus-ref{display:grid;gap:7px;}
.dus-ref-row{display:grid;grid-template-columns:118px 96px 1fr;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 16px;box-shadow:var(--shadow-sm);}
.dus-ref-row b{font-size:12.5px;font-weight:800;color:var(--ink);}
.dus-ref-pct{font:800 12px/1 var(--num,"Bahnschrift",monospace);color:var(--mint-d);background:var(--mint-soft);border-radius:6px;padding:5px 0;text-align:center;}
.dus-ref-row p{margin:0;font-size:11.5px;line-height:1.7;color:var(--sub);}

.dus-list{margin:0;padding:0;list-style:none;display:grid;gap:7px;}
.dus-list li{position:relative;padding:11px 16px 11px 34px;background:var(--card);border:1px solid var(--line);border-radius:10px;font-size:12px;line-height:1.75;color:var(--sub);box-shadow:var(--shadow-sm);}
.dus-list li::before{content:"!";position:absolute;left:14px;top:11px;width:15px;height:15px;border-radius:50%;background:var(--amber);color:#fff;font:800 10px/15px sans-serif;text-align:center;}

@media (max-width:900px){
  .dus-hero{grid-template-columns:1fr;gap:22px;}
  .dus-copybar{flex-direction:column;}
  .dus-ref-row{grid-template-columns:1fr;gap:6px;}
}