/* ==========================================================================
   bet365看台 · 共享外壳样式表 /assets/site.css
   气质：夜间看台临场感 + 数据实验室的冷静条理
   ========================================================================== */

/* ---------- 1. 变量 ---------- */
:root{
  --kt-ink:#07130F;
  --kt-panel:#0E2A23;
  --kt-line:#1C3F36;
  --kt-cyan:#35F0C8;
  --kt-cyan-soft:#8FF8E0;
  --kt-amber:#F2A93B;
  --kt-amber-soft:#FFD79A;
  --kt-violet:#8A7CFF;
  --kt-text:#E9F3F0;
  --kt-text-soft:#D7E6E1;
  --kt-muted:#9FB8B0;

  --kt-display:'Barlow Condensed','Noto Sans SC','PingFang SC',sans-serif;
  --kt-editorial:'Noto Serif SC','Songti SC','SimSun',serif;
  --kt-data:'JetBrains Mono','IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --kt-body:'Noto Sans SC','PingFang SC','Hiragino Sans GB',sans-serif;

  --kt-gutter-l:clamp(18px,4.6vw,72px);
  --kt-gutter-r:clamp(18px,2.2vw,36px);
  --kt-max:1240px;
  --kt-radius-lg:28px;
  --kt-radius:20px;
  --kt-radius-sm:14px;
  --kt-head-h:138px;
}

/* ---------- 2. Reset 与基础 ---------- */
*,*::before,*::after{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--kt-head-h) + 12px);
}
body{
  margin:0;
  background-color:var(--kt-ink);
  color:var(--kt-text);
  font-family:var(--kt-body);
  font-size:16px;
  font-weight:400;
  line-height:1.75;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body::before{ /* 夜间灯光颗粒 */
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  opacity:.55;
  background-image:radial-gradient(rgba(233,243,240,.05) 1px,transparent 1px);
  background-size:3px 3px;
}
body::after{ /* 看台灯带光晕 */
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(58% 38% at 10% -8%,rgba(53,240,200,.10),transparent 70%),
    radial-gradient(46% 32% at 98% 0%,rgba(138,124,255,.09),transparent 72%),
    radial-gradient(70% 46% at 50% 112%,rgba(242,169,59,.07),transparent 70%);
}
h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}
h1,h2,h3,h4{font-weight:600;line-height:1.2}
ul,ol{margin:0;padding:0}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:var(--kt-cyan);text-decoration:none}
a:hover{color:var(--kt-cyan-soft)}
button{font:inherit;color:inherit;background:none;border:0}
table{border-collapse:collapse}
:where(a,button,summary,[tabindex]):focus-visible{
  outline:2px solid var(--kt-cyan-soft);
  outline-offset:3px;
  border-radius:8px;
}
::selection{background:rgba(53,240,200,.28);color:#04140F}

/* ---------- 3. 版式基元 ---------- */
.kt-shell{
  width:100%;
  max-width:var(--kt-max);
  margin-inline:auto;
  padding-left:var(--kt-gutter-l);
  padding-right:var(--kt-gutter-r);
}
.kt-eyebrow{
  display:block;
  font-family:var(--kt-data);
  font-size:12px;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--kt-amber);
}
.kt-num{
  font-family:var(--kt-data);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}
.kt-divider{
  height:1px;border:0;margin-block:clamp(24px,4vw,48px);
  background:linear-gradient(90deg,transparent,var(--kt-line) 16%,var(--kt-line) 84%,transparent);
}

