/* ======================================================================
   Cookie 解析查看器 · 独立设计（暖棕曲奇罐卡片主题）
   ====================================================================== */
.ck{
  --ink:#33241a; --sub:#7a6455; --faint:#a89382;
  --bg:#faf5ee; --card:#ffffff; --card2:#f5ecdf; --line:#e7d9c6; --line2:#efe4d3;
  --pri:#b45309; --pri-2:#f59e0b; --pri-soft:#fdeeda; --pri-ink:#92400e;
  --chip:#7c4a21;
  --red:#b42323; --red-soft:#fdecec; --ok:#15803d; --ok-soft:#e9f7ee;
  --r:14px;
  --shadow:0 1px 2px rgba(51,36,26,.06),0 12px 28px rgba(180,83,9,.08);
  color:var(--ink);
  font-family:-apple-system,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  font-size:15px; line-height:1.75;
  background:
    radial-gradient(760px 380px at 92% -120px, rgba(245,158,11,.12), transparent 62%),
    radial-gradient(620px 320px at -6% 120px, rgba(124,74,33,.07), transparent 60%),
    var(--bg);
  padding:0 16px 56px;
}
:root[data-theme="dark"] .ck{
  --ink:#f1e7db; --sub:#c0a994; --faint:#8a7563;
  --bg:#17120d; --card:#211a13; --card2:#282016; --line:#3a2f22; --line2:#31281c;
  --pri:#fbbf24; --pri-2:#fcd34d; --pri-soft:rgba(251,191,36,.12); --pri-ink:#fde68a;
  --chip:#fcd34d;
  --red:#f87171; --red-soft:rgba(248,113,113,.12); --ok:#4ade80; --ok-soft:rgba(74,222,128,.12);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 32px rgba(0,0,0,.45);
}
.ck *{box-sizing:border-box;}
.ck-wrap{max-width:1120px;margin:0 auto;}
.ck code,.ck textarea,.ck pre{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;}

.ck-hero{margin-top:22px;display:flex;gap:18px;align-items:center;background:var(--card);
  border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:22px 26px;}
.ck-jar{flex:none;width:74px;height:74px;border-radius:20px;background:linear-gradient(145deg,var(--pri-2),var(--pri));
  display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:inset 0 -6px 0 rgba(0,0,0,.12);}
.ck-hero h1{margin:0 0 6px;font-size:clamp(22px,3.4vw,30px);font-weight:900;}
.ck-hero p{margin:0;color:var(--sub);font-size:14.5px;max-width:760px;}
.ck-hero p b{color:var(--pri-ink);}

.ck-desk{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;}
@media (max-width:920px){.ck-desk{grid-template-columns:1fr;}}
.ck-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;}
.ck-card h2{margin:0 0 8px;font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px;}
.ck-card h2 i{font-style:normal;width:24px;height:24px;border-radius:8px;background:var(--pri-soft);color:var(--pri-ink);
  display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;}
.ck-ta{width:100%;min-height:200px;resize:vertical;padding:12px 14px;border-radius:10px;border:1.5px solid var(--line);
  background:var(--card2);color:var(--ink);font-size:13px;line-height:1.8;outline:none;}
