/* 金融V娛樂 — 品牌樣式（金 + 紅為主，白只做點綴） */
:root{
  --bg:#0B0906; --bg2:#130E08; --panel:#1A130B; --line:#3A2A12;
  --gold:#FFC61A; --gold2:#E0A526; --gold-deep:#C9962B;
  --red:#D7141A; --red-deep:#6E080C; --red-glow:#5A060A;
  --text:#EDE3CF; --muted:#B9AA8C; --white:#FFFFFF;
  --radius:10px; --max:1180px;
  --font:"Noto Sans HK","Noto Sans CJK HK","Noto Sans TC","PingFang HK","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.75;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--max);margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:var(--gold);color:#000;padding:6px 10px;z-index:99}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,9,6,.94);backdrop-filter:blur(8px);border-bottom:2px solid var(--red)}
.hdr{display:flex;align-items:center;gap:14px;min-height:60px}
.logo{display:flex;align-items:center;gap:10px;color:var(--white);font-weight:900;font-size:20px;letter-spacing:.5px;white-space:nowrap}
.logo:hover{text-decoration:none}
.logo img{width:38px;height:38px;border-radius:50%;border:2px solid var(--gold)}
.logo b{color:var(--gold)}
.nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{color:var(--text);font-weight:700;font-size:15px;padding:8px 12px;border-radius:6px;white-space:nowrap}
.nav a:hover,.nav a[aria-current=page]{background:var(--red);color:var(--white);text-decoration:none}
.hdr-cta{display:none}
@media (max-width:760px){
  .hdr{flex-wrap:wrap;gap:0;padding-top:6px}
  .nav{order:3;width:100%;margin:0 -6px;padding-bottom:6px}
  .nav a{font-size:14px;padding:6px 10px}
}
@media (min-width:980px){.hdr-cta{display:inline-flex}}

/* Buttons & chips */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:18px;padding:12px 22px;border-radius:8px;border:3px solid var(--gold);background:var(--red);color:var(--white);box-shadow:0 6px 0 var(--red-deep);transition:transform .08s}
.btn:hover{text-decoration:none;transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--gold);box-shadow:none}
.btn.sm{font-size:15px;padding:7px 14px;box-shadow:0 4px 0 var(--red-deep)}
.btn svg{width:22px;height:22px;flex:none}
.chip{display:inline-block;background:var(--red);color:var(--white);border:2px solid var(--gold);border-radius:6px;font-weight:900;padding:3px 12px;font-size:15px;line-height:1.6}
.tag{display:inline-block;background:var(--red);color:var(--white);font-weight:900;padding:4px 14px;font-size:15px;letter-spacing:1px}
.tag i{font-style:normal;opacity:.7;margin:0 8px}

/* Headline style — 仿封面：金字 + 深紅描邊 */
.mega{font-weight:900;color:var(--gold);line-height:1.12;margin:0;letter-spacing:1px;
  text-shadow:3px 3px 0 var(--red-deep),-2px -2px 0 var(--red-deep),2px -2px 0 var(--red-deep),-2px 2px 0 var(--red-deep),0 8px 30px rgba(215,20,26,.35);
  word-break:keep-all;overflow-wrap:anywhere}