/* ---------- 4. 通用组件 ---------- */
.kt-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 22px;border-radius:999px;border:1px solid transparent;
  font-family:var(--kt-body);font-size:14px;font-weight:600;letter-spacing:.04em;line-height:1;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.kt-btn--primary{background:var(--kt-cyan);color:#04140F;border-color:var(--kt-cyan)}
.kt-btn--primary:hover{background:var(--kt-cyan-soft);border-color:var(--kt-cyan-soft);color:#04140F}
.kt-btn--ghost{background:transparent;color:var(--kt-text);border-color:var(--kt-line)}
.kt-btn--ghost:hover{border-color:var(--kt-cyan);color:var(--kt-cyan)}
.kt-btn--small{padding:8px 15px;font-size:13px}
.kt-btn:active{transform:translateY(1px)}

.kt-badge{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 13px;border-radius:999px;
  border:1px solid rgba(53,240,200,.32);
  background:rgba(53,240,200,.08);
  color:var(--kt-cyan-soft);
  font-family:var(--kt-data);font-size:12px;font-weight:500;letter-spacing:.06em;line-height:1.2;
  white-space:nowrap;
}
.kt-badge--amber{border-color:rgba(242,169,59,.4);background:rgba(242,169,59,.1);color:var(--kt-amber-soft)}
.kt-badge--violet{border-color:rgba(138,124,255,.4);background:rgba(138,124,255,.12);color:#CFC8FF}

.kt-tag{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 12px;border-radius:999px;
  border:1px solid rgba(53,240,200,.3);
  background:rgba(53,240,200,.07);
  color:var(--kt-cyan-soft);
  font-size:12px;font-weight:500;letter-spacing:.06em;line-height:1.4;
}
.kt-tag--amber{border-color:rgba(242,169,59,.4);background:rgba(242,169,59,.1);color:var(--kt-amber-soft)}
.kt-tag--violet{border-color:rgba(138,124,255,.4);background:rgba(138,124,255,.12);color:#CFC8FF}

/* 面包屑 */
.kt-breadcrumb{padding-block:18px 6px}
.kt-breadcrumb__list{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;
  list-style:none;padding:0;margin:0;
  font-size:13px;line-height:1.5;color:var(--kt-muted);
}
.kt-breadcrumb__item{display:flex;align-items:center;gap:10px}
.kt-breadcrumb__item + .kt-breadcrumb__item::before{content:"/";color:var(--kt-line)}
.kt-breadcrumb__link{color:var(--kt-muted)}
.kt-breadcrumb__link:hover{color:var(--kt-cyan)}
.kt-breadcrumb__current{color:var(--kt-text)}

/* 正文容器 */
.kt-prose{
  max-width:42em;
  font-size:17px;line-height:1.85;color:var(--kt-text-soft);
}
.kt-prose > * + *{margin-top:1.1em}
.kt-prose > *:first-child{margin-top:0}
.kt-prose h2{
  font-family:var(--kt-editorial);font-size:clamp(22px,2.4vw,30px);
  line-height:1.35;color:var(--kt-text);margin-top:1.9em;
  padding-left:14px;border-left:3px solid var(--kt-cyan);
}
.kt-prose h3{
  font-family:var(--kt-display);font-size:clamp(18px,1.9vw,23px);
  letter-spacing:.02em;color:var(--kt-text);margin-top:1.6em;
}
.kt-prose p{color:var(--kt-text-soft)}
.kt-prose a{color:var(--kt-cyan);text-decoration:underline;text-underline-offset:3px}
.kt-prose ul,.kt-prose ol{padding-left:1.35em}
.kt-prose li + li{margin-top:.5em}
.kt-prose blockquote{
  border-left:3px solid var(--kt-amber);
  padding:4px 0 4px 18px;
  font-family:var(--kt-editorial);color:var(--kt-muted);
}
.kt-prose code{
  font-family:var(--kt-data);font-size:.92em;
  background:rgba(53,240,200,.08);color:var(--kt-cyan-soft);
  padding:2px 6px;border-radius:6px;
}

/* 分节 */
.kt-section{padding-block:clamp(36px,6vw,76px)}
.kt-section__head{display:grid;gap:10px;max-width:62ch;margin-bottom:clamp(20px,3vw,36px)}
.kt-section__title{
  font-family:var(--kt-display);font-weight:600;
  font-size:clamp(24px,2.6vw,36px);letter-spacing:-.01em;line-height:1.15;
}
.kt-section__lead{color:var(--kt-muted);font-size:16px;line-height:1.72}

/* 网格 */
.kt-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(14px,2vw,24px);
}
.kt-grid--bento{grid-auto-rows:minmax(130px,auto)}
.kt-span-4{grid-column:span 4}
.kt-span-5{grid-column:span 5}
.kt-span-7{grid-column:span 7}
.kt-span-8{grid-column:span 8}
.kt-span-12{grid-column:span 12}

/* 卡片与面板 */
.kt-card{
  display:flex;flex-direction:column;gap:10px;
  padding:clamp(16px,2.2vw,26px);
  border:1px solid var(--kt-line);border-radius:var(--kt-radius-lg);
  background:linear-gradient(170deg,rgba(14,42,35,.94),rgba(9,25,20,.86));
  color:var(--kt-text);
}
.kt-card--focus{border-color:rgba(53,240,200,.42);background:linear-gradient(160deg,rgba(20,58,48,.95),rgba(9,25,20,.9))}
.kt-card__eyebrow{
  font-family:var(--kt-data);font-size:12px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--kt-amber);
}
.kt-card__title{font-family:var(--kt-editorial);font-size:clamp(18px,1.7vw,23px);line-height:1.4;color:var(--kt-text)}
.kt-card__text{font-size:15px;line-height:1.72;color:var(--kt-muted)}
.kt-card__foot{margin-top:auto;padding-top:12px;border-top:1px dashed rgba(28,63,54,.95)}

.kt-panel{
  padding:clamp(16px,2.2vw,26px);
  border:1px solid var(--kt-line);border-radius:var(--kt-radius);
  background:rgba(14,42,35,.62);
}

/* 数据 */
.kt-stat{display:flex;flex-direction:column;gap:4px}
.kt-stat__value{
  font-family:var(--kt-data);font-weight:600;font-variant-numeric:tabular-nums;
  font-size:clamp(28px,3.4vw,46px);line-height:1.1;color:var(--kt-cyan);
  letter-spacing:-.02em;
}
.kt-stat__label{font-size:13px;line-height:1.5;color:var(--kt-muted);letter-spacing:.04em}

/* 表格 */
.kt-tablewrap{
  overflow-x:auto;
  border:1px solid var(--kt-line);border-radius:var(--kt-radius);
  background:rgba(14,42,35,.55);
}
.kt-table{width:100%;min-width:520px;font-size:14px}
.kt-table th,.kt-table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(28,63,54,.85)}
.kt-table thead th{
  font-family:var(--kt-data);font-size:12px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--kt-muted);background:rgba(7,19,15,.6);
}
.kt-table tbody tr:last-child td{border-bottom:0}
.kt-table tbody tr:hover{background:rgba(53,240,200,.06)}
.kt-table .kt-num{font-family:var(--kt-data)}
.kt-table tbody tr.is-active{background:rgba(242,169,59,.09)}
.kt-table tbody tr.is-active td:first-child{box-shadow:inset 3px 0 0 var(--kt-amber)}

