:root {
  --hf-ink: #101114;
  --hf-paper: #f1f0eb;
  --hf-acid: #02b4c4;
  --hf-violet: #1277c9;
  --hf-muted: #70726f;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  background: var(--hf-paper);
  color: var(--hf-ink);
  font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  text-rendering: optimizeLegibility;
}
body.admin-bar .hf-header { top: 32px; }
a { color: inherit; text-decoration: none; }
.hf-main { overflow: hidden; }
.hf-header {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 88px;
  padding: 0 4vw;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.16);
  transition: background .25s ease, height .25s ease;
}
.hf-header.is-scrolled {
  height: 72px;
  background: rgba(10,11,13,.92);
  backdrop-filter: blur(18px);
}
.hf-brand { display: inline-flex; align-items: center; width: max-content; font-size: 27px; font-weight: 950; letter-spacing: -.08em; }
.hf-brand a { display: flex; align-items: center; }
.hf-brand img { display: block; width: min(156px, 19vw); height: auto; max-height: 44px; }
.hf-brand i, .hf-footer-brand span { color: var(--hf-acid); font-style: normal; }
.hf-brand .custom-logo-link { display: flex; }
.hf-brand .custom-logo { width: auto; max-width: 150px; max-height: 40px; object-fit: contain; }
.hf-menu { display: flex; gap: 34px; margin: 0; padding: 0; list-style: none; }
.hf-menu a { font-size: 12px; font-weight: 700; letter-spacing: .06em; opacity: .72; }
.hf-menu a:hover { opacity: 1; }
.hf-header-cta { justify-self: end; display: flex; align-items: center; gap: 12px; font-size: 10px; font-weight: 900; letter-spacing: .15em; }
.hf-header-cta span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--hf-acid); color: var(--hf-ink); }
.hf-menu-toggle { display: none; border: 0; background: none; color: white; }

