.app-container{width:100%;min-height:100vh;min-height:100dvh}@font-face{font-family:CustomFont;src:url(/alipay/font.ttf) format("truetype")}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDelay{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes rippleAnim{0%{transform:scale(0);opacity:.6}to{transform:scale(1);opacity:0}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes logoBounce{0%{transform:scale(0) rotate(-15deg);opacity:0}60%{transform:scale(1.15) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes titleGlow{0%,to{text-shadow:0 0 0 rgba(0,0,0,0)}50%{text-shadow:0 0 20px rgba(0,0,0,.06)}}@keyframes btnPulse{0%,to{box-shadow:0 0 #1a1a1a26}50%{box-shadow:0 0 0 8px #1a1a1a00}}@keyframes dotFloat{0%{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-20px) scale(1.2);opacity:.6}to{transform:translateY(0) scale(1);opacity:.3}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes gradientBorder{0%,to{border-color:#e8e8ed}50%{border-color:#1a1a1a}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ripple-effect{position:absolute;border-radius:50%;background:#00000014;pointer-events:none;animation:rippleAnim .6s ease-out}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:30px 20px;background:#fff}.login-content{text-align:center;width:100%;max-width:360px;margin-top:-120px;animation:fadeInUp .8s ease-out}.login-header{text-align:center;margin-bottom:36px;animation:fadeInUp .8s ease-out}.login-header h1{font-size:32px;color:#1a1a1a;margin-bottom:6px;font-weight:400;letter-spacing:2px;animation:titleGlow 3s ease-in-out infinite}.login-header p{color:#888;font-size:14px;letter-spacing:.5px}.install-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:30px 20px;background:#fff}.install-content{text-align:center;width:100%;max-width:420px;animation:fadeInUp .8s ease-out}.install-header{text-align:center;margin-bottom:40px}.install-header h1{font-size:36px;color:#1a1a1a;margin-bottom:10px;font-weight:400;letter-spacing:3px;animation:fadeInUp .8s ease-out .1s both}.install-header p{color:#666;font-size:16px;animation:fadeInUp .8s ease-out .2s both}.logo{width:80px;height:80px;object-fit:contain;margin-bottom:16px;animation:float 3s ease-in-out infinite,fadeInUp .8s ease-out}.installed-msg{text-align:center;padding:20px 0}.installed-msg h2{color:#1a1a1a;margin-bottom:8px;font-size:28px;animation:fadeInUp .6s ease-out .2s both}.installed-msg p{color:#666;margin-bottom:24px;font-size:16px;animation:fadeInUp .6s ease-out .3s both}.installed-msg .login-btn{animation:fadeInUp .6s ease-out .4s both}.success-icon{width:64px;height:64px;background:#51cf66;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px;box-shadow:0 4px 20px #0000001a;animation:successPop .5s ease-out}.form-group{margin-bottom:20px;text-align:left;opacity:0;animation:fadeInDelay .6s ease-out forwards}.install-form .form-group{margin-bottom:18px;flex:1}.login-form .form-group:nth-child(1){animation-delay:.2s}.login-form .form-group:nth-child(2){animation-delay:.35s}.install-form .form-group:nth-child(1){animation-delay:.2s}.install-form .form-group:nth-child(2){animation-delay:.3s}.install-form .form-group:nth-child(3){animation-delay:.4s}.install-form .form-group:nth-child(4){animation-delay:.5s}.form-group label{display:block;font-size:15px;color:#333;margin-bottom:4px;font-weight:400;letter-spacing:.3px}.form-group input{width:100%;padding:10px 0;border:none;font-size:15px;outline:none;background:transparent;color:#333}.form-group input::placeholder{color:#888;font-family:inherit}.form-group input:focus{border:none;outline:none}.form-row{display:flex;gap:12px}.error-msg{color:#e74c3c;font-size:13px;margin-bottom:16px;text-align:center;animation:shake .4s ease-out,slideInRight .3s ease-out}.success-msg{color:#2d8a4e;font-size:14px;margin-bottom:16px;text-align:center}.login-btn,.install-btn{width:100%;padding:14px;background:linear-gradient(135deg,#1a1a1a,#333);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:400;cursor:pointer;transition:all .35s ease;letter-spacing:1.5px;opacity:0;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;margin-top:4px}.login-btn{animation:fadeInDelay .6s ease-out .5s forwards,btnPulse 2s ease-in-out 1.2s infinite}.install-btn{animation:fadeInDelay .6s ease-out .6s forwards}.login-btn:before,.install-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .7s}.login-btn:hover:before,.install-btn:hover:before{left:100%}.login-btn:hover,.install-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000002e}.login-btn:active,.install-btn:active{transform:translateY(0) scale(.98)}.login-btn:disabled,.install-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.login-btn:disabled:before,.install-btn:disabled:before{display:none}.login-btn:disabled:not(:empty),.install-btn:disabled:not(:empty){animation:pulse 1.5s ease-in-out infinite}@media screen and (max-width: 480px){.login-wrapper,.install-wrapper{padding:16px}.login-header h1{font-size:28px;letter-spacing:1.5px}.install-header h1{font-size:28px;letter-spacing:2px}.login-header p,.install-header p{font-size:14px}.form-row{flex-direction:column;gap:0}.form-group input{padding:10px 0;font-size:16px}.login-btn,.install-btn{padding:16px;font-size:16px}.success-icon{width:56px;height:56px;font-size:28px}}.dash-wrapper{height:100vh;height:100dvh;display:flex;flex-direction:column;background:#fff;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.dash-container{flex:1;padding:20px 20px 85px;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-content{animation:fadeInUp .3s ease-out}.page-content h2{font-size:22px;color:#1a1a1a;margin-bottom:12px;font-weight:400}.page-content p{color:#888;font-size:15px}.tab-bar{position:fixed;bottom:0;left:0;width:100%;height:64px;background:#fff;display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;padding-top:24px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s ease;position:relative}.tab-item:active{transform:scale(.92)}.tab-icon{font-size:24px;margin-bottom:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tab-icon svg{width:24px;height:24px;display:block}.tab-item.active .tab-icon{transform:scale(1.1)}.tab-label{font-size:13px;color:#999;transition:color .2s ease}.tab-item.active .tab-label{color:#1a1a1a;font-weight:400}@media screen and (max-width: 480px){.dash-container{padding:16px 16px 80px}.tab-bar{height:65px}.tab-icon{font-size:24px}.tab-icon svg{width:24px;height:24px}.tab-label{font-size:12px}}.mine-page{position:relative;padding:40px 16px 24px;min-height:100vh}.mine-header-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:16px;padding:20px;margin-bottom:24px;position:relative;overflow:hidden}.mine-header-card:before{content:"";position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:#ffffff0d;border-radius:50%}.mine-header-card:after{content:"";position:absolute;bottom:-40%;left:-20%;width:150px;height:150px;background:#ffffff08;border-radius:50%}.mine-header-content{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.mine-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.mine-header-info{flex:1}.mine-name{font-size:18px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.mine-name .admin-badge{font-size:10px;color:#1a1a1a;background:gold;padding:1px 8px;border-radius:4px;font-weight:600}.mine-uid{font-size:12px;color:#fff9;margin-top:4px}.mine-expiry{font-size:11px;color:#ffffff73;margin-top:2px}.mine-settings-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;background:#ffffff1a;transition:background .2s;z-index:2;-webkit-tap-highlight-color:transparent}.mine-settings-btn:active{background:#fff3}.mine-settings-icon{width:20px;height:20px;display:block;fill:#fffc}.mine-section-title{font-size:13px;font-weight:600;color:#8c8c8c;padding:0 4px;margin-bottom:10px;margin-top:8px;letter-spacing:.5px}.mine-group-card{background:#fff;border-radius:14px;overflow:hidden;margin-bottom:16px}.mine-card-row{display:flex;align-items:center;gap:12px;padding:15px 16px;background:#fff;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.mine-card-row:active{background:#f5f5f5}.mine-card-row-icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:16px}.mine-card-row-icon svg{width:20px;height:20px;display:block}.mine-card-row-label{font-size:15px;color:#1a1a1a;font-weight:500}.mine-card-row-arrow{color:#c8c8c8;font-size:14px;flex-shrink:0;display:flex;align-items:center;margin-left:auto}.mine-arrow-icon{width:14px;height:14px;display:block;fill:currentColor}.mine-config-icon{width:24px;height:24px;display:block}.sub-page-header{display:flex;align-items:center;gap:6px;font-size:15px;color:#666;cursor:pointer;margin-bottom:24px;-webkit-tap-highlight-color:transparent;padding:4px 0}.sub-page-header:active{opacity:.6}.back-arrow{font-size:18px;display:flex;align-items:center}.back-arrow svg{width:18px;height:18px;display:block}.sub-page-title{font-size:22px;color:#1a1a1a;margin-bottom:24px;font-weight:400}.mine-balance-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#667eea,#6997fe);border-radius:14px;cursor:default;-webkit-tap-highlight-color:transparent}.mine-balance-icon{flex-shrink:0;display:flex;align-items:center}.mine-balance-icon svg{width:36px;height:36px;display:block}.mine-balance-info{display:flex;flex-direction:column;gap:2px}.mine-balance-label{font-size:13px;color:#ffffffbf}.mine-balance-amount{font-size:24px;font-weight:700;color:#fff;letter-spacing:1px}.recharge-form,.pay-config-form{max-width:360px}.recharge-notice-section{max-width:360px;margin-top:24px;padding:0;border:none;border-radius:0}.recharge-notice-warning{font-size:13px;color:#1a1a1a;line-height:1.6;margin-bottom:16px}.recharge-notice-warning .notice-icon{display:none}.recharge-upload-area{margin-bottom:12px}.recharge-upload-area input[type=file]{display:none}.recharge-upload-label{display:block;padding:14px;background:#fff;text-align:center;font-size:14px;color:#666;cursor:pointer}.recharge-contact-input{width:100%;padding:12px 14px;border:none;font-size:14px;outline:none;box-sizing:border-box;background:#fff;margin-bottom:12px}.recharge-contact-input:focus{border:none}.recharge-notice-msg{font-size:13px;color:#78c326;margin-bottom:12px;text-align:center}.recharge-submit-btn{width:100%;padding:12px;background:#4577ef;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s}.recharge-submit-btn:active{opacity:.8}.recharge-submit-btn.cancel{background:#e74c3c}.recharge-progress-bar{width:100%;height:6px;background:#e8e8e8;border-radius:3px;overflow:hidden;margin-top:12px}.recharge-progress-fill{height:100%;width:100%;background:#4577ef;border-radius:3px;animation:progressSlide 2s ease-in-out infinite}@keyframes progressSlide{0%{transform:translate(-100%)}to{transform:translate(200%)}}.pay-type-select{display:flex;gap:12px;margin-bottom:20px}.pay-type-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0;border-radius:12px;background:#f5f5f5;font-size:15px;color:#999;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.pay-type-option.active{background:#1a1a1a;color:#fff}.pay-type-option:active{transform:scale(.96)}.pay-type-icon{font-size:22px;display:flex;align-items:center}.pay-type-icon svg{width:22px;height:22px;display:block}.pull-refresh-indicator{overflow:hidden;transition:height .3s ease;display:flex;align-items:center;justify-content:center}.pull-refresh-indicator.no-transition{transition:none}.pull-refresh-inner{font-size:13px;color:#999;text-align:center;display:flex;align-items:center;gap:6px}.pull-refresh-inner svg{width:20px;height:20px;display:block;flex-shrink:0}.pull-refresh-inner.spinning svg{animation:pullRefreshSpin .8s linear infinite}@keyframes pullRefreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.records-page{padding-bottom:20px}.balance-card{background:#000;color:#fff;border-radius:16px;padding:24px;margin-bottom:24px;text-align:center}.balance-label{font-size:14px;color:#fff9;display:block;margin-bottom:8px}.balance-amount{font-size:36px;font-weight:700;letter-spacing:1px}.records-title{font-size:18px;color:#1a1a1a;margin-bottom:16px;font-weight:400}.loading-text,.empty-text{text-align:center;color:#999;font-size:14px;padding:40px 0}.records-list{display:flex;flex-direction:column;gap:12px}.record-item{background:#f8f8f8;border-radius:12px;padding:14px 16px}.record-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.record-info:last-of-type{margin-bottom:0}.record-type{font-size:14px;color:#1a1a1a;display:flex;align-items:center;gap:4px}.record-type svg{width:16px;height:16px;display:block}.record-status{font-size:13px;display:flex;align-items:center;gap:2px}.record-status svg{width:14px;height:14px;display:block}.record-money{font-size:16px;font-weight:700;color:#2d8a4e}.record-time{font-size:12px;color:#999}.record-order{font-size:11px;color:#bbb;margin-top:6px;word-break:break-all}@media screen and (max-width: 480px){.balance-amount{font-size:28px}.record-item{padding:12px 14px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1000;animation:fadeIn .2s ease}.bottom-sheet{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-radius:16px 16px 0 0;padding:12px 20px 94px;animation:slideUp .3s ease;z-index:1001}.bottom-sheet-handle{width:36px;height:4px;background:#ddd;border-radius:2px;margin:0 auto 16px}.bottom-sheet-title{font-size:18px;color:#1a1a1a;margin-bottom:20px;text-align:center;font-weight:400}.bottom-sheet-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:16px;color:#1a1a1a;cursor:pointer;-webkit-tap-highlight-color:transparent;border-top:1px solid #f0f0f0}.bottom-sheet-item:active{opacity:.5}.logout-item{color:#e74c3c}.arrow-right{color:#ccc;font-size:14px;display:flex;align-items:center}.arrow-right svg{width:16px;height:16px;display:block}.video-review-search{padding:16px 0}.video-review-search input{width:100%;padding:12px 14px;border:none;font-size:14px;outline:none;box-sizing:border-box;background:#fff}.video-review-search input:focus{border:none}.video-review-loading,.video-review-empty{text-align:center;color:#999;font-size:15px;padding:40px 0}.video-review-list{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.video-review-item{background:#fff;padding:16px}.video-review-info{margin-bottom:12px}.video-review-meta{display:flex;margin-bottom:6px;gap:4px}.video-review-label{font-size:14px;color:#888;flex-shrink:0}.video-review-value{font-size:14px;color:#1a1a1a}.video-review-status{font-size:14px;margin-bottom:8px}.video-review-player{width:100%;border-radius:8px;background:#000;margin-bottom:12px}.video-review-approve-btn{width:100%;padding:12px;background:#2976ff;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}.video-review-approve-btn:active{opacity:.8}.platform-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-bottom:24px}.platform-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;background:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.platform-card:active{transform:scale(.96);background:#f9f9f9}.share-search{display:block;width:100%;padding:8px 12px;margin-bottom:12px;border:none;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;background:#fff}.share-search:focus{background:#fff}.platform-card-icon{width:44px;height:44px;border-radius:10px;object-fit:cover}.platform-card-name{font-size:12px;color:#1a1a1a;text-align:center;line-height:1.3}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;background:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}#app{width:100%;max-width:100%}