/* ============================================================
   TiBOOST 創新大步計畫 — design tokens (docs/design-plan.md §2)
   ============================================================ */
:root{
  --bg: #050505;
  --bg-elevated: #0e0e10;
  --acid: #c6f214;
  --acid-dim: #8fae10;
  --white: #f4f4f2;
  --gray: #c6c6cc;/* 20260728 全站次要文字提亮 */
  --line: rgba(244,244,242,.14);
  --iri: conic-gradient(from 120deg, #7b5cff, #00e0d0, #ff4fd8, #7b5cff);
  --font-en: 'Inter', sans-serif;
  --font-zh: 'Noto Sans TC', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --axis: -12deg;
  --header-h: 72px;
}

*{ margin:0; padding:0; box-sizing:border-box }
html{ scroll-behavior:smooth }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto } }

body{
  background: var(--bg);
  color: var(--white);
  font-family: var(--font-zh), var(--font-en), sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}

/* grain */
body::after{
  content:''; position:fixed; inset:0; z-index:9998; pointer-events:none;
  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 baseFrequency='0.85'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
}

a{ color:inherit; text-decoration:none }
a:visited{ color:inherit }
p a, .step-body a{ color:var(--acid); border-bottom:1px solid var(--acid-dim) }
p a:visited, .step-body a:visited{ color:var(--acid-dim) }
ul,ol{ list-style:none }
button{ background:none; border:0; color:inherit; font:inherit; cursor:pointer }

.wrap{ max-width:1200px; margin:0 auto; padding:0 40px; position:relative }
.wrap-narrow{ max-width:900px }
.label-mono{ font-family:var(--font-mono); font-size:14px; letter-spacing:.25em; color:#e8eaee; }
.label-mono.center{ text-align:center }
:focus-visible{ outline:2px solid var(--acid); outline-offset:3px }

/* ============ S0. Preloader ============ */
.preloader{
  position:fixed; inset:0; z-index:10000; background:var(--bg);
  display:flex; align-items:center; justify-content:center;
}
.preloader.is-done{ display:none }
.preloader-inner{ text-align:center }
.preloader-star{ display:block; font-size:36px; color:var(--acid); animation:spin 2.4s linear infinite }
@keyframes spin{ to{ transform:rotate(360deg) } }
.preloader-title{ margin-top:20px; font-family:var(--font-en); font-weight:100; font-size:34px; letter-spacing:.3em; color:var(--white) }

/* ============ S1. Header ============ */
.header{
  position:fixed; top:0; left:0; right:0; z-index:1000;
  transition: background .4s, backdrop-filter .4s;
}
.header.is-scrolled{ background:rgba(5,5,5,.72); backdrop-filter:blur(14px); border-bottom:1px solid var(--line) }
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  height:var(--header-h); padding:0 clamp(20px, 2.5vw, 48px); gap:16px;
}
.header-logos{ display:flex; gap:20px; font-family:var(--font-mono); font-size:13px; letter-spacing:.12em; flex-shrink:0 }
.logo-tib{ max-width:450px; width:100%; height:auto }
.nav{ display:flex; align-items:center; gap:clamp(14px, 1.6vw, 28px); font-family:var(--font-mono); font-size:14px; letter-spacing:.1em; color:var(--gray); min-width:0 }
.nav > a{ position:relative; padding:4px }
.nav > a::after{
  content:''; position:absolute; left:0; bottom:0; width:100%; height:1px;
  background:var(--acid); transform:scaleX(0); transform-origin:right;
  transition:transform .35s cubic-bezier(.65,0,.35,1);
}
.nav > a:hover{ color:var(--white) }
.nav > a:hover::after{ transform:scaleX(1); transform-origin:left }
.nav-lang a[aria-current="true"]{ color:var(--white) }
.nav-item{ position:relative }
.nav-item > a{ position:relative; padding:4px 0; display:inline-block }
.nav-item > a::after{
  content:''; position:absolute; left:0; bottom:0; width:100%; height:1px;
  background:var(--acid); transform:scaleX(0); transform-origin:right;
  transition:transform .35s cubic-bezier(.65,0,.35,1);
}
.nav-item:hover > a{ color:var(--white) }
.nav-item:hover > a::after{ transform:scaleX(1); transform-origin:left }
.nav-sub{
  position:absolute; left:50%; top:100%; transform:translateX(-50%);
  padding-top:18px; display:none; z-index:60;
}
.nav-item:hover .nav-sub, .nav-item:focus-within .nav-sub{ display:block }
.nav-sub-box{ background:rgba(8,8,8,.96); border:1px solid var(--line); min-width:150px }
.nav-sub a{ display:block; padding:13px 22px; white-space:nowrap; color:var(--gray); border-bottom:1px solid var(--line) }
.nav-sub a:last-child{ border-bottom:0 }
.nav-sub a:hover{ color:var(--acid) }
.nav-sub a[aria-current="true"]{ color:var(--white) }
.nav-badge{
  color:var(--acid) !important; border:1px solid var(--acid); border-radius:999px; padding:9px 26px; white-space:nowrap;
  transition:background .3s, color .3s;
}
.nav-badge:hover{ background:var(--acid); color:var(--bg) !important }
.nav-toggle{ display:none }

