/* 新鱼缸开缸流程 · 水族箱风：深水蓝 / 水草绿 / 氨氮橙 / 缸体剖面 */
.aq-page{
  --aq-bg:#eaf3f8;--aq-card:#fff;--aq-ink:#173b4e;--aq-mute:#6b8898;--aq-line:#d3e5ee;
  --aq-blue:#1b5f82;--aq-green:#2c8a6b;--aq-orange:#e07a2b;--aq-soft:#eef7fa;--aq-red:#c4534a;
  color:var(--aq-ink);background:var(--aq-bg);min-height:100vh;padding:0 0 54px;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
:root[data-theme="dark"] .aq-page{
  --aq-bg:#101e26;--aq-card:#172a35;--aq-ink:#e4f1f7;--aq-mute:#94b3c2;--aq-line:#294554;
  --aq-blue:#78bde0;--aq-green:#6cc5a3;--aq-orange:#f0a061;--aq-soft:#142530;--aq-red:#f0928a;
}
.aq-wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.aq-page .detail-breadcrumb{margin:18px 0 22px;font-size:13px}
.aq-page .detail-breadcrumb a{color:var(--aq-mute);text-decoration:none}
.aq-page .detail-breadcrumb .sep{margin:0 8px;color:var(--aq-orange)}
.aq-page .detail-breadcrumb .current{color:var(--aq-ink);font-weight:700}

.aq-hero{display:grid;grid-template-columns:1fr 200px;gap:30px;align-items:center;background:var(--aq-card);
  border:1px solid var(--aq-line);border-radius:18px;padding:34px 38px;box-shadow:0 14px 40px rgba(27,95,130,.1);overflow:hidden}
.aq-kicker{font:600 11px/1.4 ui-monospace,monospace;letter-spacing:.2em;color:var(--aq-green);margin-bottom:14px}
.aq-hero h1{font-size:clamp(25px,3.3vw,35px);line-height:1.36;margin:0 0 13px;font-weight:800}
.aq-sub{font-size:14.5px;line-height:1.95;color:var(--aq-mute);margin:0;max-width:700px}
.aq-sub b{color:var(--aq-blue)}
.aq-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.aq-hero-tags span{background:var(--aq-soft);border:1px solid var(--aq-line);border-radius:6px;padding:6px 12px;font-size:12px}
.aq-tank{width:170px;height:150px;margin:0 auto;border:5px solid var(--aq-blue);border-top:0;border-radius:4px 4px 12px 12px;
  position:relative;overflow:hidden;background:linear-gradient(180deg,var(--aq-card) 12%,rgba(27,95,130,.18) 12%)}
.aq-tank .aq-water{position:absolute;left:0;right:0;top:14%;bottom:14px;background:linear-gradient(180deg,rgba(27,95,130,.28),rgba(44,138,107,.22))}
.aq-tank .aq-water i{position:absolute;bottom:10px;width:9px;background:var(--aq-green);border-radius:3px 3px 0 0;opacity:.75}
.aq-tank .aq-water i:nth-child(1){left:18px;height:52px}.aq-tank .aq-water i:nth-child(2){left:34px;height:70px;transform:rotate(-8deg)}
.aq-tank .aq-water i:nth-child(3){right:24px;height:44px;transform:rotate(9deg)}
.aq-gravel{position:absolute;left:0;right:0;bottom:0;height:14px;background:repeating-linear-gradient(90deg,#c9b48b 0 7px,#b8a279 7px 13px)}
.aq-bubble{position:absolute;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.7);border:1px solid rgba(27,95,130,.4);right:26px;bottom:22px}
.aq-bubble.b2{right:38px;bottom:42px;width:5px;height:5px}.aq-bubble.b3{right:20px;bottom:60px;width:4px;height:4px}
.aq-tank b{position:absolute;top:8px;left:50%;transform:translateX(-50%);font:800 15px/1 ui-monospace,monospace;color:var(--aq-blue);z-index:2}

.aq-sec-head{display:flex;align-items:baseline;gap:12px;margin:0 0 16px;border-bottom:2px solid var(--aq-line);padding-bottom:11px}
.aq-sec-head h2{font-size:19px;margin:0;font-weight:800}
.aq-sec-head small{margin-left:auto;color:var(--aq-mute);font-size:12.5px;text-align:right}
.aq-form,.aq-cycle,.aq-schedule,.aq-watercheck,.aq-causes,.aq-batch{margin-top:22px;background:var(--aq-card);border:1px solid var(--aq-line);
  border-radius:14px;padding:24px 28px;box-shadow:0 8px 26px rgba(27,95,130,.06)}
.aq-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.aq-form-grid label,.aq-water-form label{font-size:12.5px;color:var(--aq-mute)}
.aq-form-grid label span,.aq-water-form label span{display:block;margin-bottom:6px}
.aq-form-grid label i,.aq-water-form label i{font-style:normal;color:var(--aq-orange);font-size:11px}
.aq-form-grid input,.aq-water-form input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--aq-line);
  border-radius:8px;background:var(--aq-soft);color:var(--aq-ink);font:700 16px/1.3 ui-monospace,monospace}