.hf-hero {
  position: relative;
  min-height: 820px;
  height: 100vh;
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background:
    radial-gradient(circle at 74% 44%, rgba(200,255,33,.22), transparent 24%),
    linear-gradient(128deg, #0d0e11 0%, #17191d 48%, #08090b 100%);
}
.hf-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(100deg, rgba(0,0,0,.52) 0 43%, transparent 68%); }
.hf-grid { position: absolute; inset: 0; z-index: -1; opacity: .17; background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to right, transparent, #000 35%, #000); }
.hf-orbit { position: absolute; border: 1px solid rgba(200,255,33,.22); border-radius: 50%; }
.hf-orbit-one { width: 780px; height: 780px; right: -80px; top: 70px; }
.hf-orbit-two { width: 560px; height: 560px; right: 30px; top: 180px; border-color: rgba(255,255,255,.1); }
.hf-hero-copy { position: absolute; z-index: 3; top: 50%; left: 7vw; width: 48%; transform: translateY(-46%); }
.hf-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 28px; font-size: 10px; font-weight: 900; letter-spacing: .22em; }
.hf-eyebrow span { width: 28px; height: 2px; background: var(--hf-acid); }
.hf-eyebrow.hf-dark span { background: var(--hf-ink); }
.hf-hero h1, .hf-section-heading h2, .hf-philosophy h2, .hf-manifesto h2 {
  margin: 0;
  max-width: 760px;
  font-size: clamp(68px, 8vw, 132px);
  line-height: .81;
  letter-spacing: -.085em;
  font-weight: 950;
}
.hf-hero h1 { white-space: normal; }
.hf-hero h1 em { display: inline-block; }
em { color: var(--hf-acid); font-family: Georgia, "Times New Roman", serif; font-weight: 500; }
.hf-hero-intro { max-width: 480px; margin: 36px 0 0; color: rgba(255,255,255,.68); font-size: 16px; line-height: 1.8; }
.hf-actions { display: flex; align-items: center; gap: 30px; margin-top: 34px; }
.hf-button { display: inline-flex; justify-content: space-between; align-items: center; min-width: 182px; padding: 17px 20px; background: var(--hf-acid); color: var(--hf-ink); font-size: 12px; font-weight: 900; }
.hf-text-link { font-size: 12px; font-weight: 800; }
.hf-text-link span { margin-left: 12px; color: var(--hf-acid); }
.hf-watch { position: absolute; z-index: 2; top: 50%; right: 10vw; width: 360px; height: 660px; transform: translateY(-45%) rotate(11deg); filter: drop-shadow(0 40px 50px rgba(0,0,0,.55)); }
.hf-watch-glow { position: absolute; top: 260px; left: -120px; width: 600px; height: 250px; border-radius: 50%; background: radial-gradient(ellipse, rgba(200,255,33,.2), transparent 68%); filter: blur(20px); }
.hf-strap { position: absolute; left: 112px; width: 136px; height: 228px; border: 1px solid rgba(255,255,255,.08); background: linear-gradient(90deg, #272a2f, #08090a 45%, #24262b); box-shadow: inset 0 0 34px rgba(255,255,255,.04); }
.hf-strap-top { top: 0; border-radius: 42px 42px 12px 12px; }
.hf-strap-bottom { bottom: 0; border-radius: 12px 12px 42px 42px; }
.hf-watch-body { position: absolute; z-index: 2; top: 178px; left: 58px; width: 244px; height: 300px; padding: 11px; border: 2px solid #65696c; border-radius: 58px; background: linear-gradient(145deg, #35393d, #0c0d0f 55%, #404347); box-shadow: inset 0 0 0 5px #16181b, 0 34px 55px rgba(0,0,0,.5); }
.hf-crown { position: absolute; top: 86px; right: -16px; width: 15px; height: 50px; border-radius: 0 8px 8px 0; background: #55595d; }
.hf-screen { width: 100%; height: 100%; padding: 24px 20px; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 47px; background: radial-gradient(circle at 30% 70%, rgba(200,255,33,.24), transparent 37%), linear-gradient(150deg, #15181b, #050606); }
.hf-watch-meta { display: flex; justify-content: space-between; color: #aeb4b5; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.hf-screen > strong { display: block; margin-top: 42px; font-size: 50px; letter-spacing: -.08em; }
.hf-screen > strong i { color: var(--hf-acid); font-style: normal; }
.hf-screen > small { display: block; margin-top: -4px; color: #858a8d; font-size: 8px; letter-spacing: .22em; }
.hf-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 44px; padding-top: 14px; border-top: 1px solid #34383b; }
.hf-stats span { font-size: 15px; font-weight: 900; }
.hf-stats small { display: block; margin-top: 5px; color: #82878a; font-size: 7px; letter-spacing: .16em; }
.hf-hero-foot { position: absolute; bottom: 28px; left: 4vw; display: flex; gap: 28px; color: rgba(255,255,255,.35); font-size: 8px; font-weight: 800; letter-spacing: .16em; }
.hf-scroll { position: absolute; right: 4vw; bottom: 26px; display: flex; gap: 16px; align-items: center; font-size: 8px; letter-spacing: .22em; }
.hf-scroll span { color: var(--hf-acid); font-size: 16px; }

.hf-ticker { overflow: hidden; padding: 18px 0; background: var(--hf-acid); }
.hf-ticker div { display: flex; width: max-content; align-items: center; gap: 28px; font-size: 18px; font-weight: 950; letter-spacing: .04em; animation: hf-ticker 28s linear infinite; }
.hf-ticker i { font-size: 12px; font-style: normal; }
@keyframes hf-ticker { to { transform: translateX(-50%); } }

.hf-series { padding: 130px 4vw 150px; }
.hf-section-heading { display: grid; grid-template-columns: 1.4fr .6fr; align-items: end; max-width: 1380px; margin: 0 auto 70px; }
.hf-section-heading h2 { font-size: clamp(62px, 7vw, 108px); }
.hf-section-heading h2 em { color: var(--hf-violet); }
.hf-section-heading > p { max-width: 380px; margin: 0 0 5px; color: var(--hf-muted); line-height: 1.9; }
.hf-series-grid { display: grid; grid-template-columns: repeat(6, 1fr); max-width: 1380px; margin: auto; gap: 12px; }
.hf-series-card { --tone: var(--hf-acid); position: relative; grid-column: span 3; min-height: 480px; padding: 20px; overflow: hidden; color: #fff; background: #191a1e; transition: transform .3s ease; }
.hf-series-card:nth-child(n+3) { grid-column: span 2; min-height: 420px; }
.hf-series-card:hover { transform: translateY(-7px); }
.hf-series-card::after { content: ""; position: absolute; top: 30px; right: -65px; width: 240px; height: 240px; border: 45px solid var(--tone); border-radius: 50%; opacity: .68; }
.hf-series-card.lime { --tone: #c8ff21; }
.hf-series-card.violet { --tone: #7a56ff; }
.hf-series-card.orange { --tone: #ff6d28; }
.hf-series-card.rose { --tone: #ff4674; }
.hf-series-card.cyan { --tone: #25d9ef; }
.hf-series-top { display: flex; justify-content: space-between; color: rgba(255,255,255,.48); font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.hf-series-letter { position: absolute; z-index: 1; top: -5%; right: 5%; color: transparent; font-size: 270px; font-weight: 950; line-height: 1; letter-spacing: -.12em; -webkit-text-stroke: 1px rgba(255,255,255,.2); }
.hf-series-copy { position: absolute; z-index: 2; right: 24px; bottom: 30px; left: 24px; }
.hf-series-copy p { margin: 0 0 7px; color: var(--tone); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.hf-series-copy h3 { margin: 0 0 10px; font-size: 38px; letter-spacing: -.06em; }
.hf-series-copy > span { display: block; max-width: 360px; color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.7; }
.hf-series-card > a { position: absolute; z-index: 3; right: 22px; bottom: 25px; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: var(--tone); color: var(--hf-ink); }

.hf-philosophy { position: relative; min-height: 820px; padding: 130px 7vw; overflow: hidden; color: #fff; background: #111216; }
.hf-philosophy-label { display: grid; grid-template-columns: 1fr 2fr; color: #8a8d90; font-size: 10px; line-height: 1.8; letter-spacing: .12em; }
.hf-philosophy-main { position: relative; z-index: 2; margin-top: 100px; }
.hf-philosophy h2 { max-width: 920px; font-size: clamp(70px, 8vw, 132px); }
.hf-philosophy-main > p { max-width: 480px; margin: 45px 0 0 42%; color: #929598; font-size: 14px; line-height: 2; }
.hf-energy-disc { position: absolute; top: 120px; right: -12vw; display: grid; width: 58vw; height: 58vw; max-width: 800px; max-height: 800px; place-items: center; border: 1px solid rgba(200,255,33,.22); border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 26px, rgba(200,255,33,.05) 27px 28px); }
.hf-energy-disc span { color: rgba(200,255,33,.08); font-size: 420px; font-weight: 950; transform: rotate(-12deg); }

.hf-values { display: grid; grid-template-columns: repeat(3, 1fr); padding: 100px 4vw 130px; background: var(--hf-acid); }
.hf-values article { padding: 0 34px; border-right: 1px solid rgba(0,0,0,.18); }
.hf-values article:last-child { border: 0; }
.hf-values article > span { font-size: 10px; font-weight: 900; }
.hf-values article > p { margin: 55px 0 6px; font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.hf-values h3 { margin: 0; font-size: 33px; letter-spacing: -.05em; }
.hf-values article > div { height: 1px; margin: 26px 0; background: rgba(0,0,0,.25); }
.hf-values small { display: block; max-width: 270px; font-size: 12px; line-height: 1.8; }

.hf-manifesto { min-height: 760px; padding: 130px 7vw; color: #fff; background: radial-gradient(circle at 80% 50%, rgba(122,86,255,.5), transparent 24%), linear-gradient(125deg, #111216, #171324 65%, #0b0c0f); }
.hf-manifesto h2 { font-size: clamp(76px, 9vw, 142px); }
.hf-manifesto h2 span { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.5); }
.hf-manifesto h2 em { color: var(--hf-violet); }
.hf-manifesto > p:last-child { max-width: 380px; margin: 40px 0 0 auto; color: rgba(255,255,255,.62); line-height: 1.9; }

.hf-footer { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 30px; padding: 90px 5vw 28px; color: #fff; background: #08090b; }
.hf-footer-brand { display: flex; align-items: center; }
.hf-footer-brand img { display: block; width: min(320px, 50vw); height: auto; }
.hf-footer-copy { padding-top: 15px; }
.hf-footer-copy p { font-size: 9px; font-weight: 900; letter-spacing: .18em; }
.hf-footer-copy span { color: #777b7e; font-size: 12px; }
.hf-footer-links { display: flex; justify-content: flex-end; gap: 24px; padding-top: 18px; font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.hf-footer-bottom { grid-column: 1/-1; display: flex; justify-content: space-between; margin-top: 80px; padding-top: 20px; border-top: 1px solid #27292c; color: #5d6063; font-size: 8px; letter-spacing: .14em; }
.hf-content { min-height: 70vh; padding: 150px 5vw 100px; }
.hf-content-inner { max-width: 980px; margin: auto; }
.hf-article { padding: 35px 0; border-bottom: 1px solid #d3d3cd; }
.hf-article h1 { font-size: clamp(38px, 5vw, 72px); letter-spacing: -.05em; }

@media (max-width: 900px) {
  body.admin-bar .hf-header { top: 46px; }
  .hf-header { grid-template-columns: 1fr auto; height: 72px; }
  .hf-menu-toggle { z-index: 3; display: flex; align-items: center; gap: 6px; padding: 12px; }
  .hf-menu-toggle span { width: 18px; height: 1px; background: #fff; }
  .hf-menu-toggle span:nth-child(2) { display: none; }
  .hf-menu-toggle b { margin-left: 6px; font-size: 10px; letter-spacing: .12em; }
  .hf-header-cta { display: none; }
  .hf-nav { position: fixed; inset: 0; display: grid; place-items: center; visibility: hidden; opacity: 0; background: #0b0c0f; transition: opacity .25s ease; }
  .hf-nav.is-open { visibility: visible; opacity: 1; }
  .hf-menu { flex-direction: column; align-items: center; gap: 24px; }
  .hf-menu a { font-size: 25px; opacity: 1; }
  body.hf-menu-open { overflow: hidden; }
  .hf-hero-copy { top: 40%; width: 86%; }
  .hf-watch { top: 64%; right: -70px; transform: scale(.6) rotate(11deg); opacity: .78; }
  .hf-section-heading { grid-template-columns: 1fr; gap: 35px; }
  .hf-series-card, .hf-series-card:nth-child(n+3) { grid-column: span 6; min-height: 390px; }
  .hf-philosophy { min-height: 720px; }
  .hf-philosophy-label { grid-template-columns: 1fr; gap: 20px; }
  .hf-philosophy-main > p { margin-left: 0; }
  .hf-energy-disc { top: 260px; right: -45vw; width: 95vw; height: 95vw; }
  .hf-values { grid-template-columns: 1fr; gap: 60px; }
  .hf-values article { padding-bottom: 55px; border-right: 0; border-bottom: 1px solid rgba(0,0,0,.2); }
  .hf-values article:last-child { border-bottom: 0; }
  .hf-values article > p { margin-top: 30px; }
  .hf-footer { grid-template-columns: 1fr; }
  .hf-footer-links { justify-content: flex-start; }
  .hf-footer-bottom { flex-direction: column; gap: 25px; margin-top: 35px; }
}

@media (max-width: 540px) {
  .hf-hero h1 { font-size: 60px; }
  .hf-hero-copy { top: 37%; left: 6vw; }
  .hf-hero-intro { max-width: 320px; font-size: 14px; }
  .hf-actions { align-items: flex-start; flex-direction: column; gap: 20px; }
  .hf-watch { top: 67%; right: -105px; transform: scale(.5) rotate(11deg); }
  .hf-series { padding: 90px 4vw; }
  .hf-section-heading h2 { font-size: 58px; }
  .hf-series-letter { font-size: 220px; }
  .hf-philosophy, .hf-manifesto { padding: 90px 6vw; }
  .hf-philosophy h2, .hf-manifesto h2 { font-size: 58px; }
  .hf-values { padding: 80px 4vw; }
}

/* v5.0 — focused Chinese brand narrative / official HUAFIT cyan only */
.hf-v5 { --cyan:#02b4c4; --ink:#041725; --paper:#f5f7f6; background:var(--paper); color:var(--ink); font-family:"Montserrat","Source Han Sans SC","Noto Sans SC","PingFang SC",sans-serif; }
.hf-v5-hero { position:relative; min-height:820px; height:100svh; overflow:hidden; isolation:isolate; color:#fff; background-image:linear-gradient(90deg,rgba(1,16,30,.91) 0%,rgba(1,16,30,.67) 39%,rgba(1,16,30,.08) 70%),linear-gradient(0deg,rgba(1,16,30,.48),transparent 52%),var(--image); background-position:center; background-size:cover; }
.hf-v5-copy { position:absolute; z-index:2; top:50%; left:7vw; width:min(570px,46vw); transform:translateY(-42%); }.hf-v5-overline,.hf-v5-label { margin:0 0 28px; color:var(--cyan); font-size:10px; font-weight:800; letter-spacing:.2em; }.hf-v5-hero h1 { margin:0; font-size:clamp(78px,10vw,164px); line-height:.76; letter-spacing:-.1em; font-weight:900; }.hf-v5-hero h1 em,.hf-v5 h2 em { color:var(--cyan); font-family:inherit; font-style:normal; font-weight:900; }.hf-v5-copy>p:not(.hf-v5-overline) { margin:34px 0 32px; color:rgba(255,255,255,.75); font-size:15px; line-height:2; }.hf-v5-copy a { display:inline-flex; gap:44px; padding:14px 0; border-bottom:1px solid var(--cyan); color:#fff; font-size:12px; font-weight:800; }.hf-v5-copy a span { color:var(--cyan); font-size:18px; }.hf-v5-symbol { position:absolute; right:7vw; bottom:-12vw; width:min(47vw,700px); opacity:.18; transform:rotate(-18deg); }.hf-v5-symbol img { width:100%; }.hf-v5-index { position:absolute; right:4vw; bottom:35px; display:flex; gap:10px; align-items:center; color:rgba(255,255,255,.6); font-size:9px; letter-spacing:.16em; }.hf-v5-index i { width:44px; height:1px; background:var(--cyan); }
.hf-v5-statement { display:grid; grid-template-columns:.55fr 1.45fr .75fr; gap:5vw; padding:150px 7vw; align-items:start; }.hf-v5-statement h2,.hf-v5-series h2 { margin:0; font-size:clamp(45px,5.1vw,88px); line-height:1.05; letter-spacing:-.07em; }.hf-v5-kicker { margin:0 0 16px; color:#54717a; font-size:10px; font-weight:800; letter-spacing:.17em; }.hf-v5-detail { margin:76px 0 0; color:#5b6a70; font-size:15px; line-height:2; }
.hf-v5-world { background:#062d47; }.hf-v5-story { position:relative; display:flex; min-height:min(67vw,900px); align-items:flex-end; padding:8vw 7vw; overflow:hidden; color:#fff; background-image:linear-gradient(90deg,rgba(0,17,35,.76),rgba(0,17,35,.08) 70%),var(--image); background-position:center; background-size:cover; }.hf-v5-story-light { min-height:min(62vw,800px); color:#041725; background-image:linear-gradient(90deg,rgba(242,251,251,.91),rgba(242,251,251,.1) 72%),var(--image); }.hf-v5-story-copy { max-width:610px; }.hf-v5-story-copy>span { color:#6eeaf0; font-size:10px; font-weight:800; letter-spacing:.2em; }.hf-v5-story-light .hf-v5-story-copy>span { color:#027b89; }.hf-v5-story h2 { margin:23px 0; font-size:clamp(54px,7vw,118px); line-height:.9; letter-spacing:-.09em; }.hf-v5-story h2 em { font-style:normal; }.hf-v5-story p { margin:0; max-width:310px; color:rgba(255,255,255,.76); font-size:14px; line-height:1.9; }.hf-v5-story-light p { color:#46616a; }
.hf-v5-dna { padding:135px 7vw 150px; background:var(--cyan); }.hf-v5-dna .hf-v5-label { color:#073845; }.hf-v5-dna h2 { display:flex; flex-wrap:wrap; gap:0 3vw; margin:0; font-size:clamp(43px,6.2vw,106px); line-height:.95; letter-spacing:-.09em; }.hf-v5-dna h2 span:nth-child(even) { color:rgba(255,255,255,.88); }.hf-v5-dna>p { max-width:490px; margin:65px 0 0 auto; font-size:16px; line-height:2; }
.hf-v5-series { padding:145px 7vw; background:var(--paper); }.hf-v5-series-head { display:grid; grid-template-columns:.7fr 1.4fr .7fr; gap:3vw; align-items:end; margin-bottom:85px; }.hf-v5-series-head p { margin:0; color:#597177; font-size:10px; font-weight:800; letter-spacing:.16em; }.hf-v5-series-head span { color:#63767b; font-size:14px; line-height:1.8; }.hf-v5-series-list { border-top:1px solid #b9c8c9; }.hf-v5-series-list a { display:grid; grid-template-columns:70px 120px 1fr 42px; gap:25px; align-items:center; min-height:120px; border-bottom:1px solid #b9c8c9; transition:background .25s,color .25s; }.hf-v5-series-list a:hover { padding:0 25px; background:#063d56; color:#fff; }.hf-v5-series-list b { color:#648187; font-size:10px; letter-spacing:.12em; }.hf-v5-series-list strong { font-size:72px; line-height:1; letter-spacing:-.1em; }.hf-v5-series-list div { display:grid; gap:8px; }.hf-v5-series-list em { color:#028b9b; font-size:11px; font-style:normal; font-weight:900; letter-spacing:.14em; }.hf-v5-series-list div span { color:#61747a; font-size:13px; }.hf-v5-series-list i { display:grid; width:38px; height:38px; place-items:center; border:1px solid currentColor; border-radius:50%; font-style:normal; }.hf-v5-series-list a:hover b,.hf-v5-series-list a:hover div span { color:rgba(255,255,255,.7); }.hf-v5-series-list a:hover em { color:#69eff4; }
.hf-v5-close { display:flex; min-height:760px; flex-direction:column; justify-content:center; padding:120px 7vw; color:#fff; background:radial-gradient(circle at 78% 47%,rgba(2,180,196,.66),transparent 22%),linear-gradient(126deg,#041725,#063c57 65%,#031520); }.hf-v5-close p { margin:0 0 30px; color:#70edf3; font-size:10px; font-weight:800; letter-spacing:.2em; }.hf-v5-close h2 { margin:0; font-size:clamp(64px,9.2vw,152px); line-height:.84; letter-spacing:-.1em; }.hf-v5-close span { margin-top:42px; color:rgba(255,255,255,.72); font-size:16px; }
@media(max-width:900px){.hf-v5-hero{min-height:720px}.hf-v5-copy{top:40%;left:6vw;width:84vw}.hf-v5-symbol{right:-18vw;bottom:4vw;width:78vw}.hf-v5-statement{grid-template-columns:1fr;gap:30px;padding:100px 6vw}.hf-v5-detail{margin:0}.hf-v5-story{min-height:680px;padding:10vw 6vw;background-position:62% center}.hf-v5-story-light{min-height:620px;background-position:64% center}.hf-v5-dna,.hf-v5-series{padding:100px 6vw}.hf-v5-dna>p{margin:45px 0 0}.hf-v5-series-head{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.hf-v5-series-list a{grid-template-columns:36px 68px 1fr 34px;gap:12px;min-height:100px}.hf-v5-series-list strong{font-size:54px}.hf-v5-series-list div span{font-size:11px;line-height:1.5}.hf-v5-close{min-height:580px;padding:100px 6vw}}

/* v6.0 — reduced, brand-led visual journey */
.hf-v6{--cyan:#02b4c4;--ink:#041725;--paper:#f6f8f7;color:var(--ink);background:var(--paper);font-family:"Montserrat","Source Han Sans SC","Noto Sans SC","PingFang SC",sans-serif}.hf-v6-hero{position:relative;display:flex;min-height:800px;height:100svh;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(0,12,23,.94),rgba(0,18,32,.64) 43%,rgba(1,20,34,.05) 73%),var(--image) center/cover}.hf-v6-hero-copy{z-index:1;margin-left:7vw}.hf-v6-hero-copy>p,.hf-v6-number,.hf-v6-principles>p,.hf-v6-series>p,.hf-v6-bridge p,.hf-v6-close p{margin:0;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.2em}.hf-v6-hero h1{margin:30px 0;font-size:clamp(66px,8.4vw,150px);line-height:.83;letter-spacing:-.1em}.hf-v6 h1 em,.hf-v6 h2 em{color:var(--cyan);font-style:normal}.hf-v6-hero-copy>span{display:block;color:rgba(255,255,255,.75);font-size:16px;line-height:2}.hf-v6-hero-copy a{display:flex;width:max-content;gap:44px;margin-top:46px;padding-bottom:14px;border-bottom:1px solid var(--cyan);font-size:12px;font-weight:700}.hf-v6-hero-copy i{color:var(--cyan);font-size:17px;font-style:normal}.hf-v6-mark{position:absolute;right:7vw;bottom:-10vw;width:min(47vw,730px);opacity:.17;transform:rotate(-15deg)}.hf-v6-scroll{position:absolute;right:4vw;bottom:34px;font-size:8px;letter-spacing:.2em}.hf-v6-belief{display:grid;grid-template-columns:.5fr 1.35fr .72fr;gap:5vw;padding:158px 7vw}.hf-v6-belief-title>p{margin:0 0 18px;color:#55747d;font-size:10px;font-weight:800;letter-spacing:.17em}.hf-v6-belief h2,.hf-v6-series h2{margin:0;font-size:clamp(42px,5vw,87px);line-height:1.03;letter-spacing:-.075em}.hf-v6-belief-copy{align-self:end;margin:0;color:#5b6d72;font-size:15px;line-height:2}.hf-v6-bridge{display:flex;min-height:min(68vw,880px);align-items:flex-end;padding:8vw 7vw;color:#fff;background:linear-gradient(90deg,rgba(0,18,33,.8),rgba(0,18,33,.08) 73%),var(--image) center/cover}.hf-v6-bridge h2{margin:24px 0;font-size:clamp(57px,7.3vw,120px);line-height:.9;letter-spacing:-.095em}.hf-v6-bridge span{display:block;max-width:310px;color:rgba(255,255,255,.75);font-size:14px;line-height:1.9}.hf-v6-principles{padding:130px 7vw;background:var(--cyan)}.hf-v6-principles>p{color:#063b48}.hf-v6-principles>div{display:flex;flex-wrap:wrap;gap:0 3vw;margin:48px 0;font-size:clamp(42px,6.1vw,104px);font-weight:900;line-height:.95;letter-spacing:-.09em}.hf-v6-principles>div strong:nth-child(even){color:rgba(255,255,255,.85)}.hf-v6-principles>span{display:block;max-width:480px;margin-left:auto;font-size:16px;line-height:2}.hf-v6-series{padding:145px 7vw}.hf-v6-series h2{margin:30px 0 80px}.hf-v6-series-list{border-top:1px solid #b4c3c5}.hf-v6-series-list a{display:grid;grid-template-columns:65px 120px 1fr 40px;gap:24px;align-items:center;min-height:115px;border-bottom:1px solid #b4c3c5;transition:.25s}.hf-v6-series-list a:hover{padding:0 24px;color:#fff;background:#063d56}.hf-v6-series-list b{color:#678187;font-size:10px}.hf-v6-series-list strong{font-size:69px;letter-spacing:-.1em}.hf-v6-series-list span{color:#567077;font-size:12px;font-weight:800;letter-spacing:.12em}.hf-v6-series-list i{display:grid;width:36px;height:36px;place-items:center;border:1px solid currentColor;border-radius:50%;font-style:normal}.hf-v6-close{display:flex;min-height:700px;flex-direction:column;justify-content:center;padding:100px 7vw;color:#fff;background:radial-gradient(circle at 74% 50%,rgba(2,180,196,.62),transparent 22%),linear-gradient(125deg,#031520,#063c57 66%,#02101b)}.hf-v6-close h2{margin:30px 0 0;font-size:clamp(68px,9.5vw,156px);line-height:.82;letter-spacing:-.1em}.hf-v6-close>span{margin-top:40px;color:rgba(255,255,255,.74);font-size:16px}@media(max-width:900px){.hf-v6-hero{min-height:700px}.hf-v6-hero-copy{margin-left:6vw}.hf-v6-mark{right:-15vw;bottom:3vw;width:75vw}.hf-v6-belief{grid-template-columns:1fr;gap:30px;padding:100px 6vw}.hf-v6-bridge{min-height:680px;padding:10vw 6vw;background-position:60% center}.hf-v6-principles,.hf-v6-series{padding:95px 6vw}.hf-v6-principles>span{margin-left:0}.hf-v6-series h2{margin-bottom:55px}.hf-v6-series-list a{grid-template-columns:36px 68px 1fr 34px;gap:12px;min-height:96px}.hf-v6-series-list strong{font-size:52px}.hf-v6-series-list span{font-size:10px;letter-spacing:.08em}.hf-v6-close{min-height:550px;padding:90px 6vw}}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hf-ticker div { animation: none; }
  .hf-series-card { transition: none; }
}

/* v9.0 — Chinese editorial typography and lifestyle-first composition */
.hf-v9{--cyan:#02b4c4;--ink:#061a29;--paper:#f5f7f6;background:var(--paper);color:var(--ink);font-family:"Montserrat","Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}.hf-v9 p{margin:0;font-family:"Montserrat",sans-serif;font-size:10px;font-weight:800;line-height:1.5;letter-spacing:.18em}.hf-v9 h1,.hf-v9 h2{margin:0;font-family:"Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-weight:800;letter-spacing:-.055em}.hf-v9 em{color:var(--cyan);font-style:normal}.hf-v9-hero{position:relative;display:flex;min-height:800px;height:100svh;align-items:center;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,rgba(2,19,31,.86) 0,rgba(2,19,31,.61) 36%,rgba(2,19,31,.10) 63%,rgba(2,19,31,.03)),linear-gradient(0deg,rgba(2,18,28,.33),transparent 45%),var(--hero-image);background-position:center;background-size:cover}.hf-v9-hero-copy{position:relative;z-index:1;margin-left:7vw}.hf-v9-hero-copy>p{color:#73edf1}.hf-v9-hero h1{margin:28px 0 30px;font-size:clamp(68px,8vw,144px);line-height:1.02}.hf-v9-hero-copy>span{display:block;color:rgba(255,255,255,.84);font-size:17px;line-height:1.85;letter-spacing:.02em}.hf-v9-hero-copy a{display:flex;width:max-content;gap:46px;margin-top:40px;padding-bottom:14px;border-bottom:1px solid var(--cyan);font-size:13px;font-weight:700}.hf-v9-hero-copy i{color:var(--cyan);font-size:18px;font-style:normal}.hf-v9-symbol{position:absolute;right:6vw;bottom:-11vw;width:min(40vw,660px);opacity:.14;transform:rotate(-13deg)}.hf-v9-hero>small{position:absolute;right:4vw;bottom:34px;font-family:"Montserrat",sans-serif;font-size:8px;letter-spacing:.2em}.hf-v9-philosophy{display:grid;grid-template-columns:.45fr 1.45fr .72fr;gap:5vw;align-items:start;padding:168px 7vw 178px}.hf-v9-philosophy>p{color:var(--cyan)}.hf-v9-philosophy-main>span{display:block;margin-bottom:24px;color:#597781;font-family:"Montserrat",sans-serif;font-size:10px;font-weight:800;letter-spacing:.17em}.hf-v9-philosophy h2{font-size:clamp(48px,5.5vw,96px);line-height:1.16}.hf-v9-philosophy aside{align-self:end;max-width:26em;color:#536b72;font-size:16px;line-height:2.05;letter-spacing:.02em}.hf-v9-manifesto{padding:132px 7vw 128px;color:#fff;background:#061a29}.hf-v9-manifesto>p{color:#72edf2}.hf-v9-manifesto h2{margin:42px 0 72px;font-size:clamp(64px,7.6vw,130px);line-height:1.04}.hf-v9-manifesto>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.24)}.hf-v9-manifesto b{padding:20px 0;border-right:1px solid rgba(255,255,255,.24);font-family:"Montserrat",sans-serif;font-size:clamp(14px,1.5vw,22px);letter-spacing:-.04em}.hf-v9-manifesto b:last-child{border:0}.hf-v9-manifesto b:nth-child(even){color:#69eef4}.hf-v9-world{display:flex;min-height:min(72vw,960px);align-items:flex-end;padding:8vw 7vw;color:#fff;background-image:linear-gradient(90deg,rgba(0,17,34,.86),rgba(0,17,34,.18) 66%),linear-gradient(0deg,rgba(0,12,25,.48),transparent 60%),var(--world-image);background-position:center;background-size:cover}.hf-v9-world p{color:#72edf2}.hf-v9-world h2{margin:25px 0;font-size:clamp(54px,7vw,116px);line-height:1.08}.hf-v9-world span{display:block;max-width:27em;color:rgba(255,255,255,.84);font-size:16px;line-height:1.9}.hf-v9-series{padding:150px 7vw}.hf-v9-series>p{color:var(--cyan)}.hf-v9-series-head{display:grid;grid-template-columns:1.4fr .6fr;gap:4vw;align-items:end;margin:30px 0 82px}.hf-v9-series h2{font-size:clamp(46px,5.25vw,90px);line-height:1.15}.hf-v9-series-head>span{max-width:25em;color:#597078;font-size:15px;line-height:2}.hf-v9-series-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #b7c7c8}.hf-v9-series-grid a{display:grid;min-height:268px;padding:20px 18px;align-content:space-between;border-right:1px solid #b7c7c8;border-bottom:1px solid #b7c7c8;transition:.25s}.hf-v9-series-grid a:first-child{border-left:1px solid #b7c7c8}.hf-v9-series-grid a:hover{color:#fff;background:#063d56}.hf-v9-series-grid b{color:#668188;font-family:"Montserrat",sans-serif;font-size:10px}.hf-v9-series-grid strong{font-family:"Montserrat",sans-serif;font-size:clamp(66px,7vw,112px);line-height:.9;letter-spacing:-.1em}.hf-v9-series-grid span{font-family:"Montserrat",sans-serif;font-size:10px;font-weight:800;letter-spacing:.08em}.hf-v9-series-grid i{display:block;margin-top:7px;color:#657a80;font-family:"Source Han Sans SC","PingFang SC",sans-serif;font-size:12px;font-style:normal;font-weight:500;letter-spacing:0}.hf-v9-series-grid a:hover i{color:rgba(255,255,255,.65)}.hf-v9-close{display:flex;min-height:690px;flex-direction:column;justify-content:center;padding:100px 7vw;color:#fff;background:radial-gradient(circle at 76% 48%,rgba(2,180,196,.62),transparent 21%),linear-gradient(126deg,#031520,#063c57 66%,#02101b)}.hf-v9-close>p{color:#72edf2}.hf-v9-close h2{margin:28px 0;font-size:clamp(68px,9vw,152px);line-height:1.05}.hf-v9-close>span{color:rgba(255,255,255,.78);font-family:"Montserrat",sans-serif;font-size:15px;letter-spacing:.08em}@media(max-width:900px){.hf-v9-hero{min-height:700px;background-position:62% center}.hf-v9-hero-copy{margin-left:6vw}.hf-v9-hero h1{font-size:clamp(56px,15vw,84px);line-height:1.08}.hf-v9-hero-copy>span{font-size:15px}.hf-v9-symbol{right:-16vw;bottom:5vw;width:72vw}.hf-v9-philosophy{grid-template-columns:1fr;gap:32px;padding:104px 6vw}.hf-v9-philosophy h2{font-size:clamp(40px,11vw,62px);line-height:1.2}.hf-v9-philosophy aside{font-size:15px}.hf-v9-manifesto{padding:96px 6vw}.hf-v9-manifesto h2{margin:32px 0 48px;font-size:clamp(50px,13.6vw,76px)}.hf-v9-manifesto>div{grid-template-columns:1fr 1fr}.hf-v9-manifesto b{padding:14px 0}.hf-v9-world{min-height:700px;padding:10vw 6vw;background-position:61% center}.hf-v9-world h2{font-size:clamp(49px,12.6vw,70px);line-height:1.12}.hf-v9-world span{font-size:15px}.hf-v9-series{padding:100px 6vw}.hf-v9-series-head{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.hf-v9-series h2{font-size:clamp(40px,11vw,60px);line-height:1.2}.hf-v9-series-head>span{font-size:14px}.hf-v9-series-grid{grid-template-columns:1fr}.hf-v9-series-grid a,.hf-v9-series-grid a:first-child{grid-template-columns:40px 72px 1fr;min-height:96px;padding:0 12px;align-items:center;border-left:0}.hf-v9-series-grid strong{font-size:52px}.hf-v9-series-grid i{margin-top:3px}.hf-v9-close{min-height:550px;padding:90px 6vw}.hf-v9-close h2{font-size:clamp(58px,15vw,84px);line-height:1.08}}

/* v7.0 — editorial global lifestyle experience */
.hf-v7{--cyan:#02b4c4;--ink:#041725;--paper:#f5f7f6;color:var(--ink);background:var(--paper);font-family:"Montserrat","Source Han Sans SC","Noto Sans SC","PingFang SC",sans-serif}.hf-v7-hero{position:relative;display:flex;min-height:820px;height:100svh;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(0,12,23,.94),rgba(0,18,32,.64) 43%,rgba(1,20,34,.05) 73%),var(--image) center/cover}.hf-v7-hero-copy{z-index:1;margin-left:7vw}.hf-v7-hero-copy>p,.hf-v7-statement>p,.hf-v7-world p,.hf-v7-code>p,.hf-v7-series>p,.hf-v7-close>p{margin:0;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.2em}.hf-v7-hero h1{margin:30px 0;font-size:clamp(68px,8.8vw,155px);line-height:.82;letter-spacing:-.1em}.hf-v7 h1 em,.hf-v7 h2 em{color:var(--cyan);font-style:normal}.hf-v7-hero-copy>span{display:block;color:rgba(255,255,255,.74);font-size:16px;line-height:2}.hf-v7-hero-copy a{display:flex;width:max-content;gap:42px;margin-top:44px;padding-bottom:14px;border-bottom:1px solid var(--cyan);font-size:12px;font-weight:700}.hf-v7-hero-copy i{color:var(--cyan);font-size:17px;font-style:normal}.hf-v7-mark{position:absolute;right:7vw;bottom:-10vw;width:min(47vw,730px);opacity:.16;transform:rotate(-15deg)}.hf-v7-hero>small{position:absolute;right:4vw;bottom:34px;font-size:8px;letter-spacing:.2em}.hf-v7-statement{display:grid;grid-template-columns:.5fr 1.35fr .72fr;gap:5vw;padding:160px 7vw}.hf-v7-statement span{display:block;margin-bottom:18px;color:#55747d;font-size:10px;font-weight:800;letter-spacing:.17em}.hf-v7-statement h2,.hf-v7-series h2{margin:0;font-size:clamp(43px,5.1vw,90px);line-height:1.03;letter-spacing:-.075em}.hf-v7-statement aside{align-self:end;color:#5b6d72;font-size:15px;line-height:2;font-style:normal}.hf-v7-world{display:flex;min-height:min(70vw,920px);align-items:flex-end;padding:8vw 7vw;color:#fff;background:linear-gradient(90deg,rgba(0,17,34,.88),rgba(0,17,34,.1) 69%),var(--image) center/cover}.hf-v7-world h2{margin:24px 0;font-size:clamp(56px,7.1vw,118px);line-height:.9;letter-spacing:-.095em}.hf-v7-world span{display:block;max-width:330px;color:rgba(255,255,255,.78);font-size:14px;line-height:1.9}.hf-v7-code{padding:135px 7vw;background:var(--cyan)}.hf-v7-code>p{color:#063b48}.hf-v7-code>div{display:flex;flex-wrap:wrap;gap:0 3vw;margin:48px 0;font-size:clamp(42px,6vw,103px);font-weight:900;line-height:.95;letter-spacing:-.09em}.hf-v7-code>div strong:nth-child(even){color:rgba(255,255,255,.86)}.hf-v7-code>span{display:block;max-width:480px;margin-left:auto;font-size:16px;line-height:2}.hf-v7-series{padding:145px 7vw}.hf-v7-series h2{margin:30px 0 78px}.hf-v7-series>div{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #b4c3c5}.hf-v7-series a{display:grid;min-height:260px;padding:22px 18px;align-content:space-between;border-right:1px solid #b4c3c5;border-bottom:1px solid #b4c3c5;transition:.25s}.hf-v7-series a:first-child{border-left:1px solid #b4c3c5}.hf-v7-series a:hover{color:#fff;background:#063d56}.hf-v7-series b{color:#678187;font-size:10px}.hf-v7-series strong{font-size:clamp(64px,7vw,112px);letter-spacing:-.1em}.hf-v7-series span{font-size:10px;font-weight:800;letter-spacing:.1em}.hf-v7-close{display:flex;min-height:700px;flex-direction:column;justify-content:center;padding:100px 7vw;color:#fff;background:radial-gradient(circle at 74% 50%,rgba(2,180,196,.62),transparent 22%),linear-gradient(125deg,#031520,#063c57 66%,#02101b)}.hf-v7-close h2{margin:30px 0 0;font-size:clamp(68px,9.5vw,156px);line-height:.82;letter-spacing:-.1em}.hf-v7-close>span{margin-top:40px;color:rgba(255,255,255,.74);font-size:16px}@media(max-width:900px){.hf-v7-hero{min-height:700px}.hf-v7-hero-copy{margin-left:6vw}.hf-v7-mark{right:-15vw;bottom:3vw;width:75vw}.hf-v7-statement{grid-template-columns:1fr;gap:30px;padding:100px 6vw}.hf-v7-world{min-height:700px;padding:10vw 6vw;background-position:61% center}.hf-v7-code,.hf-v7-series{padding:95px 6vw}.hf-v7-code>span{margin-left:0}.hf-v7-series h2{margin-bottom:55px}.hf-v7-series>div{grid-template-columns:1fr}.hf-v7-series a,.hf-v7-series a:first-child{grid-template-columns:38px 72px 1fr;min-height:92px;padding:0 12px;align-items:center;border-left:0}.hf-v7-series strong{font-size:52px}.hf-v7-close{min-height:550px;padding:90px 6vw}}

/* v2.0 — Chinese-first brand experience */
.hf-hero-v2 { min-height: 780px; background: #121317 var(--hero-image, none) center/cover no-repeat; }
.hf-hero-v2::before { display: none; }
.hf-hero-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(8,9,11,.9) 0%, rgba(8,9,11,.58) 42%, rgba(8,9,11,.1) 76%), linear-gradient(0deg, rgba(8,9,11,.45), transparent 34%); }
.hf-hero-v2 .hf-hero-copy { width: min(48vw, 650px); }
.hf-kicker-cn { margin: 0 0 17px; color: var(--hf-acid); font-size: 13px; font-weight: 800; letter-spacing: .42em; }
.hf-hero-v2 h1 { font-size: clamp(76px, 9vw, 146px); line-height: .88; letter-spacing: -.1em; }
.hf-hero-v2 h1 em { display: inline; color: var(--hf-acid); }
.hf-hero-art { position: absolute; z-index: 0; right: 7vw; bottom: -7vw; width: min(46vw, 630px); transform: rotate(-12deg); opacity: .15; }
.hf-hero-art img { display: block; width: 100%; height: auto; }
.hf-intro { padding: 155px 7vw 170px; background: #f1f0eb; }
.hf-intro-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 12vw; align-items: end; max-width: 1380px; margin: 0 auto; }
.hf-intro h2, .hf-scene h2, .hf-belief h2 { margin: 0; font-size: clamp(61px, 8vw, 132px); font-weight: 950; line-height: .86; letter-spacing: -.095em; }
.hf-intro h2 em { color: var(--hf-violet); }
.hf-intro-grid > div { max-width: 410px; color: #666862; font-size: 15px; line-height: 2; }
.hf-intro-grid p { margin: 0 0 23px; }
.hf-intro-grid .hf-intro-lead { color: #17181a; font-size: 19px; font-weight: 700; line-height: 1.75; }
.hf-scene { position: relative; min-height: min(78vw, 970px); display: flex; align-items: flex-end; padding: 7vw; overflow: hidden; color: #fff; background: linear-gradient(120deg,#25262a,#0a0b0d 66%), var(--scene-image, none) center/cover no-repeat; isolation: isolate; }
.hf-scene::after { content:""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.76), transparent 70%); }
.hf-scene-content p { margin: 0 0 25px; color: var(--hf-acid); font-size: 10px; font-weight: 900; letter-spacing: .2em; }
.hf-scene-content h2 { max-width: 800px; font-size: clamp(64px, 9vw, 150px); }
.hf-scene-content span { display: inline-block; margin-top: 30px; color: rgba(255,255,255,.72); font-size: 15px; }
.hf-scene-word { position: absolute; top: 5%; right: -3%; z-index: -1; color: rgba(255,255,255,.08); font-size: min(23vw, 350px); font-weight: 950; letter-spacing: -.12em; }
.hf-series-v2 { padding: 150px 7vw; }
.hf-series-v2 .hf-section-heading { max-width: 1380px; grid-template-columns: 1fr .65fr; margin-bottom: 100px; }
.hf-series-v2 .hf-section-heading h2 { font-size: clamp(60px, 7vw, 116px); }
.hf-series-v2 .hf-section-heading h2 em { color: var(--hf-violet); }
.hf-series-list { max-width: 1380px; margin: auto; border-top: 1px solid #b9b9b1; }
.hf-series-row { display: grid; grid-template-columns: 70px 16vw 1.3fr 1fr 44px; align-items: center; gap: 24px; min-height: 130px; border-bottom: 1px solid #b9b9b1; transition: padding .24s ease, background .24s ease; }
.hf-series-row:hover { padding: 0 22px; background: #111216; color: #fff; }
.hf-series-index { color: #8c8d89; font-size: 10px; font-weight: 900; }
.hf-series-row strong { font-size: clamp(50px, 7vw, 100px); line-height: .7; letter-spacing: -.11em; }
.hf-series-row div b { display: block; margin-bottom: 9px; font-size: 18px; }
.hf-series-row div span { color: #7f817d; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.hf-series-row p { max-width: 190px; margin: 0; color: #747570; font-size: 12px; line-height: 1.7; }
.hf-series-row:hover p, .hf-series-row:hover div span { color: rgba(255,255,255,.55); }
.hf-series-row i { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-style: normal; }
.hf-belief { padding: 50px 7vw 140px; color: #fff; background: #111216; }
.hf-belief-top { display: flex; justify-content: space-between; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.24); color: rgba(255,255,255,.5); font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.hf-belief h2 { margin-top: 85px; max-width: 900px; font-size: clamp(68px, 9vw, 145px); }
.hf-belief h2 em { color: var(--hf-acid); }
.hf-belief-notes { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; max-width: 900px; margin: 100px 0 0 auto; }
.hf-belief-notes p { margin: 0; color: rgba(255,255,255,.6); font-size: 13px; line-height: 1.9; }
.hf-belief-notes b { display: block; margin-bottom: 15px; color: var(--hf-acid); font-size: 9px; letter-spacing: .16em; }
.hf-manifesto { display: flex; min-height: 720px; flex-direction: column; justify-content: center; padding: 120px 7vw; background: radial-gradient(circle at 75% 44%, rgba(122,86,255,.72), transparent 20%), linear-gradient(125deg, #111216, #1b1431 65%, #0b0c0f); }
.hf-manifesto h2 { font-size: clamp(90px, 13vw, 200px); }
.hf-manifesto > p:last-child { margin: 40px 0 0 47%; font-size: 17px; }

/* v3.0 — official HUAFIT cyan-blue system */
.hf-header { border-bottom-color: rgba(255,255,255,.2); }
.hf-header.is-scrolled { background: rgba(4, 19, 28, .94); }
.hf-hero-v3 { background-position: center; }
.hf-hero-v3::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(2,11,22,.92) 0%, rgba(2,11,22,.66) 40%, rgba(2,11,22,.06) 74%), linear-gradient(0deg, rgba(2,11,22,.56), transparent 42%); }
.hf-hero-v3 .hf-hero-shade { display: none; }
.hf-hero-v3 .hf-hero-copy { z-index: 2; }
.hf-hero-v3 .hf-eyebrow span, .hf-kicker-cn, .hf-hero-v3 h1 em, .hf-text-link span { color: #5ae6ef; background-color: transparent; }
.hf-hero-v3 .hf-eyebrow span { background: #5ae6ef; }
.hf-hero-v3 .hf-kicker-cn i { margin-left: 10px; color: rgba(255,255,255,.52); font-size: .75em; font-style: normal; letter-spacing: .16em; }
.hf-hero-v3 .hf-button { background: #02b4c4; color: #fff; }
.hf-intro { background: #f7f9f8; }
.hf-intro h2 em { color: #02aab9; }
.hf-scene-v3 { min-height: min(75vw, 940px); background-position: center; }
.hf-scene-v3::after { background: linear-gradient(90deg, rgba(0,22,44,.76), rgba(0,17,36,.12) 72%), linear-gradient(0deg, rgba(0,14,29,.66), rgba(0,14,29,.05) 70%); }
.hf-scene-v3 .hf-scene-word { color: rgba(89,225,235,.14); }
.hf-series-v2 .hf-section-heading h2 em { color: #02aab9; }
.hf-series-row:hover { background: #033d56; }
.hf-series-row:hover .hf-series-index, .hf-series-row:hover div b { color: #6eeaf0; }
.hf-belief { background: #062d47; }
.hf-belief h2 em, .hf-belief-notes b { color: #5be7ef; }
.hf-manifesto { background: radial-gradient(circle at 76% 45%, rgba(2,180,196,.58), transparent 22%), linear-gradient(125deg, #041725, #063954 65%, #04101d); }
.hf-manifesto h2 em { color: #5ce8f0; }
.hf-footer { background: #03111b; }

/* v4.0 — restore the immersive brand-world image and strengthen the scene narrative */
.hf-scene-v4 {
  align-items: flex-end;
  background-image:
    linear-gradient(90deg, rgba(0,18,35,.72) 0%, rgba(0,18,35,.22) 48%, rgba(0,18,35,.04) 100%),
    var(--scene-image, none);
  background-position: center;
  background-size: cover;
}
.hf-scene-v4::after { background: linear-gradient(0deg, rgba(0,10,21,.82), rgba(0,13,26,.02) 64%); }
.hf-scene-v4 .hf-scene-content { position: relative; z-index: 1; max-width: 760px; }
.hf-scene-v4 .hf-scene-content h2 { text-shadow: 0 10px 36px rgba(0,0,0,.24); }
.hf-scene-caption {
  position: absolute;
  z-index: 1;
  right: 7vw;
  bottom: 7vw;
  display: flex;
  gap: 12px;
  align-items: center;
  color: rgba(255,255,255,.76);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
}
.hf-scene-caption span { padding: 11px 14px; border: 1px solid rgba(255,255,255,.34); background: rgba(2,22,38,.22); backdrop-filter: blur(8px); }

@media (max-width: 900px) {
 .hf-brand img { width: 125px; }
 .hf-hero-art { right: -14vw; bottom: 3vw; width: 82vw; }
}

@media (max-width: 900px) {
 .hf-hero-v2 .hf-hero-copy { width: 86%; }
 .hf-hero-art { right: -14vw; bottom: 3vw; font-size: 95vw; }
 .hf-intro { padding: 100px 6vw; }
 .hf-intro-grid, .hf-series-v2 .hf-section-heading { grid-template-columns: 1fr; gap: 45px; }
 .hf-scene { min-height: 720px; padding: 9vw 6vw; }
 .hf-scene-caption { right: 6vw; bottom: 7vw; flex-wrap: wrap; max-width: 210px; justify-content: flex-end; }
 .hf-series-v2 { padding: 100px 6vw; }
 .hf-series-v2 .hf-section-heading { margin-bottom: 65px; }
 .hf-series-row { grid-template-columns: 40px 70px 1fr 40px; gap: 14px; min-height: 108px; }
 .hf-series-row p { display: none; }
 .hf-series-row div b { font-size: 15px; }
 .hf-belief { padding: 30px 6vw 90px; }
 .hf-belief-notes { grid-template-columns: 1fr; gap: 24px; margin: 62px 0 0; }
 .hf-belief-notes p { max-width: 420px; }
 .hf-manifesto > p:last-child { margin-left: 0; }
}

@media (max-width: 540px) {
 .hf-hero-v2 { min-height: 710px; }
 .hf-hero-v2 h1 { font-size: 74px; }
 .hf-kicker-cn { font-size: 11px; }
 .hf-intro h2, .hf-scene h2, .hf-belief h2 { font-size: 60px; }
 .hf-intro-grid .hf-intro-lead { font-size: 17px; }
 .hf-scene { min-height: 580px; }
 .hf-scene-caption { right: 6vw; bottom: 6vw; gap: 7px; max-width: 175px; }
 .hf-scene-caption span { padding: 8px 9px; font-size: 8px; }
 .hf-scene-word { font-size: 36vw; }
 .hf-series-row { grid-template-columns: 28px 56px 1fr 34px; gap: 9px; }
 .hf-series-row strong { font-size: 58px; }
 .hf-series-row div b { font-size: 13px; }
 .hf-series-row div span { font-size: 7px; letter-spacing: .06em; }
 .hf-series-row i { width: 32px; height: 32px; }
 .hf-manifesto { min-height: 590px; }
 .hf-manifesto h2 { font-size: 90px; }
}

/* v10.0 — full-screen brand carousel and corrected Chinese hierarchy */
.hf-v10{--cyan:#02b4c4;--ink:#061a29;--paper:#f5f7f6;background:var(--paper);color:var(--ink);font-family:"Montserrat","Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}.hf-v10 p{margin:0;font-family:"Montserrat",sans-serif;font-size:10px;font-weight:800;line-height:1.5;letter-spacing:.18em}.hf-v10 h1,.hf-v10 h2{margin:0;font-family:"Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-weight:800;letter-spacing:-.055em}.hf-v10 em{color:var(--cyan);font-style:normal}.hf-v10-carousel{position:relative;min-height:800px;height:100svh;overflow:hidden;color:#fff;background:#061a29}.hf-v10-slide{position:absolute;inset:0;display:flex;align-items:center;visibility:hidden;opacity:0;background-image:linear-gradient(90deg,rgba(2,19,31,.88) 0,rgba(2,19,31,.63) 37%,rgba(2,19,31,.13) 65%,rgba(2,19,31,.04)),linear-gradient(0deg,rgba(2,18,28,.38),transparent 48%),var(--slide-image);background-position:center;background-size:cover;transform:scale(1.035);transition:opacity .85s ease,visibility .85s ease,transform 7.2s ease}.hf-v10-slide.is-active{visibility:visible;opacity:1;transform:scale(1)}.hf-v10-slide-copy{position:relative;z-index:1;width:min(700px,51vw);margin-left:7vw;padding-top:4vh}.hf-v10-slide-copy>p{color:#73edf1}.hf-v10-slide-copy h1{margin:28px 0 30px;font-size:clamp(64px,7.45vw,134px);line-height:1.08}.hf-v10-slide-copy>span{display:block;max-width:25em;color:rgba(255,255,255,.85);font-size:17px;line-height:1.85;letter-spacing:.02em}.hf-v10-slide-copy a{display:flex;width:max-content;gap:46px;margin-top:40px;padding-bottom:14px;border-bottom:1px solid var(--cyan);font-size:13px;font-weight:700}.hf-v10-slide-copy i{color:var(--cyan);font-size:18px;font-style:normal}.hf-v10-symbol{position:absolute;z-index:2;right:6vw;bottom:-11vw;width:min(40vw,660px);opacity:.14;pointer-events:none;transform:rotate(-13deg)}.hf-v10-carousel-controls{position:absolute;z-index:4;right:4vw;bottom:34px;left:7vw;display:flex;align-items:center;gap:22px}.hf-v10-count{font-family:"Montserrat",sans-serif;font-size:11px;font-weight:800;letter-spacing:.1em}.hf-v10-count i{color:rgba(255,255,255,.56);font-style:normal}.hf-v10-dots{display:flex;gap:8px}.hf-v10-dots button{width:48px;height:2px;padding:0;border:0;background:rgba(255,255,255,.3);cursor:pointer;transition:.25s}.hf-v10-dots button.is-active{background:var(--cyan)}.hf-v10-next{display:grid;width:40px;height:40px;margin-left:auto;place-items:center;border:1px solid rgba(255,255,255,.52);border-radius:50%;background:transparent;color:#fff;font-size:18px;cursor:pointer}.hf-v10-carousel>small{position:absolute;z-index:3;right:4vw;bottom:94px;font-family:"Montserrat",sans-serif;font-size:8px;letter-spacing:.2em;writing-mode:vertical-rl}.hf-v10 .hf-v9-philosophy{padding-top:168px}.hf-v10 .hf-v9-philosophy h2{font-size:clamp(50px,5.25vw,92px);line-height:1.2}.hf-v10 .hf-v9-manifesto h2{font-size:clamp(62px,7.1vw,120px);line-height:1.12}.hf-v10 .hf-v9-world h2{font-size:clamp(52px,6.5vw,108px);line-height:1.13}.hf-v10 .hf-v9-series h2{font-size:clamp(46px,5vw,86px);line-height:1.2}@media(max-width:900px){.hf-v10-carousel{min-height:700px}.hf-v10-slide{background-position:62% center}.hf-v10-slide-copy{width:86vw;margin-left:6vw;padding-bottom:95px}.hf-v10-slide-copy h1{font-size:clamp(54px,14.2vw,80px);line-height:1.12}.hf-v10-slide-copy>span{font-size:15px}.hf-v10-slide-copy a{margin-top:30px}.hf-v10-symbol{right:-16vw;bottom:9vw;width:72vw}.hf-v10-carousel-controls{right:6vw;bottom:25px;left:6vw}.hf-v10-dots button{width:34px}.hf-v10-carousel>small{display:none}.hf-v10 .hf-v9-philosophy{padding-top:104px}.hf-v10 .hf-v9-philosophy h2{font-size:clamp(40px,11vw,62px)}.hf-v10 .hf-v9-manifesto h2{font-size:clamp(50px,13.6vw,76px)}.hf-v10 .hf-v9-world h2{font-size:clamp(49px,12.6vw,70px)}.hf-v10 .hf-v9-series h2{font-size:clamp(40px,11vw,60px)}}

/* v8.0 — cache-safe, immersive Chinese brand world */
.hf-v8{--cyan:#02b4c4;--ink:#041725;--paper:#f5f7f6;background:var(--paper);color:var(--ink);font-family:"Montserrat","Source Han Sans SC","Noto Sans SC","PingFang SC",sans-serif}.hf-v8-hero{position:relative;display:flex;min-height:820px;height:100svh;align-items:center;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,rgba(0,17,31,.9),rgba(0,21,38,.57) 42%,rgba(0,15,28,.08) 74%),linear-gradient(0deg,rgba(0,15,28,.4),transparent 52%),var(--hero-image);background-position:center;background-size:cover}.hf-v8-hero-copy{position:relative;z-index:1;margin-left:7vw}.hf-v8 p{margin:0;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.2em}.hf-v8 h1,.hf-v8 h2{margin:0;letter-spacing:-.085em}.hf-v8-hero h1{margin:30px 0;font-size:clamp(70px,9vw,158px);line-height:.8}.hf-v8 em{color:var(--cyan);font-style:normal}.hf-v8-hero-copy>span{display:block;color:rgba(255,255,255,.82);font-size:16px;line-height:2}.hf-v8-hero-copy a{display:flex;width:max-content;gap:42px;margin-top:44px;padding-bottom:14px;border-bottom:1px solid var(--cyan);font-size:12px;font-weight:800}.hf-v8-hero-copy i{color:var(--cyan);font-size:18px;font-style:normal}.hf-v8-symbol{position:absolute;right:7vw;bottom:-9vw;width:min(47vw,720px);opacity:.18;transform:rotate(-16deg)}.hf-v8-hero>small{position:absolute;right:4vw;bottom:34px;font-size:8px;letter-spacing:.2em}.hf-v8-belief{display:grid;grid-template-columns:.45fr 1.45fr .75fr;gap:5vw;align-items:start;padding:160px 7vw}.hf-v8-belief>div>span{display:block;margin-bottom:20px;color:#527681;font-size:10px;font-weight:800;letter-spacing:.18em}.hf-v8-belief h2,.hf-v8-series h2{font-size:clamp(44px,5.1vw,91px);line-height:1.03}.hf-v8-belief aside{align-self:end;color:#526970;font-size:15px;line-height:2}.hf-v8-world{display:flex;min-height:min(70vw,930px);align-items:flex-end;padding:8vw 7vw;color:#fff;background-image:linear-gradient(90deg,rgba(0,17,34,.86),rgba(0,17,34,.12) 69%),linear-gradient(0deg,rgba(0,12,25,.45),transparent 62%),var(--world-image);background-position:center;background-size:cover}.hf-v8-world h2{margin:24px 0;font-size:clamp(56px,7.1vw,119px);line-height:.9}.hf-v8-world span{display:block;max-width:340px;color:rgba(255,255,255,.8);font-size:14px;line-height:1.9}.hf-v8-way{padding:140px 7vw;background:var(--cyan)}.hf-v8-way>p{color:#063b48}.hf-v8-way h2{margin:55px 0;font-size:clamp(48px,7.4vw,126px);line-height:.87}.hf-v8-way h2 span:nth-child(2),.hf-v8-way h2 span:nth-child(4){color:rgba(255,255,255,.82)}.hf-v8-way h2 em{color:#063b48}.hf-v8-way>div{max-width:500px;margin-left:auto;font-size:16px;line-height:2}.hf-v8-series{padding:145px 7vw}.hf-v8-series h2{margin:30px 0 78px}.hf-v8-series>div{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #b2c4c6}.hf-v8-series a{display:grid;min-height:245px;padding:22px 18px;align-content:space-between;border-right:1px solid #b2c4c6;border-bottom:1px solid #b2c4c6;transition:.25s}.hf-v8-series a:first-child{border-left:1px solid #b2c4c6}.hf-v8-series a:hover{color:#fff;background:#063d56}.hf-v8-series b{color:#668187;font-size:10px}.hf-v8-series strong{font-size:clamp(64px,7vw,112px);letter-spacing:-.1em}.hf-v8-series span{font-size:10px;font-weight:800;letter-spacing:.1em}.hf-v8-close{display:flex;min-height:690px;flex-direction:column;justify-content:center;padding:100px 7vw;color:#fff;background:radial-gradient(circle at 74% 50%,rgba(2,180,196,.62),transparent 22%),linear-gradient(125deg,#031520,#063c57 66%,#02101b)}.hf-v8-close h2{margin:30px 0 0;font-size:clamp(68px,9.5vw,156px);line-height:.82}.hf-v8-close>span{margin-top:40px;color:rgba(255,255,255,.74);font-size:16px}@media(max-width:900px){.hf-v8-hero{min-height:700px}.hf-v8-hero-copy{margin-left:6vw}.hf-v8-symbol{right:-15vw;bottom:3vw;width:75vw}.hf-v8-belief{grid-template-columns:1fr;gap:30px;padding:100px 6vw}.hf-v8-world{min-height:700px;padding:10vw 6vw;background-position:61% center}.hf-v8-way,.hf-v8-series{padding:95px 6vw}.hf-v8-way>div{margin-left:0}.hf-v8-series h2{margin-bottom:55px}.hf-v8-series>div{grid-template-columns:1fr}.hf-v8-series a,.hf-v8-series a:first-child{grid-template-columns:38px 72px 1fr;min-height:92px;padding:0 12px;align-items:center;border-left:0}.hf-v8-series strong{font-size:52px}.hf-v8-close{min-height:550px;padding:90px 6vw}}