/*! 33 · 通知噪音分级与订阅批量清理 · 来源×时段噪音矩阵（珊瑚橙 × 热力格 × 四象限） */
.dk-33 {
    --ml-page: #fdf4ef;
    --ml-card: #ffffff;
    --ml-card-2: #fdf8f4;
    --ml-ink: #35221a;
    --ml-sub: #6c5144;
    --ml-faint: #a08777;
    --ml-line: #f0ddd0;
    --ml-line-2: #f9ece2;
    --ml-accent: #c25a25;
    --ml-accent-2: #eb9b62;
    --ml-accent-soft: #fbe7d6;
    --ml-good: #14795d;
    --ml-good-soft: #e2f3e9;
    --ml-warn: #a46b10;
    --ml-warn-soft: #faf0d8;
    --ml-bad: #b23e3e;
    --ml-bad-soft: #fae6e4;
    --ml-font-display: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
    background: radial-gradient(860px 320px at 92% -6%, rgba(235, 155, 98, .2), transparent 62%), var(--ml-page);
}
:root[data-theme="dark"] .dk-33 {
    --ml-page: #1a100b;
    --ml-card: #241710;
    --ml-card-2: #2d1e14;
    --ml-ink: #faeadd;
    --ml-sub: #d5b7a3;
    --ml-faint: #a58774;
    --ml-line: #3e2a1d;
    --ml-line-2: #332217;
    --ml-accent: #f4a56f;
    --ml-accent-2: #c97037;
    --ml-accent-soft: #3b2517;
    --ml-good-soft: #16352a;
    --ml-warn-soft: #382b13;
    --ml-bad-soft: #3a1d1c;
}
.dk-33 .ml-hero { grid-template-columns: minmax(0, 1fr) minmax(400px, 490px); }
.dk-33 .ml-feature i { background: var(--ml-accent); color: #fff; }
.dk-33 .dk-console-h { background: linear-gradient(100deg, #b9501f, #e28a4d); }
.dk-33 .dk-console { border-top: 3px solid #efc6a3; }
.dk-33 .dk-opts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dk-33 .dk-line { border-left: 3px solid var(--ml-bad); }

/* 来源 × 时段热力矩阵 */
.m33-matrix { width: 100%; border-collapse: collapse; font-size: 12px; }
.m33-matrix th { padding: 8px 9px; background: var(--ml-accent-soft); color: var(--ml-accent); font-size: 11px; font-weight: 800; text-align: center; white-space: nowrap; }
.m33-matrix th:first-child { text-align: left; }
.m33-matrix td { padding: 7px 9px; border-bottom: 1px solid var(--ml-line-2); text-align: center; font: 700 12px/1.5 var(--ml-font-num); color: var(--ml-sub); }
.m33-matrix td:first-child { text-align: left; font-family: var(--ml-font-body); color: var(--ml-ink); font-weight: 700; }
.m33-matrix td.hot { background: var(--ml-bad-soft); color: var(--ml-bad); }
.m33-matrix td.warm { background: var(--ml-warn-soft); color: var(--ml-warn); }
.m33-matrix td.cool { background: var(--ml-good-soft); color: var(--ml-good); }
.m33-matrix td.zero { color: var(--ml-faint); opacity: .5; }

/* 四象限分级 */
.m33-quad { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.m33-bucket { border: 1px solid var(--ml-line); border-radius: 11px; overflow: hidden; background: var(--ml-card); }
.m33-bucket-h { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; padding: 11px 14px; border-bottom: 1px solid var(--ml-line); }
.m33-bucket-h b { font-size: 14px; }
.m33-bucket.is-close .m33-bucket-h { background: var(--ml-bad-soft); }
.m33-bucket.is-defer .m33-bucket-h { background: var(--ml-warn-soft); }
.m33-bucket.is-keep .m33-bucket-h { background: var(--ml-good-soft); }
.m33-bucket.is-review .m33-bucket-h { background: var(--ml-accent-soft); }
.m33-bucket-b { padding: 11px 13px; display: grid; gap: 7px; max-height: 280px; overflow: auto; }
.m33-row { display: flex; justify-content: space-between; gap: 8px; padding: 7px 9px; border: 1px solid var(--ml-line-2); border-radius: 6px; background: var(--ml-card-2); font-size: 12.5px; }
.m33-row b { font-family: var(--ml-font-num); white-space: nowrap; }

/* 批量退订清单（勾选只在本页） */
.m33-unsub { display: grid; gap: 7px; }
.m33-unsub label { display: flex; gap: 9px; align-items: flex-start; padding: 9px 11px; border: 1px solid var(--ml-line); border-left: 3px solid var(--ml-bad); border-radius: 7px; background: var(--ml-bad-soft); font-size: 12.5px; line-height: 1.7; cursor: pointer; }
.m33-unsub input { margin-top: 5px; accent-color: var(--ml-accent); }
.m33-unsub small { display: block; color: var(--ml-faint); font-size: 11.5px; }
.m33-white { display: flex; flex-wrap: wrap; gap: 7px; }
@media (max-width: 1000px) { .m33-quad { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .dk-33 .ml-hero { grid-template-columns: 1fr; } }