/* =====================================================================
 * N14 / 44 · 深度伪造检测科普 —— 独立皮肤「取证工作台」
 * 左侧六类勾选清单 + 右侧 sticky 藏青核查建议卡；线索记录与本机哈希。
 * 主题：只消费公共导航写入的 <html data-theme>，建议卡两态下保持浅色字。
 * ===================================================================== */

.df-page {
    --nx-bg:        #f5f7f9;
    --nx-bg-2:      #e9eef3;
    --nx-surface:   #ffffff;
    --nx-surface-2: #f1f5f8;
    --nx-surface-3: #e4ebf1;
    --nx-ink:       #182534;
    --nx-ink-2:     #4a5b6c;
    --nx-ink-3:     #8796a5;
    --nx-line:      #dbe3ea;
    --nx-line-2:    #eaf0f4;
    --nx-a:         #23395b;
    --nx-b:         #c0662a;
    --nx-tint:      #e7edf6;
    --nx-deep:      #1c2f4b;
    --df-card:      #1b2c46;
    --df-card-2:    #253b5b;
    --df-chalk:     #eef3fa;
    --tsk-card: #ffffff; --tsk-line: #dbe3ea; --tsk-faint: #8796a5; --tsk-sub: #4a5b6c; --tsk-ink: #182534;
}
:root[data-theme="dark"] .df-page {
    --nx-bg:        #0a1016;
    --nx-bg-2:      #0f1821;
    --nx-surface:   #14202c;
    --nx-surface-2: #1b2938;
    --nx-surface-3: #233446;
    --nx-ink:       #edf3f8;
    --nx-ink-2:     #aabac8;
    --nx-ink-3:     #77899a;
    --nx-line:      #2a3a4a;
    --nx-line-2:    #1e2c3b;
    --nx-a:         #8fb2e0;
    --nx-b:         #e6a066;
    --nx-tint:      rgba(143, 178, 224, .15);
    --nx-deep:      #b6d2f2;
    --df-card:      #101d2e;
    --df-card-2:    #182a40;
    --df-chalk:     #eef3fa;
    --tsk-card: #14202c; --tsk-line: #2a3a4a; --tsk-faint: #77899a; --tsk-sub: #aabac8; --tsk-ink: #edf3f8;
}

.df-page .n14-hero h1 em { color: var(--nx-b); }
.df-disclaimer { margin-top: 20px; padding: 13px 16px; border: 1px solid var(--nx-line); border-left: 4px solid var(--nx-b); border-radius: 10px; background: var(--nx-surface); font-size: 13.5px; line-height: 1.85; color: var(--nx-ink-2); }
.df-disclaimer > b:first-child { color: var(--nx-b); margin-right: 8px; }

.df-board { display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(0, .58fr); gap: 16px; margin-top: 22px; align-items: start; }
.df-checklist { background: var(--nx-surface); border: 1px solid var(--nx-line); border-radius: 14px; padding: 18px; box-shadow: var(--nx-sh-sm); }
.df-board__cap { display: flex; justify-content: space-between; gap: 10px; font-family: var(--nx-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--nx-ink-3); padding-bottom: 12px; border-bottom: 1px solid var(--nx-line-2); }
.df-board__cap span { color: var(--nx-b); letter-spacing: 0; }
.df-groups { display: grid; gap: 10px; margin: 14px 0 4px; }
.df-group { border: 1px solid var(--nx-line); border-radius: 10px; overflow: hidden; }
.df-group__head { display: flex; align-items: center; gap: 9px; padding: 10px 13px; background: var(--nx-surface-2); font-size: 14px; font-weight: 750; color: var(--nx-ink); }
.df-group__head b { width: 22px; height: 22px; border-radius: 6px; background: var(--nx-a); color: #fff; display: grid; place-items: center; font-family: var(--nx-mono); font-size: 11px; }
.df-group__head span { margin-left: auto; font-family: var(--nx-mono); font-size: 11px; font-weight: 400; color: var(--nx-ink-3); }
.df-items { display: grid; gap: 0; }
.df-item { display: grid; grid-template-columns: 18px 1fr; gap: 10px; padding: 10px 13px; border-top: 1px solid var(--nx-line-2); cursor: pointer; }
.df-item:hover { background: var(--nx-surface-2); }
.df-item input { accent-color: var(--nx-b); margin-top: 4px; width: 15px; height: 15px; }
.df-item__t { font-size: 13.5px; color: var(--nx-ink); line-height: 1.6; }
.df-item__w { display: block; font-size: 11.5px; color: var(--nx-ink-3); line-height: 1.65; margin-top: 3px; }
.df-item__w b { color: var(--nx-ink-2); }

/* 藏青建议卡 */
.df-verdict { position: sticky; top: 14px; background: var(--df-card); color: var(--df-chalk); border-radius: 14px; padding: 20px; box-shadow: var(--nx-sh-lift); }
.df-verdict__cap { font-family: var(--nx-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: rgba(238, 243, 250, .6); }
.df-gauge { display: flex; align-items: baseline; gap: 10px; margin: 16px 0 6px; }
.df-gauge b { font-family: var(--nx-mono); font-size: 46px; line-height: 1.1; color: #f0b877; }
.df-gauge span { font-size: 12.5px; color: rgba(238, 243, 250, .7); }
.df-level { display: inline-block; font-size: 13px; font-weight: 750; border-radius: 999px; padding: 4px 12px; background: var(--df-card-2); color: #f0b877; margin-bottom: 10px; }
.df-verdict__txt { font-size: 13px; line-height: 1.85; color: rgba(238, 243, 250, .85); }
.df-cats { display: grid; gap: 6px; margin: 14px 0; padding: 13px 0; border-top: 1px solid rgba(238, 243, 250, .16); border-bottom: 1px solid rgba(238, 243, 250, .16); }
.df-cats div { display: grid; grid-template-columns: 88px 1fr 20px; gap: 8px; align-items: center; font-size: 11.5px; color: rgba(238, 243, 250, .8); }
.df-cats em { display: block; height: 6px; border-radius: 3px; background: rgba(238, 243, 250, .14); overflow: hidden; font-style: normal; }
.df-cats em i { display: block; height: 100%; background: #f0b877; }
.df-cats b { font-family: var(--nx-mono); text-align: right; }
.df-next { font-size: 12px; line-height: 1.85; color: rgba(238, 243, 250, .88); }
.df-next ul { padding-left: 17px; margin: 6px 0 0; }
.df-verdict__note { margin-top: 14px; color: rgba(238, 243, 250, .6); }
.df-verdict__note b { color: #f0b877; }

.df-split { align-items: start; }
.df-validmsg { margin-top: 14px; white-space: pre-line; }
.df-hashout { margin-top: 0; }
.df-recordwrap { margin-top: 16px; max-height: 360px; overflow: auto; }
.df-page .n14-code { word-break: break-all; }

@media (max-width: 980px) {
    .df-board { grid-template-columns: 1fr; }
    .df-verdict { position: static; }
}
@media (max-width: 640px) {
    .df-checklist { padding: 13px; }
    .df-cats div { grid-template-columns: 72px 1fr 18px; }
}