/* 章节索引 */
.kt-rail{
  position:sticky;top:calc(var(--kt-head-h) + 24px);align-self:start;
  padding-left:15px;border-left:1px solid var(--kt-line);
}
.kt-rail__list{display:grid;gap:9px;list-style:none;padding:0;margin:0}
.kt-rail__link{
  position:relative;display:block;padding-left:2px;
  font-size:13px;font-weight:500;line-height:1.5;color:var(--kt-muted);
  transition:color .24s ease;
}
.kt-rail__link::before{
  content:"";position:absolute;left:-16px;top:3px;bottom:3px;width:2px;
  background:transparent;transition:background-color .24s ease;
}
.kt-rail__link:hover{color:var(--kt-text)}
.kt-rail__link.is-current{color:var(--kt-cyan)}
.kt-rail__link.is-current::before{background:var(--kt-cyan)}

/* 图片容器 */
.kt-media{
  position:relative;overflow:hidden;
  border:1px solid var(--kt-line);border-radius:var(--kt-radius-lg);
  background:linear-gradient(155deg,#0E2A23,#07130F 72%);
}
.kt-media img{width:100%;height:100%;object-fit:cover}
.kt-media__caption{
  display:block;padding:10px 14px 0;
  font-size:13px;line-height:1.5;color:var(--kt-muted);
}
.kt-media--16x9{aspect-ratio:16/9}
.kt-media--4x3{aspect-ratio:4/3}
.kt-media--1x1{aspect-ratio:1/1}
.kt-media--tall{aspect-ratio:3/4}
.kt-media--placeholder::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 50% 50%,transparent 46px,rgba(53,240,200,.22) 46px,rgba(53,240,200,.22) 47px,transparent 47px),
    repeating-linear-gradient(115deg,rgba(53,240,200,.07) 0 1px,transparent 1px 18px);
}

