#kc-root{font-family:"PingFang SC","Microsoft YaHei",system-ui,Roboto,Arial}

/* 区块与标题 */
.kc-section{margin:18px 0}
.kc-title{font-size:16px;margin:0 0 8px 0}

/* 图表容器 */
.kc-chart-wrap{
  position:relative;width:100%;height:300px;
  background:linear-gradient(180deg,#fafafa,#f7f7f7);
  border:1px solid #eee;border-radius:14px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);overflow:hidden
}

/* 自绘滑动轴（指针驱动） */
.kc-slider-abs{position:absolute;left:0;bottom:0;width:100%;height:26px;z-index:6;cursor:pointer}
.kc-slider-abs.dragging{cursor:grabbing}
.kc-track{
  position:absolute;left:0;right:0;top:6px;height:6px;border-radius:999px;
  background:linear-gradient(90deg,#c8d6ff,#c2ecff); box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)
}
.kc-knob{
  position:absolute;top:-2px;width:16px;height:16px;border-radius:50%;
  background:#2b7bff;border:2px solid #fff;box-shadow:0 2px 8px rgba(43,123,255,.35)
}
.kc-chip.year{position:absolute;top:-22px;transform:translateX(-50%);background:#111;color:#fff;font-size:12px;padding:2px 8px;border-radius:999px}

/* 年度信息 */
.kc-year-info{border:1px solid #eee;border-radius:12px;padding:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-top:10px}
.kc-badges{display:flex;flex-wrap:wrap;gap:8px}
.kc-badges span{background:#f6f7fb;border:1px solid #eef;border-radius:999px;padding:6px 10px;color:#3a3a3a}
.kc-badges b{color:#111}
.kc-year-line{margin:10px 0 6px 0;color:#444}
.kc-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.kc-evt-item{padding:8px 10px;border:1px dashed #e3e3e3;border-radius:10px;background:#fafafa}
.kc-evt-none{color:#999}

/* 顶部阶段 & 卡片 */
.kc-hero{margin:16px 0;text-align:center}
.kc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:12px 0}
.kc-card{border:1px solid #eee;border-radius:12px;padding:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.kc-k{color:#666}
.kc-v{font-size:22px;font-weight:700;color:#111}
.kc-d{font-size:12px;color:#999}

.kc-tv{margin-top:16px}