/* Approved homepage hero; shared navigation and lower sections retain their styles. */
.hero-home .hero { --western-font:Arial,Helvetica,sans-serif; }
.hero-home .hero { width:100%; max-width:none; margin:0; min-height:100svh; padding:calc(var(--header-h) + clamp(100px,17vh,190px)) 0 clamp(64px,9vh,110px); border-radius:0; display:flex; align-items:center; }
.hero-home .hero-video-layer { inset:0; background:#270d3d url('assets/about-congress-poster.jpg') center center / cover no-repeat; }
.hero-home .hero::before { background:linear-gradient(105deg,rgb(18 10 36 / 66%) 0%,rgb(32 15 59 / 48%) 48%,rgb(42 12 90 / 55%) 100%),linear-gradient(0deg,rgb(18 10 36 / 55%),transparent 70%); }
.hero-home .hero-inner { width:calc(100% - 96px); max-width:1440px; padding:0; margin:0 auto; min-height:0; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:clamp(36px,4vw,64px); align-items:center; justify-items:center; }
.hero-home .hero-copy { width:100%; min-width:0; text-align:center; }
.hero-home .hero-copy::after { display:none; }
.hero-home .hero-copy h1 { margin:0; font-size:clamp(2.2rem,3.6vw,3.6rem); line-height:1.16; letter-spacing:-.03em; color:#fff; font-weight:750; text-wrap:initial; }
.hero-title-measure { display:inline-block; white-space:nowrap; }
.hero-year { background:linear-gradient(100deg,#ACF5F8,#6DEDAC); background-clip:text; -webkit-background-clip:text; color:transparent; }
.hero-title-english { margin:12px 0 0; color:#fff; font-family:var(--western-font); font-size:1.25rem; line-height:1.4; font-weight:600; letter-spacing:.03em; white-space:nowrap; text-align:center; }
.hero-title-english span { display:inline-block; }
.hero-home .hero-tagline { margin:40px 0 24px; color:#fff; font-size:clamp(1.5rem,2.6vw,2.2rem); line-height:1.4; font-weight:750; letter-spacing:normal; text-wrap:initial; }
.hero-tagline-accent { color:#ACF5F8; }
.hero-home .hero-sub { margin:0 auto; max-width:36em; font-size:clamp(1rem,1.35vw,1.1875rem); line-height:1.75; font-weight:500; color:#f4edf8; text-align:center; text-indent:0; text-wrap:balance; }
.western-num { font-family:var(--western-font); font-variant-numeric:lining-nums tabular-nums; }
.hero-brand { margin:30px auto 0; }
.hero-brand img { display:block; width:128px; height:auto; margin:0 auto; }
.hero-home .hero-card { width:100%; max-width:610px; margin:0 auto; align-self:center; justify-self:center; padding:24px; border:1px solid rgb(255 255 255 / 22%); border-radius:20px; background:linear-gradient(115deg,rgb(42 12 90 / 55%),rgb(18 10 36 / 70%) 58%,rgb(32 15 59 / 60%)); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 22px 56px -28px rgb(0 0 0 / 75%); text-align:center; }
.hero-card-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin:0; padding:0 2px; color:#e2d7e4; font-family:var(--western-font); font-size:clamp(.75rem,1.15vw,1rem); line-height:1.5; font-weight:600; letter-spacing:.025em; }
.boarding-glass { margin-top:22px; min-height:300px; aspect-ratio:1.6; border-radius:14px; display:grid; place-items:center; padding:28px 20px; background:linear-gradient(125deg,rgb(255 255 255 / 12%),rgb(181 174 204 / 9%) 58%,rgb(217 197 217 / 14%)); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.boarding-countdown { display:flex; flex-direction:column; align-items:center; gap:10px; color:#fff; font-family:var(--western-font); }
.boarding-countdown strong { font-size:clamp(4.5rem,8vw,7rem); line-height:1; font-weight:650; font-variant-numeric:lining-nums tabular-nums; letter-spacing:-.04em; }
.boarding-countdown span { font-size:clamp(.875rem,1.65vw,1.3rem); line-height:1.5; letter-spacing:.055em; color:#e5dfe9; font-weight:500; }
@media (max-width:900px) {
 .hero-home .hero { padding:calc(var(--header-h) + 60px) 0; }
 .hero-home .hero-inner { width:calc(100% - 64px); grid-template-columns:minmax(0,1fr); max-width:680px; gap:44px; }
 .hero-home .hero-card { max-width:560px; }
 .hero-home .hero-tagline { margin-top:30px; }
}
@media (max-width:600px) {
 .hero-home .brand img { height:30px; }
 .hero-home .hero { padding:calc(var(--header-h) + 48px) 0; }
 .hero-home .hero-inner { width:calc(100% - 40px); gap:34px; }
 .hero-home .hero-copy h1 { font-size:clamp(1.5rem,7vw,2.6rem); }
 .hero-home .hero-title-english { margin-top:10px; }
 .hero-home .hero-tagline { font-size:1.65rem; margin:28px 0 20px; }
 .hero-home .hero-sub { font-size:1rem; line-height:1.75; }
 .hero-home .hero-card { padding:18px; border-radius:16px; }
 .hero-card-top { font-size:.72rem; gap:8px; }
 .boarding-glass { min-height:220px; margin-top:18px; padding:22px 12px; }
 .boarding-countdown strong { font-size:5rem; }
 .hero-brand { margin-top:24px; }
 .hero-brand img { width:112px; }
}

/* English titles wrap naturally without font stretching. */
html[lang="en"] .hero-home .hero-copy h1 { font-size:clamp(2rem,3.3vw,3.3rem); letter-spacing:-.03em; text-wrap:balance; }
html[lang="en"] .hero-home .hero-sub { max-width:48ch; }

/* Solid purple, clear type hierarchy, restrained image treatment. */
.hero-home .hero { background:#270d3d; min-height: min(860px,100svh); padding-block:calc(var(--header-h) + clamp(56px,8vh,96px)) clamp(64px,9vh,100px); }
.hero-home .hero-video-layer { background-position:center; opacity:1; filter:none; }
.hero-home .hero::before { background:linear-gradient(90deg,#270d3d 0%,rgb(39 13 61 / 94%) 35%,rgb(39 13 61 / 30%) 100%); }
.hero-home .hero-copy { text-align:left; }
.hero-home .hero-copy h1 { font-weight:750; line-height:1.2; }
.hero-home .hero-year { background:none; color:#fff; -webkit-text-fill-color:currentColor; }
.hero-home .hero-title-english { text-align:left; color:#dfd0eb; font-weight:400; letter-spacing:.015em; }
.hero-home .hero-tagline { font-size:clamp(2rem,3.5vw,3.25rem); margin:36px 0 24px; line-height:1.25; }
.hero-home .hero-tagline-accent { color:#fff; }
.hero-home .hero-sub { text-align:left; text-wrap:pretty; font-weight:400; color:#e6d9ef; margin-left:0; }
.hero-home .hero-brand { margin:30px 0 0; }
.hero-home .hero-brand img { margin:0; width:112px; }
.hero-home .hero-card { background:#35134f; border:0; border-radius:16px 96px 16px 16px; padding:32px; box-shadow:0 24px 48px -30px rgb(0 0 0 / 45%); backdrop-filter:none; -webkit-backdrop-filter:none; }
.hero-home .hero-card-top { color:#e2d0ee; font-weight:500; font-size:.75rem; padding-right:28px; }
.hero-home .boarding-glass { background:transparent; border-radius:0; backdrop-filter:none; -webkit-backdrop-filter:none; min-height:280px; }
.hero-home .boarding-countdown strong { font-weight:600; font-size:clamp(5rem,9vw,8rem); }
.hero-home .boarding-countdown span { color:#e6d8ee; font-size:.875rem; font-weight:400; letter-spacing:.08em; }
@media(max-width:900px) {
 .hero-home .hero { min-height:auto; padding-block:calc(var(--header-h) + 56px) 64px; }
 .hero-home .hero-inner { gap:36px; }
 .hero-home .hero-card { max-width:none; }
 .hero-home .boarding-glass { min-height:180px; aspect-ratio:auto; }
}
@media(max-width:600px) {
 .hero-home .hero { padding-top:calc(var(--header-h) + 40px); }
 .hero-home .hero-card { padding:22px; border-top-right-radius:64px; }
 .hero-home .hero-card-top { font-size:.65rem; padding-right:14px; gap:8px; }
 .hero-home .hero-tagline { font-size:2rem; margin-top:28px; }
 .hero-home .boarding-glass { min-height:150px; padding:12px; }
 .hero-home .boarding-countdown strong { font-size:5rem; }
}

/* Restore production hero footage; reuse existing visibility-aware playback. */
.hero-home .hero-video-layer { opacity:1; filter:none; background:#270d3d url('assets/about-congress-poster.jpg') center / cover no-repeat; }
.hero-home .hero-video-layer video { display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.95) contrast(1.02); opacity:1; }
.hero-home .hero::before { background:linear-gradient(90deg,rgb(20 8 35 / 84%) 0%,rgb(25 9 43 / 68%) 44%,rgb(25 9 43 / 42%) 100%); }
@media(prefers-reduced-motion:reduce) { .hero-home .hero-video-layer video { display:none; } }

@media(prefers-reduced-motion:reduce) { .hero-home .hero-video-layer { background:#270d3d url('assets/about-congress-poster.jpg') center / cover no-repeat; } }

/* 首屏倒计时卡：玻璃质感（合并自 index-glass-preview.html 的内联样式，2026-10-22） */
.hero-home .hero-card {
  background:linear-gradient(135deg,rgb(89 43 126 / 30%),rgb(42 15 71 / 48%));
  backdrop-filter:blur(24px) saturate(130%);
  -webkit-backdrop-filter:blur(24px) saturate(130%);
  border:1px solid rgb(255 255 255 / 20%);
  border-radius:24px 96px 24px 24px;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 12%),0 24px 56px -24px rgb(7 2 18 / 55%);
}
.hero-home .boarding-glass { background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; }
.hero-home .hero-card-top,
.hero-home .boarding-countdown span { color:#f1e7fa; }
.hero-home .boarding-countdown strong { color:#fff; text-shadow:0 2px 18px rgb(14 4 28 / 15%); }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .hero-home .hero-card { background:rgb(47 19 75 / 90%); }
}
@media(max-width:600px) { .hero-home .hero-card { border-radius:20px 64px 20px 20px; } }

/* Reference 2026-10-22: compact panoramic hero with a horizontal glass panel. */
.hero-home .site-header,.hero-home .site-header.scrolled { background:linear-gradient(100deg,#36115b,#28103f 65%,#32114e); border-bottom-color:rgb(255 255 255 / 12%); }
.hero-home .hero { min-height:560px; padding:calc(var(--header-h) + 62px) 0 54px; align-items:center; }
.hero-home .hero-inner { width:calc(100% - 112px); max-width:1280px; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:clamp(40px,5vw,76px); align-items:center; }
.hero-home .hero::before { background:linear-gradient(90deg,rgb(14 5 29 / 67%),rgb(17 6 31 / 36%) 52%,rgb(21 7 37 / 28%)); }
.hero-home .hero-video-layer video { object-position:center 42%; filter:saturate(.95) contrast(1.02); }
.hero-home .hero-copy h1 { font-size:clamp(1.8rem,3.2vw,3rem); line-height:1.2; letter-spacing:-.025em; text-shadow:0 2px 12px rgb(8 3 18 / 20%); }
.hero-home .hero-title-english { margin-top:12px; color:#fff; font-size:1.15rem; font-weight:500; line-height:1.4; letter-spacing:0; }
.hero-home .hero-tagline { display:inline-block; margin:24px 0 18px; font-size:clamp(2rem,3.4vw,3.1rem); line-height:1.2; font-weight:800; letter-spacing:-.025em; background:linear-gradient(95deg,#26c8f4 0%,#7194ff 44%,#ed50df 85%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-home .hero-tagline-accent { color:inherit; }
.hero-home .hero-sub { max-width:36em; font-size:.9375rem; line-height:1.8; color:#eee3f6; }
.hero-home .hero-brand { margin-top:18px; }
.hero-home .hero-brand img { width:88px; }
.hero-home .hero-card { max-width:none; padding:20px 28px 24px; border-radius:16px; background:linear-gradient(120deg,rgb(110 114 172 / 24%),rgb(64 33 83 / 32%) 55%,rgb(143 155 202 / 25%)); border:1px solid rgb(236 232 255 / 50%); backdrop-filter:blur(22px) saturate(130%); -webkit-backdrop-filter:blur(22px) saturate(130%); box-shadow:inset 0 1px 0 rgb(255 255 255 / 20%),0 18px 42px -24px rgb(4 1 14 / 60%); }
.hero-home .hero-card-top { font-size:.75rem; padding:0; font-weight:550; line-height:1.5; color:#f5edfc; }
.hero-home .boarding-glass { aspect-ratio:auto; min-height:190px; margin-top:8px; padding:18px 12px 8px; }
.hero-home .boarding-countdown { gap:8px; }
.hero-home .boarding-countdown strong { font-size:5.5rem; line-height:1; font-weight:750; letter-spacing:-.04em; }
.hero-home .boarding-countdown span { font-size:.9375rem; font-weight:600; letter-spacing:.015em; color:#fff; }
html[lang='en'] .hero-home .hero-copy h1 { font-size:clamp(1.8rem,3vw,2.8rem); }
@media(min-width:1600px) { .hero-home .hero-inner { max-width:1540px; } .hero-home .hero { min-height:600px; } }
@media(max-width:1000px) {
 .hero-home .hero-inner { width:calc(100% - 64px); gap:32px; }
 .hero-home .hero { min-height:520px; padding-top:calc(var(--header-h) + 40px); }
 .hero-home .hero-card { padding:20px; }
 .hero-home .boarding-countdown strong { font-size:4.5rem; }
}
@media(max-width:760px) {
 .hero-home .hero { min-height:auto; padding-block:calc(var(--header-h) + 40px) 40px; }
 .hero-home .hero-inner { width:calc(100% - 40px); max-width:600px; grid-template-columns:minmax(0,1fr); gap:28px; }
 .hero-home .hero-copy h1 { font-size:clamp(1.6rem,5.4vw,2.4rem); }
 .hero-home .hero-tagline { font-size:2.25rem; margin-top:22px; }
 .hero-home .hero-sub { font-size:.9375rem; }
 .hero-home .hero-card { border-radius:16px; padding:18px 22px; }
 .hero-home .boarding-glass { min-height:142px; padding:12px 0 4px; }
 .hero-home .boarding-countdown strong { font-size:4.5rem; }
 .hero-home .hero-card-top { font-size:.6875rem; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .hero-home .hero-card { background:rgb(55 32 82 / 90%); } }

@media(min-width:1001px) { .hero-home .hero { min-height:480px; padding-top:calc(var(--header-h) + 38px); padding-bottom:36px; } .hero-home .hero-inner { width:calc(100% - 160px); } }

/* More generous homepage opening: wide content and taller video canvas. */
@media(min-width:1001px) {
 .hero-home .hero { min-height:86svh; padding-top:calc(var(--header-h) + 66px); padding-bottom:70px; }
 .hero-home .hero-inner { width:calc(100% - 80px); max-width:1560px; gap:clamp(44px,5vw,80px); }
 .hero-home .hero-copy h1 { font-size:clamp(2.2rem,3.6vw,3.7rem); }
 .hero-home .hero-tagline { font-size:clamp(2.5rem,4vw,3.7rem); margin-top:30px; }
 .hero-home .hero-sub { font-size:1.0625rem; }
 .hero-home .hero-card { padding:26px 32px; }
 .hero-home .boarding-glass { min-height:230px; }
 .hero-home .boarding-countdown strong { font-size:6.25rem; }
}

/* 首屏铺满视口：进入页面第一眼不再露出下方白色区块 */
.hero-home .hero {
  min-height: 100vh;
  min-height: 100svh;
  margin-bottom: 0;
  padding-bottom: clamp(48px, 7vh, 90px);
}
@media (max-width: 760px) {
  .hero-home .hero { min-height: 100svh; }
}
@media (min-width: 761px) and (max-height: 620px) {
  .hero-home .hero { min-height: 100vh; }
}

/* 首屏磨砂质感：只改下面这组变量即可调节"磨砂强度" */
.hero-home .hero {
  --hero-video-blur: 10px;        /* 视频模糊半径：越大越糊 */
  --hero-video-zoom: 1.10;        /* 视频放大倍数：≈ 1 + 模糊半径/100，防露边 */
  --hero-video-sat: 1.25;         /* 视频饱和度 */
  --hero-video-bright: 1.03;      /* 视频亮度 */
  --hero-frost-blur: 5px;         /* 磨砂玻璃额外模糊：越大越"毛毛的" */
  --hero-frost-sat: 124%;         /* 磨砂玻璃饱和度 */
  --hero-tint-1: rgb(22 6 40 / 52%);   /* 左侧深紫遮色 */
  --hero-tint-2: rgb(28 9 50 / 32%);   /* 中间 */
  --hero-tint-3: rgb(46 15 80 / 24%);  /* 右侧 */
  --hero-glow: rgb(132 72 214 / 26%);  /* 右上紫色光晕 */
  --hero-cool: rgb(38 200 244 / 10%);  /* 左下青色反光 */
}

.hero-home .hero-video-layer video {
  filter: blur(var(--hero-video-blur)) saturate(var(--hero-video-sat)) brightness(var(--hero-video-bright));
  transform: scale(var(--hero-video-zoom));
  transform-origin: center;
}

.hero-home .hero-frost {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(104deg, var(--hero-tint-1) 0%, var(--hero-tint-2) 44%, var(--hero-tint-3) 100%),
    radial-gradient(115% 85% at 76% 16%, var(--hero-glow), transparent 66%),
    radial-gradient(90% 70% at 12% 88%, var(--hero-cool), transparent 60%);
  backdrop-filter: blur(var(--hero-frost-blur)) saturate(var(--hero-frost-sat));
  -webkit-backdrop-filter: blur(var(--hero-frost-blur)) saturate(var(--hero-frost-sat));
}

@media (max-width: 760px) {
  .hero-home .hero { --hero-video-blur: 10px; --hero-video-zoom: 1.05; --hero-frost-blur: 3px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-home .hero-frost {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: linear-gradient(104deg, rgb(22 6 40 / 78%), rgb(34 12 58 / 66%));
  }
}

/* 首屏文案居中 */
.hero-home .hero-copy { text-align: center; }
.hero-home .hero-title-english { text-align: center; }
.hero-home .hero-tagline { text-align: center; }
html[lang="zh-CN"] .hero-home .hero-sub,
html[lang="en"] .hero-home .hero-sub { text-align: center; margin-inline: auto; }
.hero-home .hero-brand { display: flex; justify-content: center; margin: 30px auto 0; }
.hero-home .hero-brand img { margin: 0 auto; }

/* 英文页主标题更长：桌面端适当缩小字号，保证「PMI China Project Management Congress」单行 */
@media (min-width: 761px) {
  html[lang="en"] .hero-home .hero-copy h1 { font-size: clamp(1.5rem, 2.5vw, 2.25rem); }
}

/* 倒计时卡片：右下角场地说明 */
.hero-home .hero-card-venue { margin: 14px 0 0; text-align: right; color: #e6d8ee; font-family: var(--western-font); font-size: .75rem; font-weight: 500; letter-spacing: .08em; line-height: 1.5; }
@media (max-width: 600px) {
  .hero-home .hero-card-venue { text-align: center; font-size: .6875rem; margin-top: 10px; }
}