/* 24 CS2 灵敏度换算 · 电竞仪表版：青蓝 + 品红，左右镜像双栏 + 等宽大数字 */
.c2s{
  --ink:#10242c; --sub:#57707a; --card:#ffffff; --line:#d7e5e9;
  --pri:#0d7c93; --pri-soft:#e2f5f8; --ok:#12805f; --warn:#b8791a; --bad:#c23d62; --bg:#f1f6f8;
  color:var(--ink);background:var(--bg);font-size:15px;line-height:1.78;padding:26px 0 54px;min-height:60vh;
}
:root[data-theme="dark"] .c2s{
  --ink:#e6f4f7; --sub:#9bb6be; --card:#122029; --line:#24414b;
  --pri:#45cfe6; --pri-soft:rgba(69,207,230,.13); --ok:#59dcae; --warn:#f0c073; --bad:#ff86b0; --bg:#0a1218;
}
.c2s *{box-sizing:border-box;}
.c2s-wrap{max-width:1180px;margin:0 auto;padding:0 18px;}
.c2s h1,.c2s h2{margin:0;line-height:1.35;}
.c2s b{font-weight:700;} .c2s em{font-style:normal;}
.c2s-hero{
  display:grid;grid-template-columns:1fr 170px;gap:24px;align-items:center;padding:30px 32px;
  border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(115deg,var(--card) 52%,var(--pri-soft));
  box-shadow:0 3px 16px rgba(13,124,147,.07);
}
.c2s-badge{display:inline-block;padding:5px 13px;border-radius:999px;background:var(--pri);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;}
.c2s h1{font-size:31px;font-weight:800;margin:13px 0 12px;}
.c2s h1 em{display:block;font-size:18px;font-weight:600;color:var(--pri);margin-top:6px;}
.c2s-hero p{margin:0 0 16px;max-width:770px;color:var(--sub);font-size:15px;line-height:1.85;}
.c2s-hero p b{color:var(--ink);}
.c2s-hero-meta{display:flex;flex-wrap:wrap;gap:8px;}
.c2s-hero-meta span{padding:5px 11px;border:1px solid var(--line);border-radius:7px;background:var(--card);font-size:12.5px;font-weight:650;color:var(--sub);}
.c2s-crosshair{position:relative;width:140px;height:140px;margin:0 auto;border:1px dashed var(--line);border-radius:50%;display:grid;place-items:center;}
.c2s-crosshair i{position:absolute;background:var(--pri);border-radius:2px;}
.c2s-crosshair i:nth-child(1){width:2px;height:26px;top:14px;left:50%;}
.c2s-crosshair i:nth-child(2){width:2px;height:26px;bottom:14px;left:50%;}
.c2s-crosshair i:nth-child(3){height:2px;width:26px;left:14px;top:50%;}
.c2s-crosshair i:nth-child(4){height:2px;width:26px;right:14px;top:50%;}
.c2s-crosshair span{width:14px;height:14px;border:2px solid var(--bad);border-radius:50%;font-size:0;}
.c2s-crosshair:after{content:"cm/360";position:absolute;bottom:-22px;font:600 11px/1 ui-monospace,Menlo,monospace;color:var(--sub);letter-spacing:.08em;}