/* ============ S2. Hero ============ */
.hero{ position:relative; height:100svh; min-height:640px; overflow:hidden }

/* 3D 手素材層（載入失敗時 .img-failed 退回 CSS blob — §4.35） */
/* 20260727 客戶回饋：兩隻手移回螢幕兩端（新 KV 素材：手右上／手左下），
   手臂各自沒入右上、左下角，指尖朝中央星芒方向但不靠攏 */
/* 20260727 客戶回饋：比照主視覺 — 指尖對指尖交會於 OO 交疊處（定位由 JS heroContact 依 .oo-spark 錨點計算）；
   手蓋在字上層（z-index 2 > 標題 1），同主視覺的前後關係 */
.hero-hand{ position:absolute; width:min(46vw, 720px); z-index:2; pointer-events:none; will-change:transform }
.hero-hand img{ width:100%; height:auto; display:block }
/* 手臂末端弱化：往畫面外的臂端漸淡收掉，避免生硬切邊 */
.hero-hand--tr img{
  -webkit-mask-image:linear-gradient(to top right, #000 58%, rgba(0,0,0,.4) 82%, transparent 97%);
          mask-image:linear-gradient(to top right, #000 58%, rgba(0,0,0,.4) 82%, transparent 97%);
}
.hero-hand--bl img{
  -webkit-mask-image:linear-gradient(to bottom left, #000 58%, rgba(0,0,0,.4) 82%, transparent 97%);
          mask-image:linear-gradient(to bottom left, #000 58%, rgba(0,0,0,.4) 82%, transparent 97%);
}
/* 繞指尖旋轉：手臂拉陡、手掌抬離字軸（比照主視覺角度） */
.hero-hand--tr{ top:-14%; right:-14%; transform:rotate(-8deg); transform-origin:3.7% 93.5% }
.hero-hand--bl{ bottom:-16%; left:-15%; transform:rotate(10deg); transform-origin:94.5% 1% }
.hero-hand.img-failed img{ display:none }
.hero-hand.img-failed{ border-radius:50% 40% 60% 50%; filter:blur(64px); opacity:.55 }
.hero-hand--tr.img-failed{ background:conic-gradient(from 200deg,#7b5cff,#00e0d0 30%,#ff4fd8 60%,#2b1d6b 80%,#7b5cff) }
.hero-hand--bl.img-failed{ background:conic-gradient(from 20deg,#00e0d0,#7b5cff 35%,#ff4fd8 70%,#0a2b4a,#00e0d0) }

.hero-burst{
  position:absolute; top:47%; left:50%; width:min(11vw, 170px); height:min(11vw, 170px); min-width:120px; min-height:120px;
  transform:translate(-50%,-50%); z-index:1; pointer-events:none; will-change:transform,opacity;
}
.hero-burst img{ width:100%; height:100%; object-fit:contain; display:block }
.hero-burst.img-failed img{ display:none }
.hero-burst.img-failed{
  background:radial-gradient(circle, rgba(198,242,20,.85) 0%, rgba(198,242,20,.22) 24%, transparent 62%);
  filter:blur(6px);
}
.hero-burst.img-failed::before{
  content:'✦'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  font-size:56px; color:#eaffa0;
}

.hero-axis{
  position:absolute; top:50%; left:50%; width:120vw; z-index:1;
  transform:translate(-50%,-54%) rotate(18deg);/* 20260727 主視覺：字軸左上→右下 */
  text-align:center;
}
/* OO 交疊（比照主視覺 logo） */
.hero-title-en .ch{ display:inline-block }
.oo{ position:relative; display:inline-block }
.ch-o2{ margin-left:-0.34em }
.oo-spark{ position:absolute; left:50%; top:52%; width:2px; height:2px; pointer-events:none }
/* 接觸後 OO 發光發亮（JS 於接觸瞬間加 .is-glow） */
.oo .ch{ transition:color .45s, text-shadow .45s }
.oo.is-glow .ch{
  color:#f6ffd8;
  text-shadow:0 0 16px rgba(198,242,20,.95), 0 0 44px rgba(198,242,20,.55), 0 0 90px rgba(198,242,20,.3);
}
.hero-title-en{
  font-family:var(--font-en); font-weight:100; line-height:1;
  font-size:clamp(40px, 7.2vw, 108px); letter-spacing:.02em; color:var(--white);
}
.hero-title-zh{
  font-family:var(--font-zh); font-weight:100;
  font-size:clamp(15px, 1.7vw, 25px); letter-spacing:.32em; color:var(--acid); margin-top:14px;
  transform:translateX(15%);
}
.hero-tagline{
  font-family:var(--font-mono); font-size:11.5px; letter-spacing:.2em; color:var(--gray); margin-top:10px;
  line-height:2.1; transform:translateX(15%);
}

.hero-badge{
  position:absolute; right:clamp(150px, 12%, 240px); bottom:6%; width:130px; height:130px; display:block;
}
.hero-badge-ring{ position:absolute; inset:0; overflow:visible; will-change:transform }
.hero-badge-ring text{ fill:var(--acid); font-family:var(--font-mono); font-size:10.5px; letter-spacing:.2em }
.hero-badge-core{
  position:absolute; inset:18px; border:1px solid var(--acid); border-radius:50%;
  display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--acid);
}
.hero-badge-core b{ font-family:var(--font-en); font-weight:200; font-size:26px }
.hero-badge-core i{ font-style:normal; font-family:var(--font-zh); font-weight:300; font-size:11px; letter-spacing:.2em; margin-top:2px }

.hero-cta{
  position:absolute; left:50%; bottom:13%; transform:translateX(-50%); z-index:4;
  background:var(--acid); color:var(--bg) !important;
  font-family:var(--font-zh); font-weight:500; font-size:16px; letter-spacing:.18em;
  padding:16px 46px; border-radius:999px; transition:transform .3s;
}
.hero-cta:hover{ transform:translateX(-50%) scale(1.05) }

/* ---- 環境動畫層：星野 / 流星 / 漂移光點（JS 逐區生成）---- */
.ambient{ position:absolute; inset:0; pointer-events:none; overflow:hidden }
.meteor{
  position:absolute; width:230px; height:2.5px; opacity:0; border-radius:3px;
  background:linear-gradient(90deg, transparent, rgba(244,255,200,1));
  transform:rotate(168deg);
  filter:drop-shadow(0 0 10px rgba(198,242,20,.85));
  will-change:transform,opacity;
}
.bg-star{
  position:absolute; pointer-events:none; line-height:1;
  color:var(--acid); opacity:.15; text-shadow:0 0 14px currentColor;
  will-change:transform,opacity;
}
.bg-star.is-white{ color:var(--white) }
.drift-dot{
  position:absolute; border-radius:50%;
  background:var(--acid); opacity:.4;
  box-shadow:0 0 12px rgba(198,242,20,.55);
  will-change:transform,opacity;
}
.drift-dot.is-cyan{ background:#01ffff; box-shadow:0 0 12px rgba(1,255,255,.5) }
/* 斜切分隔線上的行進光點 */
.divider-track{
  position:absolute; left:-5%; right:-5%; top:50%; height:1px;
  transform:rotate(var(--axis)); pointer-events:none;
}
.divider-dot{
  position:absolute; top:-3px; left:0; width:7px; height:7px; border-radius:50%;
  background:var(--acid); opacity:0;
  box-shadow:0 0 14px rgba(198,242,20,.9);
}

/* ============ 通用 Section ============ */
.sec{ padding:120px 0; scroll-margin-top:var(--header-h); position:relative; overflow:hidden }
.sec .wrap{ position:relative; z-index:1 }

/* 區塊背景光暈層（低透明度、pointer-events:none、只動 transform） */
.bgfx{ position:absolute; inset:0; overflow:hidden; pointer-events:none }
.bgfx > span{ position:absolute; will-change:transform }
/* 20260727 客戶回饋：彩色漸層改單色漸層（比照 site-v2 獎項卡的單色光暈） */
.bgfx-iri{
  width:680px; height:680px; border-radius:50%; top:-220px; right:-200px;
  background:radial-gradient(circle,var(--acid) 0%,transparent 62%);
  filter:blur(120px); opacity:.1;
}
.bgfx-cyan{
  width:520px; height:520px; border-radius:50%; bottom:-180px; left:-160px;
  background:radial-gradient(circle,var(--acid) 0%,transparent 65%);
  filter:blur(100px); opacity:.07;
}
.bgfx-acid{
  width:560px; height:560px; border-radius:50%; top:26%; left:-240px;
  background:radial-gradient(circle,var(--acid) 0%,transparent 62%);
  filter:blur(110px); opacity:.13;
}
.bgfx-star{
  right:-70px; bottom:-60px; font-size:clamp(220px,24vw,380px); line-height:1;
  color:transparent; -webkit-text-stroke:1px rgba(198,242,20,.22);
  transform:rotate(14deg);
}
.bgfx-texture{
  inset:0; background:url('../images/texture-section.png') center/cover no-repeat;
  transform:scaleX(-1); opacity:.35;
}
.bgfx-magenta{
  width:600px; height:600px; border-radius:50%; top:-160px; right:-220px;
  background:radial-gradient(circle,var(--acid) 0%,transparent 62%);
  filter:blur(120px); opacity:.07;
}
.bgfx-acid-top{
  width:720px; height:420px; border-radius:50%; top:-260px; left:50%; margin-left:-360px;
  background:radial-gradient(circle,var(--acid) 0%,transparent 60%);
  filter:blur(110px); opacity:.09;
}
.sec-head{ display:flex; align-items:baseline; gap:22px; margin-bottom:64px; flex-wrap:wrap }
/* 20260722 視覺建議：區塊主標加強 Highlight — 提高字重、加螢光黃底線 */
.sec-title{
  font-family:var(--font-zh); font-weight:500; font-size:clamp(40px,4.5vw,52px); letter-spacing:.12em;
  position:relative; padding-bottom:14px;
}
.sec-title::after{
  content:''; position:absolute; left:0; bottom:0; width:56px; height:3px;
  background:var(--acid); transform:skewX(-30deg);
}
.sec-title-en{ font-family:var(--font-en); font-weight:100; font-size:18px; color:var(--gray); letter-spacing:.25em; text-transform:uppercase }

/* 斜切分隔線 */
.divider{
  height:120px; position:relative; overflow:hidden;
}
.divider::before{
  content:''; position:absolute; left:-5%; right:-5%; top:50%; height:1px;
  background:var(--line); transform:rotate(var(--axis));
}

/* ============ S3. 競賽宗旨 ============ */
.sec-purpose{ position:relative; overflow:hidden }
.sec-purpose::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:url('../images/texture-section.png') center/cover no-repeat; opacity:.4;
}
.sec-purpose .wrap{ position:relative }
/* 20260722 視覺建議：引言與主標視覺比重區隔 — 縮小級距並降一階明度 */
.purpose-lead{
  font-family:var(--font-zh); font-weight:100; font-size:clamp(24px,2.8vw,38px);
  line-height:1.8; letter-spacing:.04em; margin-bottom:72px; max-width:1050px;
  color:rgba(244,244,242,.82);
}
.purpose-lead em{ font-style:normal; color:var(--acid) }
.purpose-lead [data-title-en]{ font-family:var(--font-en); font-weight:100 }
.purpose-grid{ display:grid; grid-template-columns:7fr 5fr; gap:80px }
.purpose-text p{ color:var(--gray) }
.purpose-text p + p{ margin-top:22px }
.purpose-side-title{
  font-family:var(--font-zh); font-weight:300; font-size:24px; line-height:1.7; letter-spacing:.06em; margin-bottom:36px;
}
.adv-list{ border-top:1px solid var(--line) }
.adv-item{
  display:flex; gap:18px; align-items:baseline; padding:22px 4px; border-bottom:1px solid var(--line);
}
.adv-num{ font-family:var(--font-mono); font-size:13px; color:var(--gray); letter-spacing:.15em }
.adv-star{ color:var(--acid); font-size:14px }
.adv-item p{ font-weight:400; font-size:16px }

.stats-strip{
  margin-top:90px; border:1px solid var(--line);
  display:grid; grid-template-columns:repeat(4,1fr);
  background:rgba(5,5,5,.5);
}
.stat{ padding:38px 32px; border-right:1px solid var(--line); text-align:center }
.stat:last-child{ border-right:0 }
.stat-v{ display:block; font-family:var(--font-en); font-weight:100; font-size:clamp(40px,4vw,58px); line-height:1; color:var(--acid) }
.stat-v b{ font-weight:100 }
/* 日期統計：單行不換行，字級縮小並與其他大數字垂直置中 */
.stat-v-date{
  font-size:clamp(26px,2.5vw,40px); white-space:nowrap;
  display:flex; align-items:center; justify-content:center; min-height:clamp(40px,4vw,58px);
}
.stat-v-date i{ font-style:normal; margin:0 4px; color:var(--acid-dim) }
.stat-k{ display:block; font-family:var(--font-zh); font-weight:300; font-size:15px; letter-spacing:.2em; color:var(--gray); margin-top:14px }
.stat-sub{ display:block; font-family:var(--font-mono); font-size:12px; letter-spacing:.08em; color:var(--acid-dim); margin-top:6px }

/* ============ S4. 獎項與評選 ============ */
.tabs{
  display:flex; gap:44px; border-bottom:1px solid var(--line); margin-bottom:56px;
  font-family:var(--font-mono); font-size:14px; letter-spacing:.18em; overflow-x:auto;
  scrollbar-width:none;
}
.tabs::-webkit-scrollbar{ display:none }
.tab{ padding:0 4px 16px; color:var(--gray); position:relative; white-space:nowrap }
.tab.is-active{ color:var(--white) }
.tab.is-active::after{
  content:''; position:absolute; left:0; bottom:-1px; width:100%; height:2px;
  background:var(--acid); transform:skewX(-30deg);
}
.panel[hidden]{ display:none }

.award-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; align-items:start }
.award-card{
  background:var(--bg-elevated); border:1px solid var(--line); padding:44px 36px 40px; position:relative;
  transition:transform .4s;
}
/* 20260722 視覺建議：比照 OPT2 — 第一名以螢光黃框與微光暈突顯 */
.award-card--first{
  border-color:var(--acid); background:rgba(198,242,20,.045);
  box-shadow:0 0 44px rgba(198,242,20,.12), inset 0 0 30px rgba(198,242,20,.04);
}
.award-card:hover{ transform:translateY(-6px) }
.award-card:hover::before{
  content:''; position:absolute; inset:-1px; z-index:-1;
  background:radial-gradient(circle,var(--acid) 0%,transparent 70%); filter:blur(14px); opacity:.35;
}
.award-star{ display:block; color:var(--acid); font-size:20px }
.award-card h3{ font-family:var(--font-zh); font-weight:300; font-size:34px; margin-top:12px; letter-spacing:.08em }
.award-en{ font-family:var(--font-en); font-weight:200; font-size:14px; color:var(--gray); letter-spacing:.2em; text-transform:uppercase; margin-top:6px }
.award-note{ font-weight:400; font-size:13px; color:var(--gray); margin-top:28px }
.award-prize{ font-family:var(--font-zh); font-weight:300; font-size:19px; margin-top:22px; letter-spacing:.08em }
.award-prize b{ font-family:var(--font-en); font-weight:200; font-size:38px; color:var(--acid); margin:0 4px }

.prize-head{ font-family:var(--font-zh); font-weight:300; font-size:22px; letter-spacing:.15em; margin:56px 0 24px; text-align:center }
.prize-strip{ display:grid; grid-template-columns:1fr 1.2fr 1.4fr; gap:64px }
.prize-strip > div{ padding:0; position:relative }
.prize-strip > div + div::before{ content:'✦'; position:absolute; left:-38px; top:4px; color:var(--acid-dim); font-size:13px }
.prize-k{ display:block; font-family:var(--font-mono); font-size:11px; color:var(--gray); letter-spacing:.22em }
.prize-v{ display:block; font-family:var(--font-zh); font-weight:300; font-size:20px; margin-top:10px; line-height:1.6 }
.prize-v b{ font-family:var(--font-en); font-weight:200; font-size:28px; color:var(--acid) }

.score-grid{
  display:grid; grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line); border-left:1px solid var(--line);
}
.score-cell{ padding:40px 36px; border-right:1px solid var(--line); border-bottom:1px solid var(--line) }
.score-cell h3{ font-family:var(--font-zh); font-weight:300; font-size:26px; letter-spacing:.1em }
.score-cell p{ font-size:15px; color:var(--gray); margin-top:10px }
.score-w{ display:block; font-family:var(--font-en); font-weight:200; font-size:32px; color:var(--acid); margin-bottom:12px }

.judge-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:28px }
.judge{ text-align:center; transition:transform .3s }
.judge:hover{ transform:translateY(-4px) }
.judge-photo{
  display:flex; align-items:center; justify-content:center;
  width:120px; height:120px; margin:0 auto; border-radius:50%;
  background:var(--bg-elevated); border:1px solid var(--line);
  font-family:var(--font-zh); font-weight:100; font-size:40px; color:var(--gray);
  filter:grayscale(1); transition:filter .4s, border-color .4s;
}
.judge:hover .judge-photo{ filter:grayscale(0); border-color:var(--acid) }
.judge h3{ font-family:var(--font-zh); font-weight:400; font-size:20px; margin-top:18px; letter-spacing:.1em }
.judge:hover h3{ color:var(--acid) }
.judge p{ font-size:14px; color:var(--gray); margin-top:6px; line-height:1.6 }
.judge-note{ font-size:13px; color:var(--gray); margin-top:36px; text-align:center }
.judge-coming{
  padding:90px 0; text-align:center; font-family:var(--font-zh); font-weight:300;
  font-size:22px; letter-spacing:.15em; color:var(--gray);
}

/* ============ S5. 資格與時程 ============ */
.elig-grid{ display:grid; grid-template-columns:7fr 4fr; gap:80px }
.check-list{ border-top:1px solid var(--line); margin-top:22px }
.check-list li{
  display:flex; gap:18px; padding:20px 4px; border-bottom:1px solid var(--line);
  font-weight:400; font-size:16px;
}
.check-list b{ color:var(--acid); font-weight:400 }
.check-sub{ margin-top:14px; width:100% }
.check-list .check-sub li{
  display:block; border-bottom:0; padding:6px 0 6px 20px; font-size:15px; color:var(--gray); position:relative;
}
.check-list .check-sub li::before{ content:'—'; position:absolute; left:0; color:var(--acid-dim); font-size:12px }
.elig-cta{ display:flex; flex-direction:column; align-items:flex-start; gap:30px }
.cta{
  display:inline-block; background:var(--acid); color:var(--bg) !important;
  font-family:var(--font-zh); font-weight:400; font-size:18px; letter-spacing:.2em;
  padding:18px 52px; border-radius:999px; position:relative; overflow:hidden;
  transition:transform .3s;
}
.cta:hover{ transform:scale(1.04) }
.cta-note{ font-family:var(--font-mono); font-size:13px; color:var(--gray); letter-spacing:.12em; line-height:2 }

.timeline{ margin-top:110px }
.timeline-first{ margin-top:0 }
.timeline-first + .elig-grid{ margin-top:110px }
.tl-track{ display:none }
.tl-fill{ display:none }
.tl-nodes{ display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); margin-top:40px }
.tl-node{ position:relative; padding:32px 36px; border-bottom:1px solid var(--line); overflow:hidden; transition:background .35s }
.tl-node:nth-child(odd){ border-right:1px solid var(--line) }
.tl-node:nth-last-child(-n+2){ border-bottom:0 }
/* 左側光條 */
.tl-node::before{
  content:''; position:absolute; left:0; top:0; width:3px; height:100%;
  background:var(--acid); transform:scaleY(0); transform-origin:top;
  transition:transform .5s cubic-bezier(.22,1,.36,1);
  border-radius:0;
}
.tl-node.is-revealed::before{ transform:scaleY(1) }
.tl-node:last-child::before{ background:var(--gray); border:none; top:0 }
/* 步驟編號（由 JS 注入） */
.tl-num{
  position:absolute; right:24px; top:20px;
  font-family:var(--font-en); font-weight:100; font-size:56px; line-height:1;
  color:var(--acid); opacity:0; pointer-events:none;
  transition:opacity .3s;
}
.tl-node:last-child .tl-num{ color:var(--gray) }
/* hover */
.tl-node:hover{ background:rgba(198,242,20,.03) }
.tl-node:hover .tl-num{ opacity:.22 }
.tl-date{ font-family:var(--font-mono); font-size:14px; color:var(--acid); letter-spacing:.1em }
.tl-node:last-child .tl-date{ color:var(--gray) }
.tl-node h3{ font-family:var(--font-zh); font-weight:300; font-size:26px; margin-top:10px; letter-spacing:.1em }
.tl-node p{ font-size:15px; color:var(--gray); margin-top:8px; line-height:1.8 }
.tl-note{ font-style:normal; color:var(--acid-dim); font-size:13px }
.tl-disclaimer{ font-size:14px; color:var(--gray); margin-top:28px; letter-spacing:.05em }
.tl-badge{
  display:inline-block; margin-top:14px; border:1px solid var(--acid); border-radius:999px;
  color:var(--acid); font-family:var(--font-mono); font-size:11px; letter-spacing:.2em; padding:5px 14px;
}

/* ============ S6. 報名方式 ============ */
.steps{ margin-top:56px }
.step{
  display:grid; grid-template-columns:220px 1fr; gap:40px; align-items:start;
  padding:56px 0; border-bottom:1px solid var(--line);
}
.step:first-child{ border-top:1px solid var(--line) }
/* 20260722 視覺建議：步驟數字隨閱讀順序亮起（JS 加 .is-lit） */
.step-num{
  font-family:var(--font-en); font-weight:100; font-size:120px; line-height:1; color:var(--white); opacity:.1;
  transition:color .8s, opacity .8s, text-shadow .8s;
}
.step-num.is-lit{
  color:var(--acid); opacity:1; text-shadow:0 0 34px rgba(198,242,20,.45);
}
.step-body h3{ font-family:var(--font-zh); font-weight:300; font-size:24px; line-height:1.7; letter-spacing:.05em }
.step-body p{ color:var(--gray); font-size:16px; margin-top:14px }
.step-body ul{ margin-top:14px }
.step-body ul li{
  color:var(--gray); font-size:16px; padding:8px 0 8px 22px; position:relative;
}
.step-body ul li::before{ content:'✦'; position:absolute; left:0; color:var(--acid); font-size:11px }
.step-ol{ margin-top:14px; counter-reset:stepol }
.step-ol li{
  color:var(--gray); font-size:16px; padding:8px 0 8px 30px; position:relative; counter-increment:stepol;
}
.step-ol li::before{
  content:counter(stepol) '.'; position:absolute; left:0; color:var(--acid);
  font-family:var(--font-en); font-weight:400;
}
.step-deadline{ font-family:var(--font-zh); font-weight:300; font-size:28px; color:var(--acid) !important; letter-spacing:.08em }
.step-note-label{ font-weight:400; color:var(--white) !important; margin-top:22px }
.step-checks li{ padding-left:0 !important }
.step-checks li::before{ display:none }
.apply-ctas{ margin-top:64px; display:flex; gap:24px; justify-content:center; flex-wrap:wrap }
.cta-ghost{ background:transparent; color:var(--acid) !important; border:1px solid var(--acid) }

/* ============ S7. FAQ ============ */
.faq-list{ border-top:1px solid var(--line) }
.faq-group{ margin:52px 0 14px }
.faq-group:first-of-type{ margin-top:0 }
.faq-q{
  display:flex; align-items:center; gap:20px; width:100%; text-align:left;
  padding:26px 4px; border-bottom:1px solid var(--line);
  font-family:var(--font-zh); font-weight:400; font-size:18px; letter-spacing:.04em;
}
.faq-no{ font-family:var(--font-mono); font-size:13px; color:var(--acid); letter-spacing:.15em }
.faq-icon{ margin-left:auto; color:var(--gray); font-size:18px; transition:transform .3s, color .3s }
.faq-q[aria-expanded="true"] .faq-icon{ transform:rotate(45deg); color:var(--acid) }
.faq-a{ overflow:hidden }
.faq-a p{ padding:22px 4px 30px 56px; color:var(--gray); font-size:16px; border-bottom:1px solid var(--line) }
.faq-notice{ margin-top:48px; text-align:center; font-size:15px; color:var(--gray) }

/* ============ S8. Footer ============ */
.footer{ position:relative; padding:110px 0 40px; overflow:hidden; border-top:1px solid var(--line) }
.footer-contact{ font-family:var(--font-zh); font-weight:300; font-size:16px; color:var(--gray); text-align:center }
.footer-contact a{ color:var(--acid) }
.footer-partners{ margin-top:48px; display:flex; justify-content:center; gap:72px; flex-wrap:wrap }
.partner-group{ text-align:center }
.partner-label{ display:block; font-family:var(--font-mono); font-size:12px; letter-spacing:.25em; color:var(--gray); margin-bottom:16px }
.partner-logos{ display:flex; justify-content:center; gap:28px; flex-wrap:wrap; max-width:520px }
.partner-logos span{
  font-family:var(--font-zh); font-weight:300; font-size:16px; letter-spacing:.08em;
  color:rgba(244,244,242,.45); transition:color .3s; white-space:nowrap;
}
.partner-logos span:hover{ color:var(--white) }
.footer-watermark{
  font-family:var(--font-en); font-weight:100; font-size:22vw; line-height:.8;
  color:transparent; -webkit-text-stroke:1px rgba(244,244,242,.08);
  text-align:center; margin-top:60px; margin-bottom:-8vw; user-select:none; will-change:transform;
}

/* ============ 右下浮動快速選單（FAB） ============
   第一屏（Hero）不顯示；點主鈕向上展開，文字向左延伸，全部右緣對齊 */
.fab{
  position:fixed; right:28px; bottom:28px; z-index:900;
  display:flex; flex-direction:column; align-items:flex-end; gap:10px;
  opacity:0; pointer-events:none; transition:opacity .4s;
}
.fab.is-visible{ opacity:1; pointer-events:auto }
.fab-main{
  width:56px; height:56px; border-radius:50%;
  background:var(--acid); color:var(--bg);
  display:flex; align-items:center; justify-content:center;
  font-size:20px; cursor:pointer;
  box-shadow:0 8px 30px rgba(198,242,20,.35);
  transition:transform .3s;
}
.fab-main:hover{ transform:scale(1.07) }
.fab-main i{ font-style:normal; line-height:1 }
.fab-items{ display:flex; flex-direction:column; align-items:flex-end; gap:10px }
.fab-items[hidden]{ display:none }
.fab-item{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  width:146px; height:44px; padding:0 8px 0 20px; border-radius:999px;
  font-family:var(--font-zh); font-weight:500; font-size:14px; letter-spacing:.08em;
  cursor:pointer; white-space:nowrap;
}
.fab-item i{
  font-style:normal; width:30px; height:30px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0;
}
.fab-item--top{ border:1px solid var(--line); color:var(--gray); background:rgba(5,5,5,.85); backdrop-filter:blur(8px) }
.fab-item--top:hover{ border-color:var(--acid); color:var(--acid) }
.fab-item--qa{ border:1px solid var(--acid); color:var(--acid); background:rgba(5,5,5,.9); backdrop-filter:blur(8px) }
.fab-item--qa:hover{ background:var(--acid); color:var(--bg) }
.fab-item--apply{ background:var(--acid); color:var(--bg) !important; box-shadow:0 6px 24px rgba(198,242,20,.3) }
.fab-item--apply:hover{ transform:translateX(-2px) }
.fab-item--apply i{ background:rgba(5,5,5,.15) }
/* 原 QA 小幫手獨立圓鈕併入 FAB（保留元素供 JS 代理點擊開窗） */
.qa-fab{ display:none !important }

/* ============ 評審 Overlay ============ */
.overlay{ position:fixed; inset:0; z-index:2000 }
.overlay[hidden]{ display:none }
.overlay-backdrop{ position:absolute; inset:0; background:rgba(5,5,5,.88); backdrop-filter:blur(6px) }
.overlay-panel{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:min(720px, calc(100vw - 48px)); max-height:82vh; overflow-y:auto;
  background:var(--bg-elevated); border:1px solid var(--line); padding:56px;
}
.overlay-close{
  position:absolute; top:18px; right:22px; font-size:30px; color:var(--gray); line-height:1;
}
.overlay-close:hover{ color:var(--acid) }
.overlay-photo{
  display:flex; align-items:center; justify-content:center;
  width:96px; height:96px; border-radius:50%; background:var(--bg); border:1px solid var(--acid);
  font-family:var(--font-zh); font-weight:100; font-size:34px; color:var(--acid);
}
.overlay-panel h3{ font-family:var(--font-zh); font-weight:300; font-size:32px; margin-top:24px; letter-spacing:.12em }
.overlay-role{ font-size:14px; color:var(--acid); margin-top:6px }
.overlay-bio{ margin-top:24px; color:var(--gray); font-size:16px; line-height:2 }

/* ============ 響應式 ============ */
@media (max-width: 1024px){
  .purpose-grid,.elig-grid{ grid-template-columns:1fr; gap:56px }
  .award-cards{ grid-template-columns:1fr 1fr }
  .score-grid{ grid-template-columns:1fr 1fr }
  .judge-grid{ grid-template-columns:repeat(3,1fr) }
}

@media (max-width: 768px){
  :root{ --axis: -6deg }
  .wrap{ padding:0 24px }
  .sec{ padding:80px 0 }
  .bgfx-iri,.bgfx-cyan,.bgfx-acid,.bgfx-magenta,.bgfx-acid-top{ filter:blur(70px); transform:scale(.7) }
  .bgfx-star{ font-size:180px; right:-50px; bottom:-40px }

  .header-inner{ padding:0 24px }
  .logo-tib{ max-width:250px }
  .nav{
    position:fixed; inset:var(--header-h) 0 auto 0; flex-direction:column; align-items:flex-start;
    gap:0; padding:12px 24px 24px; background:rgba(5,5,5,.96); backdrop-filter:blur(16px);
    border-bottom:1px solid var(--line); display:none;
  }
  .nav.is-open{ display:flex }
  .nav > a{ padding:14px 0; width:100%; border-bottom:1px solid var(--line) }
  .nav-item{ width:100%; border-bottom:1px solid var(--line) }
  .nav-item > a{ padding:14px 0; width:100% }
  .nav-item > a::after{ display:none }
  .nav-sub{ position:static; transform:none; display:block; padding:0 0 6px 18px }
  .nav-sub-box{ background:transparent; border:0 }
  .nav-sub a{ padding:10px 0; border-bottom:0; font-size:13px }
  .nav-lang{ padding:14px 0 }
  .nav-badge{ margin-top:10px }
  .nav-toggle{ display:flex; flex-direction:column; gap:6px; padding:10px }
  .nav-toggle span{ display:block; width:24px; height:1px; background:var(--white); transition:transform .3s }
  .nav-toggle[aria-expanded="true"] span:first-child{ transform:translateY(3.5px) rotate(45deg) }
  .nav-toggle[aria-expanded="true"] span:last-child{ transform:translateY(-3.5px) rotate(-45deg) }

  .hero-axis{ width:140vw }
  .hero-tagline{ max-width:82vw; margin-left:auto; margin-right:auto; letter-spacing:.12em; line-height:2 }
  .hero-badge{ right:auto; left:6%; bottom:16%; width:96px; height:96px }
  .hero-badge-core b{ font-size:20px }
  .hero-hand{ width:46vw }
  /* 標語下移避開兩手交會區，維持可讀性 */
  .hero-title-zh{ transform:none; margin-top:88px }
  .hero-tagline{ transform:none }
  .hero-cta{ bottom:13% }
  /* 底部按鈕互撞：隱藏回頂鈕、浮動報名鈕縮小靠角 */
  .fab{ right:16px; bottom:16px }
  /* 選單內報名鈕文字置中 */
  .nav-badge{ text-align:center }
  .hero-burst{ min-width:220px; min-height:220px; width:60vw; height:60vw }

  .award-cards{ grid-template-columns:1fr }
  .hero-cta{ padding:14px 36px; font-size:15px; margin-top:28px }
  .score-grid{ grid-template-columns:1fr }
  .stats-strip{ grid-template-columns:1fr 1fr; margin-top:56px }
  .stat{ border-bottom:1px solid var(--line) }
  .stat:nth-child(2n){ border-right:0 }
  .stat:nth-child(n+3){ border-bottom:0 }
  .judge-grid{ grid-template-columns:1fr 1fr; gap:20px }
  .judge-photo{ width:96px; height:96px; font-size:32px }
  .prize-strip{ grid-template-columns:1fr; gap:36px }
  .prize-strip > div + div::before{ position:static; display:block; margin-bottom:12px }
  .tabs{ gap:28px }

  .tl-nodes{ grid-template-columns:1fr; margin-top:16px }
  .tl-node{ padding:24px 16px; border-right:0 !important }
  .tl-node:nth-last-child(-n+2){ border-bottom:1px solid var(--line) }
  .tl-node:last-child{ border-bottom:0 }
  .tl-node::before{ width:3px }
  .tl-num{ font-size:40px; right:8px; top:20px }
  .tl-node h3{ font-size:22px }

  .step{ grid-template-columns:1fr; gap:8px; padding:40px 0 }
  .step-num{ font-size:72px }

  .overlay-panel{ padding:36px 24px }
  .footer-watermark{ font-size:30vw }
}