.aq-form-grid input:focus,.aq-water-form input:focus{outline:2px solid var(--aq-orange)}
.aq-switches{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.aq-switches label{display:flex;align-items:center;gap:7px;background:var(--aq-soft);border:1px solid var(--aq-line);
  border-radius:8px;padding:9px 13px;font-size:13px;cursor:pointer}
.aq-switches input{accent-color:var(--aq-green);width:16px;height:16px}
.aq-quick{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:18px 0 14px;font-size:12px;color:var(--aq-mute)}
.aq-quick button,.aq-btn{border:1px solid var(--aq-line);background:var(--aq-soft);color:var(--aq-ink);border-radius:7px;
  padding:7px 12px;font-size:12.5px;cursor:pointer;font-family:inherit;transition:.16s}
.aq-quick button:hover,.aq-btn:hover{border-color:var(--aq-blue);color:var(--aq-blue)}
.aq-btn-main{border:0;border-radius:8px;background:var(--aq-blue);color:#fff;padding:13px 26px;
  font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}
.aq-btn-main:hover{background:var(--aq-green)}
.aq-err{margin:12px 0 0;color:var(--aq-red);font-size:13px;font-weight:600}

.aq-chart svg{width:100%;height:auto;display:block;background:var(--aq-soft);border-radius:10px}
.aq-chart-legend{display:flex;gap:18px;justify-content:center;margin-top:10px;font-size:12px}
.aq-chart-legend span:before{content:"";display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.aq-chart-legend .nh3:before{background:var(--aq-orange)}
.aq-chart-legend .no2:before{background:var(--aq-red)}
.aq-chart-legend .no3:before{background:var(--aq-green)}
.aq-cycle-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
.aq-kpi{background:var(--aq-soft);border:1px solid var(--aq-line);border-radius:9px;padding:13px}
.aq-kpi span{display:block;font-size:11.5px;color:var(--aq-mute);margin-bottom:6px}
.aq-kpi b{font:800 20px/1.2 ui-monospace,monospace;color:var(--aq-blue)}
.aq-kpi em{font-style:normal;font-size:11px;color:var(--aq-mute);margin-left:3px}
.aq-schedule-list{display:grid;gap:9px}
.aq-day{display:grid;grid-template-columns:86px 1fr;gap:14px;border:1px solid var(--aq-line);border-radius:9px;
  padding:12px 14px;background:var(--aq-soft);align-items:start}
.aq-day.is-key{background:rgba(44,138,107,.09);border-color:var(--aq-green)}
.aq-day b{font:800 13px/1.4 ui-monospace,monospace;color:var(--aq-blue)}
.aq-day.is-key b{color:var(--aq-green)}
.aq-day p{margin:0;font-size:12.8px;line-height:1.8;color:var(--aq-ink)}
.aq-day p span{display:block;color:var(--aq-mute);font-size:11.5px;margin-top:3px}

.aq-water-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.aq-water-form{display:grid;gap:11px}
.aq-water-out{background:var(--aq-soft);border-left:4px solid var(--aq-blue);border-radius:9px;padding:16px 18px;font-size:13.3px;line-height:1.9}
.aq-water-out.is-warn{border-left-color:var(--aq-red);background:rgba(196,83,74,.08)}
.aq-water-out b{color:var(--aq-red)}
.aq-threshold{width:100%;border-collapse:collapse;font-size:13px;margin-top:18px}
.aq-threshold th,.aq-threshold td{border:1px solid var(--aq-line);padding:9px 11px;text-align:left}
.aq-threshold th{background:var(--aq-soft)}
.aq-threshold td b{color:var(--aq-green)}
.aq-cause-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.aq-cause{border:1px solid var(--aq-line);border-radius:10px;padding:14px 16px;background:var(--aq-soft)}
.aq-cause b{font-size:13.5px;color:var(--aq-red)}
.aq-cause p{margin:7px 0 0;font-size:12.5px;line-height:1.8;color:var(--aq-mute)}
.aq-cause p em{font-style:normal;color:var(--aq-blue);font-weight:700}

.aq-batch textarea{width:100%;box-sizing:border-box;border:1px solid var(--aq-line);border-radius:10px;background:var(--aq-soft);
  color:var(--aq-ink);padding:13px;font:13px/1.8 ui-monospace,monospace;resize:vertical}
.aq-batch textarea:focus{outline:2px solid var(--aq-orange)}
.aq-batch-actions{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 4px}
.aq-batch-result{margin-top:16px;overflow-x:auto}
.aq-batch-result table{width:100%;border-collapse:collapse;font-size:13px}
.aq-batch-result th,.aq-batch-result td{border:1px solid var(--aq-line);padding:8px 10px;text-align:left}
.aq-batch-result th{background:var(--aq-soft)}
.aq-batch-result tr.is-bad td{background:rgba(196,83,74,.08)}

:root[data-theme="dark"] .aq-btn-main{color:#0d1c25}
@media(max-width:920px){.aq-hero{grid-template-columns:1fr}.aq-tank{display:none}.aq-form-grid,.aq-water-grid,.aq-cause-grid{grid-template-columns:1fr}
 .aq-cycle-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.aq-wrap{padding:0 14px}.aq-hero,.aq-form,.aq-cycle,.aq-schedule,.aq-watercheck,.aq-causes,.aq-batch{padding:20px 16px}
 .aq-hero h1{font-size:24px}.aq-sec-head small{display:none}.aq-form-grid{grid-template-columns:1fr}
 .aq-day{grid-template-columns:70px 1fr;gap:9px}.aq-cycle-kpis{grid-template-columns:1fr 1fr}}