.ck-ta:focus{border-color:var(--pri-2);box-shadow:0 0 0 3px var(--pri-soft);}
.ck-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;}
.ck-btn{border:none;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:800;cursor:pointer;transition:all .15s;}
.ck-btn-go{background:var(--pri);color:#fff;}
:root[data-theme="dark"] .ck-btn-go{color:#241503;}
.ck-btn-go:hover{background:var(--pri-2);}
.ck-btn-ghost{background:var(--card2);color:var(--pri-ink);border:1.5px solid var(--line);}
.ck-btn-ghost:hover{border-color:var(--pri-2);}
.ck-msg{margin-top:10px;font-size:13px;min-height:20px;font-weight:700;}
.ck-msg.err{color:var(--red);}
.ck-msg.ok{color:var(--ok);}

.ck-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.ck-stat{font-size:12.5px;color:var(--sub);background:var(--card2);border:1px solid var(--line2);border-radius:999px;padding:4px 12px;}
.ck-stat b{color:var(--pri-ink);}

.ck-list{margin-top:18px;display:flex;flex-direction:column;gap:12px;}
.ck-item{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--pri);border-radius:var(--r);
  box-shadow:var(--shadow);padding:14px 16px;}
.ck-item.warn{border-left-color:#d97706;}
.ck-item.bad{border-left-color:var(--red);}
.ck-name{font-size:15.5px;font-weight:900;color:var(--pri-ink);word-break:break-all;}
.ck-val{font-size:13px;color:var(--ink);background:var(--card2);border-radius:8px;padding:6px 10px;margin-top:8px;word-break:break-all;}
.ck-val small{color:var(--faint);}
.ck-attrs{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
.ck-attr{font-size:12px;font-weight:700;border-radius:7px;padding:3px 9px;background:var(--pri-soft);color:var(--pri-ink);}
.ck-attr.sec{background:var(--ok-soft);color:var(--ok);}
.ck-attr.flag{background:#eef2ff;color:#4338ca;}
:root[data-theme="dark"] .ck-attr.flag{background:rgba(99,102,241,.18);color:#a5b4fc;}
.ck-warns{margin-top:8px;font-size:12.5px;}
.ck-warns div{padding:3px 0;}
.ck-warns .w{color:#b45309;}
.ck-warns .e{color:var(--red);font-weight:700;}
.ck-empty{color:var(--sub);font-size:14px;text-align:center;padding:26px;background:var(--card);border:1.5px dashed var(--line);border-radius:var(--r);margin-top:18px;}

.ck-faq{margin-top:34px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;box-shadow:var(--shadow);}
.ck-faq h2{margin:0 0 12px;font-size:19px;font-weight:900;}
.ck-faq h3{margin:18px 0 6px;font-size:15.5px;font-weight:800;color:var(--pri-ink);}
.ck-faq p{margin:0;color:var(--sub);font-size:14px;}
.ck-faq p b{color:var(--ink);}

/* ===== 新增：安全审计 / 基线对比 / 时间轴 / 批量导出（前缀 ckx） ===== */
.ckx-lab{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:18px 20px;box-shadow:var(--shadow);}
.ckx-lab h2{margin:0 0 8px;font-size:17px;font-weight:900;}
.ckx-lab p{margin:0 0 10px;color:var(--sub);font-size:14px;}
.ckx-lab p b{color:var(--ink);}
.ckx-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.ckx-badge{font-size:12.5px;font-weight:800;border-radius:999px;padding:3px 13px;background:var(--card2);color:var(--sub);}
.ckx-badge.ok{color:var(--ok);background:var(--ok-soft);}
.ckx-badge.warn{color:var(--pri);background:var(--pri-soft);}
.ckx-badge.bad{color:var(--red);background:var(--red-soft);}
.ckx-audit{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:center;}
@media (max-width:700px){.ckx-audit{grid-template-columns:1fr;justify-items:center;}}
.ckx-chart{position:relative;width:220px;height:220px;flex:none;}
.ckx-chart svg{display:block;width:220px;height:220px;}
.ckx-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;}
.ckx-center b{display:block;font-size:24px;font-weight:900;color:var(--pri-ink);line-height:1.2;}
.ckx-center span{font-size:11px;color:var(--sub);}
.ckx-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;width:100%;}
.ckx-legend{display:flex;align-items:center;gap:8px;background:var(--card2);border:1px solid var(--line2);
  border-radius:9px;padding:8px 11px;font-size:12.5px;flex-wrap:wrap;}
.ckx-legend b{margin-left:auto;color:var(--pri-ink);font-size:14px;}
.ckx-legend em{font-style:normal;color:var(--sub);font-size:11px;}
.ckx-dot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block;}
.ckx-dot.c0{background:var(--ok);}.ckx-dot.c1{background:var(--pri);}
.ckx-dot.c2{background:var(--pri-2);}.ckx-dot.c3{background:var(--chip);}
.ckx-tablewrap{overflow-x:auto;border-radius:9px;}
.ckx-tbl{width:100%;border-collapse:collapse;font-size:12.5px;min-width:620px;}
.ckx-tbl th,.ckx-tbl td{border:1px solid var(--line);padding:7px 9px;text-align:left;white-space:nowrap;}
.ckx-tbl th{background:var(--card2);font-weight:800;}
.ckx-tbl td.ckx-val{max-width:180px;overflow:hidden;text-overflow:ellipsis;}
.ckx-tbl tr.ckx-rowbad td{background:var(--red-soft);}
.ckx-bad{color:var(--red);font-weight:800;}
.ckx-good{color:var(--ok);font-weight:800;}
.ckx-empty{display:block;color:var(--sub);text-align:center;padding:16px;font-size:13px;white-space:normal;}
.ckx-svgwrap{width:100%;overflow-x:auto;background:var(--card2);border:1px solid var(--line2);border-radius:10px;padding:8px;}
.ckx-svgwrap svg{display:block;width:100%;height:auto;}
.ckx-hint{font-size:12px;color:var(--faint);margin-top:8px;}
.ckx-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.ckx-msg{margin-top:8px;font-size:13px;min-height:20px;font-weight:700;}
.ckx-msg.err{color:var(--red);}
.ckx-msg.ok{color:var(--ok);}