/* dada8.download — 第三方資訊站樣式
   品牌色取自官方 SVG 漸層：#FCF485 → #F39E27 / #EBAB51 → #FBE38C / #A5610A
   行動優先：孟加拉流量以 3G 手機為主，無外部 JS，CSS 單檔 */

:root{
  --bg:#12100B;
  --surface:#1C1813;
  --surface-2:#251F17;
  --line:#3A3025;
  --ink:#F2EADA;
  --body:#C8BCA6;
  --muted:#96896F;
  --gold-1:#FCF485;
  --gold-2:#F39E27;
  --gold-deep:#A5610A;
  --gold-soft:#FBE38C;
  --ok:#3FA96B;
  --warn:#E0A32C;
  --grad:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 100%);
  --bn:"Noto Sans Bengali","Nirmala UI","Kalpurush",sans-serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--body);
  font-family:var(--bn),var(--sans);
  font-size:16px;line-height:1.85;
  -webkit-font-smoothing:antialiased;
}
body.lat{font-family:var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-soft)}

.wrap{max-width:860px;margin:0 auto;padding-inline:18px}

/* ---- 頂部 ---- */
.top{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.top .wrap{display:flex;align-items:center;gap:14px;padding-block:12px;flex-wrap:wrap}
.logo{font-family:var(--sans);font-weight:800;font-size:19px;letter-spacing:-.02em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none}
.badge{font-family:var(--sans);font-size:10px;letter-spacing:.09em;text-transform:uppercase;
  border:1px solid var(--line);color:var(--muted);padding:3px 8px;border-radius:3px;white-space:nowrap}
nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
nav a{font-family:var(--sans);font-size:13px;color:var(--body);text-decoration:none;
  padding:5px 10px;border:1px solid transparent;border-radius:3px}
nav a:hover,nav a:focus-visible{border-color:var(--line);color:var(--ink)}
nav a[aria-current=page]{color:var(--gold-2);border-color:var(--line)}

/* ---- 英雄區 ---- */
.hero{padding-block:34px 30px;border-bottom:1px solid var(--line)}
h1{color:var(--ink);font-size:clamp(25px,6vw,38px);line-height:1.4;margin:0 0 14px;
  font-weight:700;text-wrap:balance}
.lede{font-size:16.5px;max-width:62ch;margin:0}
.spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);margin-top:24px}
.spec div{background:var(--surface);padding:12px 14px}
.spec dt{font-family:var(--sans);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin:0}
.spec dd{margin:5px 0 0;font-family:var(--sans);font-weight:600;color:var(--ink);font-size:15px}

/* ---- CTA ---- */
.cta{display:inline-block;margin-top:24px;background:var(--grad);color:#2A1B02;
  font-weight:800;font-size:17px;text-decoration:none;padding:15px 30px;border-radius:5px;
  border:0;line-height:1.3;text-align:center}
.cta:hover,.cta:focus-visible{filter:brightness(1.07)}
.cta-note{font-size:13px;color:var(--muted);margin-top:10px;max-width:56ch}

/* ---- 區塊 ---- */
section{padding-block:34px;border-bottom:1px solid var(--line)}
section:last-of-type{border-bottom:0}
h2{color:var(--ink);font-size:clamp(20px,4.2vw,26px);margin:0 0 16px;font-weight:700;line-height:1.45}
h3{color:var(--ink);font-size:17.5px;margin:22px 0 8px;font-weight:600;line-height:1.5}
p{margin:0 0 14px;max-width:64ch}
p:last-child{margin-bottom:0}

