/* 奥瑞达官方主页（完整 VI 字阶）。令牌与字体来自 theme.css；本文件仅用于首页，不影响任务系统。 */
.home{
  /* 完整 VI 字阶（后台界面使用缩小后的 theme.css 令牌，此处覆盖为官网规格） */
  --fs-h1:64px;
  --fs-h2:40px;
  --fs-h3:28px;
  --fs-h4:20px;
  --fs-body:16px;
  --fs-caption:12px;
  --logo-width:152px;
  --home-max:1120px;
  --home-pad:40px;
  margin:0;
  font-family:var(--font-family);
  font-size:var(--fs-body);
  font-weight:var(--fw-regular);
  line-height:var(--lh-body);
  background:var(--au-ui-gray);
  color:var(--au-black);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.home *,.home *::before,.home *::after{box-sizing:border-box}
.home a{color:inherit}

.skip{
  position:absolute;left:16px;top:0;z-index:20;
  transform:translateY(-120%);
  background:var(--au-white);color:var(--au-black);
  padding:8px 14px;border-radius:var(--radius-sm);
  font-weight:var(--fw-semibold);font-size:14px;text-decoration:none;
}
.skip:focus{transform:translateY(8px);outline:2px solid var(--au-blue-start);outline-offset:2px}

.shell{
  width:100%;
  max-width:var(--home-max);
  margin:0 auto;
  padding-left:max(var(--home-pad),env(safe-area-inset-left));
  padding-right:max(var(--home-pad),env(safe-area-inset-right));
}

/* —— 页头：黑底 + 3px 蓝渐变底线 —— */
.site-header{
  background:var(--au-black);
  color:var(--au-white);
  position:sticky;top:0;z-index:10;
  border-bottom:3px solid transparent;
  border-image:var(--au-blue-gradient) 1;
  padding-top:env(safe-area-inset-top);
}
.site-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:72px;
  padding-top:10px;
  padding-bottom:10px;
}
.brand-logo{display:flex;align-items:center;flex:0 0 auto;line-height:0}
.brand-logo img{
  width:var(--logo-width);
  min-width:120px;
  height:auto;
  display:block;
}
.site-nav{display:flex;align-items:center;gap:20px}
.nav-link{
  color:var(--au-white);
  text-decoration:none;
  font-size:var(--fs-body);
  font-weight:var(--fw-medium);
  padding:8px 4px;
  min-height:44px;
  display:inline-flex;align-items:center;
}
.nav-link:hover{color:#C9C9D3}
.nav-link:focus-visible,.btn:focus-visible{
  outline:2px solid #01BBF4;
  outline-offset:3px;
}

/* —— 按钮 —— */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:inherit;
  font-size:var(--fs-body);
  font-weight:var(--fw-semibold);
  line-height:1;
  text-decoration:none;
  border:none;
  border-radius:var(--radius-sm);
  padding:12px 22px;
  min-height:44px;
  cursor:pointer;
  white-space:nowrap;
}
.btn-primary{
  background:var(--au-blue-gradient);
  color:var(--au-white);
}
.btn-primary:hover{filter:none;opacity:.92}
.btn-secondary{
  background:var(--au-blue-tint);
  color:var(--au-blue-start);
}

/* —— 主视觉（黑底；高度克制，便于首屏看到业务介绍） —— */
.hero{
  background:var(--au-black);
  color:var(--au-white);
  display:flex;
  align-items:center;
  padding:88px 0 96px;
}
.hero-inner{width:100%}
.kicker{
  margin:0 0 20px;
  font-size:var(--fs-caption);
  font-weight:var(--fw-semibold);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#C9C9D3;
}
.hero h1{
  margin:0;
  font-size:var(--fs-h1);
  font-weight:var(--fw-extrabold);
  line-height:1.12;
  letter-spacing:.02em;
}
.hero-name{
  margin:16px 0 0;
  font-size:var(--fs-h4);
  font-weight:var(--fw-medium);
  color:#C9C9D3;
  letter-spacing:.02em;
}
.accent-line{
  display:block;
  width:48px;
  height:3px;
  margin:32px 0;
  background:var(--au-blue-gradient);
}
.hero-lead{
  margin:0;
  max-width:22em;
  font-size:var(--fs-body);
  font-weight:var(--fw-regular);
  line-height:var(--lh-body);
  color:#C9C9D3;
}

/* —— Business (light ground; confirmed public copy only) —— */
.business{
  background:var(--au-ui-gray);
  padding:80px 0 96px;
}
.business h2,
.contact h2{
  margin:0 0 24px;
  font-weight:var(--fw-bold);
  line-height:1.25;
  font-size:var(--fs-h2);
}
.business p{
  margin:0 0 16px;
  max-width:40em;
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  color:var(--au-black);
}
.business p:last-of-type{margin-bottom:0}
.support-list{
  list-style:none;
  margin:36px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
}
.support-list li{
  background:var(--au-white);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-card);
  padding:22px 12px;
  text-align:center;
  font-size:var(--fs-h4);
  font-weight:var(--fw-semibold);
  line-height:1.3;
}

/* —— 页脚（黑底，只用文字字标，避免与页头标志重复） —— */
.site-footer{
  background:var(--au-black);
  color:#C9C9D3;
  border-top:3px solid transparent;
  border-image:var(--au-blue-gradient) 1;
  padding:28px 0;
  padding-bottom:max(28px,env(safe-area-inset-bottom));
}
.site-footer p{
  margin:0;
  font-size:var(--fs-caption);
  font-weight:var(--fw-regular);
  letter-spacing:.02em;
}

::selection{background:var(--au-blue-tint);color:var(--au-black)}
.hero ::selection,.site-header ::selection,.site-footer ::selection{
  background:#032DE3;color:var(--au-white);
}

@media(max-width:800px){
  .home{--home-pad:22px;--logo-width:140px;--fs-h1:40px;--fs-h2:32px;--fs-h3:24px}
  .site-header-inner{min-height:64px;padding-top:8px;padding-bottom:8px;gap:16px}
  .site-nav{gap:8px}
  .hero{padding:64px 0 72px}
  .business{padding:64px 0 72px}
  .support-list{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){
  .home{--home-pad:20px;--logo-width:132px;--fs-h1:36px;--fs-h2:28px}
  .nav-link{padding:8px 6px}
  .btn{font-size:16px;min-height:44px}
  .hero{padding:40px 0 48px}
  .accent-line{margin:24px 0}
  .business{padding:40px 0 40px}
  .support-list{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}
  .support-list li{padding:18px 10px}
}
@media(prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
}