/* 静电消除妙招 · 冬季冰蓝静电火花风：CSS 闪电线条 + 玻璃质感卡片 */
.stg-wrap{
  --stg-bg:#eaf5ff; --stg-card:rgba(255,255,255,.66); --stg-glass:rgba(255,255,255,.86);
  --stg-ink:#12324a; --stg-mute:#5f8099; --stg-blue:#2b8fd6; --stg-deep:#155f9e;
  --stg-line:#c3e0f4; --stg-ice:#d8eefc; --stg-spark:#f3bf2e; --stg-cyan:#5fd6e8;
  --stg-red:#c8453c; --stg-green:#2f9e7b;
  max-width:960px;margin:0 auto;padding:22px 16px 48px;
  font-size:15.5px;line-height:1.78;color:var(--stg-ink);
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;
  overflow-x:hidden;
}
.stg-wrap *,.stg-wrap *::before,.stg-wrap *::after{box-sizing:border-box;}
.stg-wrap h1,.stg-wrap h2,.stg-wrap h3{font-weight:800;}
.stg-wrap b{color:var(--stg-deep);}

/* 首屏：冰面 + 闪电 */
.stg-hero{
  position:relative;overflow:hidden;border-radius:24px;padding:30px 32px;margin-bottom:20px;
  background:linear-gradient(135deg,#d9efff 0%,#eef9ff 45%,#c9e7fb 100%);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 16px 44px rgba(43,143,214,.18),inset 0 1px 0 rgba(255,255,255,.9);
}
.stg-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(120deg,rgba(255,255,255,.35) 0 2px,transparent 2px 26px);
  opacity:.6;
}
.stg-hero-inner{position:relative;z-index:2;}
.stg-bolt{
  position:absolute;top:-20px;right:56px;width:110px;height:230px;z-index:1;
  background:linear-gradient(180deg,var(--stg-spark),var(--stg-cyan));
  clip-path:polygon(46% 0%,18% 52%,44% 52%,8% 100%,76% 40%,48% 40%,82% 0%);
  filter:drop-shadow(0 0 14px rgba(243,191,46,.75));opacity:.75;transform:rotate(8deg);
}
.stg-bolt.two{right:170px;top:80px;width:60px;height:130px;opacity:.4;transform:rotate(-14deg);filter:drop-shadow(0 0 10px rgba(95,214,232,.8));}
.stg-kicker{display:inline-block;font-size:12.5px;letter-spacing:.14em;font-weight:800;color:var(--stg-deep);background:var(--stg-glass);border:1px solid #fff;border-radius:999px;padding:5px 14px;box-shadow:0 4px 14px rgba(43,143,214,.15);}
.stg-kicker em{font-style:normal;color:var(--stg-blue);margin-left:8px;}
.stg-hero h1{font-size:clamp(23px,3.7vw,34px);line-height:1.36;margin:16px 0 10px;text-shadow:0 1px 0 #fff;}
.stg-sub{margin:0 0 18px;color:var(--stg-mute);max-width:600px;}
.stg-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;}
.stg-btn{
  font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;border-radius:12px;
  border:1.5px solid var(--stg-blue);background:var(--stg-glass);color:var(--stg-deep);
  padding:9px 18px;text-decoration:none;display:inline-block;transition:transform .12s,box-shadow .12s;
  box-shadow:0 4px 14px rgba(43,143,214,.12);
}
.stg-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(43,143,214,.25);}
.stg-btn:focus-visible{outline:3px solid var(--stg-spark);outline-offset:2px;}
.stg-btn.main{background:linear-gradient(135deg,var(--stg-blue),var(--stg-deep));color:#fff;border-color:transparent;}
.stg-btn.ghost{background:transparent;border-color:var(--stg-line);color:var(--stg-mute);box-shadow:none;}
.stg-hero-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.stg-hero-meta div{background:var(--stg-glass);border:1px solid #fff;border-radius:14px;padding:9px 8px;text-align:center;box-shadow:0 4px 14px rgba(43,143,214,.1);}
.stg-hero-meta b{display:block;font-size:22px;line-height:1.25;}
.stg-hero-meta span{font-size:12px;color:var(--stg-mute);}

/* 玻璃卡片 */
.stg-card{
  background:var(--stg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.85);border-radius:20px;padding:22px 24px;margin-top:20px;
  box-shadow:0 10px 30px rgba(43,143,214,.12);
}
.stg-sec-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.9);padding-bottom:12px;margin-bottom:16px;}
.stg-no{font-family:Georgia,serif;font-size:27px;font-weight:800;color:var(--stg-blue);line-height:1;}
.stg-sec-head h2{font-size:20px;margin:0;}
.stg-sec-head p{margin:0 0 0 auto;font-size:13.5px;color:var(--stg-mute);}
.stg-note{font-size:13.5px;color:var(--stg-mute);margin:12px 0 0;}