.c2s-card,.c2s-panel,.c2s-empty,.c2s-mirror,.c2s-kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px rgba(10,60,80,.05);}
.c2s-card{margin-top:18px;padding:22px 24px;}
.c2s-card-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:16px;}
.c2s-card-h h2{font-size:20px;font-weight:750;} .c2s-card-h span{font-size:12.5px;color:var(--sub);} .c2s-card-h b{color:var(--bad);}
.c2s-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.c2s-field{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:650;color:var(--sub);}
.c2s-field b{color:var(--bad);margin-left:3px;}
.c2s-in,.c2s-ta{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-size:14px;font-family:inherit;transition:border-color .16s,box-shadow .16s;}
.c2s-in:focus,.c2s-ta:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-soft);}
.c2s-in:disabled{opacity:.5;cursor:not-allowed;}
.c2s-num{font-family:ui-monospace,Menlo,monospace;font-weight:700;}
.c2s-range{display:flex;align-items:center;gap:14px;margin-top:18px;padding:12px 16px;border-radius:10px;background:var(--bg);border:1px solid var(--line);}
.c2s-range span{font-size:13px;font-weight:650;color:var(--sub);white-space:nowrap;}
.c2s-range input{flex:1;accent-color:var(--pri);cursor:pointer;}
.c2s-range b{font:750 15px/1 ui-monospace,Menlo,monospace;color:var(--pri);min-width:46px;text-align:right;}
.c2s-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;}
.c2s-btn{padding:10px 17px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font-size:14px;font-weight:650;cursor:pointer;transition:transform .14s,border-color .14s,box-shadow .14s;}
.c2s-btn:hover{border-color:var(--pri);transform:translateY(-1px);box-shadow:0 3px 10px rgba(10,60,80,.1);}
.c2s-btn:disabled{opacity:.5;cursor:not-allowed;}
.c2s-btn-main{background:var(--pri);border-color:var(--pri);color:#fff;}
.c2s-btn-main:hover{filter:brightness(1.12);}
.c2s-btn-ghost{background:transparent;color:var(--sub);}
.c2s-msg{margin:12px 0 0;font-size:13.5px;color:var(--sub);min-height:20px;}
.c2s-msg.is-err{color:var(--bad);font-weight:600;} .c2s-msg.is-ok{color:var(--ok);font-weight:600;}
.c2s-empty{margin-top:18px;padding:38px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;}
.c2s-empty-ic{font-size:34px;} .c2s-empty b{font-size:17px;}
.c2s-empty em{max-width:620px;font-size:13.5px;color:var(--sub);line-height:1.8;}

.c2s-out{margin-top:18px;}
.c2s-mirror{display:grid;grid-template-columns:1fr 150px 1fr;align-items:stretch;overflow:hidden;}
.c2s-side{padding:24px 26px;display:flex;flex-direction:column;gap:4px;}
.c2s-side.is-target{background:linear-gradient(120deg,var(--pri),#1aa3a8);color:#fff;}
.c2s-side-k{font-size:12.5px;letter-spacing:.08em;color:var(--sub);}
.c2s-side.is-target .c2s-side-k{color:rgba(255,255,255,.85);}
.c2s-side b{font:800 42px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;}
.c2s-side small{font-size:12px;color:var(--sub);} .c2s-side.is-target small{color:rgba(255,255,255,.82);}
.c2s-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--bg);}
.c2s-arrow span{font-size:30px;color:var(--pri);} .c2s-arrow i{font-style:normal;font-size:11.5px;color:var(--sub);}
.c2s-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0;}
.c2s-kpi{padding:16px 18px;display:flex;flex-direction:column;gap:3px;}
.c2s-kpi span{font-size:12.5px;color:var(--sub);}
.c2s-kpi b{font:800 25px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--pri);}
.c2s-kpi small{font-size:11.5px;color:var(--sub);}
.c2s-panel{padding:20px 22px;margin-bottom:14px;}
.c2s-h2{font-size:19px;font-weight:750;margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;}
.c2s-h2 span{font-size:12.5px;font-weight:400;color:var(--sub);}
.c2s-tw{overflow:auto;border:1px solid var(--line);border-radius:10px;}
.c2s-tb{width:100%;border-collapse:collapse;font-size:13px;min-width:620px;}
.c2s-tb th,.c2s-tb td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;}
.c2s-tb th{background:var(--pri-soft);font-weight:700;}
.c2s-tb tr:last-child td{border-bottom:none;} .c2s-tb tr:hover td{background:var(--bg);}
.c2s-tb td:nth-child(n+2){font-family:ui-monospace,Menlo,monospace;}
.c2s-tb .is-hit{color:var(--pri);font-weight:800;}
.c2s-formula{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.c2s-formula div{padding:13px 16px;border-radius:10px;background:var(--bg);border:1px solid var(--line);}
.c2s-formula span{display:block;font-size:12px;color:var(--sub);letter-spacing:.05em;}
.c2s-formula code{display:block;font:700 14px/1.7 ui-monospace,Menlo,monospace;color:var(--pri);margin-top:5px;word-break:break-all;}
.c2s-formula p{margin:5px 0 0;font-size:12.5px;color:var(--sub);line-height:1.7;}
.c2s-ta{min-height:110px;resize:vertical;font:13.5px/1.7 ui-monospace,Menlo,monospace;}
.c2s-final{margin-top:2px;}
[hidden]{display:none !important;}

@media (max-width:860px){
  .c2s{padding:18px 0 40px;}
  .c2s-hero{grid-template-columns:1fr;padding:22px 18px;} .c2s-crosshair{display:none;} .c2s h1{font-size:26px;}
  .c2s-card,.c2s-panel{padding:18px 15px;}
  .c2s-grid,.c2s-kpis,.c2s-formula{grid-template-columns:repeat(2,1fr);}
  .c2s-mirror{grid-template-columns:1fr;}
  .c2s-arrow{flex-direction:row;border-left:none;border-right:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;}
  .c2s-side b{font-size:34px;}
}