/* =====================================================================
   base.css —— 本地基础重置（静态替代原 Tailwind Play CDN 的 Preflight）
   说明：原先由 assets/tailwind.js 在运行时注入，这里固化为静态样式，
        移除 CDN 引擎后页面基础排版保持一致（p/h1-h6 去边距、列表去符号、
        图片块级化自适应、表单元素继承页面字体等）。
   加载顺序：必须在 assets/common.css 之前引入（三页 head 已按此顺序）。
   ===================================================================== */

/* 盒模型统一为 border-box */
*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #DED5C5; /* --line */
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}

body { margin: 0; }

/* 块级元素去默认外边距 */
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; }

/* 标题继承字号字重（具体字号由页面 class 定义，如 .hero-title / .section-head h2） */
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }

/* 列表去项目符号与缩进 */
ol, ul, menu { list-style: none; margin: 0; padding: 0; }

/* 链接继承颜色 */
a { color: inherit; text-decoration: inherit; }

b, strong { font-weight: bolder; }
hr { height: 0; color: inherit; border-top-width: 1px; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }

/* 表格 */
table { text-indent: 0; border-color: inherit; border-collapse: collapse; }

/* 表单元素继承页面字体与颜色 */
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: #9B9285; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[role="button"], button { cursor: pointer; }
:disabled { cursor: default; }
fieldset { margin: 0; padding: 0; }
legend { padding: 0; }

/* 媒体元素块级化并自适应容器宽度 */
img, svg, video, canvas { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }

summary { display: list-item; }
[hidden] { display: none; }

/* 页面实际使用的极少量栅格工具类
   （.grid / .gap-6 / .sm:grid-cols-2 / .md:grid-cols-3 / .lg:grid-cols-3 已在 common.css 定义） */
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
