*{box-sizing:border-box;margin:0;padding:0}
:root{
  --void:#0b0b0f; --coal:#131319; --card:#1b1b24; --card2:#242430;
  --line:#2b2b38; --line2:#3f3f52;
  --paper:#ffffff; --paper2:#f3f3f7; --ink:#0b0b0f;
  --body:#bcbccb; --faint:#9a9aad; --dim:#8a8a9e;
  --iris:#4f46e5; --iris-lt:#a9a9ff; --iris-d:#3b34c9;
}
html{-webkit-text-size-adjust:100%}
body{background:var(--void);color:var(--body);
  font-family:"Public Sans","Noto Sans HK",system-ui,sans-serif;
  font-size:16px;line-height:1.9;overflow-x:hidden}
svg{display:block} img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
li{list-style:none}
.nb{white-space:nowrap}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}

/* ── 滿版公告條 ── */
.ann{background:var(--iris);color:#fff}
.ann .in{max-width:1140px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;
  justify-content:center;gap:15px;flex-wrap:wrap;position:relative;
  font-size:13.5px;font-weight:600;line-height:1.7}
.ann .pill{border:1px solid rgba(255,255,255,.62);border-radius:999px;
  padding:4px 13px;font-size:12.5px;font-weight:700;white-space:nowrap}
.ann .x{position:absolute;right:22px;top:50%;transform:translateY(-50%);
  opacity:.72;font-size:14px}

/* ── 純黑頂欄 ── */
.top{background:var(--void);border-bottom:1px solid var(--line)}
.top .in{max-width:1140px;margin:0 auto;padding:16px 22px;display:flex;align-items:center;
  gap:24px;flex-wrap:wrap}
.mk{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;
  font-size:17px;letter-spacing:-.01em;flex:0 0 auto}
.mk svg{width:26px;height:26px;flex:0 0 26px}
.nav{display:flex;gap:20px;flex-wrap:wrap;margin-left:auto;
  font-size:12.5px;font-weight:600;letter-spacing:.09em;color:var(--body)}
.nav a:hover{color:#fff}
.jn{border-radius:999px;background:var(--iris);color:#fff;padding:9px 19px;
  font-size:13px;font-weight:700;white-space:nowrap}

/* ── 全幅深色首屏 ── */
.hero{position:relative;overflow:hidden;background:var(--coal);
  padding:74px 0 84px;min-height:min(560px,74vh);display:flex;align-items:center}
.hero .bg{position:absolute;inset:0;z-index:0;opacity:.62}
.hero .bg svg{width:100%;height:100%}
.hero:after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(94deg,rgba(11,11,15,.94) 6%,rgba(11,11,15,.72) 46%,rgba(11,11,15,.34) 100%)}
.hero .in{position:relative;z-index:2;max-width:1140px;margin:0 auto;padding:0 22px;width:100%}
.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em;
  color:var(--iris-lt);margin-bottom:20px}
