@charset "utf-8";
/* ==================== 设计令牌 / CSS Variables ==================== */
:root {
  --canvas-width: 14.4rem;
  --safe-width: 12.32rem;
  --gutter: 0.24rem;
  --margin: 1.04rem;
  --nav-height: 0.72rem;
  --content-height: 6.78rem; /* 72 + 678 = 750 */
  --total-height: 7.50rem;
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --text-primary: #0f172a;
  --text-secondary: #64748b;
  --bg-white: #ffffff;
  --bg-light: #f8fafc;
  --bg-dark: #0f172a;
}

/* ==================== Reset & Base ==================== */
*, *::before, *::after { 
  margin: 0; 
  padding: 0; 
  box-sizing: border-box; 
}
html, body { 
  height: 100%; 
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, "Cantarell", sans-serif;
  color: #1a1a1a; 
  background: #f5f5f5; 
  font-size: calc(100vw / 14.4);
}
@media (max-width: 1023px) {
  html {
    font-size: 71.11px;
  }
}
body{
  font-size: 0.16rem;
}
blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,legend,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0
}
fieldset,img {
	border: none;
	vertical-align: middle
}

table {
	border-collapse: collapse
}

.pr10 {
	padding-right: 0.1rem
}

.pt15 {
	padding-top: 0.15rem
}

.ar {
	text-align: right
}

a {
	color: #6ab0ff;
	text-decoration: none;
	blr: expression(this.onFocus=this.blur());
	outline: 0
}

a:focus {
	outline: 0
}

a:hover {
	text-decoration: none
}

ol,ul {
	list-style: none
}
img { vertical-align: middle}
body { color: #666;}
input { outline:medium;}