/*! 响应式兜底 v2（2026-10-30 金老师：要跟分辨率自适应，且不能露出"网页痕迹"）
 *  ① 底色铺满、无白边、无默认外边距
 *  ② 字号随窗口宽度缩放
 *  ③ 卡片网格自动折列，禁止横向溢出
 *  ④ 滚动条改成深色细条（不出现浅色系统滚动条）
 *  ⑤ 1280 / 1100 / 900 三档断点 */
html, body {
  margin: 0 !important;
  padding: 0;
  background: #0a0e1c;
  max-width: 100%;
  overflow-x: hidden;
}
html { font-size: clamp(13px, 0.82vw + 4px, 17px); }

/* 页面顶部不要留白条：常见 header/首个区块的外边距归零 */
body > header, body > .topbar, body > .header, .topbar, .cc-global-topbar {
  margin-top: 0 !important;
}
body > :first-child { margin-top: 0 !important; }

img, canvas, video, svg { max-width: 100%; height: auto; }

/* 卡片网格：能折就折；最小卡片宽度按屏幕收紧 */
.grid, .cards, .kpi, .features, .dash3, .tri, .row3 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
}

/* 滚动条：深色细条，避免露出系统浅色滚动条 */
* { scrollbar-width: thin; scrollbar-color: rgba(124,92,240,.55) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: rgba(124,92,240,.55); border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: rgba(124,92,240,.8); }

/* 1440 及以下：收内边距、缩标题 */
@media (max-width: 1440px) {
  .wrap, .container, .page { max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; }
  h1 { font-size: clamp(22px, 2.1vw, 30px) !important; }
  h2 { font-size: clamp(18px, 1.7vw, 24px) !important; }
}

/* 1300：两栏改一栏，卡片最小宽度降到 280 */
@media (max-width: 1300px) {
  .two-col, .split, .row-2, .cols-2 { grid-template-columns: 1fr !important; display: block !important; }
  .grid, .cards, .kpi, .features, .dash3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important; }
  .nav, .cc-ta__nav { gap: 2px !important; }
  .nav a, .cc-ta__nav a { padding: 6px 10px !important; font-size: 13px !important; }
}

/* 1100：三栏变两栏/一栏，表格允许横向滚动但不出白条 */
@media (max-width: 1100px) {
  .grid-3, .tri, .row3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important; }
  table { font-size: 12px; }
}

/* 900：单列，隐藏非关键装饰 */
@media (max-width: 900px) {
  .grid, .cards, .kpi, .features, .dash3 { grid-template-columns: 1fr !important; }
}