/* 
基础样式文件 - base.css
内容结构：
- CSS Reset：重置浏览器默认样式，统一不同浏览器的表现
- 排版样式：字体族、字号、行高、段落间距等基础排版设置
- 色板定义：品牌主色、辅助色、中性色、状态色等颜色变量
- CSS变量：定义全局CSS自定义属性，便于主题切换和维护
- 基础元素样式：h1-h6、p、a、ul、ol、button等HTML元素的默认样式
- 工具类：常用的margin、padding、text-align等工具类样式
*/

/* ===== base.css ===== */

/* Reset（温和版） */
* { box-sizing: border-box; }
html, body, h1, h2, h3, h4, p, ul, ol, li, figure, figcaption { margin: 0; padding: 0; }
ul, ol { list-style: none; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }

/* 颜色与尺寸变量 */
:root{
  --bg: #ffffff;
  --bg-alt: #f7f8fb;
  --line: #eaecef;
  --text: #0f172a;
  --text-2: #475569;
  --muted: #64748b;
  --brand: #111827;
  --brand-2: #334155;
  --primary: #111827;
  --primary-contrast: #ffffff;
  --surface: #ffffff;
  --radius: 14px;
  --shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
  --container: 1120px;

  --h1: clamp(28px, 6vw, 48px);
  --h2: clamp(22px, 4vw, 32px);
  --h3: clamp(18px, 3vw, 20px);
}

/* 文本与背景 */
html, body{ height:100%; }
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Arial, "Noto Sans CJK SC", sans-serif;
  color: var(--text);
  background: linear-gradient(180deg, #fff, #f9fafb 60%, #fff 100%);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 可复用工具类 */
.container{ max-width: var(--container); margin: 0 auto; padding: 0 16px; }
.section{ padding: 56px 0; }
.section--hero{ padding: 72px 0 40px; }
.section--products, .section--cases{ background: var(--bg-alt); }
.text-gradient{
  background: linear-gradient(90deg, var(--text) 0%, var(--brand-2) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.h1{ font-size: var(--h1); font-weight: 800; line-height: 1.15; }
.h2{ font-size: var(--h2); font-weight: 700; margin-bottom: 10px; }
.h3{ font-size: var(--h3); font-weight: 600; }

.lead{ color: var(--text-2); font-size: 17px; }
.muted{ color: var(--muted); }

.list{ color: var(--text-2); }
.list--info li{ margin-bottom: 6px; }
.list--links li + li{ margin-top: 6px; }

.kicker{ font-size: 12px; color: var(--muted); letter-spacing: .4px; text-transform: uppercase; }

.no-scroll{ overflow: hidden; }