:root{color-scheme:light;font-family:PingFang SC,SF Pro Display,Helvetica Neue,Arial,sans-serif;color:#1f2430;background:#eef0f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}#app{min-height:100vh}.recharge-page{min-height:100vh;background:linear-gradient(180deg,#eef0f6,#f7f8fb 22%,#fff)}.recharge-shell{position:relative;width:min(100%,520px);margin:0 auto;padding:38px 18px 118px}.search-card{display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 9px 8px 16px;border-radius:999px;background:#fff;box-shadow:0 10px 28px #2025340f}.search-icon{display:inline-flex;color:#8f95a3;flex:none}.search-input{min-width:0;flex:1;height:38px;border:0;outline:none;background:transparent;color:#1f2430;font-size:15px}.search-input::placeholder{color:#b6bac4}.search-btn{flex:none;min-width:78px;height:40px;border:0;border-radius:999px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#b09af1,#927fe2);box-shadow:0 10px 20px #7460be2e}.search-btn:disabled,.primary-btn:disabled,.ghost-btn:disabled{opacity:.62;cursor:not-allowed}.alert{margin:14px 0 0;padding:10px 12px;border-radius:14px;font-size:12px;line-height:1.45}.alert.error{color:#b42318;background:#fff0ee;border:1px solid #ffd7d2}.user-card{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:10px 12px;border-radius:18px;background:#ffffffeb;box-shadow:0 10px 24px #2025340d}.user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#e5e7eb;flex:none}.user-info{display:grid;min-width:0}.user-info strong{overflow:hidden;color:#202431;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.user-info span{overflow:hidden;color:#888e9b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.recharge-card{margin-top:18px;padding:22px 18px 28px;border-radius:26px;background:#fff;box-shadow:0 14px 36px #2025340f}.amount-title{display:flex;align-items:baseline;gap:8px;margin-bottom:18px;white-space:nowrap}.amount-title strong{color:#111827;font-size:16px;font-weight:900}.amount-title span{overflow:hidden;color:#9ca0aa;font-size:11px;text-overflow:ellipsis}.empty-tip{padding:18px 0;color:#8f95a3;text-align:center;font-size:12px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plan-card{display:grid;place-content:center;gap:4px;min-height:76px;padding:9px 5px;border:2px solid #e3e4e8;border-radius:13px;background:#f9fafc;color:#202431;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.plan-card.selected{border-color:#ded7f5;background:#f8f6ff;box-shadow:0 10px 20px #7460be1a}.plan-card:active{transform:scale(.98)}.plan-coin{color:#8976d6;font-size:clamp(13px,3.4vw,16px);font-weight:500;line-height:1.1;white-space:nowrap}.plan-price{color:#3f4653;font-size:13px;line-height:1.2}.custom-amount-panel{display:flex;align-items:center;gap:14px;min-height:56px;margin-top:12px;padding:0 16px;border:2px solid #e4e5e9;border-radius:14px;background:#fafbfe}.custom-amount-panel.selected{border-color:#ded7f5;background:#f8f3ff}.custom-amount-currency{color:#111827;font-size:22px;font-weight:900}.custom-amount-field{flex:1;min-width:0}.custom-amount-input{width:100%;height:52px;border:0;outline:none;background:transparent;color:#202431;font-size:15px;text-align:center}.custom-amount-input::placeholder{color:#c9ccd4}.pay-method-panel{margin-top:16px}.pay-method-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.pay-method-title strong{color:#111827;font-size:14px;font-weight:900}.pay-method-title span{overflow:hidden;color:#9ca0aa;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.pay-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pay-method-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon main" "icon desc";align-items:center;column-gap:9px;min-height:64px;padding:10px 11px;border:2px solid #e4e5e9;border-radius:15px;background:#fafbfe;color:#202431;text-align:left;cursor:pointer}.pay-method-card.selected{border-color:#ded7f5;background:#f8f3ff}.pay-method-card.is-disabled{opacity:.56}.pay-method-card__icon{grid-area:icon;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;font-size:15px;font-weight:900}.pay-method-card__icon--alipay{background:#1677ff}.pay-method-card__icon--wechat{background:#22c55e}.pay-method-card__main{grid-area:main;overflow:hidden;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.pay-method-card__desc{grid-area:desc;overflow:hidden;color:#8d93a0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.wechat-alipay-guide{display:grid;gap:6px;margin-top:10px;padding:12px;border:1px solid #dbeafe;border-radius:14px;background:#eff6ff}.wechat-alipay-guide strong{color:#1d4ed8;font-size:13px}.wechat-alipay-guide span{color:#526179;font-size:12px;line-height:1.45}.guide-copy-btn{justify-self:start;min-height:30px;padding:0 12px;border:0;border-radius:999px;color:#fff;background:#2563eb;font-size:12px;font-weight:800;cursor:pointer}.primary-btn,.ghost-btn{border:0;cursor:pointer}.primary-btn{width:100%;min-height:52px;margin-top:24px;border-radius:999px;color:#fff;font-size:16px;font-weight:500;background:linear-gradient(135deg,#ad96ee,#8f7ddd);box-shadow:0 14px 26px #7460be2e}.ghost-btn{min-height:36px;padding:0 12px;border-radius:999px;color:#6f7480;background:#f5f6fa}.agreement-line{display:flex;align-items:flex-start;gap:8px;margin-top:28px;color:#858b97;font-size:12px;line-height:1.5}.agreement-dot{width:18px;height:18px;margin-top:2px;border:2px solid #d6d9df;border-radius:50%;flex:none}.teen-tip{margin-top:26px;padding:10px 12px;color:#9b681a;background:#fffdf4;text-align:center;font-size:12px;font-weight:600;line-height:1.45}.fraud-tip{margin-top:8px;padding:10px 12px;color:#a95234;background:#fff7f3;text-align:center;font-size:12px;line-height:1.5}.order-result,.success-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0}.order-result div,.success-grid div{min-width:0;padding:10px;border-radius:14px;background:#f7f8fb}.order-result span,.success-grid span{display:block;color:#8d93a0;font-size:12px}.order-result strong,.success-grid strong{display:block;overflow-wrap:anywhere;color:#202431;font-size:12px;line-height:1.35}.pay-status{margin-top:14px;padding:18px 14px;border-radius:18px;text-align:center;background:#f8f9fc}.pay-status__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:8px;border-radius:50%}.pay-status__title{color:#202431;font-size:15px;font-weight:800}.pay-status__desc{margin:8px auto 14px;color:#7d8491;font-size:11px;line-height:1.55}.pay-status__spinner{width:34px;height:34px;margin:0 auto 12px;border:3px solid rgba(116,96,190,.14);border-top-color:#8f7ddd;border-radius:50%;animation:pay-status-spin .85s linear infinite}@keyframes pay-status-spin{to{transform:rotate(360deg)}}.pay-status--success{color:#15803d;background:#f0fdf4}.pay-status--success .pay-status__icon{color:#16a34a;background:#22c55e1f}.pay-status--timeout{background:#fff4f2}.pay-status--timeout .pay-status__icon{color:#dc2626;background:#ef44441a}.action-row{display:flex;gap:10px}.compact-actions .ghost-btn,.compact-actions .primary-btn{flex:1;margin-top:0}.floating-tabbar{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:20;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(380px,calc(100vw - 24px));padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#121621eb;box-shadow:0 18px 40px #1216213d;transform:translate(-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.floating-tabbar__item{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 12px;border-radius:14px;color:#e8ebf1d1;text-decoration:none;font-size:12px;font-weight:700}.floating-tabbar__item.is-active{color:#fff;background:linear-gradient(135deg,#ad96ee,#8f7ddd);box-shadow:0 12px 20px #7460be2e}.floating-tabbar__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#ffffff1f;font-size:11px;font-weight:800}.floating-tabbar__item.is-active .floating-tabbar__icon{background:#ffffff2e}.floating-tabbar__label{white-space:nowrap}.live-share-page{min-height:100vh;background:radial-gradient(circle at 14% 8%,rgba(255,92,135,.14),transparent 30%),linear-gradient(180deg,#f1f3f8,#fff)}.live-share-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 18px max(30px,env(safe-area-inset-bottom));display:flex;align-items:center}.live-share-card{width:100%;overflow:hidden;border:1px solid rgba(31,36,48,.08);border-radius:8px;background:#fffffff5;box-shadow:0 20px 48px #1f24301f}.live-share-cover{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,#1d2436eb,#7c5ac4c7),#202431}.live-share-cover img{width:100%;height:100%;display:block;object-fit:cover}.live-share-status{position:absolute;top:14px;left:14px;min-height:28px;padding:6px 10px;border-radius:999px;color:#fff;background:#ff4b71eb;box-shadow:0 8px 18px #ff4b7138;font-size:12px;font-weight:800}.live-share-content{padding:18px 16px 16px}.live-share-brand{margin-bottom:8px;color:#8a90a1;font-size:12px;font-weight:800;letter-spacing:0}.live-share-content h1{margin:0;color:#202431;font-size:24px;line-height:1.24;font-weight:900;letter-spacing:0}.live-share-anchor{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#4f5666;font-size:14px}.live-share-anchor span,.live-share-anchor strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-share-anchor strong{color:#202431;font-size:13px;font-weight:800}.live-share-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.live-share-metrics span{min-height:28px;padding:7px 10px;border-radius:999px;color:#626979;background:#f2f4f8;font-size:12px;font-weight:700}.live-share-hint{margin-top:14px;padding:10px 12px;border-radius:8px;color:#6b5160;background:#fff3f7;font-size:13px;line-height:1.5}.live-share-actions{display:grid;grid-template-columns:1fr 112px;gap:10px;margin-top:16px}.live-share-primary,.live-share-secondary{min-height:46px;border-radius:8px;border:0;font-size:14px;font-weight:900;cursor:pointer}.live-share-primary{color:#fff;background:linear-gradient(135deg,#ff5f87,#8f7ddd);box-shadow:0 12px 22px #8f7ddd38}.live-share-primary:disabled{opacity:.55;cursor:not-allowed}.live-share-secondary{color:#394050;background:#eef1f6}@media (max-width: 380px){.recharge-shell,.recharge-card{padding-right:12px;padding-left:12px}.search-card{padding-left:14px}.search-btn{min-width:70px;font-size:13px}.plan-grid{gap:8px}.plan-card{min-height:72px}.agreement-line,.fraud-tip{font-size:12px}.live-share-shell{padding-right:12px;padding-left:12px}.live-share-content h1{font-size:21px}.live-share-actions{grid-template-columns:1fr}}