/* =====================================================================
 * 42 电热毯安全 · 视觉母题「盘线毯面 + 折叠禁止标记」
 * ---------------------------------------------------------------------
 * 色板：暖橘（--eb-pri #c05a1e）+ 琥珀热色（--eb-hot），暖调家电感。
 * 版式：H 标签页主导 —— 顶部标签切换同一组数据的四个维度。
 * 本页只作用于 .b11--blanket 容器，不外溢到其它任何页面。
 * ===================================================================== */

.b11--blanket {
    --eb-pri: #c05a1e;
    --eb-pri2: #d97b32;
    --eb-hot: #efae52;
    --eb-tint: #f8e6d7;
    --b11-pri: #c05a1e;
    --b11-pri2: #d97b32;
    --b11-tint: #f8e6d7;
    --b11-bg: #f5efe8;
    --b11-bg2: #eadfd3;
    --b11-card2: #fbf7f2;
    background-image:
        radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--b11-line2) 42%, transparent) 1px, transparent 0);
    background-size: 22px 22px;
}
:root[data-theme="dark"] .b11.b11--blanket {
    --eb-pri: #e2894b;
    --eb-pri2: #eea366;
    --eb-hot: #e8b45c;
    --eb-tint: #33231a;
    --b11-pri: #e2894b;
    --b11-pri2: #eea366;
    --b11-tint: #33231a;
    --b11-bg: #16120f;
    --b11-bg2: #211a15;
    --b11-card2: #241c17;
}

/* ---------- 首屏 ---------- */
.eb-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 30px; align-items: center; }
.eb-hero .b11-h1 em { color: var(--eb-pri); }
.eb-hero .b11-lead b { box-shadow: inset 0 -.42em 0 var(--eb-tint); }
.eb-motif { display: grid; place-items: center; }
.eb-motif svg { width: min(300px, 80vw); height: auto; }

/* ---------- 基础信息条 ---------- */
.eb-base {
    margin-top: 24px; background: var(--b11-card); border: 1px solid var(--b11-line);
    padding: 20px 22px 16px; border-top: 4px solid var(--eb-pri);
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
}
.eb-base-hd { margin-bottom: 14px; }
.eb-micro { display: block; font-family: var(--b11-mono); font-size: var(--b11-xs); letter-spacing: .16em; color: var(--eb-pri); margin-bottom: 6px; }
.eb-base-hd h2 { font-size: var(--b11-lg); }

/* ---------- 标签页 ---------- */
.eb-tabs {
    position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px; margin-top: 22px;
}
.eb-tabs-bar {
    position: absolute; left: 0; right: 0; bottom: -4px; height: 4px;
    background: linear-gradient(90deg, var(--eb-pri), var(--eb-hot));
}
.eb-tab {
    cursor: pointer; text-align: left; font-family: inherit;
    background: var(--b11-card2); border: 1.5px solid var(--b11-line2); border-bottom: 0;
    padding: 13px 15px 15px; transition: all .16s; color: var(--b11-sub);
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
}
.eb-tab:hover { border-color: var(--eb-pri); }
.eb-tab .tb {
    display: block; font-family: var(--b11-mono); font-size: 11px; font-weight: 800;
    letter-spacing: .1em; color: var(--b11-mute); margin-bottom: 3px;
}
.eb-tab .tt { display: block; font-size: var(--b11-base); font-weight: 800; color: var(--b11-ink); }
.eb-tab .td { display: block; font-size: var(--b11-xs); color: var(--b11-mute); margin-top: 2px; }
.eb-tab.on { background: var(--eb-tint); border-color: var(--eb-pri); }
.eb-tab.on .tb { color: var(--eb-pri); }
.eb-tab.on .tt { color: var(--eb-pri); }

