#app{width:100%;min-width:0;min-height:100%;height:100%}:root{--app-header-height: 72px;--app-mobile-nav-height: 0px;--ac: #00e1a0;--ac-rgb: 0, 225, 160;--ac-deep: #00a870;--ac-deeper: #007050;--ac-light: #80f4cc;--ac-xl: #ccfaec;--ac-on: #001a0f;--bg-page: #08080c;--bg-section: #05080f;--bg-panel: #0c0c10;--bg-card: rgba(12, 14, 22, .75);--bg-card-solid: #0c0e16;--bg-hover: rgba(255, 255, 255, .04);--bg-elevated: rgba(12, 14, 22, .85);--bg-input: rgba(255, 255, 255, .04);--text-primary: #eaeaf2;--text-secondary: #a8a8b6;--text-tertiary: #6a6a7a;--text-muted: #4a4a5a;--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:hidden;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}.profile-page .profile-grid,.profile-page .skeleton-grid{grid-template-columns:1fr!important}.profile-page .menu-grid,.profile-page .dialog-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-page .user-header,.profile-page .card-header-row{flex-wrap:wrap!important}.profile-page .logout-btn{margin-left: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%}.orders-page .search-filter-bar,.orders-page .order-header,.orders-page .order-footer{align-items:stretch;flex-wrap:wrap!important}.orders-page .filter-select,.orders-page .search-input{width:100%!important}.orders-page .search-btn{width:100%}.orders-page .order-id{overflow-wrap:anywhere}.coupon-page .redeem-card{align-items:stretch;flex-direction:column!important}.coupon-page .redeem-btn{width:100%}.coupon-page .coupon-card{flex-direction:column!important}.coupon-page .coupon-left{width:100%!important;min-height:100px}.coupon-page .divider-line,.coupon-page .notch{display:none}.coupon-page .coupon-right{width:100%;padding:16px!important}.coupon-page .coupon-meta,.coupon-page .coupon-bottom{flex-wrap:wrap!important;gap:8px}.power-log-page .log-card,.reward-page .record-item,.reward-page .share-link-row{flex-wrap:wrap!important;gap:12px}.power-log-page .log-content{min-width:0}.power-log-page .log-amount-area{width:100%;align-items:flex-end}.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}.profile-page .plans-grid,.profile-page .plans-grid.expanded,.profile-page .menu-grid,.profile-page .dialog-plans-grid,.recharge-page .package-grid,.workflow-page .workflow-grid{grid-template-columns:1fr!important}.profile-page .user-header{align-items:flex-start}.profile-page .user-meta{min-width:calc(100% - 80px)}.profile-page .logout-btn{width:100%}.orders-page .order-body,.orders-page .order-footer,.reward-page .record-item{align-items:flex-start;flex-direction:column!important}.orders-page .order-actions,.coupon-page .coupon-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.reward-page .hero-card,.reward-page .records-section,.reward-page .share-link-card{border-radius:18px}}