/* 显现动效 */
[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .32s ease,transform .32s ease}
[data-reveal].is-visible{opacity:1;transform:none}

/* ---------- 5. 头部 ---------- */
.kt-skip{
  position:absolute;left:16px;top:-70px;z-index:200;
  padding:10px 18px;border-radius:999px;
  background:var(--kt-cyan);color:#04140F;
  font-size:14px;font-weight:600;line-height:1;
  transition:top .18s ease;
}
.kt-skip:focus{top:14px;color:#04140F}

.kt-header{
  position:sticky;top:0;z-index:80;
  background:linear-gradient(180deg,rgba(7,19,15,.97),rgba(7,19,15,.88));
  border-bottom:1px solid var(--kt-line);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.kt-topbar__inner{
  display:flex;align-items:center;gap:clamp(12px,2vw,30px);
  padding-top:14px;padding-bottom:14px;
  transition:padding .24s ease;
}
.kt-header[data-compact] .kt-topbar__inner{padding-top:8px;padding-bottom:8px}

.kt-brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;color:var(--kt-text)}
.kt-brand:hover{color:var(--kt-text)}
.kt-brand__mark{
  position:relative;flex:0 0 auto;width:44px;height:44px;border-radius:16px;
  border:1px solid rgba(53,240,200,.45);
  background:
    radial-gradient(circle at 50% 50%,transparent 8px,var(--kt-cyan) 8px,var(--kt-cyan) 8.8px,transparent 8.8px),
    linear-gradient(180deg,#0E2A23,#07130F);
  transition:border-color .2s ease,transform .24s ease;
}
.kt-brand:hover .kt-brand__mark{border-color:var(--kt-cyan);transform:rotate(-4deg)}
.kt-brand__mark::before{
  content:"";position:absolute;left:50%;top:6px;bottom:6px;width:1px;transform:translateX(-50%);
  background:linear-gradient(180deg,transparent,rgba(143,248,224,.5),transparent);
}
.kt-brand__mark::after{
  content:"";position:absolute;left:6px;right:6px;top:50%;height:1px;transform:translateY(-50%);
  background:linear-gradient(90deg,transparent,rgba(143,248,224,.35),transparent);
}
.kt-brand__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.kt-brand__name{
  font-family:var(--kt-display);font-size:21px;font-weight:600;
  letter-spacing:.04em;line-height:1.15;color:var(--kt-text);
}
.kt-brand__line{font-size:12px;line-height:1.3;color:var(--kt-muted);letter-spacing:.05em}

.kt-topbar__tagline{
  flex:1 1 auto;min-width:0;
  font-family:var(--kt-editorial);font-size:14px;line-height:1.5;
  color:var(--kt-muted);letter-spacing:.02em;
  transition:opacity .24s ease;
}
.kt-header[data-compact] .kt-topbar__tagline{opacity:0}
.kt-topbar__meta{display:flex;align-items:center;gap:10px;flex:0 0 auto}

.kt-navtoggle{
  display:none;flex:0 0 auto;
  width:46px;height:46px;border-radius:16px;
  border:1px solid var(--kt-line);
  background:rgba(14,42,35,.7);
  cursor:pointer;align-items:center;justify-content:center;
  transition:border-color .18s ease,background-color .18s ease;
}
.kt-navtoggle:hover{border-color:var(--kt-cyan)}
.kt-navtoggle__icon{display:block}
.kt-navtoggle__bar{
  display:block;width:18px;height:2px;border-radius:2px;
  background:var(--kt-cyan);
  transition:transform .2s ease,opacity .2s ease;
}
.kt-navtoggle__bar + .kt-navtoggle__bar{margin-top:4px}
.kt-header[data-open] .kt-navtoggle__bar:nth-child(1){transform:translateY(6px) rotate(45deg)}
.kt-header[data-open] .kt-navtoggle__bar:nth-child(2){opacity:0}
.kt-header[data-open] .kt-navtoggle__bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.kt-nav{
  border-top:1px solid rgba(28,63,54,.75);
  background:linear-gradient(90deg,rgba(14,42,35,.72),rgba(7,19,15,.5));
}
.kt-nav__list{
  display:flex;flex-wrap:wrap;gap:0 4px;
  list-style:none;padding:0;margin:0;
}
.kt-nav__item{display:block}
.kt-nav__link{
  position:relative;display:block;
  padding:13px 15px;
  font-size:15px;font-weight:500;letter-spacing:.03em;line-height:1.3;
  color:var(--kt-muted);
  transition:color .18s ease,background-color .18s ease;
}
.kt-nav__link:hover{color:var(--kt-text);background:rgba(53,240,200,.06)}
.kt-nav__link[aria-current="page"]{color:var(--kt-cyan)}
.kt-nav__link[aria-current="page"]::after{
  content:"";position:absolute;left:15px;right:15px;bottom:6px;height:3px;
  border-radius:3px;background:var(--kt-amber);
}

.kt-progressrail{height:2px;background:rgba(28,63,54,.6);overflow:hidden}
.kt-progressrail__bar{
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--kt-cyan),var(--kt-amber));
  transition:width .12s linear;
}