h1{font-weight:300;font-size:clamp(30px,6.1vw,80px);line-height:1.08;
  letter-spacing:-.03em;color:#fff;max-width:15em}
.hero p.lead{margin-top:22px;max-width:32em;font-size:17px;color:#d3d3e0;line-height:1.85}
.acts{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;border-radius:999px;padding:13px 26px;
  font-size:14px;font-weight:700;letter-spacing:.05em}
.btn.pale{background:#fff;color:var(--ink)}
.btn.iris{background:var(--iris);color:#fff}
.btn.wire{border:1px solid var(--line2);color:#fff}

/* ── 區段 ── */
section{padding:76px 0}
section.lite{background:var(--paper);color:#4d4d5e}
section.lite h2,section.lite h3,section.lite b,section.lite .big{color:var(--ink)}
section.lite .eyebrow{color:var(--iris-d)}
section.lite .sub{color:#57576a}
h2{font-weight:300;font-size:clamp(26px,4.4vw,54px);line-height:1.12;
  letter-spacing:-.025em;color:#fff;max-width:15em}
h3{font-weight:700;font-size:clamp(17px,2vw,21px);line-height:1.5;color:#fff;
  letter-spacing:-.01em}
.sub{margin-top:20px;max-width:36em;font-size:16.5px;color:var(--body)}
.sub + .sub{margin-top:12px}

/* 超大圓角橫幅 */
.band{margin-top:44px;border-radius:26px;overflow:hidden;background:var(--paper2);
  border:1px solid #e4e4ec;padding:30px 26px}
section.dark .band{background:var(--card);border-color:var(--line)}
.band figcaption{margin-top:16px;font-size:13.5px;color:#5f5f72;line-height:1.8}
section.dark .band figcaption{color:var(--faint)}

/* 圓角卡片橫列＋圓點指示器 */
.rowscroll{margin-top:42px;display:flex;gap:18px;overflow-x:auto;padding-bottom:8px;
  scroll-snap-type:x mandatory}
.rowscroll::-webkit-scrollbar{height:6px}
.rowscroll::-webkit-scrollbar-thumb{background:#d6d6e0;border-radius:999px}
.cd{flex:0 0 300px;scroll-snap-align:start;border-radius:22px;padding:24px 22px;
  background:var(--paper2);border:1px solid #e4e4ec;color:#4d4d5e}
section.dark .cd,.dark .cd{background:var(--card);border-color:var(--line);color:var(--body)}
.cd .no{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--iris-d)}
section.dark .cd .no{color:var(--iris-lt)}
.cd h3{margin-top:12px;color:var(--ink)}
section.dark .cd h3{color:#fff}
.cd p{margin-top:11px;font-size:14.5px;line-height:1.82}
.cd .num{margin-top:16px;font-size:26px;font-weight:300;color:var(--ink);letter-spacing:-.02em}
section.dark .cd .num{color:#fff}
.dots{margin-top:20px;display:flex;gap:7px}
.dots i{width:7px;height:7px;border-radius:50%;background:#c9c9d6;display:block}
.dots i.on{background:var(--ink)}
section.dark .dots i{background:var(--line2)}
section.dark .dots i.on{background:#fff}

/* 三張深色圓角卡 */
.trio{margin-top:46px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pane{border-radius:24px;padding:28px 24px;background:var(--card);border:1px solid var(--line)}
.pane .kick{font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--iris-lt)}
.pane h3{margin-top:13px}
.pane p{margin-top:12px;font-size:14.5px;color:var(--body);line-height:1.85}
section.lite .pane{background:var(--ink);border-color:#22222c}
section.lite .pane h3{color:#fff}
section.lite .pane p{color:var(--body)}
section.lite .pane .kick{color:var(--iris-lt)}

/* 條列 */
.rows{margin-top:34px;border-top:1px solid var(--line)}
section.lite .rows{border-color:#e4e4ec}
.rows .r{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;
  padding:22px 0;border-bottom:1px solid var(--line)}
section.lite .rows .r{border-color:#e4e4ec}
.rows .k{font-size:12px;font-weight:700;letter-spacing:.13em;color:var(--iris-lt);
  padding-top:4px}
section.lite .rows .k{color:var(--iris-d)}
.rows b{display:block;font-size:16.5px;color:#fff}
section.lite .rows b{color:var(--ink)}
.rows p{margin-top:8px;font-size:15px;line-height:1.85}

/* 表 */
.tw{margin-top:34px;overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}
th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line)}
section.lite th,section.lite td{border-color:#e4e4ec}
th{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--faint)}
section.lite th{color:#6a6a7d}
td b{color:#fff}
section.lite td b{color:var(--ink)}
.tw + .note{margin-top:14px;font-size:13.5px;color:var(--faint)}
section.lite .note{color:#6a6a7d}

/* 收尾大卡 */
.closing{margin:72px auto 0;max-width:1140px;padding:0 22px}
.closing .box{border-radius:28px;background:var(--iris);color:#fff;padding:46px 34px}
.closing b{display:block;font-weight:300;font-size:clamp(23px,3.4vw,38px);
  line-height:1.2;letter-spacing:-.02em;max-width:16em}
.closing p{margin-top:16px;max-width:34em;font-size:16px;color:#e6e6ff}
.closing .acts{margin-top:26px}

/* 頁尾 */
.foot{background:var(--void);border-top:1px solid var(--line);padding:60px 0 34px;margin-top:76px}
.foot .grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:34px}
.foot p{margin-top:16px;font-size:14.5px;color:var(--faint);max-width:30em;line-height:1.85}
.foot .ct{display:block;font-size:11.5px;font-weight:700;letter-spacing:.16em;
  color:var(--dim);margin-bottom:14px}
.foot .ln{display:block;font-size:14.5px;color:var(--body);padding:5px 0}
.foot .ln:hover{color:#fff}
.foot .bot{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:13px;color:var(--dim)}

/* 首屏底下嘅細指標列 */
.metric{position:relative;z-index:2;border-top:1px solid var(--line);background:var(--void)}
.metric .in{max-width:1140px;margin:0 auto;padding:26px 22px;display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.metric .m span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;
  color:var(--dim)}
.metric .m strong{display:block;margin-top:7px;font-size:clamp(20px,2.6vw,30px);
  font-weight:300;color:#fff;letter-spacing:-.02em}

@media(max-width:900px){
  .trio{grid-template-columns:1fr}
  .foot .grid{grid-template-columns:1fr}
  .metric .in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav{display:none}
  .hero{min-height:0;padding:56px 0 62px}
}
@media(max-width:560px){
  section{padding:56px 0}
  .rows .r{grid-template-columns:1fr;gap:8px}
  .closing .box{padding:34px 22px}
  .cd{flex:0 0 84%}
}