:root{--or1:#ff4d1a;--or2:#ff8a1f;--cream:#fde3cf;--cream2:#fff4ea;--text:#2b2620;--muted:#7d7265;--line:#f0dccb;--red:#ff1a1a;--blue:#3a6df0}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#ececec;color:var(--text);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:#e8550f}
img{max-width:100%;height:auto}
.app{max-width:820px;margin:0 auto;background:#fff;min-height:100vh;padding-bottom:84px}
.top{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(90deg,var(--or1),var(--or2));color:#fff}
.logo img{display:block;width:52px;height:52px}
.hi{flex:1;text-align:center;line-height:1.3}
.hi b{display:block;font-size:18px}.hi span{font-size:12.5px;opacity:.9}
.top-login{background:#fff;color:#e8550f;font-weight:800;font-size:14px;padding:8px 14px;border-radius:20px;text-decoration:none;white-space:nowrap}
.panel{padding:12px 12px 0}
.verify{display:flex;align-items:center;gap:12px;background:var(--cream);border-radius:12px;padding:12px 14px}
.v-text{flex:1;line-height:1.35}
.v-text b{display:block;color:var(--blue);font-size:15px}
.v-text span{font-size:13px;color:var(--muted)}
.bar{display:block;height:8px;margin-top:6px;border:1px solid #9fd3e6;border-radius:6px;background:#fff;overflow:hidden}
.bar i{display:block;width:33%;height:100%;background:#5bc0de}
.start{background:var(--red);color:#fff;font-weight:800;padding:9px 22px;border-radius:22px;text-decoration:none}
.wallet{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;background:var(--cream2);border-radius:12px}
.wallet a{padding:12px 16px;text-decoration:none;color:var(--text)}
.wallet a+a{border-left:1px solid #e7cdb6}
.w-t{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600}
.wallet b{display:block;font-size:20px;margin-top:4px;color:#111}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 6px;padding:18px 4px 8px}
.grid a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#222;font-weight:700;font-size:14px;text-align:center}
.ic{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--cream2)}
.ic img{width:52px;height:52px}
.grid a[aria-current] .ic{box-shadow:0 0 0 3px var(--or2)}
.banner{display:block;margin:10px 0;border-radius:14px;overflow:hidden}
.banner img{display:block;width:100%}
.content{padding:6px 4px 10px}
.crumbs{font-size:13px;color:var(--muted);margin:8px 0 0}.crumbs a{color:var(--muted)}
h1{font-size:26px;line-height:1.3;margin:6px 0 10px;color:#1b1610}
h2{font-size:20px;margin:28px 0 10px;color:#1b1610;padding:8px 12px;background:var(--cream2);border-left:5px solid var(--or1);border-radius:6px}
.lead{font-size:16.5px}
b{color:#1b1610}
.btn{display:inline-block;padding:11px 24px;border-radius:24px;font-weight:800;text-decoration:none;text-align:center}
.btn-red{background:var(--red);color:#fff}
.btn-line{border:2px solid var(--or2);color:#e8550f;background:#fff}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cards a{display:block;padding:12px;background:var(--cream2);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text)}
.cards b{display:block;margin-bottom:2px}.cards span{font-size:13px;color:var(--muted);line-height:1.45;display:block}
.table-wrap{overflow-x:auto;margin:10px 0}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{padding:9px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
th{background:#ffe9d6}
tbody td:first-child{color:#6b5a48}
.note{background:var(--cream2);border-left:4px solid var(--or2);padding:10px 14px;border-radius:6px}
ol,ul{padding-left:22px}li{margin:4px 0}
.faq{counter-reset:q}
.faq details{counter-increment:q;background:#ffe9d3;border-radius:10px;margin:0 0 12px}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px 14px;font-weight:500;color:#222}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"?";flex:0 0 26px;height:26px;display:grid;place-items:center;border-radius:50% 50% 50% 4px;background:#f25b6e;color:#fff;font-weight:800;font-size:15px;box-shadow:6px 6px 0 -1px #f6c24a}
.faq summary::after{content:"";margin-left:auto;flex:0 0 10px;height:10px;border-right:2.5px solid #222;border-bottom:2.5px solid #222;transform:rotate(45deg);margin-top:-6px;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(225deg);margin-top:6px}
.faq details p{margin:0;padding:0 16px 14px 52px}
.sup-card{display:flex;align-items:center;gap:14px;margin:14px 0;padding:14px 16px;background:#eaedfb;border-radius:10px;text-decoration:none;color:#222}
.sup-card img{width:44px;height:44px}
.sup-card span{flex:1;line-height:1.35}.sup-card b{display:block;font-size:18px}
.sup-card i{font-style:normal;font-size:28px;font-weight:700}
.end-cta{margin-top:30px;padding:16px;background:var(--cream);border-radius:14px}
.end-cta p{margin:0}
.foot{margin:24px -12px 0;padding:22px 16px 18px;background:#fbf3ec;border-top:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.foot h3{color:#1b1610;font-size:15px;margin:0 0 10px}
.foot-cols a{display:block;color:var(--text);text-decoration:none;margin:0 0 8px}
.foot-rg{display:flex;gap:14px;align-items:center;margin:18px 0 10px;padding-top:16px;border-top:1px solid var(--line)}
.b18{flex:0 0 46px;height:46px;display:grid;place-items:center;border:2px solid var(--or1);border-radius:50%;color:#1b1610;font-weight:800}
.foot-rg p{margin:0}
.foot-copy{font-size:13px;margin:0}
.tabbar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:820px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;background:#fff;border-top:1px solid #e6e6e6;box-shadow:0 -2px 10px rgba(0,0,0,.06);z-index:10;padding:6px 0 8px}
.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#666;font-size:11.5px;font-weight:700;text-transform:uppercase}
.tabbar img{width:30px;height:30px}
.tabbar a[aria-current]{color:var(--blue)}
.tabbar a.home img{width:44px;height:44px;margin-top:-26px;padding:7px;background:#fff;border:2px solid var(--blue);border-radius:50%;box-sizing:content-box}
.ci{border:1px solid #eee;border-radius:12px;padding:12px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.ci-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ci-rem{background:#e8f2fc;border-radius:16px;padding:4px 14px;font-size:14px;font-weight:600}
.ci-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px 8px}
.ci-day{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:13px}
.ci-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;background:#f3f3f3;border-radius:8px;box-shadow:0 2px 3px rgba(0,0,0,.1)}
.ci-box b{font-size:13px}.ci-box img{width:26px;height:26px}
.ci-day span{color:#333}
.ci-now .ci-box{background:#fff4ea;border:1px solid #f27c3a}.ci-now span{color:#e8401a;font-weight:700}
@media (max-width:600px){.ci-grid{grid-template-columns:repeat(5,1fr);gap:8px 5px}.ci-box b{font-size:11.5px}}
.lt-marq{overflow:hidden;white-space:nowrap;margin:6px 0 10px;font-size:14px}
.lt-marq span{display:inline-block;padding-left:100%;animation:ltm 22s linear infinite}
@keyframes ltm{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.lt-marq span{animation:none;padding-left:0;white-space:normal}}
.lt-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lt-types a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;background:#fff4ea;border-radius:10px;text-decoration:none;color:#222;font-size:14.5px}
.lt-types img{width:72px;height:72px}
.lt-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0 12px;background:#ffe9d6;border-radius:10px;padding:3px}
.lt-tabs a{text-align:center;padding:9px 4px;font-size:17px;color:#222;text-decoration:none;border-radius:9px}
.lt-tabs a.on{background:#fff;border:2px solid #ff7a1a}
table.lt{font-size:14.5px;margin-bottom:6px}
.lt th,.lt td{text-align:center;border:none;border-bottom:1px solid #f3e3d6;padding:7px 8px}
.lt tbody td:first-child{font-weight:700;color:#111}
.lt tbody tr:nth-child(odd){background:#fff7f0}
.lt thead th{background:#ff7a1a;color:#fff}
.lt .lt-title{font-size:18px;font-weight:800}
.lt .lt-logo{width:26%}.lt .lt-logo img{display:block;margin:0 auto;width:54px;height:54px}
.lt .lt-sub th{background:#fff;color:#222;font-weight:400;border:1px solid #bbb}
.lt .lt-blank{width:26%}
@media (max-width:600px){.lt-types img{width:58px;height:58px}.lt-tabs a{font-size:15px}table.lt{font-size:13px}}
.top.purple{background:linear-gradient(90deg,#7b4cf0,#c04fd8)}
.gm{display:grid;grid-template-columns:70px 1fr;gap:10px;margin:12px 0 4px}
.gm-side{position:sticky;top:8px;align-self:start;display:flex;flex-direction:column;gap:6px}
.gm-side a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:10px;text-decoration:none;color:#777;font-size:12.5px;font-weight:700}
.gm-side a.on,.gm-side a:hover{background:#fff1e3;color:#e8401a}
.gm-side img{width:34px;height:34px}
.gm-sec{scroll-margin-top:10px}
.gm-sec[hidden]{display:none}
.gm-sec h3{margin:6px 0 8px;font-size:16px}
.gm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.gm-card{position:relative;display:block;border-radius:14px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.gm-card img{display:block;width:100%;height:auto;aspect-ratio:200/339;object-fit:cover}
.gm-hot{position:absolute;top:8px;left:8px;background:#e8231a;color:#fff;font-style:normal;font-weight:800;font-size:13px;padding:3px 8px;border-radius:7px}
.gm-text{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:200/339;background:linear-gradient(160deg,#1b5e20,#43a047);color:#fff;text-decoration:none}
.gm-text span{font-size:20px;font-weight:900}.gm-text small{opacity:.85}
@media (max-width:600px){.gm{grid-template-columns:58px 1fr;gap:6px}.gm-grid{gap:7px}.gm-side a{font-size:11px}.gm-side img{width:28px;height:28px}.gm-hot{font-size:11px;padding:2px 6px}}
.gp-hero{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:start;margin:10px 0}
.gp-hero>img{width:160px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.gp-hero .table-wrap{margin:0}
@media (max-width:600px){.gp-hero{grid-template-columns:110px 1fr;gap:10px}.gp-hero>img{width:110px}.gp-hero table{font-size:13px}.gp-hero td{padding:6px 7px}}
.lt-blue thead th{background:#3a6af5}.lt-blue .lt-sub th{background:#fff;color:#222}
.lt-blue tbody tr:nth-child(odd){background:#eef1fc}.lt-blue th,.lt-blue td{border-bottom-color:#dfe5fa}
.bp-title{text-align:center;font-weight:800;margin:8px 0}
.bp-list{display:flex;flex-direction:column;gap:12px}
.bp-pack{display:grid;grid-template-columns:2fr 1.5fr;border:1px solid #d8def5;border-radius:10px;overflow:hidden}
.bp-l{display:flex;align-items:center;gap:12px;padding:14px;background:#eaeefb}
.bp-l img{width:34px;height:34px;opacity:.45}
.bp-l span{line-height:1.35;font-size:13.5px}.bp-l b{display:block;color:#3a6af5;font-size:17px}
.bp-r{display:flex;align-items:center;padding:14px;font-size:19px;font-weight:800;background:#fff}
.lt-yellow thead th{background:#fbb917}.lt-yellow .lt-sub th{background:#fff;color:#222}
.lt-yellow tbody tr:nth-child(odd){background:#fff8e3}.lt-yellow th,.lt-yellow td{border-bottom-color:#f6e7bf}
.cm{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.cm-tabs{display:flex;overflow-x:auto;border-bottom:1px solid #eee;scrollbar-width:none}
.cm-tabs a{flex:1 0 auto;padding:14px 16px;text-align:center;text-decoration:none;color:#111;font-weight:700;font-size:14.5px;border-bottom:3px solid transparent}
.cm-tabs a.on{color:#ff6a13;border-bottom-color:#ff6a13}
.cm-panel{padding:6px 12px 12px}.cm-panel h3{display:none}
.cm-panel[hidden]{display:none}
table.cm-t{font-size:14.5px}.cm-t th,.cm-t td{border:none;padding:6px 8px;text-align:center}
.cm-t th:first-child,.cm-t td:first-child{text-align:left;color:#222}
.cm-t th{background:#fff;color:#111}
.tc-card{max-width:520px;margin:40px auto 10px;padding:56px 22px 20px;background:#fff;border-radius:22px;box-shadow:0 4px 18px rgba(0,0,0,.12);position:relative;text-align:left}
.tc-logo{position:absolute;top:-48px;left:50%;transform:translateX(-50%);width:96px;height:96px}
h2.tc-h{text-align:center;border:none;background:none;padding:0;margin:4px 0 14px;font-size:22px}
.tc-list{padding-left:20px}.tc-list li{margin:0 0 12px}
.tc-agree{display:flex;gap:12px;align-items:flex-start;margin:16px 0 0;padding-top:14px;border-top:1px solid #eee;font-weight:700}
.tc-tick{flex:0 0 24px;height:24px;display:grid;place-items:center;background:#bbb;color:#fff;border-radius:4px}
.sup-tg{background:#e6f3fb}.sup-card .tg-ic{flex:0 0 44px;width:44px;height:44px}
@media (max-width:600px){
  h1{font-size:22px}h2{font-size:18px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-cols{grid-template-columns:1fr 1fr}
  .ic{width:60px;height:60px}.ic img{width:44px;height:44px}
  .grid a{font-size:13px}
  .hi b{font-size:16px}
}