/* ---------- 6. 页脚 ---------- */
.kt-footer{
  position:relative;z-index:1;
  margin-top:clamp(48px,8vw,104px);
  border-top:1px solid var(--kt-line);
  background:linear-gradient(180deg,rgba(7,19,15,.4),rgba(10,31,25,.85) 55%,rgba(7,19,15,1));
  padding-top:clamp(38px,6vw,72px);
  padding-bottom:26px;
}
.kt-footer__top{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.6fr);
  gap:clamp(24px,4vw,64px);
}
.kt-footer__brand{display:grid;gap:12px;align-content:start}
.kt-footer__brandline{
  font-family:var(--kt-editorial);font-size:clamp(17px,1.7vw,21px);
  line-height:1.5;color:var(--kt-text);
}
.kt-footer__progress{
  font-family:var(--kt-data);font-size:13px;line-height:1.7;
  letter-spacing:.02em;color:var(--kt-cyan-soft);
}
.kt-footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,32px)}
.kt-footer__col{display:grid;gap:12px;align-content:start}
.kt-footer__coltitle{
  font-family:var(--kt-display);font-size:15px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--kt-amber);
}
.kt-footer__list{list-style:none;display:grid;gap:9px;padding:0;margin:0}
.kt-footer__link{font-size:14px;line-height:1.6;color:var(--kt-muted)}
.kt-footer__link:hover{color:var(--kt-cyan)}

.kt-footer__contact{
  display:grid;gap:6px;
  margin-top:clamp(28px,4vw,48px);
  padding:clamp(16px,2vw,22px) clamp(16px,2vw,24px);
  border:1px solid var(--kt-line);
  border-left:3px solid var(--kt-cyan);
  border-radius:var(--kt-radius);
  background:rgba(14,42,35,.6);
}
.kt-footer__contactline{font-size:14px;line-height:1.7;color:var(--kt-text-soft);word-break:break-word}
.kt-footer__note{font-size:13px;line-height:1.65;color:var(--kt-muted)}

