/* ====== 174 剑桥英语KET/PET · 剑桥蓝分数标尺：青蓝刻度 + 暖沙强调 ====== */
.tsk.ckp{
  --tsk-bg:#f1f7f8;
  --tsk-card:#ffffff;
  --tsk-card-2:#f5fafb;
  --tsk-ink:#12303a;
  --tsk-sub:#4f7280;
  --tsk-faint:#84a3ae;
  --tsk-line:#d5e6ea;
  --tsk-line-2:#e6f1f3;
  --tsk-brand:#0b7285;
  --tsk-brand-2:#15a3b8;
  --tsk-brand-soft:#e0f1f4;
  --tsk-brand-ink:#085c6b;
  --tsk-gold:#c2802b;
  --tsk-gold-soft:#f8eedd;
  --tsk-ok:#2f9e44;
  --tsk-ok-soft:#e6f6ec;
  --tsk-warn:#e8890c;
  --tsk-warn-soft:#fdf3e0;
  --tsk-bad:#d93a3a;
  --tsk-bad-soft:#fbe9e9;
  background:
    linear-gradient(180deg, rgba(11,114,133,.09), rgba(11,114,133,0) 300px),
    radial-gradient(640px 280px at 88% -8%, rgba(194,128,43,.08), transparent 62%),
    var(--tsk-bg);
}
:root[data-theme="dark"] .tsk.ckp{
  --tsk-bg:#0b1518;
  --tsk-card:#132126;
  --tsk-card-2:#182a31;
  --tsk-ink:#e2f0f3;
  --tsk-sub:#9bbcc6;
  --tsk-faint:#6b8e99;
  --tsk-line:#21404a;
  --tsk-line-2:#1a333b;
  --tsk-brand:#3bc9db;
  --tsk-brand-2:#66d9e8;
  --tsk-brand-soft:rgba(59,201,219,.13);
  --tsk-brand-ink:#7ee3f0;
  --tsk-gold:#f0a94c;
  --tsk-gold-soft:rgba(240,169,76,.13);
  --tsk-ok:#51cf66;
  --tsk-ok-soft:rgba(81,207,102,.14);
  --tsk-warn:#ffd43b;
  --tsk-warn-soft:rgba(255,212,59,.13);
  --tsk-bad:#ff8787;
  --tsk-bad-soft:rgba(255,135,135,.14);
}
.ckp-hero{display:grid;grid-template-columns:minmax(0,1fr) 394px;gap:30px;padding:30px 0 24px;align-items:stretch;}
.ckp-hero-l{display:flex;flex-direction:column;}
.ckp-hero-l>.tsk-hs{flex:1 1 auto;}
.ckp-hero-l .tsk-h1 b{color:var(--tsk-brand-ink);}

