/* html 基础渲染与行为 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Firefox 细滚动条 */
  scrollbar-width: thin;   
  /* 平滑滚动（见下方 reduced-motion 兜底） */        
  scroll-behavior: smooth;         
  overflow-x: hidden;
  font-family: Arial, Helvetica, sans-serif !important;
}

/* body 基线排版 */
body {
  margin: 0;
  min-width: auto;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  font-family: Arial, Helvetica, sans-serif !important;
}

/* =========================================================
   B. Reset / Normalize（尽量中性）
   ========================================================= */
/* 去除所有元素默认 margin/padding；优先使用 :where 降低特异性 */
:where(
  body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,
  ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,
  form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
  embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,
  blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select
){ 
	margin:0; padding:0; 
}

/* 列表去圆点（如需保留浏览器默认样式，可在具体场景覆盖） */
ol, ul, li { 
	list-style: none; 
}

/* 盒模型统一为 border-box（含伪元素） */
*, *::before, *::after {
  box-sizing: border-box;
  /* 减少默认 outline 干扰；可访问性见下面 :focus-visible */
  outline: 0; 
}

/* 语义标签统一：不倾斜不加粗（按需覆盖） */
i, em, cite, address { 
	font-style: normal; 
}
b, strong { 
	font-weight: bolder; 
}

/* 让媒体天然可缩放、避免拉伸 */
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  max-width: 100%;
}
img { 
	border: 0; 
	height: auto; 
}

/* 表格基础 */
table { 
	border-collapse: collapse; 
	width: 100%; }
caption { 
	text-align: left;  
	caption-side: top; 
}

/* =========================================================
   C. 链接 & 可访问性焦点
   ========================================================= */
a {
  display: block;                 /* 你的既定风格：链接默认块级 */
  color: inherit;
  text-decoration: none;
  outline: none;
}
a:focus { outline: none; }

/* =========================================================
   D. 表单控件（继承排版 + 轻定制）
   ========================================================= */
input, textarea, select, button {
  font: inherit;
  color: inherit;
  background: transparent;
  border: 0;
}
textarea, input { 
	padding: 0; 
	color: #666; 
	-webkit-appearance: none; 
}
button, input[type='button'], input[type='submit'], input[type='reset'] {
  cursor: pointer; 
  -webkit-appearance: none;
}
input[type='checkbox'], input[type='radio'] {
  position: relative;
  vertical-align: middle;
  /* 交给自定义样式 */
  -webkit-appearance: none; 
}
input[type='search'] { 
	-webkit-appearance: textfield;
}
input::placeholder, textarea::placeholder { color: #9aa4b2; }

/* =========================================================
   F. 动画/过渡在“减少动效”偏好下优雅降级
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  html:focus-within { scroll-behavior: auto; }  /* 关闭平滑滚动 */
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* clearfix*/
.clearfix { 
	clear: both; 
}
.clearfix:after {
  clear: both; 
  height: 0; 
  content: ""; 
  display: table; 
  line-height: 0; 
  font-size: 0; 
  overflow: hidden; 
  visibility: hidden;
}
.clearfix:before{ 
  clear: both; 
  height: 0; 
  content: ""; 
  display: table; 
  line-height: 0; 
  font-size: 0; 
  overflow: hidden; 
  visibility: hidden;
}