.kt-footer__bottom{
  display:flex;flex-wrap:wrap;gap:10px 26px;
  align-items:center;justify-content:space-between;
  margin-top:26px;padding-top:18px;
  border-top:1px solid var(--kt-line);
  font-size:13px;line-height:1.6;color:var(--kt-muted);
}
.kt-footer__legal{font-family:var(--kt-data);letter-spacing:.04em}
.kt-footer__copy{color:var(--kt-muted)}

.kt-totop{
  position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:70;
  display:grid;place-items:center;
  width:48px;height:48px;border-radius:16px;
  border:1px solid var(--kt-line);
  background:rgba(14,42,35,.94);
  color:var(--kt-cyan);
  cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease,border-color .18s ease;
}
.kt-totop[data-visible]{opacity:1;visibility:visible;transform:none}
.kt-totop:hover{border-color:var(--kt-cyan)}
.kt-totop__glyph{font-family:var(--kt-data);font-size:18px;line-height:1}

/* ---------- 7. 响应式 ---------- */
@media (max-width:1023px){
  :root{--kt-head-h:126px}
  .kt-topbar__tagline{display:none}
}

@media (max-width:960px){
  :root{--kt-head-h:auto}
  html{scroll-padding-top:96px}
  .kt-navtoggle{display:inline-flex}
  .kt-nav{display:none;border-top:1px solid rgba(28,63,54,.75)}
  .kt-header[data-open] .kt-nav{display:block;animation:kt-drop .2s ease both}
  .kt-nav__list{flex-direction:column;gap:0;padding-bottom:14px}
  .kt-nav__item{border-bottom:1px solid rgba(28,63,54,.6)}
  .kt-nav__item:first-child{border-top:1px solid rgba(28,63,54,.4)}
  .kt-nav__link{padding:15px 14px 15px 18px;font-size:16px}
  .kt-nav__link[aria-current="page"]::after{display:none}
  .kt-nav__link[aria-current="page"]::before{
    content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;
    border-radius:3px;background:var(--kt-amber);
  }
  .kt-nav__link[aria-current="page"]{background:rgba(242,169,59,.08)}
  .kt-rail{position:static;border-left:0;padding-left:0;margin-bottom:24px}
  .kt-rail__list{display:flex;flex-wrap:wrap;gap:8px}
  .kt-rail__link{
    padding:7px 13px;border:1px solid var(--kt-line);border-radius:999px;
    background:rgba(14,42,35,.6);
  }
  .kt-rail__link::before{display:none}
  .kt-rail__link.is-current{border-color:rgba(53,240,200,.45);background:rgba(53,240,200,.1)}
  .kt-progressrail{position:absolute;left:0;right:0;bottom:-2px}
}

@keyframes kt-drop{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:none}
}

@media (max-width:860px){
  .kt-footer__top{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:760px){
  body{font-size:15.5px}
  .kt-grid{grid-template-columns:minmax(0,1fr)}
  .kt-span-4,.kt-span-5,.kt-span-7,.kt-span-8,.kt-span-12{grid-column:1 / -1}
  .kt-prose{font-size:16px;line-height:1.8}
  .kt-topbar__meta .kt-badge{display:none}
  .kt-brand__mark{width:38px;height:38px;border-radius:14px}
  .kt-brand__name{font-size:19px}
  .kt-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kt-section{padding-block:clamp(28px,7vw,52px)}
}

@media (max-width:460px){
  .kt-brand__line{display:none}
  .kt-topbar__meta .kt-btn{padding:8px 12px;font-size:12px}
  .kt-footer__cols{grid-template-columns:minmax(0,1fr)}
  .kt-footer__bottom{flex-direction:column;align-items:flex-start}
}

/* ---------- 8. 动效降级 ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  [data-reveal]{opacity:1;transform:none}
  .kt-header[data-open] .kt-nav{animation:none}
}