/* 海軍桌球會 · 統一設計 */
:root{
  --felt:#0f3d27;--felt2:#165234;--felt3:#1f6a43;--gold:#c9a23a;--gold2:#e9cf7a;--gold-soft:#f6edd2;
  --bg:#f2f4f0;--card:#fff;--ink:#17211b;--muted:#667569;--line:#dde4dd;--soft:#eef3ee;
  --ok:#2f9e5b;--ok-soft:#e3f4e9;--warn:#d98b1c;--warn-soft:#fcefd9;--blue:#2f6fb0;--blue-soft:#e3eefa;--red:#c0392b;--red-soft:#fbe6e3;
  --r:14px;--sh:0 1px 2px rgba(15,61,39,.06),0 6px 20px rgba(15,61,39,.06);
  --font:system-ui,-apple-system,"PingFang HK","Noto Sans TC","Microsoft JhengHei",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--felt2)}h1,h2,h3{line-height:1.25;margin:0 0 10px}h2{font-size:18px}h3{font-size:15px}
.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono)}.hide{display:none!important}.right{text-align:right}.center{text-align:center}
/* 頂部 */
.topbar{background:var(--felt);color:#fff;display:flex;align-items:center;gap:14px;padding:10px 18px;position:sticky;top:0;z-index:30;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.logo .ball{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a8a,#c4121a 58%,#6b0006);display:grid;place-items:center;box-shadow:inset -3px -4px 8px rgba(0,0,0,.35)}
.logo .ball i{width:13px;height:13px;border-radius:50%;background:#fff;color:#111;font:900 9px/13px var(--font);font-style:normal;text-align:center}
.logo b{font-size:15px;letter-spacing:.02em}.logo small{display:block;font-size:10px;letter-spacing:.22em;color:var(--gold2)}
.topbar .sp{flex:1}.topbar .who{font-size:12px;opacity:.85}
.nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.nav a,.nav button{color:#d9e6dd;text-decoration:none;padding:8px 12px;border-radius:999px;white-space:nowrap;border:0;background:none;font:inherit;cursor:pointer}
.nav a:hover,.nav button:hover{background:rgba(255,255,255,.08)}.nav a.on,.nav button.on{background:var(--gold);color:#241c05;font-weight:700}
.subnav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:50px;z-index:20}
.subnav .nav a,.subnav .nav button{color:var(--ink)}.subnav .nav .on{background:var(--felt);color:#fff}
/* 版面 */
.wrap{max-width:1180px;margin:0 auto;padding:18px}
.hero{background:radial-gradient(900px 400px at 80% -20%,var(--felt3),transparent 60%),linear-gradient(160deg,var(--felt2),var(--felt));color:#fff;border-radius:var(--r);padding:24px;margin-bottom:16px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-40px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:2px solid rgba(233,207,122,.25)}
.hero .kick{color:var(--gold2);font-size:11px;letter-spacing:.25em;font-weight:700}.hero h1{font-size:24px;margin:6px 0}.hero p{margin:0;opacity:.85}
.grid{display:grid;gap:14px;align-items:start}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.g2,.g3{grid-template-columns:1fr}.g4{grid-template-columns:1fr 1fr}.topbar{flex-wrap:wrap;padding:8px 12px;gap:6px 10px}.topbar .nav{order:3;width:100%}.topbar .sp{display:none}.topbar .who{display:none}.kpi .v{font-size:18px}.wrap{padding:12px}.hero{padding:18px}.hero h1{font-size:20px}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--sh);margin-bottom:14px}
.card>h3:first-child,.card>.row:first-child h3{margin-bottom:10px}
.card.flat{box-shadow:none}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:8px}
.kpi{background:var(--soft);border-radius:12px;padding:12px 14px}.kpi .l{font-size:12px;color:var(--muted)}.kpi .v{font-size:22px;font-weight:800}
/* 按鈕、輸入 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:10px;padding:8px 14px;font:600 14px var(--font);cursor:pointer;text-decoration:none;background:var(--soft);color:var(--ink);transition:filter .15s,transform .05s}
.btn:hover{filter:brightness(.96)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn.primary{background:var(--felt2);color:#fff}.btn.gold{background:var(--gold);color:#241c05}.btn.ghost{background:#fff;border-color:var(--line)}
.btn.danger{background:var(--red);color:#fff}.btn.wa{background:#25d366;color:#fff}.btn.sm{padding:4px 9px;font-size:12px;border-radius:8px}.btn.lg{padding:14px 22px;font-size:17px;border-radius:999px}.btn.block{width:100%}
input,select,textarea{font:inherit;color:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(201,162,58,.45);border-color:var(--gold)}
textarea{width:100%;min-height:96px}.check{display:flex;gap:8px;align-items:center}
.form{display:grid;grid-template-columns:130px 1fr;gap:8px 12px;align-items:center}.form>.full{grid-column:1/-1}.form input,.form select,.form textarea{width:100%}
@media(max-width:560px){.form{grid-template-columns:1fr}}
/* 標籤／狀態 */
.tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--soft);color:var(--muted);white-space:nowrap;vertical-align:middle}
.tag.ok{background:var(--ok-soft);color:#1d6b3c}.tag.warn{background:var(--warn-soft);color:#8a5506}.tag.blue{background:var(--blue-soft);color:#1f4f82}.tag.red{background:var(--red-soft);color:#962c20}.tag.gold{background:var(--gold-soft);color:#6f5410}
.tag.live{background:var(--red);color:#fff;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.6}}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:4px}
/* 表格 */
.tw{overflow-x:auto;margin:0 -4px;padding:0 4px}
table.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{padding:8px;border-bottom:1px solid var(--soft);text-align:left;vertical-align:middle}
.tbl th{font-size:12px;color:var(--muted);font-weight:600;background:#fafbf9}.tbl tr:hover td{background:#fbfcfa}
.tbl input,.tbl select{padding:5px 7px}
/* 對陣 */
.bracket{display:flex;gap:18px;overflow-x:auto;padding-bottom:8px}
.bcol{display:flex;flex-direction:column;min-width:175px;flex:1}.bcol .bb{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:10px}
.bcol h4{margin:0 0 8px;min-height:34px;font-size:12px;color:var(--muted);text-align:center;letter-spacing:.05em}
.mbox{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:13px;box-shadow:0 1px 2px rgba(0,0,0,.03);text-decoration:none;color:inherit;display:block}
.mbox .p{display:flex;justify-content:space-between;gap:6px;padding:5px 9px}.mbox .p+.p{border-top:1px solid var(--soft)}
.mbox .p.w{font-weight:800}.mbox .p.w .s{background:var(--felt2);color:#fff}.mbox .p.l{color:var(--muted)}
.mbox .s{min-width:22px;text-align:center;border-radius:6px;background:var(--soft);font-weight:700;padding:0 4px}
.mbox .meta{font-size:10.5px;color:var(--muted);padding:3px 9px;background:#fafbf9;border-top:1px solid var(--soft);display:flex;justify-content:space-between;gap:6px}
.mbox.live{border-color:var(--red);box-shadow:0 0 0 2px var(--red-soft)}.mbox.gold{border-top:3px solid var(--gold)}.mbox.silver{border-top:3px solid #a9b4ae}
.tbd{color:#a0aaa3;font-style:italic}
.champ{border:2px solid var(--gold);background:var(--gold-soft);border-radius:12px;padding:12px;text-align:center;font-weight:800}
/* 賽程日曆 */
.cal-day{margin-bottom:14px}.cal-day h4{margin:0 0 6px;font-size:14px;display:flex;gap:8px;align-items:center}
.cal{display:grid;gap:6px}.cal .slot{border-radius:10px;padding:8px 10px;border:1px solid var(--line);background:#fff;font-size:12.5px;cursor:default;min-height:58px}
.slot .t{font-weight:700;font-size:12px}.slot .m{margin-top:2px;font-weight:600}
.slot.open{background:var(--ok-soft);border-color:#bfe4cc}.slot.held{background:var(--warn-soft);border-color:#f0d29e}.slot.confirmed{background:var(--blue-soft);border-color:#bcd3ee}
.slot.live{background:var(--red-soft);border-color:var(--red)}.slot.done{background:#f1f3f1;color:var(--muted)}.slot.closed{background:repeating-linear-gradient(45deg,#f4f5f4,#f4f5f4 6px,#eceeec 6px,#eceeec 12px);color:#9aa39d}
.slot.click{cursor:pointer}.slot.click:hover{outline:2px solid var(--gold)}
.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.legend span{display:inline-flex;align-items:center;gap:4px}.legend i{width:12px;height:12px;border-radius:4px;display:inline-block;border:1px solid var(--line)}
/* LIVE 卡 */
.livecard{background:linear-gradient(160deg,var(--felt2),var(--felt));color:#fff;border-radius:var(--r);padding:16px;position:relative;overflow:hidden}
.livecard .names{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center}
.livecard .nm{font-weight:800;font-size:16px}.livecard .sc{font:900 34px var(--mono);color:var(--gold2)}.livecard .pts{font-size:12px;opacity:.8}
.livecard .info{display:flex;justify-content:space-between;font-size:12px;opacity:.85;margin-top:8px}
/* 抽獎 / 優惠券 */
.drawball{width:110px;height:110px;border-radius:50%;margin:10px auto;background:radial-gradient(circle at 35% 30%,#ff8a8a,#c4121a 55%,#6b0006);box-shadow:inset -10px -14px 24px rgba(0,0,0,.45),0 14px 30px rgba(0,0,0,.2);display:grid;place-items:center}
.drawball i{width:48px;height:48px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:20px}.drawball.roll{animation:roll 1s linear infinite}@keyframes roll{to{transform:rotate(360deg)}}
.reel{height:72px;border-radius:12px;background:var(--felt);color:var(--gold2);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;text-align:center;padding:0 12px;margin:12px 0}
.reel.spin span{animation:blur .09s linear infinite}@keyframes blur{0%{transform:translateY(-8px);opacity:.4}100%{transform:translateY(8px);opacity:.4}}
.bigcount{font-size:52px;font-weight:900;color:var(--felt2);line-height:1}
.code{display:inline-block;padding:8px 14px;border:2px dashed var(--gold);border-radius:10px;font:800 20px var(--mono);letter-spacing:.08em;background:var(--gold-soft)}
.cps{display:grid;gap:10px}
.cp{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--gold-soft);cursor:pointer;border-left:8px solid var(--c,var(--gold));overflow:hidden}
.cp::after{content:"";position:absolute;right:58px;top:-8px;bottom:-8px;border-right:2px dashed rgba(0,0,0,.15)}
.cp b{font-size:15px}.cp small{display:block;color:#6a5a2a;font-size:12px}.cp .amt{margin-left:auto;font-weight:800;writing-mode:vertical-rl;letter-spacing:.1em;color:#6f5410;width:40px;text-align:center}
.cp.off{filter:grayscale(1);opacity:.55;cursor:default}.cp .st{position:absolute;right:70px;top:50%;transform:translateY(-50%) rotate(-12deg);border:2px solid var(--red);color:var(--red);font-weight:900;padding:1px 8px;border-radius:6px}
.overlay{position:fixed;inset:0;background:rgba(10,25,17,.7);display:none;align-items:center;justify-content:center;z-index:60;padding:16px}.overlay.on{display:flex}
.cpbox{background:#fff;border-radius:20px;width:min(380px,100%);padding:20px;text-align:center;position:relative;overflow:hidden}
.cpbox::before{content:"";position:absolute;inset:0;border:6px solid transparent;border-radius:20px;background:linear-gradient(90deg,var(--gold),var(--felt3),#c4121a,var(--gold)) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:300% 100%;animation:sh 3s linear infinite;pointer-events:none}
@keyframes sh{to{background-position:300% 0}}.qr{margin:12px auto;width:220px;height:220px}.qr svg{width:100%;height:100%}
.used{position:absolute;inset:0;z-index:1;background:rgba(255,255,255,.93);display:none;align-items:center;justify-content:center;flex-direction:column;font-size:28px;font-weight:900;color:var(--red)}.used.on{display:flex}
.list{list-style:none;margin:0;padding:0}.list li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--soft)}.list li:last-child{border:0}
/* 對話框、提示 */
dialog{border:0;border-radius:16px;padding:18px;width:min(620px,94vw);box-shadow:0 20px 60px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(10,25,17,.45)}
#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;opacity:0;transition:.2s;z-index:90;pointer-events:none;max-width:90vw}
#toast.on{opacity:1;transform:translateX(-50%)}
.empty{color:var(--muted);text-align:center;padding:20px}
.center-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,var(--felt2),var(--felt))}
.brand-mark{color:var(--gold);font-size:11px;letter-spacing:.22em;font-weight:700;margin-bottom:6px}
.scan{position:relative;max-width:420px;margin:12px auto 0;border-radius:14px;overflow:hidden;background:#000;aspect-ratio:1}.scan video{width:100%;height:100%;object-fit:cover}
.scan::after{content:"";position:absolute;inset:18%;border:3px solid var(--gold2);border-radius:16px;box-shadow:0 0 0 999px rgba(0,0,0,.35)}
.res{border-radius:14px;padding:16px;margin-top:12px;border:3px solid var(--line)}.res.ok{border-color:var(--ok);background:var(--ok-soft)}.res.bad{border-color:var(--red);background:var(--red-soft)}
.side{display:grid;grid-template-columns:220px 1fr;gap:16px}.side nav{position:sticky;top:66px;align-self:start}
.side nav .grp{font-size:11px;color:var(--muted);letter-spacing:.1em;margin:12px 8px 4px;font-weight:700}
.side nav button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:9px;font:inherit;cursor:pointer;color:var(--ink)}
.side nav button:hover{background:#fff}.side nav button.on{background:var(--felt2);color:#fff;font-weight:600}
@media(max-width:860px){.side{grid-template-columns:1fr}.side nav{position:static;display:flex;overflow-x:auto;gap:4px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px}.side nav .grp{display:none}.side nav button{width:auto;white-space:nowrap}}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 10px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px}
.pgrid label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scorepad{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scorepad .side-a,.scorepad .side-b{background:var(--soft);border-radius:14px;padding:14px;text-align:center}
.scorepad .nm{font-weight:800;font-size:18px}.scorepad .fr{font:900 56px var(--mono);color:var(--felt2)}
@media print{.topbar,.subnav,.noprint{display:none!important}body{background:#fff}.card{box-shadow:none;border:0}}
/* ================= 球會網站 ================= */
html{scroll-behavior:smooth;scroll-padding-top:70px}
.site .topbar{padding:10px 22px}.site .topbar .nav a{font-size:13.5px}
.shero{background:radial-gradient(1000px 520px at 85% 0%,var(--felt3),transparent 60%),linear-gradient(165deg,var(--felt2),var(--felt) 70%);color:#fff;position:relative;overflow:hidden}
.shero::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 20% 120%,rgba(255,255,255,.025) 0 2px,transparent 2px 6px);pointer-events:none}
.shero .in{max-width:1180px;margin:0 auto;padding:56px 18px 64px;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;position:relative}
.shero .kick{color:var(--gold2);font-size:12px;letter-spacing:.3em;font-weight:700}.shero h1{font-size:46px;margin:10px 0 8px;letter-spacing:.02em}.shero h1 span{color:var(--gold2)}
.shero p.lead{font-size:17px;opacity:.9;margin:0 0 20px}.shero .poster{width:100%;max-width:400px;justify-self:center;border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.45);transform:rotate(2.5deg);border:3px solid rgba(233,207,122,.5);cursor:zoom-in}
.shero .live{display:inline-flex;gap:8px;align-items:center;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.15);padding:6px 12px;border-radius:999px;margin-bottom:14px;color:#fff;text-decoration:none;font-size:13px}
.hl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.hl div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px}.hl b{display:block;font-size:20px;color:var(--gold2)}.hl span{font-size:12px;opacity:.8}
.sec{padding:60px 0}.sec.alt{background:#fff}.sec.dark{background:var(--felt);color:#fff}.sec .wrap{padding-top:0;padding-bottom:0}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap}.sec-h .kick{color:var(--gold);font-size:11px;letter-spacing:.28em;font-weight:800}.sec-h h2{font-size:30px;margin:4px 0 0}.sec-h p{margin:6px 0 0;color:var(--muted)}
.sec.dark .sec-h p{color:#cfe0d4}
.feat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;height:100%}.feat .ic{font-size:26px;width:48px;height:48px;border-radius:12px;background:var(--gold-soft);display:grid;place-items:center;margin-bottom:10px}.feat h3{margin:0 0 2px}.feat .sub{font-size:12px;color:var(--gold);font-weight:700;margin-bottom:6px}.feat p{margin:0;color:var(--muted);font-size:13.5px}
.story{font-size:16px;line-height:1.85;white-space:pre-line}
.compbox{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cupcard{border-radius:18px;padding:20px;color:#fff;position:relative;overflow:hidden}
.cupcard.g{background:linear-gradient(150deg,#b8902a,#7a5a10);box-shadow:0 10px 30px rgba(122,90,16,.3)}.cupcard.s{background:linear-gradient(150deg,#8f9aa3,#4f5a62);box-shadow:0 10px 30px rgba(79,90,98,.3)}
.cupcard h3{font-size:20px;margin:0 0 12px}.cupcard .pr{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-top:1px solid rgba(255,255,255,.22)}.cupcard .pr b{font-size:24px}.cupcard .pr small{display:block;opacity:.85;font-size:12px}
.cupcard::after{content:"🏆";position:absolute;right:-10px;top:-14px;font-size:90px;opacity:.13}.cupcard.s::after{content:"🥈"}
.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.pill-row div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px}.pill-row b{display:block;color:var(--felt2)}.pill-row span{font-size:12px;color:var(--muted)}
.steps{counter-reset:s;list-style:none;padding:0;margin:0}.steps li{counter-increment:s;position:relative;padding:8px 0 8px 40px;border-bottom:1px dashed var(--line)}.steps li::before{content:counter(s);position:absolute;left:0;top:8px;width:26px;height:26px;border-radius:50%;background:var(--felt2);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}
.steps li small{display:block;color:var(--muted)}
.posters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.posters img,.pimg{width:100%;border-radius:12px;box-shadow:var(--sh);cursor:zoom-in;display:block;border:1px solid var(--line)}
.ratetbl{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.ratetbl th{background:var(--felt);color:#fff;padding:12px;font-size:13px;text-align:left}.ratetbl td{padding:14px 12px;border-top:1px solid var(--soft)}.ratetbl td b{font-size:22px;color:var(--felt2)}.ratetbl td small{color:var(--muted)}
.pcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.pcard .pp{font-size:26px;font-weight:900;color:var(--felt2)}.pcard .pp small{font-size:13px;color:var(--muted);font-weight:600}.pcard ul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:13.5px}
.pcard.feat-gold{border:2px solid var(--gold);background:linear-gradient(180deg,var(--gold-soft),#fff)}
.post{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:100%;cursor:pointer;transition:transform .15s}.post:hover{transform:translateY(-3px)}
.post .im{aspect-ratio:16/10;background:var(--soft) center/cover no-repeat}.post .bd{padding:14px;flex:1;display:flex;flex-direction:column}.post h3{margin:6px 0}.post p{margin:0;color:var(--muted);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post .dt{font-size:12px;color:var(--muted);margin-top:auto;padding-top:8px}
.ev{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;cursor:pointer}.ev .cal1{flex:none;width:62px;border-radius:12px;overflow:hidden;text-align:center;border:1px solid var(--line)}.ev .cal1 i{display:block;background:var(--red);color:#fff;font-style:normal;font-size:11px;padding:2px 0;font-weight:700}.ev .cal1 b{display:block;font-size:24px;padding:4px 0 0}.ev .cal1 span{font-size:11px;color:var(--muted)}
.ev h3{margin:0 0 4px}.ev p{margin:0;color:var(--muted);font-size:13.5px}
.lb{color:var(--ink);background:#fff;border-radius:18px;border:1px solid var(--line);overflow:hidden}.lb .r{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:11px 16px;border-top:1px solid var(--soft)}.lb .r:first-child{border-top:0}
.lb .rk{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:var(--soft)}.lb .r:nth-child(1) .rk{background:linear-gradient(145deg,#f3d77a,#b8902a);color:#fff}.lb .r:nth-child(2) .rk{background:linear-gradient(145deg,#dfe4e8,#8f9aa3);color:#fff}.lb .r:nth-child(3) .rk{background:linear-gradient(145deg,#e8b48a,#a0602e);color:#fff}
.lb .sc{font:900 22px var(--mono);color:var(--felt2)}.lb .bar{height:5px;border-radius:5px;background:var(--soft);margin-top:4px;overflow:hidden}.lb .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--felt3),var(--gold))}
.menu h4{margin:0 0 6px;color:var(--gold);letter-spacing:.1em;font-size:12px}.menu .mi{display:flex;gap:8px;align-items:baseline;padding:7px 0}.menu .mi .dots{flex:1;border-bottom:1px dotted #c7d0c9}.menu .mi b{color:var(--felt2)}
details.faq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:10px}details.faq summary{cursor:pointer;font-weight:700;list-style:none}details.faq summary::after{content:"＋";float:right;color:var(--gold)}details.faq[open] summary::after{content:"－"}details.faq p{margin:8px 0 0;color:var(--muted)}
.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.contact iframe{width:100%;height:100%;min-height:320px;border:0;border-radius:16px}
.cinfo .ln{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}.cinfo .ln i{font-style:normal;font-size:18px;width:26px}.cinfo .ln b{display:block}.cinfo a{color:var(--gold2)}
.btn.ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.btn.fb{background:#1877f2;color:#fff}
.social{display:grid;grid-template-columns:1fr 1fr;gap:16px}.social .sc1{background:#fff;border-radius:18px;border:1px solid var(--line);padding:18px;color:var(--ink)}.social iframe{width:100%;height:520px;border:0;border-radius:12px;background:var(--soft)}
.lightbox{position:fixed;inset:0;background:rgba(5,15,10,.88);display:none;align-items:center;justify-content:center;z-index:95;padding:16px;cursor:zoom-out}.lightbox.on{display:flex}.lightbox img{max-width:100%;max-height:92vh;border-radius:10px}
.sfoot{background:#0a2a1b;color:#b9cdbf;padding:30px 0;font-size:13px}.sfoot a{color:var(--gold2)}
.fab{position:fixed;right:16px;bottom:16px;z-index:40;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
@media(max-width:900px){.shero .in{grid-template-columns:1fr;padding:36px 16px 44px}.shero h1{font-size:34px}.shero .poster{max-width:300px}.hl{grid-template-columns:1fr 1fr}.compbox,.contact,.social{grid-template-columns:1fr}.posters{grid-template-columns:1fr 1fr}.sec{padding:42px 0}.sec-h h2{font-size:24px}}

/* v1.1.0 讓分／時段管理 */
.hc{display:inline-block;margin-left:4px;padding:0 6px;border-radius:999px;font:700 11px/18px var(--mono);background:#fff4d6;color:#8a6410;border:1px solid #ecd28a;vertical-align:middle}
.hero .hc,.livecard .hc,.sec.dark .hc{background:rgba(233,207,122,.18);color:var(--gold2);border-color:rgba(233,207,122,.45)}
.btn.hcb{background:#fff4d6;color:#8a6410;border:1px solid #ecd28a;font-family:var(--mono);font-weight:800}
.hcard{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.hcbig{font:900 44px/1 var(--mono);color:var(--felt2)}
.livebar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:2px solid var(--red)}
.slotedit{background:var(--soft);border-radius:12px;padding:10px 12px}
.form .row .check{white-space:nowrap}

/* =====================================================================
   v1.2.0 · Pro Arena 職業直播 主題（球會網站、賽事中心、球員頁、TV）
   後台用 .adm（淺色，只換強調色），公開頁用 .arena（深綠＋金＋紅）
   ===================================================================== */
:root{--fd:"Barlow Condensed","Noto Sans HK",system-ui,sans-serif;--font:"Noto Sans HK",system-ui,-apple-system,"PingFang HK","Noto Sans TC","Microsoft JhengHei",sans-serif;
  --ag:#FFC83D;--ar:#E63946;--abg:#04201A;--ac:#0A2C24;--ac2:#0E362C;--al:#1A4D3F}
/* Navy logo（白底牌） */
.nlogo{width:38px;height:40px;background:#fff;border-radius:6px;padding:2px;display:grid;place-items:center;flex:none;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.nlogo img{width:100%;height:100%;object-fit:contain;display:block}
.logo b{font-weight:900}.logo small{font-family:var(--fd);font-weight:700;letter-spacing:.24em}
.adm .topbar,.arena .topbar{background:var(--abg);border-bottom:3px solid var(--ag)}
.adm .logo small,.arena .logo small{color:var(--ag)}
.adm .nav a.on,.adm .nav button.on,.arena .nav a.on,.arena .nav button.on{background:var(--ag);color:var(--abg)}
.kick,.sec-h .kick,.hero .kick,.brand-mark{font-family:var(--fd);font-style:italic;font-weight:800;letter-spacing:.12em!important}

/* ---------- 公開頁：深色 ---------- */
.arena{--bg:var(--abg);--card:var(--ac);--ink:#F2F5F0;--muted:#9DB4A8;--line:var(--al);--soft:#0F3B30;--gold:var(--ag);--gold2:var(--ag);--red:var(--ar);
  --sh:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px rgba(0,0,0,.25);--r:10px;background:var(--abg);color:var(--ink)}
.arena a{color:var(--ag)}
.arena h1,.arena h2,.arena h3{letter-spacing:.01em}
.arena .card{background:var(--ac);border-color:var(--al)}
.arena .kpi{background:var(--ac);border:1px solid var(--al);border-left:3px solid var(--ag);border-radius:6px}
.arena .kpi .v{font:italic 900 30px/1.1 var(--fd);color:#fff}.arena .kpi .l{color:var(--muted)}
/* 按鈕：斜切 */
.arena .btn{border-radius:4px;font-weight:800}
.arena .btn.lg,.arena .hero .btn,.arena .shero .btn{transform:skewX(-10deg)}.arena .btn.lg>*,.arena .hero .btn>*{transform:skewX(10deg)}
.arena .btn.gold{background:var(--ag);color:var(--abg)}.arena .btn.primary{background:var(--ag);color:var(--abg)}
.arena .btn.ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3);color:#fff}
.arena .btn{background:rgba(255,255,255,.08);color:#fff}.arena .btn.danger{background:var(--ar);color:#fff}.arena .btn.wa{background:#25d366;color:#05301a}
.arena .btn.ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.arena .btn.fb{background:#1877f2;color:#fff}
.arena input,.arena select,.arena textarea{background:#062a22;border-color:var(--al);color:#fff}
/* 標籤 */
.arena .tag{background:rgba(255,255,255,.08);color:#cfe0d6}
.arena .tag.ok{background:rgba(47,158,91,.22);color:#8ee2ad}.arena .tag.warn{background:rgba(217,139,28,.22);color:#ffcf80}.arena .tag.blue{background:rgba(47,111,176,.25);color:#a9cdf5}
.arena .tag.red{background:rgba(230,57,70,.2);color:#ff9aa2}.arena .tag.gold{background:rgba(255,200,61,.16);color:var(--ag)}
.arena .tag.live,.tag.live{background:var(--ar);color:#fff;font-family:var(--fd);font-style:italic;font-weight:800;letter-spacing:.08em;border-radius:3px}
/* Hero：直播感 */
.arena .hero{background:linear-gradient(115deg,#06352a 0%,#04201A 62%),var(--abg);border:1px solid var(--al);border-left:6px solid var(--ag);border-radius:6px}
.arena .hero::after{border:0;width:46%;height:100%;right:0;bottom:0;border-radius:0;background:repeating-linear-gradient(115deg,transparent 0 18px,rgba(255,200,61,.05) 18px 22px)}
.arena .hero h1{font-weight:900;font-style:italic;font-size:30px;transform:skewX(-6deg);transform-origin:left}
.arena .hero .kick{color:var(--ag);font-size:14px}
/* 表格 */
.arena .tbl th{background:#08261f;color:var(--muted)}.arena .tbl td{border-color:var(--al)}.arena .tbl tr:hover td{background:rgba(255,255,255,.02)}
.arena .list li{border-color:var(--al)}
/* 對陣 */
.arena .mbox{background:#0B3128;border-color:var(--al);border-radius:4px;box-shadow:none}
.arena .mbox .p+.p,.arena .mbox .meta{border-color:var(--al)}.arena .mbox .meta{background:#08261f}
.arena .mbox .s{background:rgba(255,255,255,.08);border-radius:3px;font-family:var(--fd);font-style:italic;font-size:15px}
.arena .mbox .p.w .s{background:var(--ag);color:var(--abg)}.arena .mbox .p.w{color:#fff}
.arena .mbox.live{border-color:var(--ar);box-shadow:0 0 0 2px rgba(230,57,70,.35)}.arena .mbox.gold{border-top:3px solid var(--ag)}.arena .mbox.silver{border-top:3px solid #b9c4cc}
.arena .tbd{color:#6f8a7d}.arena .bcol h4{color:var(--ag);font-family:var(--fd);font-style:italic;font-size:14px}
.arena .champ{background:rgba(255,200,61,.1);border-color:var(--ag);color:var(--ag);font:italic 900 18px var(--fd);border-radius:4px}
.seg{display:inline-flex;gap:2px;background:#08261f;border:1px solid var(--al);border-radius:6px;padding:3px}
.seg button{border:0;background:none;color:var(--ink);padding:7px 12px;border-radius:4px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.seg button.on{background:var(--ag);color:var(--abg)}
/* 日曆：時段保留淺色（易讀），文字用深色 */
.arena .cal .slot{color:#17211b;border-radius:4px}.arena .cal .slot .small{color:#3d4b42}
.arena .cal .slot.done{background:#c9d2cc}.arena .legend{color:var(--muted)}
/* LIVE 卡 */
.arena .livecard{background:#0B3128;border:1px solid var(--al);border-radius:6px;padding:0}
.arena .livecard .lh{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,var(--ar),#a3162a);padding:7px 14px;font:italic 800 15px var(--fd);letter-spacing:.06em;color:#fff}
.arena .livecard .lh .pill{background:#fff;color:var(--ar);border-radius:99px;padding:1px 9px;font-size:12px}
.arena .livecard .names{padding:14px 14px 4px}.arena .livecard .nm{font-size:17px}
.arena .livecard .sc{font:italic 900 46px/1 var(--fd);color:#fff}.arena .livecard .sc b{color:var(--ag)}
.arena .livecard .pts{padding:0 14px 8px}.arena .livecard .info{background:#08261f;border-top:1px solid var(--al);margin:0;padding:9px 14px;color:#cfe0d6;opacity:1}
.hc,.arena .hc{background:var(--ag);color:var(--abg);border:0;border-radius:3px;font:italic 800 12px/18px var(--fd);padding:0 6px}
.adm .hc{background:#fff4d6;color:#8a6410;border:1px solid #ecd28a;font-style:normal}
.arena .hcbig{font:italic 900 56px/1 var(--fd);color:var(--ag)}
.arena .livebar{background:#2a0d12;border-color:var(--ar)}
/* 抽獎 */
.arena .reel{background:#062a22;color:var(--ag);border-color:var(--ag);border-radius:4px;font-family:var(--fd);font-style:italic}
.arena .bigcount{color:var(--ag);font-family:var(--fd);font-style:italic}
.arena .code{background:rgba(255,200,61,.1);border-color:var(--ag);color:var(--ag)}
/* 對話框 */
.arena dialog{background:var(--ac);color:var(--ink);border:1px solid var(--al)}.arena dialog::backdrop{background:rgba(0,10,6,.7)}
.arena .overlay{background:rgba(0,10,6,.82)}
.arena .empty{color:var(--muted)}
.arena #toast{background:var(--ag);color:var(--abg);font-weight:700}

/* ---------- 優惠券：Arena Ticket ---------- */
.cps{gap:12px}
.cp{display:grid;grid-template-columns:1fr 92px;align-items:stretch;gap:0;padding:0;border-radius:6px;background:#07382c;color:#fff;border:1px solid #285641;border-left:0;overflow:hidden;cursor:pointer}
.cp::after{display:none}
.cp .cpm{padding:11px 14px;border-top:4px solid var(--ar);background:linear-gradient(115deg,#07382c 78%,#0c4b39 78%)}
.cp b{font-size:15px;color:#fff}.cp small{color:#bcd0c5}
.cp .amt{writing-mode:horizontal-tb;width:auto;margin:0;background:#fff;color:#07382c;display:grid;place-items:center;font:italic 900 26px/1 var(--fd);border-left:2px dashed #95a394;letter-spacing:0;padding:6px}
.cp .amt small{display:block;color:#07382c;font:700 10px var(--font);font-style:normal;letter-spacing:.1em;margin-top:3px;text-align:center}
.cp .st{right:104px;color:var(--ar);border-color:var(--ar);background:rgba(255,255,255,.92)}
/* 電子券彈出 */
.tk{width:min(390px,100%);border-radius:12px;overflow:hidden;background:#07382c;color:#fff;border:1px solid #285641;position:relative;text-align:left;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.tk .tkx{position:absolute;right:10px;top:10px;z-index:3;background:rgba(0,0,0,.35);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:4px 9px;font:inherit;font-size:12px;cursor:pointer}
.tk .tkb{display:flex;gap:14px;align-items:center;padding:16px 18px 8px}
.tk .plate{background:#fff;border-radius:4px;padding:4px;width:64px;height:68px;flex:none;display:grid;place-items:center}.tk .plate img{width:100%;height:100%;object-fit:contain}
.tk .bn{font-size:17px;font-weight:900}.tk .be{font:700 11px var(--fd);letter-spacing:.24em;color:#f9d35a}
.tk .tko{padding:10px 20px 18px;position:relative;background:linear-gradient(115deg,#07382c 72%,#0c4b39 72%)}
.tk .tkk{font:italic 800 13px var(--fd);letter-spacing:.14em;color:#f9d35a;border-left:4px solid #e34d43;padding-left:8px}
.tk .tkst{position:absolute;right:16px;top:10px;background:#f9d35a;color:#07382c;font-weight:800;font-size:12px;padding:4px 9px;transform:skewX(-10deg)}
.tk .tkv{font:italic 900 80px/1.05 var(--fd);color:#f9d35a;letter-spacing:-.01em;margin-top:4px}
.tk h2{font-size:22px;margin:0 0 6px;color:#fff}.tk .tkt{font-size:13px;color:#cfe0d6;line-height:1.6}
.tk .tks{background:#fff;color:#183126;text-align:center;padding:14px 18px 12px;border-top:2px dashed #9eab9e;position:relative}
.tk .tks::before,.tk .tks::after{content:"";position:absolute;top:-11px;width:20px;height:20px;border-radius:50%;background:rgba(0,10,6,.82)}.tk .tks::before{left:-10px}.tk .tks::after{right:-10px}
.tk .qr{width:190px;height:190px;margin:2px auto 4px}
.tk .code{font:800 18px var(--mono);letter-spacing:.08em;background:none;border:0;color:#183126;padding:0}
.tk .clk{font:italic 800 16px var(--fd);color:#1d7a45;letter-spacing:.05em;margin-top:4px}
.tk .tkn{font-size:12px;color:#5b6b61;margin-top:2px}
.tk .tke{display:flex;justify-content:space-between;font-size:12.5px;padding:10px 18px;background:#f2f5ef;color:#34473b}
.tk .used{background:rgba(255,255,255,.95);color:var(--ar);font-family:var(--fd);font-style:italic}

/* ---------- 球會網站 ---------- */
.arena .shero{background:linear-gradient(180deg,rgba(4,32,26,.55) 0%,rgba(4,32,26,.2) 30%,rgba(4,32,26,.85) 80%,var(--abg)),var(--hero,none) center/cover no-repeat,linear-gradient(165deg,#0b3a2e,var(--abg));border-bottom:1px solid var(--al)}
.arena .shero::before{background:repeating-linear-gradient(115deg,transparent 0 26px,rgba(255,200,61,.035) 26px 30px)}
.arena .shero .kick{color:var(--ag);font-size:15px;letter-spacing:.16em}
.arena .shero h1{font-size:62px;font-weight:900;font-style:italic;transform:skewX(-6deg);transform-origin:left;line-height:1.02}.arena .shero h1 span{color:var(--ag)}
.arena .shero .poster{border:3px solid var(--ag);border-radius:6px;transform:rotate(2deg)}
.arena .shero .live{background:var(--ar);border:0;border-radius:4px;font-weight:700}
.arena .shero .live .tag.live{background:#fff;color:var(--ar);animation:none}
.arena .hl div{background:#0B2F26;border:0;border-left:3px solid var(--ag);border-radius:4px}.arena .hl b{color:#fff;font:italic 900 26px var(--fd)}
.arena .sec.alt{background:#06291F}.arena .sec.dark{background:#021712}
.arena .sec-h h2{font-size:34px;font-weight:900;font-style:italic}
.arena .sec-h .kick{font-size:14px;color:var(--ag)}.arena .sec-h p{color:var(--muted)}
.arena .sec-h h2::after{content:"";display:block;width:56px;height:4px;background:var(--ar);margin-top:8px;transform:skewX(-20deg)}
.arena .feat,.arena .pcard,.arena .post,.arena .ev,.arena details.faq,.arena .social .sc1,.arena .pill-row div{background:var(--ac);border-color:var(--al);color:var(--ink);border-radius:6px}
.arena .feat .ic{background:rgba(255,200,61,.12);border-radius:6px}.arena .feat .sub{color:var(--ag)}.arena .feat p,.arena .pcard ul,.arena .post p,.arena .ev p,.arena details.faq p{color:var(--muted)}
.arena .pill-row div{border-left:3px solid var(--ag)}.arena .pill-row b{color:#fff}
.arena .cupcard{border-radius:6px}.arena .cupcard.g{background:linear-gradient(150deg,#d9a520,#7a5a10)}.arena .cupcard h3{font-style:italic}.arena .cupcard .pr b{font:italic 900 30px var(--fd)}
.arena .steps li{border-color:var(--al)}.arena .steps li::before{background:var(--ag);color:var(--abg);border-radius:3px;transform:skewX(-10deg)}
.arena .ratetbl{background:var(--ac);border-color:var(--al);border-radius:6px}.arena .ratetbl th{background:#08261f;color:var(--ag);font-family:var(--fd);font-style:italic;letter-spacing:.05em;font-size:15px}
.arena .ratetbl td{border-color:var(--al)}.arena .ratetbl td b{color:var(--ag);font:italic 900 30px var(--fd)}.arena .ratetbl td b[style]{color:#fff!important;font:700 16px var(--font)!important}
.arena .pcard .pp{color:var(--ag);font:italic 900 32px var(--fd)}.arena .pcard.feat-gold{border:2px solid var(--ag);background:linear-gradient(180deg,rgba(255,200,61,.12),var(--ac))}
.arena .posters img,.arena .pimg{border-color:var(--al);border-radius:6px}
.arena .post .im{background-color:#0B3128}
.arena .ev .cal1{border-color:var(--al);border-radius:4px}.arena .ev .cal1 i{background:var(--ar)}.arena .ev .cal1 b{font:italic 900 28px var(--fd)}
.arena .lb{background:var(--ac);border-color:var(--al);border-radius:6px;color:var(--ink)}.arena .lb .r{border-color:var(--al)}
.arena .lb .rk{background:rgba(255,255,255,.08);border-radius:4px;transform:skewX(-10deg)}.arena .lb .sc{font:italic 900 30px var(--fd);color:var(--ag)}.arena .lb .bar{background:rgba(255,255,255,.08)}.arena .lb .bar i{background:linear-gradient(90deg,var(--ar),var(--ag))}
.arena .menu h4{color:var(--ag);font-family:var(--fd);font-style:italic;font-size:15px}.arena .menu .mi b{color:var(--ag)}.arena .menu .mi .dots{border-color:var(--al)}
.arena .cinfo .ln{border-color:var(--al)}
.arena .social .sc1[style]{background:linear-gradient(160deg,#0E362C,var(--ac))!important}
.arena .sfoot{background:#021712;border-top:3px solid var(--ag)}
/* 贊助及合作伙伴 */
.spons{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.spon{background:#fff;border-radius:6px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:118px;text-decoration:none;color:#17211b;text-align:center;transition:transform .15s}
.spon:hover{transform:translateY(-3px)}.spon img{max-width:100%;max-height:62px;object-fit:contain}.spon b{font-size:13px}.spon small{font-size:11px;color:#667569}
.spon.txt{background:var(--ac);border:1px solid var(--al);color:#fff}.spon.txt b{font:italic 900 22px var(--fd)}.spon.txt small{color:var(--muted)}
.sponstrip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:10px}.sponstrip .spon{min-height:64px;width:130px;padding:8px}.sponstrip .spon img{max-height:40px}
@media(max-width:900px){.arena .shero h1{font-size:44px}}
@media(max-width:640px){.arena .hero h1{font-size:24px}.arena .kpi .v{font-size:24px}.arena .sec-h h2{font-size:26px}.tk .tkv{font-size:64px}}

/* ---------- 後台：淺色，Arena 強調色 ---------- */
.adm{--gold:#d9a520;--gold2:#FFC83D}
.adm .side nav button.on{background:var(--abg);color:#fff;box-shadow:inset 3px 0 0 var(--ag)}
.adm .btn.primary{background:#0b3a2e}.adm .btn.gold{background:var(--ag);color:var(--abg)}
.adm .card>h3:first-child,.adm .card .row h3{font-weight:800}
.adm .kpi{border-left:3px solid var(--ag)}.adm .kpi .v{font-family:var(--fd);font-size:28px;font-weight:800}
.adm .center-page{background:linear-gradient(115deg,#06352a 0%,#04201A 62%)}
.adm #login .nlogo{width:64px;height:68px;margin-bottom:10px}

/* ---------- TV 場館顯示 ---------- */
.tv{background:var(--abg);color:#fff;min-height:100vh;overflow:hidden;font-size:1.25vw}
.tv .tvh{display:flex;align-items:center;gap:1.2vw;padding:1vw 2vw;background:#021712;border-bottom:.3vw solid var(--ag)}
.tv .tvh .nlogo{width:3.6vw;height:3.8vw}.tv .tvh h1{margin:0;font:italic 900 2.3vw var(--font);transform:skewX(-6deg)}.tv .tvh .k{font:italic 800 1vw var(--fd);letter-spacing:.2em;color:var(--ag)}
.tv .tvclk{margin-left:auto;font:italic 900 3vw var(--fd);color:var(--ag)}
.tv .tvb{display:grid;grid-template-columns:1.65fr 1fr;gap:1.4vw;padding:1.4vw 2vw;height:calc(100vh - 6.2vw - 3.4vw)}
.tv .col{display:flex;flex-direction:column;gap:1.1vw;min-height:0}
.tv .tvt{font:italic 900 1.5vw var(--fd);letter-spacing:.08em;color:var(--ag);display:flex;align-items:center;gap:.6vw}.tv .tvt::after{content:"";flex:1;height:2px;background:var(--al)}
.tv .lv{background:#0B3128;border:1px solid var(--al);border-radius:.5vw;overflow:hidden}
.tv .lv .lh{display:flex;justify-content:space-between;background:linear-gradient(90deg,var(--ar),#a3162a);padding:.45vw 1vw;font:italic 800 1.25vw var(--fd);letter-spacing:.06em}
.tv .lv .sb{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1vw;padding:1vw 1.4vw}
.tv .lv .pn{font-weight:900;font-size:2vw;line-height:1.2}.tv .lv .pn.r{text-align:right}.tv .lv .pp{font:italic 800 1.5vw var(--fd);color:#cfe0d6;margin-top:.2vw}
.tv .lv .fr{font:italic 900 5.6vw/1 var(--fd)}.tv .lv .fr b{color:var(--ag)}.tv .lv .fr i{opacity:.5;margin:0 .5vw;font-style:normal}
.tv .lv .hc{font-size:1vw;line-height:1.6vw;padding:0 .5vw}
.tv .lv .lf{display:flex;justify-content:space-between;padding:.5vw 1.4vw;background:#08261f;border-top:1px solid var(--al);font-size:1vw;color:#cfe0d6}
.tv .lv.big .pn{font-size:2.8vw}.tv .lv.big .fr{font-size:8vw}.tv .lv.big .pp{font-size:2.2vw}
.tv .lvs{display:grid;gap:1vw}.tv .lvs.n2{grid-template-columns:1fr}.tv .lvs.n3,.tv .lvs.n4{grid-template-columns:1fr 1fr}
.tv .rw{display:grid;grid-template-columns:5.2vw 1fr auto;gap:.8vw;align-items:center;padding:.55vw .9vw;background:#0B3128;border-left:.25vw solid var(--al);border-radius:.3vw;font-size:1.15vw}
.tv .rw .t{font:italic 900 1.4vw var(--fd);color:var(--ag)}.tv .rw .s{font:italic 900 1.6vw var(--fd)}.tv .rw small{display:block;color:var(--muted);font-size:.85vw}
.tv .rw.dn{border-left-color:var(--ag)}.tv .rw .w{color:var(--ag);font-weight:900}
.tv .none{color:var(--muted);text-align:center;padding:3vw;border:1px dashed var(--al);border-radius:.5vw;font-size:1.4vw}
.tv .tick{position:fixed;left:0;right:0;bottom:0;height:3.4vw;background:#021712;border-top:.2vw solid var(--ar);display:flex;align-items:center;overflow:hidden}
.tv .tick .lab{flex:none;background:var(--ar);height:100%;display:grid;place-items:center;padding:0 1.4vw;font:italic 900 1.4vw var(--fd);letter-spacing:.08em}
.tv .tick .tr{white-space:nowrap;font-size:1.3vw;padding-left:100%;animation:tick 45s linear infinite}.tv .tick .tr span{margin-right:3vw}.tv .tick .tr b{color:var(--ag);font:italic 900 1.6vw var(--fd)}
@keyframes tick{to{transform:translateX(-100%)}}
.tv .fs{position:fixed;right:1vw;bottom:4.2vw;opacity:.25;font-size:12px}.tv .fs:hover{opacity:1}
.arena .mbox{color:var(--ink)}.arena .mbox .p.l{color:var(--muted)}
.tv .col{overflow:hidden}
/* ===== v1.3.0 會員 CRM ===== */
.mcard{background:linear-gradient(135deg,#0b3d30 0%,#04201A 70%);border:1px solid #1A4D3F;border-top:4px solid #FFC83D;border-radius:10px;padding:16px;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);margin-bottom:16px}
.mch{display:flex;gap:12px;align-items:center;margin-bottom:12px}.mch .plate{width:46px;height:50px}
.mcb{display:flex;justify-content:space-between;gap:12px;align-items:center}
.mcn{font-size:22px;font-weight:900}.mcno{font:italic 800 30px/1.1 var(--fd,sans-serif);color:#FFC83D;letter-spacing:.06em}
.mcok{display:inline-block;margin-top:8px;background:rgba(46,204,113,.18);color:#7ee2a8;font-weight:700;font-size:12px;padding:3px 10px;border-radius:99px}
.mcq{background:#fff;border-radius:6px;padding:6px;width:118px;flex:none}.mcq svg{display:block;width:100%;height:auto}
.sendbox{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}@media(max-width:560px){.sendbox{grid-template-columns:1fr}}
.qrbox{text-align:center}.qrbox svg{width:100%;max-width:220px;height:auto;background:#fff;border:1px solid #ddd;border-radius:8px}
.pinbox{background:#fff8e1;border:1px dashed #e0b84a;border-radius:8px;padding:10px;color:#3a2c00}
.mstat{margin-top:14px;padding:12px;border-radius:8px;background:#fff4dc;color:#7a5300;font-weight:700;text-align:center}.mstat.ok{background:#e3f7ea;color:#126b35;font-size:17px}
.bclist{max-height:300px;overflow:auto;border:1px solid #e3e6e3;border-radius:8px;margin-top:6px}
.bcr{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid #eef0ee}.bcr.sent{opacity:.55}
#dlg textarea{width:100%;font:inherit}
.mcard .plate{background:#fff;border-radius:4px;padding:3px;width:46px;height:50px;flex:none;display:grid;place-items:center}.mcard .plate img{width:100%;height:100%;object-fit:contain}
.mcard .bn{font-size:16px;font-weight:900}.mcard .be{font:700 10px var(--fd,sans-serif);letter-spacing:.2em;color:#f9d35a}
.mfeed a{text-decoration:none}.mfeed a:hover b{text-decoration:underline}
.adm .seg button{color:#d8e6de}.adm .seg button:hover:not(.on){color:#fff}.adm .seg{flex-wrap:wrap}
/* ===== v1.4.0：球員相、逐球計分、相簿、掃描提示 ===== */
.av{display:inline-block;border-radius:50%;object-fit:cover;vertical-align:middle;flex:none;border:2px solid rgba(201,162,58,.6);background:#ddd}
.av.ini{display:inline-flex;align-items:center;justify-content:center;background:var(--felt3);color:#fff;font-weight:800;line-height:1}
.ball{display:inline-block;border-radius:50%;vertical-align:middle;box-shadow:inset -2px -2px 3px rgba(0,0,0,.35),inset 2px 2px 3px rgba(255,255,255,.35);margin:0 1px}
.ball.fb{background:#fff;color:#111;font:800 10px/1 var(--mono);display:inline-flex;align-items:center;justify-content:center;border:1px solid #999}
.chips{display:inline-flex;flex-wrap:wrap;gap:1px;vertical-align:middle}
.brow{display:flex;gap:10px;align-items:center;padding:4px 0;border-bottom:1px dashed var(--line)}.brow b{min-width:34px;font:800 16px var(--mono)}
.vchip{font-size:13px;padding:4px 10px;border-radius:999px;background:var(--soft)}.vchip:empty{display:none}
.lpads{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.lp{background:var(--soft);border-radius:14px;padding:12px;border:3px solid transparent;transition:.15s}.lp.on{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,58,.25)}
.lp .nm{font-weight:800;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp .frn{font:900 40px/1 var(--mono);color:var(--felt2)}
.lp .pts{font:900 52px/1.1 var(--mono);text-align:center;margin-top:6px}
.banner{margin:10px 0;padding:10px 12px;border-radius:12px;background:var(--blue-soft);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.banner.ok{background:var(--ok-soft)}
.brkline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0;padding:8px 12px;border-radius:12px;background:var(--gold-soft);min-height:44px}
.balls{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:10px 0}
.bbtn{aspect-ratio:1;border-radius:50%;border:0;cursor:pointer;color:#fff;font:900 22px var(--mono);box-shadow:inset -5px -5px 10px rgba(0,0,0,.35),inset 4px 4px 8px rgba(255,255,255,.3),0 3px 6px rgba(0,0,0,.25);max-width:84px;justify-self:center;width:100%}
.bbtn span{text-shadow:0 1px 2px rgba(0,0,0,.6)}.bbtn.dim{opacity:.35}.bbtn:disabled{opacity:.15;cursor:not-allowed}.bbtn:active{transform:scale(.93)}
.spad .ctl{gap:6px;flex-wrap:wrap}.fouls{display:inline-flex;gap:3px;align-items:center;font-size:13px;padding:0 6px}
.btn.warn{background:var(--warn);color:#fff}
.hbban{margin:10px auto;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,#c9a23a,#e9cf7a);color:#17211b;font-weight:800;text-align:center;animation:hbp 1.2s ease-in-out infinite alternate;max-width:640px}
.hbban.c{background:linear-gradient(90deg,#c0392b,#e9cf7a,#c0392b);color:#fff}@keyframes hbp{from{transform:scale(1)}to{transform:scale(1.03)}}
.livest{text-align:center;margin-top:8px}.livest .chips{margin-left:4px}
.tvbrk{font-size:26px;text-align:center;margin:8px 0}.tvbrk b{font-size:1.4em;color:var(--gold2)}.tvst{text-align:center;opacity:.75;font-size:18px}
.phgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:10px}
.phgrid .ph{display:block;color:inherit;text-decoration:none}.phgrid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;background:#ccc}
.sharebar{margin-top:12px;gap:6px;align-items:center}
.flash{position:fixed;inset:0;z-index:9999;display:none;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px}
.flash.on{display:flex;animation:fl .2s ease-out}.flash.ok{background:rgba(47,158,91,.93)}.flash.bad{background:rgba(192,57,43,.94)}
.flash .fi{font-size:140px;line-height:1}.flash .ft{font-size:30px;font-weight:800;margin-top:14px;max-width:90vw}@keyframes fl{from{opacity:0;transform:scale(1.1)}to{opacity:1}}
.arena .lp,.arena .brkline,.arena .vchip{background:rgba(255,255,255,.07)}.arena .brow{border-color:rgba(255,255,255,.12)}
@media(max-width:600px){.balls{gap:5px}.bbtn{font-size:17px}.lp .pts{font-size:40px}.lp .frn{font-size:30px}.flash .fi{font-size:100px}}
/* ---------- v1.5 報名及活動 ---------- */
.actrow{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;color:inherit;text-decoration:none;background:rgba(255,255,255,.04)}
.actrow:hover{border-color:var(--gold2)}
.actrow .ab{flex:1;min-width:0}.actrow h3{margin:4px 0 2px;font-size:16px}.actrow .go{font-size:26px;opacity:.5}
.actrow.off,.ev.off,.hero.off{opacity:.55;filter:grayscale(.7)}
.mhead{font-weight:800;font-size:13px;letter-spacing:.08em;margin:14px 0 6px;opacity:.75;text-transform:uppercase}
.mystat{padding:12px 14px;border-radius:12px;border:1px solid var(--line);margin-bottom:10px}
.mystat.in{border-color:var(--ok);background:rgba(47,158,91,.12)}.mystat.wait{border-color:#d9a400;background:rgba(217,164,0,.12)}.mystat.out{opacity:.7}
ol.jl{list-style:none;padding:0;columns:2;column-gap:18px}ol.jl li{break-inside:avoid}
@media(max-width:560px){ol.jl{columns:1}}
.siteacts{margin-bottom:18px}
#snav a.mlogin{border:1px solid var(--gold2);border-radius:999px;padding:4px 12px;color:var(--gold2)}
/* 鎖定欄位：一眼睇得出唔可以改 */
.lockbar{background:#fff4d6;color:#6b4e00;border:1px solid #f0d28a;border-radius:10px;padding:8px 12px;margin-bottom:10px;font-size:13px}
.plocked [data-f][disabled]{pointer-events:none;background:#eef0ee !important;color:#8a948c !important;border-style:dashed !important;opacity:.85}
.plocked td:has([data-f][disabled]){cursor:not-allowed}
.actrow .cal1{flex:none;width:58px;border:1px solid var(--line);border-radius:6px;overflow:hidden;text-align:center;font-style:normal}
.actrow .cal1 i{display:block;background:var(--red,#c4121a);color:#fff;font-style:normal;font-size:11px;font-weight:700;padding:2px 0}
.actrow .cal1 b{display:block;font-size:22px;font-style:normal;line-height:1.3}
.actrow .cal1 span{display:block;font-size:10px;opacity:.7;padding-bottom:3px}

/* v1.6 枱務 */
.tbgrid .tbc{margin:0;border-top:4px solid var(--ok)}.tbc.busy{border-top-color:var(--blue)}.tbc.over{border-top-color:var(--warn);background:var(--warn-soft)}.tbc.long{border-top-color:var(--red);background:var(--red-soft)}
.tbc .tbn{margin-top:8px;font-weight:700}.tbclock{font:800 34px/1.1 var(--mono,monospace);margin-top:4px}.tbamt{font-size:20px}
.bizbar{position:relative;background:var(--soft);border-radius:8px;height:28px;margin:5px 0;overflow:hidden}.bizbar i{position:absolute;inset:0 auto 0 0;background:var(--ok-soft);border-right:3px solid var(--ok)}.bizbar span{position:relative;line-height:28px;padding:0 10px;font-size:13px;font-weight:600}
.bizhr{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;height:140px;align-items:end}.bizhr div{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.bizhr i{display:block;background:var(--felt3);border-radius:3px 3px 0 0;min-height:1px}.bizhr span{font-size:9px;text-align:center;color:var(--muted)}
#tbdlg{width:min(760px,96vw);border:0;border-radius:16px;padding:18px}#tbdlg::backdrop{background:rgba(0,0,0,.45)}
.tngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.tn{border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:2px;border:2px solid var(--ok);background:rgba(47,158,91,.12)}
.tn.busy{border-color:var(--ar,#E63946);background:rgba(230,57,70,.12)}.tn b{font-size:18px}.tn small{opacity:.7}.tn span{font-weight:800;color:var(--ok)}.tn.busy span{color:var(--ar,#E63946)}.tn em{font:700 20px var(--mono,monospace);font-style:normal}
@media print{.topbar,#sidenav,.btn{display:none!important}}
/* ===== v1.7 會員卡（Member／銀卡／金卡）＋ 比賽證 ===== */
.ncard{position:relative;overflow:hidden;border-radius:16px;padding:18px;color:#fff;background:linear-gradient(135deg,#0b3d30 0%,#04201A 70%);border:1px solid #1A4D3F;border-top:5px solid #FFC83D;box-shadow:0 12px 34px rgba(0,0,0,.28);margin-bottom:16px}
.ncard::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 65%);pointer-events:none}
.ncard .nh{display:flex;gap:12px;align-items:center;margin-bottom:12px}.ncard .nh .plate{background:#fff;border-radius:4px;padding:3px;width:46px;height:50px;flex:none;display:grid;place-items:center}.ncard .nh .plate img{width:100%;height:100%;object-fit:contain}
.ncard .bn{font-size:16px;font-weight:900}.ncard .be{font:700 10px var(--fd,sans-serif);letter-spacing:.22em;color:#f9d35a}
.ncard .nb{display:flex;justify-content:space-between;gap:12px;align-items:center}
.ncard .nn{font-size:22px;font-weight:900}.ncard .nno{font:italic 800 28px/1.1 var(--fd,sans-serif);color:#FFC83D;letter-spacing:.06em}
.ncard .nq{background:#fff;border-radius:8px;padding:6px;width:112px;flex:none}.ncard .nq svg{display:block;width:100%;height:auto}
.ncard .tierb{display:inline-block;margin-top:6px;padding:3px 12px;border-radius:99px;font-weight:900;font-size:12px;letter-spacing:.12em;background:rgba(255,200,61,.18);color:#FFC83D}
.ncard .perks{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.ncard .perks span{font-size:12px;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.12)}
.ncard .nf{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:12px;font-size:12px;opacity:.85}
.ncard.silver{background:linear-gradient(135deg,#f4f6f8 0%,#c9d1d7 45%,#8f9aa3 100%);color:#1f2a33;border-color:#aab4bc;border-top-color:#6f7b85}
.ncard.silver .be,.ncard.silver .nno{color:#3a4752}.ncard.silver .tierb{background:#1f2a33;color:#e8edf1}.ncard.silver .perks span{background:rgba(31,42,51,.1)}
.ncard.gold{background:linear-gradient(135deg,#fff4c2 0%,#f2cf5b 40%,#b8860b 100%);color:#2b1e00;border-color:#d4a72c;border-top-color:#7a5600}
.ncard.gold .be,.ncard.gold .nno{color:#5a3e00}.ncard.gold .tierb{background:#2b1e00;color:#ffd75a}.ncard.gold .perks span{background:rgba(43,30,0,.12)}
.ncard.silver::after,.ncard.gold::after{background:radial-gradient(circle,rgba(255,255,255,.55),transparent 65%)}
/* 比賽證 */
.ncard.comp{background:linear-gradient(150deg,#0b2a4a 0%,#06182b 75%);border-color:#1d3f63;border-top-color:#FFC83D}
.ncard.comp.st-g{border-top-color:#FFC83D;box-shadow:0 12px 34px rgba(201,162,58,.35)}.ncard.comp.st-s{border-top-color:#c9d1d7}
.ncard .stream{display:inline-block;margin-top:6px;padding:3px 12px;border-radius:99px;font-weight:900;font-size:12px}
.ncard .stream.g{background:#FFC83D;color:#2b1e00}.ncard .stream.s{background:#d9dfe3;color:#1f2a33}.ncard .stream.n{background:rgba(255,255,255,.14);color:#fff}
.ncard .steps{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:16px 0 6px}
.ncard .steps div{text-align:center;font-size:10.5px;opacity:.55;position:relative}.ncard .steps div i{display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.18);margin-bottom:5px}
.ncard .steps div.on{opacity:1}.ncard .steps div.on i{background:#FFC83D}.ncard.st-s .steps div.on i{background:#d9dfe3}
.ncard .steps div.cur{font-weight:900}.ncard .steps div.cur i{box-shadow:0 0 0 2px #fff;animation:stp 1.6s infinite}
@keyframes stp{50%{box-shadow:0 0 0 4px rgba(255,255,255,.35)}}
.ncard .nx{margin-top:10px;background:rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;font-size:13px}
.ncard .nx b{color:#FFC83D}
.ncard.out{filter:grayscale(1);background:linear-gradient(150deg,#4a4f55,#25292d)}
.ncard .stamp{position:absolute;right:16px;top:58px;transform:rotate(-14deg);border:4px solid #e14b3b;color:#e14b3b;font:900 26px var(--fd,sans-serif);padding:4px 14px;border-radius:10px;letter-spacing:.12em;background:rgba(255,255,255,.08);filter:none;z-index:2}
.ncard.pchamp{background:linear-gradient(150deg,#3b2a00,#1a1200);border-top-color:#FFC83D}.ncard .stamp.cw{border-color:#FFC83D;color:#FFC83D}
.ncard .pick{display:block;width:100%;margin-top:12px;font-size:17px}
.ncard .pkd{margin-top:8px;font-size:12.5px}.ncard .pkd span{display:inline-block;margin:2px 4px 2px 0;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.12)}
.cardbtns{display:flex;gap:8px;justify-content:flex-end;margin:-6px 0 16px}
/* 自助抽籤動畫 */
.gsdraw{text-align:center}.gsdraw .num{font:900 72px/1 var(--mono);color:var(--gold);margin:16px 0;min-height:80px}.gsdraw .num.tk{font-size:34px;color:#6f7b85}
.gsdraw .num.done{animation:pop .5s}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.15)}100%{transform:scale(1)}}
/* 付款頁 */
.paybox{border:2px solid var(--gold);border-radius:14px;padding:14px;background:var(--gold-soft)}.paybox .amt{font:900 34px var(--mono);color:#6f5410}
.paybox .fps{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.paybox .fps b{font:800 22px var(--mono);letter-spacing:.06em}
.paybox .pq{width:170px;background:#fff;border-radius:10px;padding:6px;margin-top:8px}
.ereceipt{border:1px dashed #1d6b3c;border-radius:14px;padding:14px;background:#f2fbf5}.ereceipt .no{font:800 18px var(--mono)}
.terms{max-height:55vh;overflow:auto;white-space:pre-wrap;font-size:13.5px;line-height:1.6;background:#fafaf7;border:1px solid var(--line);border-radius:10px;padding:12px}
.tbtags{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0}.tag.silver{background:#e3e8ec;color:#33404a}
.gsgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gsgrid div{border:1px solid var(--line);border-radius:8px;padding:6px;font-size:12px;min-height:44px;background:#fff}
.gsgrid div.res{background:#f1f3f5;font-style:italic}.gsgrid div.mine{outline:3px solid var(--gold)}.gsgrid b{display:block;font:800 11px var(--mono);color:var(--muted)}
@media(max-width:600px){.gsgrid{grid-template-columns:repeat(2,1fr)}.ncard .steps div{font-size:9.5px}}
/* v1.7：淺色付款框／收據／條款喺深色主題都要睇得清 */
.paybox{color:#2b2210;background:#fff7dc}.paybox .small,.paybox .muted{color:#5f5130!important}.paybox .fps b{color:#2b2210}.paybox .btn.ghost{color:#2b2210;border-color:#c9a23a;background:#fff}
.ereceipt{color:#17211b}.ereceipt .muted,.ereceipt .small{color:#4d5c52!important}.ereceipt .list li{border-color:#cfe3d6;color:#17211b}.ereceipt .list li span{color:#17211b}
.terms{color:#17211b}
.ereceipt .tag.ok{color:#14532d;background:#d9f2e2}
.gsgrid div{color:#17211b}.gsgrid div.res{color:#4d5c52}.gsgrid .muted{color:#9aa59d!important}

.tn.unavailable{border-color:#7c817d;background:rgba(124,129,125,.16)}.tn.unavailable span{color:#b7bbb7}

/* Responsive Facebook feed; direct link remains available when embedding is blocked. */
.social .sc1{min-width:0}.social .fb-feed-box{width:100%;max-width:500px;min-width:0}.social .fb-feed-box iframe{display:block;width:100%;max-width:500px}.social .fb-feed-box iframe[hidden]{display:none}.social .fb-fallback{margin:12px 0 0;line-height:1.5}