/* ViyTo chips / recharge — standalone so a truncated style.css cannot strip these */
html{color-scheme:light}
.filter-bar{display:flex;flex-direction:column;gap:10px}
.filter-row{display:flex;gap:12px;align-items:flex-start}
.filter-k{flex:none;min-width:36px;padding-top:7px;font-size:12px;font-weight:700;color:#6B7C86;letter-spacing:.08em}
.host-chips{display:flex;flex-wrap:wrap;gap:8px}
.host-chip,span.host-chip,button.host-chip{
  -webkit-appearance:none!important;appearance:none!important;
  display:inline-flex!important;align-items:center;justify-content:center;
  border:1px solid #C5D0D6!important;background:#FFFFFF!important;color:#4B5C66!important;
  border-radius:999px!important;padding:6px 14px!important;margin:0;
  font:600 13px/1.2 inherit;cursor:pointer
}
.host-chip:hover,.host-chip.on{
  border-color:#0D9488!important;color:#0F766E!important;background:#E6F7F4!important
}
.yuan-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.yuan-chip,div.yuan-chip,button.yuan-chip{
  -webkit-appearance:none!important;appearance:none!important;
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  position:relative;box-sizing:border-box;min-height:88px;width:100%;
  border:1px solid #C5D0D6!important;background:#FFFFFF!important;color:#1A2428!important;
  border-radius:14px!important;padding:16px 10px!important;margin:0;
  cursor:pointer;text-align:center;font:inherit
}
.yuan-chip.on{border-color:#0D9488!important;background:#E6F7F4!important}
.yuan-chip .y{font-size:22px;font-weight:800}
.yuan-chip .p{font-size:12px;color:#4B5C66;margin-top:4px}
.yuan-chip .tag{position:absolute;top:-8px;right:8px;background:#B45309;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px}
.recharge-hero{
  position:relative;overflow:hidden;padding:28px 32px;border-radius:18px;
  background:linear-gradient(135deg,#E6F7F4 0%,#FFFFFF 48%,#F3F7FA 100%);
  border:1px solid rgba(13,148,136,.28)
}
.recharge-rules{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;margin-top:20px}
.recharge-rule{padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.8);border:1px solid rgba(13,148,136,.16)}
.recharge-rule h3{margin:0 0 8px;font-size:13px;font-weight:700;color:#0D9488}
.recharge-rule ul{margin:0;padding-left:18px;color:#4B5C66;font-size:13px;line-height:1.65}
.recharge-rule.rule-warn{border-color:rgba(180,83,9,.28);background:#FFFBEB}
.recharge-rule.rule-warn h3{color:#B45309}
.pay-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pay-tab,div.pay-tab,button.pay-tab{
  -webkit-appearance:none!important;appearance:none!important;
  border:1px solid #C5D0D6!important;border-radius:8px;padding:12px!important;
  background:#FFFFFF!important;color:#1A2428!important;cursor:pointer;text-align:left;font-weight:600
}
.pay-tab.on{border-color:#0D9488!important;background:#E6F7F4!important;color:#0F766E!important}
@media(max-width:860px){.recharge-rules,.yuan-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.recharge-rules,.yuan-grid{grid-template-columns:1fr}}