/* ---- 步驟（真實順序，編號有意義） ---- */
ol.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:14px}
ol.steps li{counter-increment:s;position:relative;padding-left:46px;min-height:32px}
ol.steps li::before{content:counter(s);position:absolute;left:0;top:2px;
  width:31px;height:31px;display:grid;place-items:center;border-radius:50%;
  background:var(--grad);color:#2A1B02;font-family:var(--sans);font-weight:800;font-size:14px}
ol.steps b{color:var(--ink);display:block;font-weight:600}

/* ---- 表格 ---- */
.tbl{overflow-x:auto;border:1px solid var(--line);background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:400px;font-size:14.5px}
th{background:var(--surface-2);text-align:left;font-family:var(--sans);font-size:10.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;
  padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:0}
td:first-child{color:var(--ink);font-weight:500}
td.num{font-family:var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---- 支付卡 ---- */
.pays{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line)}
.pay{background:var(--surface);padding:15px}
.pay b{display:block;color:var(--gold-2);font-family:var(--sans);font-size:15px;margin-bottom:5px}
.pay span{font-size:13.5px;color:var(--body);display:block;line-height:1.7}

/* ---- FAQ ---- */
details{border:1px solid var(--line);background:var(--surface);margin-bottom:9px;border-radius:3px}
summary{padding:13px 16px;cursor:pointer;color:var(--ink);font-weight:600;font-size:15.5px;line-height:1.6}
summary::marker{color:var(--gold-2)}
details p{padding:0 16px 14px;margin:0;font-size:15px}

/* ---- 提示框 ---- */
.note{border-left:3px solid var(--warn);background:var(--surface);padding:14px 16px;margin:18px 0;font-size:14.5px}
.note.ok{border-left-color:var(--ok)}
.note b{color:var(--ink);display:block;margin-bottom:4px}

/* ---- 頁尾（第三方聲明） ---- */
footer{background:var(--surface);border-top:1px solid var(--line);padding-block:28px;margin-top:0}
footer .disc{border:1px solid var(--line);background:var(--bg);padding:15px 17px;margin-bottom:20px;font-size:13.5px}
footer .disc b{color:var(--gold-2);display:block;margin-bottom:6px;font-family:var(--sans);font-size:12px;
  letter-spacing:.09em;text-transform:uppercase}
footer nav{margin:0 0 16px;justify-content:flex-start}
footer nav a{padding-left:0;padding-right:16px}
footer small{color:var(--muted);font-size:12.5px;display:block;line-height:1.9;font-family:var(--sans)}
.age{display:inline-block;border:1px solid var(--line);color:var(--muted);font-family:var(--sans);
  font-size:11px;font-weight:700;padding:3px 8px;border-radius:3px;margin-right:8px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---- 合作 banner ---- */
.banner{margin:0 0 22px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface)}
.banner img{width:100%;height:auto;display:block}

/* ---- 合作說明框 ---- */
.partner{border:1px solid var(--gold-deep);background:linear-gradient(180deg,rgba(252,244,133,.07),rgba(243,158,39,.04));
  padding:16px 18px;border-radius:5px;margin:0 0 20px}
.partner b{display:block;font-size:16px;color:var(--gold-1);margin-bottom:6px;line-height:1.5}
.partner p{margin:0;font-size:15px;max-width:66ch}

/* ---- APK 下載區塊 ---- */
.dl{border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:16px 18px;margin-top:20px}
.dl .row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:baseline;margin-bottom:10px}
.dl .row span{font-family:var(--sans);font-size:12.5px;color:var(--muted)}
.dl .row b{font-family:var(--sans);font-size:12.5px;color:var(--ink);font-weight:600}
.cta.alt{background:transparent;border:1px solid var(--gold-2);color:var(--gold-1);font-size:15px;padding:12px 22px}
.cta.alt:hover{background:rgba(243,158,39,.09)}

/* ---- 檔案驗證摺疊區（預設收合，不干擾一般使用者） ---- */
.dl details.verify{border:0;background:transparent;border-radius:0;margin:12px 0 0;
  padding-top:2px;border-top:1px solid var(--line)}
.dl details.verify summary{padding:9px 0 3px;font-family:var(--sans);font-size:12.5px;
  font-weight:500;color:var(--muted);line-height:1.6}
.dl details.verify summary:hover,.dl details.verify summary:focus-visible{color:var(--ink)}
.dl details.verify p{padding:0 0 6px;margin:0;font-size:12.5px;color:var(--muted);line-height:1.8;max-width:60ch}
.dl details.verify b{color:var(--ink);font-family:var(--sans);font-size:10.5px;
  letter-spacing:.09em;text-transform:uppercase;display:block;margin-bottom:3px}
.dl details.verify code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;
  word-break:break-all;color:var(--body);display:block;margin-bottom:6px;line-height:1.7}

/* ---- 頁尾分組連結 ---- */
footer .links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:20px 24px;margin:0 0 20px}
footer .links h4{margin:0 0 9px;font-family:var(--sans);font-size:10.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--gold-2);font-weight:600}
footer .links ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
footer .links a{font-size:13.5px;color:var(--body);text-decoration:none}
footer .links a:hover,footer .links a:focus-visible{color:var(--gold-soft);text-decoration:underline}

/* ---- 可點擊的合作 banner ---- */
.banner-link{display:block;text-decoration:none;position:relative}
.banner-link img{transition:filter .18s ease}
.banner-link:hover img,.banner-link:focus-visible img{filter:brightness(1.06)}
.banner-link:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}

/* ---- CTA 與 WhatsApp 並排 ---- */
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin-top:24px}
.cta-row .cta{margin-top:0}
.cta-wa{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:transparent;border:1px solid #25D366;color:#25D366;
  font-family:var(--sans);font-weight:700;font-size:15.5px;text-decoration:none;
  padding:15px 24px;border-radius:5px;line-height:1.3;white-space:nowrap}
.cta-wa:hover{background:rgba(37,211,102,.12);color:#3BE87A;border-color:#3BE87A}
.cta-wa:focus-visible{outline:2px solid #25D366;outline-offset:2px}
.cta-wa svg{width:19px;height:19px;flex:none;fill:currentColor}
@media (max-width:420px){.cta-row{flex-direction:column}.cta-row>*{width:100%}}

/* ---- 麵包屑導覽 ---- */
.crumbs{padding-block:14px 0;font-family:var(--sans);font-size:13px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0}
.crumbs li{display:flex;align-items:center;color:var(--muted)}
.crumbs li+li::before{content:"›";margin:0 9px;color:var(--line);font-size:15px;line-height:1}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover,.crumbs a:focus-visible{color:var(--gold-2);text-decoration:underline}
.crumbs [aria-current=page]{color:var(--body)}