/* 诊断器 */
.stg-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.stg-scenes label{display:flex;gap:8px;align-items:center;background:var(--stg-glass);border:1.5px solid var(--stg-line);border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:700;font-size:15px;}
.stg-scenes label:has(input:checked){border-color:var(--stg-blue);background:#dff1ff;box-shadow:0 0 0 3px rgba(43,143,214,.15);}
.stg-scenes input{accent-color:var(--stg-blue);width:17px;height:17px;}
.stg-humid{margin-top:16px;background:var(--stg-glass);border:1.5px solid var(--stg-line);border-radius:14px;padding:14px 16px;}
.stg-humid label{font-weight:700;font-size:14px;}
.stg-humid label small{color:var(--stg-mute);font-weight:400;margin-left:6px;}
.stg-humid-line{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap;}
.stg-humid-line input{font-family:inherit;font-size:18px;font-weight:800;width:120px;color:var(--stg-deep);background:#fff;border:2px solid var(--stg-line);border-radius:10px;padding:8px 12px;}
.stg-humid-line span{font-weight:800;color:var(--stg-blue);}
.stg-humid-line .stg-btn{margin-left:auto;}
.stg-err{color:var(--stg-red);font-weight:700;font-size:14px;margin:12px 0 0;}
.stg-diag-out{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.stg-diag-group{background:var(--stg-glass);border:1.5px solid var(--stg-line);border-top:4px solid var(--stg-blue);border-radius:14px;padding:13px 14px;}
.stg-diag-group[data-g="即时"]{border-top-color:var(--stg-spark);}
.stg-diag-group[data-g="预防"]{border-top-color:var(--stg-cyan);}
.stg-diag-group[data-g="长期"]{border-top-color:var(--stg-deep);}
.stg-diag-group h3{font-size:16px;margin:0 0 8px;}
.stg-diag-group ul{margin:0;padding-left:18px;}
.stg-diag-group li{margin-bottom:6px;font-size:14px;}
.stg-diag-risk{grid-column:1/-1;background:#e7f4ff;border:1.5px dashed var(--stg-blue);border-radius:12px;padding:10px 14px;font-size:14px;}

/* 表格 */
.stg-table-scroll{overflow-x:auto;}
.stg-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px;}
.stg-table th,.stg-table td{border:1px solid var(--stg-line);padding:9px 11px;text-align:left;vertical-align:top;}
.stg-table thead th{background:var(--stg-deep);color:#fff;font-size:13.5px;}
.stg-table tbody th{background:#eaf5ff;color:var(--stg-deep);white-space:nowrap;}
.stg-table .r4 th{background:#ffe9e6;color:var(--stg-red);}
.stg-table .r3 th{background:#fff3dd;color:#a9761b;}
.stg-table .r2 th{background:#e5f7ee;color:var(--stg-green);}
.stg-table .r1 th{background:#e9f6ff;}
.stg-table .bad td{background:#ffe9e6;color:var(--stg-red);font-weight:700;}

/* 妙招库 */
.stg-filter{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:14px;}
.stg-filter label{font-size:13px;font-weight:700;color:var(--stg-mute);}
.stg-filter select,.stg-log-grid textarea{font-family:inherit;font-size:14.5px;color:var(--stg-ink);background:#fff;border:1.5px solid var(--stg-line);border-radius:10px;padding:8px 11px;display:block;margin-top:5px;}
.stg-filter select:focus-visible,.stg-log-grid textarea:focus-visible{outline:3px solid var(--stg-spark);outline-offset:1px;}
.stg-count{margin-left:auto;font-size:13.5px;font-weight:800;color:var(--stg-blue);}
.stg-tips{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;}
.stg-tip{display:flex;gap:10px;align-items:flex-start;background:var(--stg-glass);border:1.5px solid var(--stg-line);border-radius:12px;padding:10px 12px;cursor:pointer;font-size:14.5px;}
.stg-tip:has(input:checked){border-color:var(--stg-blue);background:#e6f4ff;}
.stg-tip input{accent-color:var(--stg-blue);margin-top:4px;width:16px;height:16px;}
.stg-tip-tag{display:inline-block;font-size:11.5px;font-weight:800;color:#fff;background:var(--stg-blue);border-radius:6px;padding:1px 7px;margin-right:6px;}
.stg-tip-tag.t2{background:var(--stg-spark);color:#4a3600;}
.stg-tip-tag.t3{background:var(--stg-cyan);color:#08343b;}
.stg-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}

/* 打卡 */
.stg-checkin-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.stg-progress{flex:1;min-width:180px;height:12px;background:#d7eaf9;border-radius:999px;overflow:hidden;}
.stg-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--stg-cyan),var(--stg-blue));border-radius:999px;transition:width .25s;}
.stg-checkin-bar span{font-size:13.5px;font-weight:800;color:var(--stg-deep);}
.stg-checkin-table{min-width:560px;text-align:center;}
.stg-checkin-table td,.stg-checkin-table th{text-align:center;}
.stg-checkin-table tbody th{text-align:left;white-space:normal;min-width:150px;}
.stg-checkin-table input{accent-color:var(--stg-blue);width:17px;height:17px;cursor:pointer;}

/* 批量记录 */
.stg-log-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;align-items:start;}
.stg-label{display:block;font-size:13px;font-weight:800;color:var(--stg-mute);margin-bottom:6px;}
.stg-log-grid textarea{width:100%;min-height:160px;resize:vertical;line-height:1.7;font-family:ui-monospace,Consolas,monospace;}
.stg-log-sum{margin-top:12px;font-size:13.5px;font-weight:800;color:var(--stg-deep);}

/* 提示条 */
.stg-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:var(--stg-deep);color:#fff;padding:11px 20px;border-radius:999px;font-size:14px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:80;}

/* 深色模式 */
html[data-theme="dark"] .stg-wrap{
  --stg-bg:#0a1a28; --stg-card:rgba(18,38,56,.66); --stg-glass:rgba(24,48,70,.82);
  --stg-ink:#e4f2ff; --stg-mute:#93b3c9; --stg-blue:#66b8f5; --stg-deep:#8fd0ff;
  --stg-line:#2a4d68; --stg-ice:#15324a; --stg-spark:#f6cf5b; --stg-cyan:#7de3f0;
  --stg-red:#ff9086; --stg-green:#66d3ac;
}
html[data-theme="dark"] .stg-hero{background:linear-gradient(135deg,#12314a,#0d2337 55%,#16405c);border-color:#2a4d68;}
html[data-theme="dark"] .stg-hero::before{background:repeating-linear-gradient(120deg,rgba(255,255,255,.06) 0 2px,transparent 2px 26px);}
html[data-theme="dark"] .stg-hero h1{text-shadow:none;}
html[data-theme="dark"] .stg-kicker,html[data-theme="dark"] .stg-hero-meta div,html[data-theme="dark"] .stg-scenes label,
html[data-theme="dark"] .stg-humid,html[data-theme="dark"] .stg-diag-group,html[data-theme="dark"] .stg-tip,
html[data-theme="dark"] .stg-btn{background:var(--stg-glass);color:var(--stg-ink);border-color:var(--stg-line);}
html[data-theme="dark"] .stg-btn.main{background:linear-gradient(135deg,#2b7fc0,#155f9e);color:#fff;border-color:transparent;}
html[data-theme="dark"] .stg-scenes label:has(input:checked),html[data-theme="dark"] .stg-tip:has(input:checked){background:#1c4666;border-color:var(--stg-blue);}
html[data-theme="dark"] .stg-humid-line input,html[data-theme="dark"] .stg-filter select,html[data-theme="dark"] .stg-log-grid textarea{background:#122c42;color:var(--stg-ink);border-color:var(--stg-line);}
html[data-theme="dark"] .stg-table thead th{background:#1c4d75;color:#eaf6ff;}
html[data-theme="dark"] .stg-table tbody th{background:#15324a;}
html[data-theme="dark"] .stg-table .r4 th{background:#42262a;}
html[data-theme="dark"] .stg-table .r3 th{background:#40341f;}
html[data-theme="dark"] .stg-table .r2 th{background:#1c3c34;}
html[data-theme="dark"] .stg-table .r1 th{background:#16304a;}
html[data-theme="dark"] .stg-table .bad td{background:#42262a;}
html[data-theme="dark"] .stg-diag-risk{background:#163c56;}
html[data-theme="dark"] .stg-progress{background:#1c3c52;}

/* 窄屏 375px 无横向溢出 */
@media (max-width:820px){
  .stg-hero{padding:22px 18px;}
  .stg-scenes{grid-template-columns:repeat(2,1fr);}
  .stg-diag-out{grid-template-columns:1fr;}
  .stg-tips{grid-template-columns:1fr;}
  .stg-log-grid{grid-template-columns:1fr;}
  .stg-count{margin-left:0;}
}
@media (max-width:400px){
  .stg-wrap{padding:14px 11px 36px;font-size:15px;}
  .stg-hero{padding:16px 13px;border-radius:16px;}
  .stg-hero h1{font-size:21px;}
  .stg-hero-meta{grid-template-columns:repeat(2,1fr);}
  .stg-bolt{right:-10px;opacity:.35;}
  .stg-bolt.two{display:none;}
  .stg-card{padding:16px 13px;border-radius:15px;}
  .stg-scenes{grid-template-columns:1fr 1fr;gap:7px;}
  .stg-scenes label{padding:8px;font-size:14px;}
  .stg-humid-line .stg-btn{margin-left:0;width:100%;text-align:center;}
  .stg-btn{padding:9px 13px;}
  .stg-sec-head p{margin-left:0;}
}