#app{width:100%;min-width:0;min-height:100%;height:100%}:root{--app-header-height: 85px;--app-mobile-nav-height: 0px;--color-page: #141414;--color-topbar: #1d1d1d;--color-card: #252525;--color-card-control: #323232;--color-icon-text: #ffffff;--color-icon-text-secondary: #838283;--ac: #00e1a0;--ac-rgb: 0, 225, 160;--ac-deep: #00a870;--ac-deeper: #007050;--ac-light: #80f4cc;--ac-xl: #ccfaec;--ac-on: #001a0f;--bg-page: var(--color-page);--bg-section: var(--color-page);--bg-panel: var(--color-card);--bg-card: var(--color-card);--bg-card-solid: var(--color-card);--bg-hover: var(--color-card-control);--bg-elevated: var(--color-card);--bg-input: var(--color-card-control);--text-primary: var(--color-icon-text);--text-secondary: var(--color-icon-text-secondary);--text-tertiary: var(--color-icon-text-secondary);--text-muted: var(--color-icon-text-secondary);--text-link: var(--ac-light);--border-default: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .1);--border-active: rgba(var(--ac-rgb), .35);--border-focus: rgba(var(--ac-rgb), .5);--divider: rgba(255, 255, 255, .06);--status-success: #22c55e;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-elevated: 0 12px 40px -8px rgba(0, 0, 0, .6);--glow-ac: 0 0 20px rgba(var(--ac-rgb), .35);--glow-ac-sm: 0 0 8px rgba(var(--ac-rgb), .25);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--transition-fast: .15s ease;--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{width:100%;min-width:0;min-height:100%;margin:0;padding:0;overflow-x:clip;background:var(--bg-page);color:var(--text-primary);font-family:Noto Sans SC,Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%}button,input,textarea,select{font:inherit}@media(max-width:820px){:root{--app-header-height: 64px;--app-mobile-nav-height: 72px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--ac-rgb),.4)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes promoPan{0%,to{transform:translate(0) scale(1)}50%{transform:translate(3%,-4%) scale(1.08)}}@keyframes orb{0%{transform:translate(0)}50%{transform:translate(40px,-34px) scale(1.08)}to{transform:translate(0)}}@keyframes scanline{0%{top:-20%}to{top:120%}}input:focus,textarea:focus{border-color:inherit!important;box-shadow:none!important}@media(max-width:820px){.main-content>.page{width:100%;max-width:none!important;min-height:calc(100dvh - var(--app-header-height) - var(--app-mobile-nav-height));padding:24px 16px 36px!important;zoom:1!important}.main-content>.page .page-title-row,.main-content>.page .page-header{align-items:flex-start;gap:12px}.main-content>.page .page-title{font-size:22px}.main-content>.page .tab-bar,.main-content>.page .category-bar,.main-content>.page .filter-tabs,.main-content>.page .recharge-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.main-content>.page .tab-bar::-webkit-scrollbar,.main-content>.page .category-bar::-webkit-scrollbar,.main-content>.page .filter-tabs::-webkit-scrollbar,.main-content>.page .recharge-tabs::-webkit-scrollbar{display:none}.main-content>.page .tab-item,.main-content>.page .category-tag,.main-content>.page .filter-tab,.main-content>.page .recharge-tab{flex:0 0 auto}.recharge-page .package-grid,.workflow-page .workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.recharge-page .pay-bar{align-items:stretch;flex-direction:column!important;gap:16px}.recharge-page .pay-btn{width:100%}.reward-page .record-item,.reward-page .share-link-row{flex-wrap:wrap!important;gap:12px}.reward-page .share-link-text{min-width:0;overflow-wrap:anywhere}.reward-page .share-modal-card{width:calc(100vw - 24px)!important;max-height:86dvh;overflow-y:auto}.reward-page .share-modal-body{grid-template-columns:1fr!important}.reward-page .share-modal-divider{display:none}.el-dialog,.el-message-box{max-width:calc(100vw - 24px)}}@media(max-width:560px){.main-content>.page{padding-inline:12px!important}.recharge-page .package-grid,.workflow-page .workflow-grid{grid-template-columns:1fr!important}.reward-page .record-item{align-items:flex-start;flex-direction:column!important}.reward-page .hero-card,.reward-page .records-section,.reward-page .share-link-card{border-radius:18px}}.aola-batch-confirm.el-message-box{--batch-confirm-bg: var(--bg-panel);--batch-confirm-summary-bg: var(--bg-page);--batch-confirm-border: rgba(255, 255, 255, .12);--batch-confirm-border-soft: rgba(255, 255, 255, .08);--batch-confirm-divider: rgba(255, 255, 255, .07);--batch-confirm-hover: rgba(255, 255, 255, .06);--batch-confirm-border-hover: rgba(255, 255, 255, .2);--batch-confirm-shadow: rgba(0, 0, 0, .5);width:min(496px,calc(100vw - 32px));padding:0;overflow:hidden;border:1px solid var(--batch-confirm-border);border-radius:var(--radius-2xl);background:var(--batch-confirm-bg);box-shadow:0 24px 72px var(--batch-confirm-shadow)}.el-overlay-message-box:has(.aola-batch-confirm){--batch-confirm-overlay: rgba(0, 0, 0, .2);background:var(--batch-confirm-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.aola-batch-confirm .el-message-box__header{padding:24px 60px 8px 24px}.aola-batch-confirm .el-message-box__title{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.35}.aola-batch-confirm .el-message-box__headerbtn{top:20px;right:20px;width:36px;height:36px;border-radius:var(--radius-sm)}.aola-batch-confirm .el-message-box__close{color:var(--text-tertiary)}.aola-batch-confirm .el-message-box__headerbtn:hover{background:var(--batch-confirm-hover)}.aola-batch-confirm .el-message-box__headerbtn:hover .el-message-box__close{color:var(--text-primary)}.aola-batch-confirm .el-message-box__content{padding:8px 24px 24px;color:var(--text-secondary)}.aola-batch-confirm .batch-confirm-description{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.7}.aola-batch-confirm .batch-confirm-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:16px;overflow:hidden;border:1px solid var(--batch-confirm-border-soft);border-radius:var(--radius-lg);background:var(--batch-confirm-summary-bg)}.aola-batch-confirm .batch-confirm-summary-item{display:grid;gap:4px;padding:16px}.aola-batch-confirm .batch-confirm-summary-item+.batch-confirm-summary-item{border-left:1px solid var(--batch-confirm-border-soft)}.aola-batch-confirm .batch-confirm-summary-item span{color:var(--text-tertiary);font-size:12px}.aola-batch-confirm .batch-confirm-summary-item strong{color:var(--text-primary);font-size:18px;font-weight:700}.aola-batch-confirm .batch-confirm-summary-item strong.is-accent{color:var(--ac-light)}.aola-batch-confirm .el-message-box__btns{gap:10px;padding:16px 24px 24px;border-top:1px solid var(--batch-confirm-divider)}.aola-batch-confirm .el-button{min-width:104px;height:40px;margin:0;border-radius:var(--radius-md);font-weight:650;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.aola-batch-confirm .aola-batch-confirm-secondary{border-color:var(--batch-confirm-border);background:transparent;color:var(--text-secondary)}.aola-batch-confirm .aola-batch-confirm-secondary:hover{border-color:var(--batch-confirm-border-hover);background:var(--batch-confirm-hover);color:var(--text-primary)}.aola-batch-confirm .aola-batch-confirm-primary{border-color:var(--ac);background:var(--ac);color:var(--ac-on)}.aola-batch-confirm .aola-batch-confirm-primary:hover{border-color:var(--ac-light);background:var(--ac-light);color:var(--ac-on)}.aola-batch-confirm .el-button:active{transform:translateY(1px)}.aola-batch-confirm .el-button:disabled{cursor:not-allowed;opacity:.55}.aola-batch-confirm .el-button:focus-visible,.aola-batch-confirm .el-message-box__headerbtn:focus-visible{outline:2px solid var(--ac-light);outline-offset:2px}@media(max-width:480px){.aola-batch-confirm .el-message-box__header{padding:20px 56px 8px 20px}.aola-batch-confirm .el-message-box__content{padding:8px 20px 20px}.aola-batch-confirm .el-message-box__btns{padding:14px 20px 20px}}