/* ---------- 面板 ---------- */
.eb-panel {
    margin-top: 18px; background: var(--b11-card); border: 1px solid var(--b11-line);
    border-left: 5px solid var(--eb-pri); padding: 20px 22px 16px; box-shadow: var(--b11-shadow);
}
.eb-panel-hd { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.eb-panel-hd h3 { font-size: var(--b11-md); }
.eb-panel-hd .tip { font-family: var(--b11-mono); font-size: var(--b11-xs); color: var(--b11-mute); }

/* ---------- 勾选项 ---------- */
.eb-checks { display: grid; gap: 9px; grid-template-columns: repeat(auto-fit, minmax(258px, 1fr)); }
.eb-opt {
    display: flex; align-items: flex-start; gap: 10px; cursor: pointer;
    border: 1px solid var(--b11-line); background: var(--b11-card2);
    padding: 11px 13px; font-size: var(--b11-sm); color: var(--b11-sub); line-height: 1.66;
    transition: all .15s;
}
.eb-opt:hover { border-color: var(--eb-pri); }
.eb-opt input { accent-color: var(--eb-pri); margin-top: 4px; flex: none; }
.eb-opt b { display: block; color: var(--b11-ink); font-size: var(--b11-sm); }
.eb-opt span { display: block; font-size: var(--b11-xs); color: var(--b11-mute); margin-top: 2px; }
.eb-opt:has(input:checked) { border-color: var(--eb-pri); background: var(--eb-tint); }
.eb-opt.risk:has(input:checked) { border-color: var(--b11-bad); background: var(--b11-badbg); }

/* ---------- 结果读数 ---------- */
.eb-readout { display: grid; gap: 10px; margin-bottom: var(--b11-gap); }
.eb-readout .b11-readout-row { border-left: 3px solid var(--eb-pri); }
.eb-readout .b11-readout-row.is-hot { background: var(--eb-tint); border-color: transparent; border-left-color: var(--eb-hot); }
.eb-readout .b11-readout-row.is-hot .vl { color: var(--eb-pri); }
.eb-readout .b11-readout-row.is-bad { background: var(--b11-badbg); border-color: transparent; border-left-color: var(--b11-bad); }
.eb-readout .b11-readout-row.is-bad .vl { color: var(--b11-bad); }

/* ---------- 明细列表 ---------- */
.eb-findings { list-style: none; margin: 0; padding: 0; }
.eb-findings li {
    position: relative; padding: 9px 0 9px 30px; font-size: var(--b11-sm); color: var(--b11-sub);
    border-bottom: 1px dotted var(--b11-line2); line-height: 1.72;
}
.eb-findings li:last-child { border-bottom: 0; }
.eb-findings li::before {
    content: "!"; position: absolute; left: 0; top: 9px; width: 19px; height: 19px;
    display: grid; place-items: center; background: var(--eb-tint); color: var(--eb-pri);
    font-size: 12px; font-weight: 800;
}
.eb-findings li.bad::before { background: var(--b11-badbg); color: var(--b11-bad); }
.eb-findings li.ok::before { content: "✓"; background: var(--b11-okbg); color: var(--b11-ok); }
.eb-findings li b { color: var(--b11-ink); }

/* ---------- 做 / 不做 ---------- */
.eb-do, .eb-dont { list-style: none; margin: 0 0 12px; padding: 0; }
.eb-do li, .eb-dont li {
    position: relative; padding: 7px 0 7px 28px; font-size: var(--b11-sm); color: var(--b11-sub);
    border-bottom: 1px dotted var(--b11-line2); line-height: 1.7;
}
.eb-do li:last-child, .eb-dont li:last-child { border-bottom: 0; }
.eb-do li::before {
    content: "✓"; position: absolute; left: 0; top: 7px; width: 18px; height: 18px;
    display: grid; place-items: center; background: var(--b11-okbg); color: var(--b11-ok); font-size: 11px; font-weight: 800;
}
.eb-dont li::before {
    content: "×"; position: absolute; left: 0; top: 7px; width: 18px; height: 18px;
    display: grid; place-items: center; background: var(--b11-badbg); color: var(--b11-bad); font-size: 13px; font-weight: 800;
}

/* ---------- 批量清洗条 ---------- */
.eb-clean {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px;
    margin-top: 14px; padding: 12px 14px; background: var(--b11-card2);
    border: 1px solid var(--b11-line); font-size: var(--b11-sm);
}
.eb-clean > b { color: var(--eb-pri); font-family: var(--b11-mono); font-size: var(--b11-xs); letter-spacing: .08em; }
.eb-clean code { margin-left: auto; }

/* ---------- 响应式 ---------- */
@media (max-width: 900px) {
    .eb-hero { grid-template-columns: minmax(0, 1fr); }
    .eb-motif { order: -1; }
    .eb-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .eb-clean code { margin-left: 0; }
}

/* ---- 首屏紧凑化（LB11） ---- */
.eb-base { padding: 16px 18px 14px; }
.eb-panel { padding: 15px 17px 13px; }
.eb-motif { min-height: 0; }
.eb-motif svg { width: 100%; max-width: 190px; height: auto; }
.eb-base .b11-field { gap: 4px; }
.eb-base .b11-hint { font-size: 11px; line-height: 1.45; }
.eb-base .b11-inp, .eb-base .b11-sel { padding: 8px 11px; }
.eb-base .b11-row { gap: 8px 10px; }
.eb-tabcard { padding: 9px 11px; }
.eb-hero .b11-lead { font-size: 15px; line-height: 1.62; }
.eb-hero .b11-pills span { padding: 4px 9px; font-size: 11px; }
/* ---- /首屏紧凑化 ---- */