.sec{padding:56px 0}
.sec-alt{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.sec-h h2{margin:0;font-size:clamp(26px,5vw,40px);font-weight:900;color:var(--gold);line-height:1.2}
.sec-h h2 small{display:block;font-size:14px;color:var(--red);letter-spacing:3px;font-weight:900;margin-bottom:4px}
.sec-h .more{font-weight:700}
.lead{color:var(--muted);max-width:720px;margin:0 0 8px}

/* Hero */
.hero{position:relative;overflow:hidden;border-bottom:4px solid var(--gold);
  background:radial-gradient(ellipse 60% 70% at 10% 100%,var(--red-glow),transparent 70%),radial-gradient(ellipse 50% 60% at 95% 0%,#3b2906,transparent 70%),var(--bg)}
.hero::before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;
  background:
   repeating-linear-gradient(90deg,transparent 0 30px,rgba(201,150,43,.5) 30px 32px,transparent 32px 64px),
   linear-gradient(180deg,transparent 30%,#000 100%);
  -webkit-mask:linear-gradient(180deg,transparent,#000 40%,transparent);mask:linear-gradient(180deg,transparent,#000 40%,transparent)}
.hero .wrap{position:relative;display:grid;gap:28px;padding-top:44px;padding-bottom:48px}
.hero .mega{font-size:clamp(52px,13vw,120px)}
.hero .sub{font-size:clamp(19px,3.6vw,26px);font-weight:900;color:var(--white);margin:14px 0 6px;line-height:1.45}
.hero .sub em{font-style:normal;color:var(--gold)}
.hero p.desc{color:var(--muted);margin:0 0 18px;max-width:620px}
.hero .chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:14px}
.hero-card{background:var(--panel);border:3px solid var(--gold);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.hero-card .cap{padding:12px 16px;font-weight:700;font-size:15px}
.hero-card .cap span{color:var(--red);font-weight:900;margin-right:6px}
@media (min-width:980px){.hero .wrap{grid-template-columns:1.1fr .9fr;align-items:center;padding-top:64px;padding-bottom:70px}}

/* Lite YouTube */
.lite-yt{position:relative;display:block;aspect-ratio:16/9;background:#000 center/cover no-repeat;cursor:pointer}
.lite-yt img{width:100%;height:100%;object-fit:cover}
.lite-yt .play{position:absolute;left:50%;top:50%;width:76px;height:54px;transform:translate(-50%,-50%);background:var(--red);border-radius:14px;border:3px solid var(--gold);box-shadow:0 6px 20px rgba(0,0,0,.6)}
.lite-yt .play::after{content:"";position:absolute;left:29px;top:13px;border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #fff}
.lite-yt:hover .play{background:#f01c22}
iframe{display:block;width:100%;aspect-ratio:16/9;border:0}

/* Quote strip (CSS rotation) */
.qstrip{background:linear-gradient(90deg,var(--red-deep),var(--red) 50%,var(--red-deep));border-bottom:4px solid var(--gold);color:var(--white)}
.qstrip .wrap{display:grid;gap:10px;padding-top:30px;padding-bottom:30px}
.qstrip .lbl{font-weight:900;color:var(--gold);letter-spacing:3px;font-size:14px}
.qrot{position:relative;min-height:9.2em}
.qrot figure{margin:0;position:absolute;inset:0;opacity:0;animation:qfade 18s infinite}
.qrot figure:nth-child(2){animation-delay:6s}.qrot figure:nth-child(3){animation-delay:12s}
@keyframes qfade{0%{opacity:0;transform:translateY(8px)}3%,30%{opacity:1;transform:none}33%,100%{opacity:0}}
.qrot blockquote{margin:0;font-weight:900;font-size:clamp(28px,6.4vw,56px);line-height:1.2;color:var(--gold);text-shadow:3px 3px 0 #3a0306}
.qrot figcaption{margin-top:8px;font-size:14px;color:#ffe9b0}
.qrot figcaption a{color:var(--white);text-decoration:underline}
.qstrip .more a{color:var(--gold);font-weight:900}
@media (min-width:760px){.qrot{min-height:6.2em}}
@media (prefers-reduced-motion:reduce){.qrot{min-height:0}.qrot figure{position:static;opacity:1;animation:none;margin-bottom:16px}.qrot figure blockquote{font-size:28px}}

/* Cards / grids */
.grid{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:600px){.grid.v{grid-template-columns:repeat(2,1fr)}.grid.t{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.grid.v{grid-template-columns:repeat(3,1fr)}.grid.t{grid-template-columns:repeat(3,1fr)}.grid.f{grid-template-columns:repeat(3,1fr)}}
.vcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.vcard:hover{border-color:var(--gold);transform:translateY(-3px)}
.vcard a.th{position:relative;display:block;aspect-ratio:16/9;background:#000}
.vcard a.th img{width:100%;height:100%;object-fit:cover}
.vcard .dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.85);color:#fff;font-size:13px;font-weight:700;padding:1px 7px;border-radius:4px}
.vcard .badge{position:absolute;left:8px;top:8px}
.vcard .body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.vcard h3{margin:0;font-size:16px;line-height:1.5;font-weight:700}
.vcard h3 a{color:var(--text)}
.vcard .meta{margin-top:auto;font-size:13px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.vcard .meta a{font-weight:700}

.fcard{position:relative;background:linear-gradient(160deg,#241808,var(--panel) 60%);border:2px solid var(--gold-deep);border-radius:var(--radius);padding:26px 22px 22px;overflow:hidden}
.fcard .no{position:absolute;right:14px;top:-6px;font-size:96px;font-weight:900;color:rgba(215,20,26,.22);line-height:1}
.fcard h3{margin:0 0 10px;font-size:clamp(26px,4.4vw,32px);font-weight:900;color:var(--gold);line-height:1.25;position:relative}
.fcard p{margin:0 0 12px;color:var(--text)}
.fcard blockquote{margin:14px 0 0;padding:10px 14px;border-left:5px solid var(--red);background:rgba(215,20,26,.1);font-weight:900;color:var(--white)}
.fcard blockquote cite{display:block;font-style:normal;font-weight:400;font-size:13px;color:var(--muted);margin-top:4px}

.tcard{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:var(--radius);padding:18px 18px 16px}
.tcard h3{margin:0 0 6px;font-size:22px;font-weight:900;color:var(--gold)}
.tcard h3 span{font-size:13px;color:var(--muted);font-weight:700;margin-left:8px;letter-spacing:1px}
.tcard p{margin:0;color:var(--text);font-size:16px}

.why{display:grid;gap:14px}
@media (min-width:760px){.why{grid-template-columns:repeat(3,1fr)}}
.why div{border:2px dashed var(--line);border-radius:var(--radius);padding:18px}
.why b{display:block;color:var(--gold);font-size:20px;font-weight:900;margin-bottom:4px}
.why p{margin:0;color:var(--muted);font-size:16px}

/* CTA band */
.band{background:var(--red);border-top:4px solid var(--gold);border-bottom:4px solid var(--gold);text-align:center}
.band .wrap{padding-top:36px;padding-bottom:40px}
.band .mega{font-size:clamp(34px,8vw,64px);color:var(--gold);text-shadow:3px 3px 0 #3a0306}
.band p{color:#fff;font-weight:700;margin:10px 0 20px}
.band .btn{background:#000;box-shadow:0 6px 0 #3a0306}

/* Quote cards */
.qgrid{display:grid;gap:18px}
@media (min-width:700px){.qgrid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.qgrid{grid-template-columns:repeat(3,1fr)}}
.qcard{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;padding:26px 22px 18px;border-radius:var(--radius);border:3px solid var(--gold);
  background:radial-gradient(ellipse at 0 100%,var(--red-glow),transparent 70%),#120c06;overflow:hidden}
.qcard::before{content:"「";position:absolute;left:8px;top:-22px;font-size:120px;font-weight:900;color:rgba(215,20,26,.35);line-height:1}
.qcard blockquote{position:relative;margin:0;font-size:clamp(26px,5vw,34px);line-height:1.3;font-weight:900;color:var(--gold);text-shadow:2px 2px 0 var(--red-deep)}
.qcard .src{margin-top:18px;font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.qcard .src a{font-weight:700}
.qcard .src .ts{display:inline-block;background:var(--red);color:#fff;font-weight:900;border-radius:4px;padding:0 7px;margin-right:6px}
.qcard .kind{position:absolute;right:12px;top:10px;font-size:12px;font-weight:900;color:#000;background:var(--gold);padding:1px 8px;border-radius:3px}
.qcard.placeholder{border-style:dashed;border-color:var(--line);background:#0f0b07;align-items:center;justify-content:center;text-align:center;color:var(--muted)}
.qcard.placeholder::before{content:none}
.sample-note{border:2px dashed var(--gold);background:rgba(255,198,26,.06);padding:12px 16px;border-radius:8px;color:var(--gold);font-weight:700;margin:0 0 22px}

/* Page head */
.phead{background:radial-gradient(ellipse 60% 90% at 0 100%,var(--red-glow),transparent 70%),var(--bg);border-bottom:4px solid var(--gold);padding:40px 0 34px}
.phead .mega{font-size:clamp(38px,9vw,72px)}
.phead p{color:var(--muted);margin:12px 0 0;max-width:720px}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:10px}
.crumbs a{color:var(--muted)}

/* Episodes list */
.eplist{display:grid;gap:16px}
.ep{display:grid;grid-template-columns:1fr;gap:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.ep:hover{border-color:var(--gold)}
.ep .th{position:relative;display:block;aspect-ratio:16/9}
.ep .th img{width:100%;height:100%;object-fit:cover}
.ep .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}
.ep h2{margin:0;font-size:19px;line-height:1.5}
.ep h2 a{color:var(--text)}
.ep .meta{font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ep .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
@media (min-width:760px){.ep{grid-template-columns:320px 1fr}}

/* Article */
.article{display:grid;gap:34px;padding:34px 0 56px}
@media (min-width:1000px){.article{grid-template-columns:minmax(0,1fr) 330px}}
.article h1.mega{font-size:clamp(28px,5.6vw,46px);line-height:1.3}
.art-meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--muted);font-size:14px;margin:14px 0 20px;align-items:center}
.player{border:3px solid var(--gold);border-radius:var(--radius);overflow:hidden;background:#000}
.tldr{background:var(--panel);border-left:6px solid var(--red);padding:16px 18px;border-radius:0 var(--radius) var(--radius) 0;margin:24px 0}
.tldr b{color:var(--gold)}
.tldr ul{margin:8px 0 0;padding-left:20px}
.prose h2{color:var(--gold);font-weight:900;font-size:clamp(22px,4vw,28px);margin:34px 0 10px;line-height:1.35;border-bottom:2px solid var(--line);padding-bottom:6px}
.prose p{margin:0 0 16px}
.prose strong{color:var(--white)}
.prose .pull{font-weight:900;font-size:clamp(22px,4vw,28px);color:var(--gold);border-left:6px solid var(--red);padding:6px 0 6px 16px;margin:22px 0;line-height:1.4}
.prose .pull small{display:block;font-size:13px;color:var(--muted);font-weight:400}
.chapters{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.chapters li{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:8px 10px;border-radius:6px;font-size:15px}
.chapters li:nth-child(odd){background:rgba(255,255,255,.03)}
.chapters a.ts{font-weight:900;font-variant-numeric:tabular-nums;color:var(--gold)}
aside .box{position:sticky;top:84px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
aside h2{margin:0 0 10px;font-size:20px;color:var(--gold);font-weight:900}
.disclaimer{border:1px solid var(--line);background:#100b06;color:var(--muted);font-size:14px;padding:12px 14px;border-radius:8px;margin-top:26px}

/* About */
.about{display:grid;gap:28px;padding:40px 0 56px}
@media (min-width:900px){.about{grid-template-columns:260px 1fr}}
.about .ava{width:200px;border-radius:50%;border:4px solid var(--gold);box-shadow:0 0 0 6px var(--red)}
.about .banner{border:3px solid var(--gold);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}
.social{display:flex;flex-wrap:wrap;gap:10px}
.social a{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--line);padding:8px 14px;border-radius:8px;color:var(--text);font-weight:700}
.social a:hover{border-color:var(--gold);text-decoration:none;color:var(--gold)}
.social svg{width:20px;height:20px;fill:currentColor}

/* Footer */
.site-footer{background:#070503;border-top:4px solid var(--red);padding:40px 0 30px;color:var(--muted);font-size:15px}
.ft{display:grid;gap:24px}
@media (min-width:860px){.ft{grid-template-columns:1.3fr 1fr 1fr}}
.site-footer h2{font-size:16px;color:var(--gold);margin:0 0 10px;font-weight:900}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.site-footer a{color:var(--text)}
.site-footer .brand{font-size:26px;font-weight:900;color:var(--gold);margin:0}
.site-footer .old{font-size:14px;margin:4px 0 12px}
.site-footer .disc{border-top:1px solid var(--line);margin-top:26px;padding-top:16px;font-size:13px;line-height:1.7}
.site-footer .disc b{color:var(--gold)}

/* 404 */
.e404{text-align:center;padding:80px 0}
.e404 .mega{font-size:clamp(90px,24vw,200px)}

/* Open account */
.acct-cta{display:grid;gap:18px;align-items:center;border:3px solid var(--gold);border-radius:var(--radius);padding:24px;background:radial-gradient(ellipse at 100% 0,#3b2906,transparent 60%),var(--panel)}
.acct-cta p{margin:0;color:var(--text)}
@media (min-width:860px){.acct-cta{grid-template-columns:1fr auto}}
.offer{margin-top:28px;border:3px dashed var(--gold);border-radius:var(--radius);padding:24px;background:linear-gradient(135deg,rgba(215,20,26,.25),rgba(0,0,0,0) 60%),#120c06}
.offer p{margin:0 0 6px}
.code{font-family:ui-monospace,Menlo,Consolas,monospace;background:#000;color:var(--gold);border:2px solid var(--gold);padding:2px 10px;border-radius:6px;font-size:20px;font-weight:700;letter-spacing:1px}
.small{font-size:13px;color:var(--muted)}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media (min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:var(--radius);padding:18px}
.steps b{font-size:40px;font-weight:900;color:var(--red);line-height:1}
.steps h3{margin:6px 0;color:var(--gold);font-size:22px;font-weight:900}
.steps p{margin:0;font-size:16px}
.risk{margin-top:30px;border:2px solid var(--red);background:rgba(215,20,26,.08);border-radius:8px;padding:14px 16px;font-size:15px}
.risk b{display:block;color:var(--gold);margin-bottom:4px}
.oa-hero{background:radial-gradient(ellipse 50% 90% at 100% 0,#4a3406,transparent 70%),radial-gradient(ellipse 60% 90% at 0 100%,var(--red-glow),transparent 70%),var(--bg)}
.oa-sub{font-size:clamp(18px,3.4vw,24px);font-weight:900;color:var(--white)!important;margin:14px 0 0!important}
.oa{display:grid;gap:22px;max-width:960px}
.oa-block{background:var(--panel);border:1px solid var(--line);border-left:6px solid var(--red);border-radius:var(--radius);padding:20px 22px}
.oa-block h2{margin:0 0 12px;font-size:clamp(22px,4vw,28px);font-weight:900;color:var(--gold)}
.oa-block p{margin:0 0 10px}
#offer{border:3px solid var(--gold);background:linear-gradient(135deg,rgba(215,20,26,.28),rgba(0,0,0,0) 60%),#120c06}
.kv{width:100%;border-collapse:collapse;font-size:16px}
.kv th,.kv td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.kv th{width:30%;color:var(--muted);font-weight:700;white-space:nowrap}
.kv strong{color:var(--gold);font-size:20px}
.code.sm{font-size:15px;padding:0 6px}
.guide{margin:0;padding-left:0;list-style:none;display:grid;gap:10px;counter-reset:g}
.guide li{counter-increment:g;position:relative;padding-left:44px}
.guide li::before{content:counter(g);position:absolute;left:0;top:2px;width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-weight:900;display:grid;place-items:center;border:2px solid var(--gold)}
.guide b{display:block;color:var(--white)}
.oa-block.risk{border-left-color:var(--gold);font-size:15px;color:var(--muted)}
.oa-block.risk strong{color:var(--white)}
.kw{display:flex;flex-wrap:wrap;gap:8px}.kw span{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:2px 10px}

/* header socials */
.hdr-soc{display:flex;gap:2px;align-items:center}
.hdr-soc a{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;color:var(--muted)}
.hdr-soc a:hover{color:var(--gold);background:rgba(255,198,26,.1)}
.hdr-soc svg{width:17px;height:17px;fill:currentColor}
@media (max-width:760px){.hdr-soc{margin-left:auto;gap:0}.hdr-soc a{width:27px;height:30px}.hdr-soc svg{width:15px;height:15px}.logo span{font-size:18px}.logo img{width:32px;height:32px}}
@media (min-width:761px){.hdr-soc{order:2}.hdr-cta{order:3}}
.fsoc a{display:inline-flex;align-items:center;gap:8px}
.fsoc svg{width:16px;height:16px;fill:currentColor;color:var(--gold)}

/* hero quote rotation: 6 quotes x 6s */
.qrot figure{animation:qfade6 36s infinite}
@keyframes qfade6{0%{opacity:0;transform:translateY(8px)}1.5%,15%{opacity:1;transform:none}16.6%,100%{opacity:0}}
.qrot figure:first-child{opacity:1}

/* quote cards polish */
.qcard .ctx{margin:0 0 8px;color:var(--text);font-size:14px}
.qcard.hot{border-color:var(--gold);box-shadow:0 0 0 3px var(--red) inset}
.qcard.title{background:radial-gradient(ellipse at 100% 0,#4a3406,transparent 70%),#120c06}
.qcard.title .kind{background:var(--red);color:#fff}
.qcard .src .ts{text-decoration:none}
.qcard .src a:not(.ts){color:var(--muted);font-weight:700}
.qcard .src a:not(.ts):hover{color:var(--gold)}

/* 加入社群 */
.community{border:3px solid var(--gold);border-radius:var(--radius);padding:24px;background:radial-gradient(ellipse at 0 100%,var(--red-glow),transparent 70%),radial-gradient(ellipse at 100% 0,#3b2906,transparent 60%),#120c06}
.community .c-h{margin:0;font-size:clamp(30px,6vw,46px);font-weight:900;color:var(--gold);text-shadow:3px 3px 0 var(--red-deep);border:0;padding:0}
.community .c-p{margin:6px 0 18px;color:var(--text)}
.c-grid{display:grid;gap:12px}
@media (min-width:700px){.c-grid{grid-template-columns:repeat(3,1fr)}}
.c-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;background:var(--red);border:2px solid var(--gold);color:#fff;box-shadow:0 5px 0 var(--red-deep);transition:transform .08s}
.c-card:hover{text-decoration:none;transform:translateY(-2px)}
.c-card svg{width:36px;height:36px;fill:#fff;flex:none}
.c-card b{display:block;font-size:19px;font-weight:900;line-height:1.3}
.c-card small{color:#ffe9b0;font-size:13px}
.site-footer .ft{grid-template-columns:1fr}
@media (min-width:860px){.site-footer .ft{grid-template-columns:1.3fr 1fr 1fr}}
.btn.hdr-cta{display:none}
@media (min-width:1180px){.btn.hdr-cta{display:inline-flex}}
.qrot{display:grid;min-height:0}
.qrot figure{position:relative;inset:auto;grid-area:1/1}
@media (min-width:760px){.qrot{min-height:0}}
.qcard::before{content:"";position:absolute;left:0;top:0;width:64px;height:6px;background:var(--red)}
.qcard blockquote{font-size:clamp(24px,2.6vw,30px)}
@media (max-width:699px){.qcard blockquote{font-size:28px}}
.qcard .src a:not(.ts){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-size:13px}
.qcard{min-height:230px}
.qcard{margin:0}

/* Footer legal links */
.legal-links{display:flex;flex-wrap:wrap;gap:6px 18px;border-top:1px solid var(--line);margin-top:26px;padding-top:16px;font-size:14px}
.legal-links a{color:var(--gold2)}
.legal-links+.disc{border-top:0;margin-top:8px;padding-top:0}
/* Legal pages */
.legal{max-width:860px;padding:10px 20px 56px}
.legal .prose ul,.legal .prose ol{padding-left:22px;margin:0 0 16px}
.legal .prose li{margin-bottom:6px}
.legal-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line)}
.legal-nav a{border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-size:14px;color:var(--text);text-decoration:none}
.legal-nav a[aria-current=page],.legal-nav a:hover{border-color:var(--gold);color:var(--gold)}
/* Articles */
.prose h3{color:var(--white);font-weight:900;font-size:19px;margin:24px 0 8px}
.prose ul,.prose ol{padding-left:22px;margin:0 0 16px}
.prose li{margin-bottom:6px}
.prose li b{color:var(--gold)}
.art-fig{margin:22px 0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#000}
.art-fig img{display:block;width:100%;height:auto}
.art-fig figcaption{font-size:13px;color:var(--muted);padding:8px 12px;background:var(--panel)}
.art-table{margin:10px 0 22px;font-size:15px}
.art-table caption{text-align:left;color:var(--muted);font-size:14px;padding-bottom:6px}
.art-table thead th{color:var(--gold);width:auto;border-bottom:2px solid var(--gold2)}
.art-table th{white-space:normal}
.formula{background:var(--panel);border:1px dashed var(--gold2);border-radius:8px;padding:10px 14px;font-weight:700;color:var(--gold)}
.risk-note{background:#1d0708;border:1px solid var(--red-deep);border-left:6px solid var(--red);border-radius:8px;padding:12px 14px;margin:0 0 22px;font-size:15px}
.risk-note b{color:var(--gold)}
.art-vids{margin-top:34px}
.art-vh{color:var(--gold);font-weight:900;font-size:24px;border-bottom:2px solid var(--line);padding-bottom:6px;margin:0 0 16px}
.art-vh small{font-size:13px;color:var(--muted);font-weight:400;margin-left:10px}
.rel{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}
.rel li{border-left:3px solid var(--red);padding-left:10px}
.acard .adesc{font-size:14px;color:var(--muted);margin:6px 0 8px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.acard .meta span{color:var(--muted)}
.th-text{display:flex!important;align-items:center;justify-content:center;aspect-ratio:16/9;background:linear-gradient(135deg,var(--red-deep),#0B0906 70%);text-decoration:none}
.th-text span{color:var(--gold);font-weight:900;font-size:22px;letter-spacing:.05em}
.phead .chips{display:flex;flex-wrap:wrap;gap:8px}
.phead .chips a.chip{text-decoration:none}

/* ---- 免責聲明盒 ---- */
.disc-box{border:2px solid var(--gold-deep);border-left:8px solid var(--red);background:linear-gradient(180deg,#1a1107,#120c06);border-radius:0 var(--radius) var(--radius) 0;padding:14px 18px;margin:20px 0;font-size:14.5px;line-height:1.7;color:var(--text)}
.disc-box .dh{margin:0 0 6px;font-weight:900;color:var(--gold);font-size:16px}
.disc-box p{margin:0 0 6px}
.disc-box ul{margin:4px 0 8px;padding-left:20px}
.disc-box li{margin:3px 0}
.disc-box strong{color:#fff}
.disc-box .dl{margin:6px 0 0;font-weight:700}
.site-footer .disc a{color:var(--gold)}
.disc-toc{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin:18px 0}
.disc-toc b{color:var(--gold)}
.disc-toc ol{margin:8px 0 0;padding-left:22px;columns:2;column-gap:28px}
@media (max-width:600px){.disc-toc ol{columns:1}}
/* ---- 集數頁 ---- */
.ep-h1{font-size:clamp(28px,5.4vw,46px)!important;line-height:1.25}
.yt-title{color:var(--muted);font-size:14px;margin:8px 0 0}
.ep-nav{display:grid;gap:12px;margin-top:26px}
@media (min-width:700px){.ep-nav{grid-template-columns:1fr 1fr}}
.epn{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;color:var(--text);font-weight:700;line-height:1.45}
.epn:hover{border-color:var(--gold);text-decoration:none}
.epn small{display:block;color:var(--gold);font-weight:900;margin-bottom:4px}
.fcard .fmore{display:inline-block;margin-top:12px;font-weight:900;color:var(--gold)}
/* ---- 獨家框架頁 ---- */
.fw-sub{font-size:clamp(22px,4vw,30px);font-weight:900;color:#fff;margin:14px 0 8px}
.fw-sub em{font-style:normal;color:var(--gold)}
.fw-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.fw-jump a{display:inline-flex;gap:8px;align-items:center;background:var(--panel);border:2px solid var(--gold-deep);border-radius:999px;padding:8px 16px;font-weight:900;color:var(--gold)}
.fw-jump a b{color:var(--red)}
.fw-jump a:hover{background:var(--red);color:#fff;border-color:var(--red);text-decoration:none}
.fw-wrap{max-width:980px}
.fw{position:relative;background:linear-gradient(160deg,#241808,var(--panel) 55%);border:2px solid var(--gold-deep);border-radius:var(--radius);padding:28px 22px 22px;margin:0 0 30px;overflow:hidden;scroll-margin-top:80px}
.fw header .no{position:absolute;right:16px;top:-10px;font-size:120px;font-weight:900;color:rgba(215,20,26,.22);line-height:1}
.fw header small{display:block;color:var(--muted);font-weight:900;letter-spacing:.12em;font-size:12px;position:relative}
.fw header h2{margin:4px 0 12px;font-size:clamp(30px,5.4vw,46px);font-weight:900;color:var(--gold);line-height:1.2;position:relative}
.fw-lead{font-size:18px;font-weight:700;color:#fff;margin:0 0 16px;position:relative}
.fw-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px;counter-reset:s}
.fw-steps li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:8px;padding:10px 12px;counter-increment:s}
.fw-steps li b{color:var(--gold);white-space:nowrap}
.fw-steps li b::before{content:counter(s) ". ";color:var(--red)}
.fw-steps li span{font-size:15px}
.fw-steps .ts{font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}
@media (max-width:560px){.fw-steps li{grid-template-columns:1fr auto}.fw-steps li span{grid-column:1/-1;grid-row:2}}
.fw-quotes{display:grid;gap:12px;margin:18px 0}
@media (min-width:760px){.fw-quotes{grid-template-columns:1fr 1fr}}
.fw-quotes figure{margin:0;background:rgba(215,20,26,.1);border-left:5px solid var(--red);border-radius:0 8px 8px 0;padding:12px 14px}
.fw-quotes blockquote{margin:0;font-weight:900;color:#fff;font-size:17px;line-height:1.55}
.fw-quotes figcaption{margin-top:6px;font-size:13px;color:var(--muted)}
.fw-more{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 0}
.fw-rel{font-size:14px;color:var(--muted)}
@media (min-width:700px){.c-grid.two{grid-template-columns:repeat(2,1fr)}}

/* ---- 語言切換 中 / EN ---- */
.lang-sw{display:flex;align-items:center;gap:2px;flex:none;font-weight:800;font-size:13px;line-height:1;border:1.5px solid var(--line);border-radius:999px;padding:2px}
.lang-sw a{color:var(--muted);padding:5px 8px;border-radius:999px;letter-spacing:.02em}
.lang-sw a:hover{color:var(--gold);text-decoration:none}
.lang-sw a[aria-current]{background:var(--gold);color:#000}
.lang-sw span{display:none}
@media (min-width:761px){.lang-sw{order:2}}
@media (max-width:760px){.lang-sw{margin-left:6px}.lang-sw a{padding:5px 7px}}
/* header 收窄：加咗語言切換都唔溢出 */
@media (min-width:761px) and (max-width:1320px){.nav a{padding:8px 10px}.hdr{gap:10px}}
.btn.hdr-cta{display:none}
@media (min-width:1260px){.btn.hdr-cta{display:inline-flex}}

/* ---- English pages ---- */
html[lang=en] body{font-family:"Inter",var(--font);font-size:16.5px;line-height:1.7}
html[lang=en] .mega{letter-spacing:0;word-break:normal;overflow-wrap:break-word}
html[lang=en] .logo{font-size:21px;letter-spacing:0}
html[lang=en] .nav a{font-weight:600;font-size:14.5px}
html[lang=en] .hero .mega.hero-en{font-size:clamp(44px,7.4vw,88px);line-height:1.02}
html[lang=en] .zh-name{margin:10px 0 0;font-family:"Noto Sans HK",var(--font);font-weight:900;font-size:clamp(20px,3vw,26px);color:var(--white);letter-spacing:2px}
html[lang=en] .hero .sub{letter-spacing:-.01em}
html[lang=en] .qrot blockquote{font-size:clamp(24px,3.8vw,40px);line-height:1.2;letter-spacing:-.01em}
html[lang=en] .qcard blockquote{font-size:clamp(21px,2.1vw,25px);line-height:1.3;letter-spacing:-.01em}
@media (max-width:699px){html[lang=en] .qcard blockquote{font-size:23px}}
html[lang=en] .fcard h3{font-size:clamp(24px,3vw,28px)}
html[lang=en] .article h1.mega,html[lang=en] .ep-h1{font-size:clamp(26px,4.2vw,40px)!important;line-height:1.2}
html[lang=en] .phead .mega{font-size:clamp(36px,7vw,64px)}
html[lang=en] .prose .pull{font-size:clamp(20px,3vw,25px)}
html[lang=en] .tag,html[lang=en] .chip{letter-spacing:.02em}
html[lang=en] .sec-h h2 small{letter-spacing:.18em}
html[lang=en] .fw header h2{font-size:clamp(28px,4.6vw,42px)}
html[lang=en] .fw header small{letter-spacing:.2em}
html[lang=en] .band .mega.band-en{font-size:clamp(28px,5.6vw,52px);line-height:1.15}
.band-en small{display:block;font-size:.5em;color:#fff;text-shadow:none;margin-top:6px;letter-spacing:.01em}
.q-orig{display:block;font-family:"Noto Sans HK",var(--font);font-weight:700;font-size:13.5px;line-height:1.5;color:var(--muted);text-shadow:none;margin:6px 0 0;letter-spacing:0}
.qrot .q-orig{color:#ffe9b0;font-size:15px}
.fcard blockquote .q-orig{font-weight:400}
.qcard .q-orig{margin-top:10px}
.prose .pull .q-orig{font-size:14px}
[lang=zh-Hant-HK]{font-family:"Noto Sans HK",var(--font)}
/* 手機選單：唔再橫向捲動，全部項目一眼睇晒（窄機自動分兩行） */
@media (max-width:760px){
  .nav{flex-wrap:wrap;overflow:visible;justify-content:space-between;gap:2px 0;margin:2px -4px 0;width:calc(100% + 8px)}
  .nav a{font-size:13.5px;padding:5px 6px}
  html[lang=en] .nav a{font-size:13px;padding:5px 5px}
}
@media (max-width:760px){.nav-x{display:none}}
.oa>*,.about>*,.article>*{min-width:0}
.kv th{white-space:normal}
.social a{max-width:100%;overflow-wrap:anywhere}
/* ---- hubs / members (build_hubs.py) ---- */
.hub-links{display:grid;gap:14px;margin-top:22px;grid-template-columns:1fr}
@media (min-width:760px){.hub-links{grid-template-columns:repeat(3,1fr)}}
.hub-links a.tcard{display:block;color:inherit;text-decoration:none}
.hub-links a.tcard:hover{border-color:var(--gold)}
.hub-links a.tcard.mem{border-top-color:var(--gold)}
.hub-alt{margin-top:10px;font-weight:700}
.hub-jump{margin:18px 0 0}
.hub-jump a.chip{text-decoration:none;font-size:14px}
.hub-jump a.chip small{opacity:.8;font-weight:700;margin-left:4px}
.hub-jump a.chip-mem{background:#000;color:var(--gold)}
.hub-sec{margin-top:30px;scroll-margin-top:90px}
details.vmore{margin-top:16px}
details.vmore>summary{cursor:pointer;display:inline-block;font-weight:900;color:var(--gold);border:2px solid var(--gold);border-radius:8px;padding:8px 16px;list-style:none}
details.vmore>summary::-webkit-details-marker{display:none}
details.vmore[open]>summary{margin-bottom:16px}
.mcard .th{background:linear-gradient(135deg,#1a1410,#3a0306)}
.mcard .mbadge{background:#000;color:var(--gold);font-size:13px;padding:2px 9px}
.mlock{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16/9;font-size:44px;color:var(--gold)}
.mlock small{font-size:13px;font-weight:900;letter-spacing:2px;margin-top:6px}
.morig{margin:4px 0 0;font-size:13px;color:var(--muted);line-height:1.4}
.mem-cta{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:var(--radius);padding:16px 18px;margin:0 0 20px}
.mem-cta p{margin:0;flex:1 1 280px}
.mem-count{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.mem-count a,.mem-count span{display:flex;align-items:baseline;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 16px;color:var(--text);text-decoration:none;font-weight:700}
.mem-count b{font-size:28px;color:var(--gold);font-weight:900}