:root{--dy-red:#FE2C55;--dy-cyan:#25F4EE;--dy-black:#0B0F1F;--bg:#F2FEFF;--paper:#FFFFFF;--ink:var(--dy-black);--sub:#6B7280;--line:#E2EFF4;--radius:16px;--shadow:0 10px 28px rgba(17,24,39,.08)}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Helvetica,Arial}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:16px 14px 80px}
.crumb-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;margin:0 0 8px 0;color:var(--ink)}
.crumb-top a{color:var(--ink)}
.crumb-top a:hover{text-decoration:underline}
.crumb-top .sep{background:linear-gradient(90deg,#FE2C55,#25F4EE,#FE2C55);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:stripe 6s linear infinite}
.crumb-wrap{position:relative;border-radius:0 0 16px 16px;padding:29px 12px 41px;color:#fff;background:linear-gradient(90deg,rgba(254,44,85,.95),rgba(37,244,238,.95));box-shadow:var(--shadow);overflow:hidden}
.crumb-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#FE2C55,#0B0F1F,#25F4EE,#FE2C55);background-size:300% 100%;animation:stripe 6s linear infinite;opacity:.95;border-bottom-left-radius:16px;border-bottom-right-radius:16px}
@keyframes stripe{0%{background-position:0% 50%}100%{background-position:300% 50%}}
.headbar{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2.2vw,16px);margin-top:clamp(6px,1.8vw,12px)}
.logo-img{width:clamp(28px,6.2vw,64px);height:clamp(28px,6.2vw,64px);object-fit:contain}
.brand{font-weight:800;font-size:clamp(18px,4vw,26px);line-height:1.15}
.note{font-size:clamp(12px,2.8vw,14px);opacity:.9;margin-top:clamp(2px,.6vw,4px)}
.livebar{margin-top:10px;text-align:center;color:#27313a;font-size:clamp(12px,3.2vw,13px);white-space:nowrap;overflow:hidden}
.livewrap{display:inline-flex;align-items:center;gap:6px;max-width:92vw}
.livebar .dot{display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--dy-cyan);margin:0 2px;animation:jump 1s ease-in-out infinite}
.livebar .dot:nth-child(2){animation-delay:.15s}
.livebar .dot:nth-child(3){animation-delay:.3s}
#liveStatus{display:inline-block;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
@keyframes jump{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.section{margin:14px 0}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.card .hd{padding:14px 14px 0;font-weight:800;display:flex;align-items:center;justify-content:space-between}
.card .bd{padding:12px 14px 16px}
.helper{font-size:12px;color:#6B7280;margin-top:6px}
.hr{height:1px;background:var(--line);margin:10px 0}
.input{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}
.input .label{white-space:nowrap}
.input input{border:0;outline:none;width:100%;font-size:16px;background:transparent}
.custom{display:flex;gap:10px;align-items:center;margin-top:10px;width:33.3333%;min-width:0}
.custom input{flex:1 1 auto;padding:12px;border-radius:12px;background:#fff;border:1px solid #D9E9EE;font-size:15px;outline:none;transition:box-shadow .15s ease,border-color .15s ease;box-shadow:inset 0 0 0 999px rgba(255,255,255,.98)}
.custom input::placeholder{color:#9CA3AF}
.custom input:focus{border-color:transparent;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(37,244,238,.35)}
.custom .use{flex:0 0 auto;padding:11px 14px;border-radius:12px;border:0;cursor:pointer;font-weight:700;background:linear-gradient(90deg,var(--dy-red),var(--dy-cyan));color:#fff;box-shadow:0 6px 16px rgba(37,244,238,.25)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (min-width:1024px){.tiers{grid-template-columns:repeat(4,1fr)}}
@media (max-width:360px){.tiers{gap:8px}.tier{padding:8px;border-radius:12px}.tier .coins{font-size:18px}.tier .price{margin-top:4px;font-size:13px}}
.tier{position:relative;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.tier:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(37,244,238,.25);border-color:rgba(37,244,238,.6)}
.tier.active{outline:2px solid var(--dy-cyan);box-shadow:0 0 0 6px rgba(37,244,238,.18)}
.tier .coins{font-weight:900;font-size:20px;letter-spacing:.3px;text-align:left}
.tier .coins small{font-weight:700;font-size:12px;color:#6B7280;margin-left:4px}
.tier .price{margin-top:6px;display:flex;justify-content:flex-start;align-items:center;gap:8px;text-align:left}
.tier .price .val{font-weight:700}
.corner-badge{position:absolute;top:4px;right:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;line-height:18px;color:#0B0F1F;background:#fff}
.corner-badge::before{content:"";position:absolute;inset:0;border-radius:999px;padding:2px;background:linear-gradient(90deg,#FE2C55,#25F4EE);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.methods{display:flex;gap:10px;flex-wrap:wrap}
.paycard{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid #D9E9EE;background:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.paycard:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(254,44,85,.18);border-color:rgba(254,44,85,.5)}
.paycard.active{outline:2px solid var(--dy-red);box-shadow:0 0 0 6px rgba(254,44,85,.12)}
.paycard img{width:20px;height:20px;object-fit:contain}
.query-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#0B0F1F;background:#fff;border:1px solid #D9E9EE;border-radius:10px;padding:6px 10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.query-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(37,244,238,.25);border-color:rgba(37,244,238,.6)}
.kv{display:flex;justify-content:space-between;margin-top:8px;font-size:14px}
.kv .v{font-weight:800}
.btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:14px;border:0;background:linear-gradient(90deg,var(--dy-red),var(--dy-cyan));color:#fff;font-weight:800;font-size:16px;cursor:pointer}
.btn:disabled{opacity:.55;cursor:not-allowed}
.ghost{background:#fff;color:var(--dy-red);border:1px solid var(--dy-red);width:100%;padding:12px;border-radius:12px}
.rules details{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.rules summary{list-style:none;cursor:pointer;padding:12px 14px;font-weight:800;background:#fff;position:relative}
.rules summary::-webkit-details-marker{display:none}
.rules .rule-list{padding:10px 14px 12px;border-top:1px solid var(--line);font-size:14px;line-height:1.9}
.rules .rule-list li{margin-left:18px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#111;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.2);font-size:13px;display:none;z-index:60}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.28);display:none;align-items:center;justify-content:center;padding:18px;z-index:55}
.sheet{width:100%;max-width:420px;background:#fff;border-radius:20px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--line)}
.sheet .shd{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.sheet .sbd{padding:16px 14px}
.spinner{width:46px;height:46px;border-radius:999px;border:4px solid #e8e8ef;border-top-color:var(--dy-cyan);animation:sp 1s linear infinite;margin:10px auto}
@keyframes sp{to{transform:rotate(360deg)}}
.qr{width:220px;height:220px;background:linear-gradient(90deg,#000 10px,transparent 10px) 0 0/20px 20px,linear-gradient(#000 10px,transparent 10px) 0 0/20px 20px;margin:12px auto;border-radius:10px;border:8px solid #111}
.fancy-line{height:3px;margin:24px 0;width:100vw;margin-left:calc(50% - 50vw);position:relative;border-radius:999px;overflow:hidden;background:linear-gradient(90deg,rgba(254,44,85,.2),rgba(11,15,31,.18),rgba(37,244,238,.2))}
.fancy-line::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#FE2C55,#0B0F1F,#25F4EE,#FE2C55);background-size:300% 100%;animation:stripe 10s linear infinite;opacity:.9;filter:blur(.3px)}
.footer{color:#6B7280;font-size:12px;text-align:center;margin:26px 0 14px}
.footer .links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.footer .links a:hover{color:var(--dy-cyan)}
.icp{margin-top:8px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;color:#8a93a0}
.icp a{color:inherit;text-decoration:none}
.icp a:hover{color:var(--dy-cyan)}
#channel .bd,#channel .bd *{text-align:left!important}
.rules details,.rules summary,.rules .rule-list,.rules .rule-list ul,.rules .rule-list li{text-align:left!important}


#channel .bd,
.rules .rule-list{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

#channel .bd ul,
.rules .rule-list ul{
  list-style:disc inside;
  margin:0;
  padding:0;
}

#channel .bd li,
.rules .rule-list li{
  white-space:nowrap;
}
.tier{overflow:visible}

.corner-badge{top:-6px;right:-6px;pointer-events:none}

@media (max-width:420px){
  .corner-badge{top:-8px;right:-8px}
  .tier .coins{margin-top:3px}
  .tier .price{margin-top:9px}
}
.tier{position:relative;overflow:visible}
.corner-badge{top:-8px;right:-8px}
@media (max-width:420px){
  .corner-badge{top:-10px;right:-10px}
  .tier .coins{margin-top:3px}
  .tier .price{margin-top:9px}
}