/* 知惠素 Chienomoto — 共享样式 */
:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { font-family: "Noto Sans SC", system-ui, sans-serif; }
h1, h2, h3, .font-display, .font-serif { font-family: "Playfair Display", "Noto Serif SC", serif; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal { opacity: 1 !important; transform: none !important; }
}

/* 焦点可见性（键盘可访问） */
.focus-ring:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(107,91,160,0.5);
  border-radius: 0.75rem;
}

/* 滚动揭示动画 */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal.in { opacity: 1; transform: none; }
.reveal.d1 { transition-delay: .08s; }
.reveal.d2 { transition-delay: .16s; }
.reveal.d3 { transition-delay: .24s; }

/* 渐变文字 */
.text-gradient {
  background: linear-gradient(120deg, #6b5ba0, #C56A2D);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

/* 图片柔光叠加 */
.img-warm { filter: saturate(1.05) contrast(1.02); }

/* 噪点纹理（高端质感，极轻） */
.grain::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .04;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* 平滑下划线 */
.link-underline { background-image: linear-gradient(currentColor,currentColor); background-size: 0% 1.5px; background-repeat: no-repeat; background-position: left bottom; transition: background-size .3s ease; }
.link-underline:hover { background-size: 100% 1.5px; }

/* CTA 白字描影：底图保留，文字仍清晰 */
.cta-shadow h2,
.cta-shadow p{
  text-shadow:0 2px 12px rgba(20,12,40,.72), 0 1px 3px rgba(0,0,0,.55);
}

/* 语言切换 Language Switch */
.lang-switch{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:500;margin-right:6px;}
.lang-switch a,.lang-switch span{padding:3px 7px;border-radius:5px;text-decoration:none;line-height:1;}
.lang-switch a{color:#6b5ba0;}
.lang-switch a:hover{background:rgba(107,91,160,0.1);}
.lang-switch span.lang-cur{color:#fff;background:#6b5ba0;font-weight:700;}
@media (max-width:640px){.lang-switch{font-size:12px;gap:3px;margin-right:2px;}.lang-switch a,.lang-switch span{padding:2px 5px;}}