/* 成绩录入卡 */
.ckp-card{align-self:start;background:linear-gradient(180deg,var(--tsk-brand-soft),var(--tsk-card) 42%);border:1px solid var(--tsk-line);border-radius:16px;box-shadow:var(--tsk-shadow);overflow:hidden;}
.ckp-card-top{display:flex;justify-content:space-between;align-items:center;padding:15px 20px 12px;border-bottom:1px dashed var(--tsk-line);}
.ckp-card-top span{font-size:12.5px;font-weight:800;color:var(--tsk-ink);letter-spacing:.04em;}
.ckp-card-top i{font-style:normal;font:700 10px/1 var(--tsk-num);letter-spacing:.18em;color:var(--tsk-faint);}
.ckp-card-body{padding:6px 20px 18px;}
.ckp-card-body label{display:block;margin:11px 0 5px;font-size:11.5px;font-weight:800;color:var(--tsk-sub);}
.ckp-card-body input,.ckp-card-body select{width:100%;height:36px;padding:0 10px;border:1px solid var(--tsk-line);border-radius:8px;background:var(--tsk-card);color:var(--tsk-ink);font:700 13px/36px var(--tsk-font);outline:none;transition:border-color .16s,box-shadow .16s;}
.ckp-card-body input{font-family:var(--tsk-num);}
.ckp-card-body input:focus,.ckp-card-body select:focus{border-color:var(--tsk-brand);box-shadow:0 0 0 3px var(--tsk-brand-soft);}
.ckp-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.ckp-skills label{margin-top:9px;}
.ckp-skills input{padding:0 6px;text-align:center;}
.ckp-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ckp-err{margin-top:10px;padding:8px 12px;border-radius:8px;background:var(--tsk-bad-soft);border:1px solid var(--tsk-bad);color:var(--tsk-bad);font-size:12px;line-height:1.6;}
.ckp-card-body .tsk-btn-main{width:100%;margin-top:14px;background:linear-gradient(135deg,var(--tsk-brand),var(--tsk-brand-2));color:#fff;}
.ckp-card-foot{margin-top:10px;font-size:10.5px;line-height:1.7;color:var(--tsk-faint);}

/* 结果：分数标尺 */
.ckp-result{margin:4px 0 26px;background:var(--tsk-card);border:1px solid var(--tsk-line);border-radius:16px;box-shadow:var(--tsk-shadow);padding:22px 24px;}
.ckp-ruler-wrap{margin-bottom:18px;}
.ckp-ruler{position:relative;height:26px;border-radius:99px;background:var(--tsk-card-2);border:1px solid var(--tsk-line);overflow:visible;}
.ckp-ruler-bar{position:absolute;inset:0;border-radius:99px;background:linear-gradient(90deg,var(--tsk-bad) 0%,var(--tsk-warn) 34%,var(--tsk-brand-2) 62%,var(--tsk-brand) 82%,var(--tsk-gold) 100%);opacity:.32;}
.ckp-ruler-marker{position:absolute;top:-11px;transform:translateX(-50%);font-size:15px;color:var(--tsk-brand-ink);text-shadow:0 2px 6px rgba(8,92,107,.35);transition:left .5s cubic-bezier(.22,.8,.3,1);}
.ckp-ruler-scale{position:relative;height:34px;margin-top:6px;}
.ckp-ruler-scale span{position:absolute;transform:translateX(-50%);font:700 10.5px/1.4 var(--tsk-num);color:var(--tsk-faint);white-space:nowrap;text-align:center;}
.ckp-ruler-scale span b{display:block;font-size:10px;color:var(--tsk-brand-ink);font-weight:800;}

.ckp-res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:11px;}
.ckp-res-card{background:var(--tsk-card-2);border:1px solid var(--tsk-line-2);border-radius:11px;padding:15px 17px;}
.ckp-res-card b{display:block;font:800 21px/1.25 var(--tsk-font);color:var(--tsk-ink);}
.ckp-res-card span{display:block;margin-top:5px;font-size:11.5px;font-weight:700;color:var(--tsk-faint);}
.ckp-res-card i{display:block;margin-top:3px;font-style:normal;font-size:10.5px;color:var(--tsk-sub);}
.ckp-res-card.ckp-main{background:var(--tsk-brand-soft);border-color:rgba(11,114,133,.3);}
.ckp-res-card.ckp-main b{color:var(--tsk-brand-ink);}
.ckp-alert{margin-top:14px;padding:12px 16px;border-radius:11px;font-size:13px;line-height:1.75;border:1px solid var(--tsk-line);background:var(--tsk-card-2);color:var(--tsk-sub);}
.ckp-alert.good{background:var(--tsk-ok-soft);border-color:rgba(47,158,68,.35);color:var(--tsk-ok);}
.ckp-alert.mid{background:var(--tsk-warn-soft);border-color:rgba(232,137,12,.35);color:var(--tsk-warn);}
.ckp-alert.low{background:var(--tsk-bad-soft);border-color:rgba(217,58,58,.32);color:var(--tsk-bad);}
.ckp-alert.info{background:var(--tsk-gold-soft);border-color:rgba(194,128,43,.32);color:var(--tsk-gold);}
.ckp-plan{margin-top:16px;}
.ckp-res-actions{display:flex;align-items:center;gap:12px;margin-top:14px;}
.ckp-copy-tip{font-size:12px;color:var(--tsk-ok);font-weight:700;}

/* 表格 */
.ckp-table{width:100%;border-collapse:collapse;font-size:13px;}
.ckp-table th{background:var(--tsk-brand-soft);color:var(--tsk-brand-ink);font-weight:800;text-align:left;padding:10px 12px;border:1px solid var(--tsk-line);white-space:nowrap;}
.ckp-table td{padding:10px 12px;border:1px solid var(--tsk-line-2);color:var(--tsk-sub);line-height:1.7;vertical-align:top;}
.ckp-table tbody tr:nth-child(even) td{background:var(--tsk-card-2);}
.ckp-strong{font-weight:800;color:var(--tsk-ink)!important;}
.ckp-tag{display:inline-block;padding:2px 10px;border-radius:99px;background:var(--tsk-brand-soft);color:var(--tsk-brand-ink);font:800 11.5px/1.7 var(--tsk-num);}
.ckp-scroll{overflow-x:auto;background:var(--tsk-card);border:1px solid var(--tsk-line);border-radius:14px;padding:4px;box-shadow:var(--tsk-shadow-sm);}
.ckp-table.is-wide{min-width:720px;margin:8px;}

/* 时间轴 */
.ckp-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;}
.ckp-timeline li{position:relative;background:var(--tsk-card);border:1px solid var(--tsk-line);border-radius:13px;padding:15px 17px;box-shadow:var(--tsk-shadow-sm);}
.ckp-timeline li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:99px 0 0 99px;background:linear-gradient(180deg,var(--tsk-brand),var(--tsk-brand-2));}
.ckp-tl-date{display:inline-block;font:800 11px/1.6 var(--tsk-num);letter-spacing:.05em;color:var(--tsk-gold);background:var(--tsk-gold-soft);border-radius:99px;padding:2px 10px;margin-bottom:7px;}
.ckp-timeline b{display:block;font-size:14.5px;color:var(--tsk-ink);margin-bottom:4px;}
.ckp-timeline p{font-size:12.5px;line-height:1.7;color:var(--tsk-sub);}

.tsk-foot{margin-top:26px;font-size:12px;color:var(--tsk-faint);line-height:1.8;}

@media (max-width:900px){
  .ckp-hero{grid-template-columns:1fr;}
  .ckp-skills{grid-template-columns:repeat(2,1fr);}
}