@charset "UTF-8";.toast-container[data-v-baf4fced]{position:fixed;top:13px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:none}.toast-item[data-v-baf4fced]{display:flex;align-items:center;gap:7px;padding:11px 20px;border-radius:9px;font-size:var(--font-sm, 15px);color:#fff;box-shadow:0 4px 13px #00000026;pointer-events:auto;animation:toast-in-baf4fced .3s ease-out}.toast-item.toast-success[data-v-baf4fced]{background:#1e8449}.toast-item.toast-error[data-v-baf4fced]{background:#e74c3c}.toast-item.toast-info[data-v-baf4fced]{background:#636e72}.toast-item .toast-icon[data-v-baf4fced]{font-weight:700;font-size:19px;line-height:1}@keyframes toast-in-baf4fced{0%{opacity:0;transform:translateY(-13px)}to{opacity:1;transform:translateY(0)}}.dlg-mask[data-v-1dd35801]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:10000;display:flex;align-items:center;justify-content:center;padding:0 34px;animation:dlgFade-1dd35801 .16s ease}.dlg-panel[data-v-1dd35801]{width:100%;max-width:290px;margin:0 auto;background:var(--surface);border-radius:13px;overflow:hidden;box-shadow:0 8px 26px #0000002e;animation:dlgPop-1dd35801 .18s ease}.dlg-title[data-v-1dd35801]{padding:17px 18px 0;font-size:var(--font-md, 16px);font-weight:600;text-align:center;color:var(--color-text-primary, #222)}.dlg-msg[data-v-1dd35801]{padding:11px 18px 17px;font-size:var(--font-sm, 14px);line-height:1.6;max-height:46vh;overflow-y:auto;color:var(--color-text-secondary, #555);text-align:center;word-break:break-word;white-space:pre-wrap}.dlg-btns[data-v-1dd35801]{display:flex;border-top:1px solid var(--color-divider, var(--color-border))}.dlg-btn[data-v-1dd35801]{flex:1;text-align:center;padding:12px 0;font-size:var(--font-md, 16px);cursor:pointer;color:var(--color-text-secondary, #666)}.dlg-btn[data-v-1dd35801]:active{background:var(--surface-2)}.dlg-btn.ok[data-v-1dd35801]{color:#7b5cff;font-weight:600;border-left:1px solid var(--color-divider, var(--color-border))}@keyframes dlgFade-1dd35801{0%{opacity:0}to{opacity:1}}@keyframes dlgPop-1dd35801{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.audio-player[data-v-82d9d982]{position:fixed;bottom:56px;left:0;right:0;width:414px;max-width:100%;margin-left:auto;margin-right:auto;z-index:99;background:var(--color-bg-white);box-shadow:0 -1px 7px #00000014;padding-bottom:env(safe-area-inset-bottom,0)}.progress-bar[data-v-82d9d982]{height:2px;background:var(--color-divider);cursor:pointer;position:relative}.progress-fill[data-v-82d9d982]{height:100%;background:var(--color-primary);transition:width .15s linear;border-radius:0 1px 1px 0}.player-body[data-v-82d9d982]{display:flex;align-items:center;gap:9px;padding:7px 11px;height:66px}.player-cover[data-v-82d9d982]{width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;cursor:pointer;background:var(--color-divider)}.cover-img[data-v-82d9d982]{width:100%;height:100%;object-fit:cover}.cover-fallback[data-v-82d9d982]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:21px;background:linear-gradient(135deg,#667eea,#764ba2)}.player-info[data-v-82d9d982]{flex:1;min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:2px}.track-title[data-v-82d9d982]{font-size:var(--font-sm);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist[data-v-82d9d982]{font-size:var(--font-xs);color:var(--color-text-hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls[data-v-82d9d982]{display:flex;align-items:center;gap:7px;flex-shrink:0}.ctrl-btn[data-v-82d9d982]{width:31px;height:31px;border:none;background:transparent;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-text);transition:background .15s}.ctrl-btn[data-v-82d9d982]:active{background:var(--color-divider)}.ctrl-btn[data-v-82d9d982]:disabled{opacity:.3;cursor:default}.play-btn[data-v-82d9d982]{width:35px;height:35px;font-size:19px;background:var(--color-primary);color:#fff}.play-btn[data-v-82d9d982]:active{background:var(--color-primary-dark)}.player-time[data-v-82d9d982]{font-size:var(--font-xs);color:var(--color-text-hint);flex-shrink:0;min-width:55px;text-align:right}.close-btn[data-v-82d9d982]{flex-shrink:0;color:var(--color-text-hint)}.player-expand-overlay[data-v-82d9d982]{position:fixed;top:0;bottom:0;left:0;right:0;width:414px;max-width:100%;margin-left:auto;margin-right:auto;background:#000000bf;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn-82d9d982 .2s ease}@keyframes fadeIn-82d9d982{0%{opacity:0}to{opacity:1}}.expand-card[data-v-82d9d982]{width:331px;background:var(--surface);border-radius:var(--radius-lg);padding:26px 22px 20px;display:flex;flex-direction:column;align-items:center;animation:slideUp-82d9d982 .25s ease}@keyframes slideUp-82d9d982{0%{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}.expand-cover[data-v-82d9d982]{width:155px;height:155px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:18px;background:var(--color-divider);box-shadow:0 4px 18px #00000026}.expand-cover-img[data-v-82d9d982]{width:100%;height:100%;object-fit:cover}.expand-cover-fallback[data-v-82d9d982]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:55px;background:linear-gradient(135deg,#667eea,#764ba2)}.expand-title[data-v-82d9d982]{font-size:var(--font-lg);font-weight:700;color:var(--color-text);margin-bottom:3px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-artist[data-v-82d9d982]{font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:15px}.expand-progress-bar[data-v-82d9d982]{width:100%;height:3px;background:var(--color-divider);border-radius:2px;cursor:pointer;position:relative;margin-bottom:4px}.expand-progress-fill[data-v-82d9d982]{height:100%;background:var(--color-primary);border-radius:2px;transition:width .15s linear}.exp-progress-thumb[data-v-82d9d982]{position:absolute;top:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:var(--color-primary);box-shadow:0 1px 4px rgba(var(--color-primary-rgb),.35)}.expand-time-row[data-v-82d9d982]{width:100%;display:flex;justify-content:space-between;font-size:var(--font-xs);color:var(--color-text-hint);margin-bottom:15px}.expand-controls[data-v-82d9d982]{display:flex;align-items:center;gap:18px;margin-bottom:18px}.exp-ctrl-btn[data-v-82d9d982]{width:40px;height:40px;border:none;background:transparent;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-text)}.exp-ctrl-btn[data-v-82d9d982]:disabled{opacity:.25;cursor:default}.exp-play-btn[data-v-82d9d982]{width:53px;height:53px;background:var(--color-primary);color:#fff;font-size:23px;box-shadow:0 2px 9px rgba(var(--color-primary-rgb),.3)}.exp-play-btn[data-v-82d9d982]:active{background:var(--color-primary-dark)}.expand-close[data-v-82d9d982]{margin-top:4px;border:none;background:transparent;color:var(--color-text-hint);font-size:var(--font-sm);cursor:pointer;padding:4px 13px}.bottom-nav[data-v-7a9a79b3]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:414px;display:flex;border-top:1px solid var(--color-border);z-index:9999;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 8px #0000000a}.bottom-nav-item[data-v-7a9a79b3]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;gap:2px}.bottom-nav-item.active[data-v-7a9a79b3]{color:var(--active-tab-color, #d43030)}.nav-icon-wrap[data-v-7a9a79b3]{display:flex;align-items:center;justify-content:center;overflow:hidden}.nav-icon[data-v-7a9a79b3]{line-height:1}.nav-icon-img[data-v-7a9a79b3]{max-width:100%;max-height:100%;object-fit:contain}.nav-label[data-v-7a9a79b3]{line-height:1.2;white-space:nowrap}.nav-badge[data-v-7a9a79b3]{position:absolute;top:4px;right:50%;transform:translate(18px);background:var(--color-primary);color:#fff;border-radius:10px;font-size:12px;padding:1px 5px;min-width:16px;text-align:center;line-height:16px}.pp-mask[data-v-4c19e76f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:3000;display:flex;align-items:flex-end;justify-content:center}.pp-panel[data-v-4c19e76f]{width:100%;max-width:414px;background:var(--surface);border-radius:16px 16px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom));max-height:86vh;overflow-y:auto}.pp-head[data-v-4c19e76f]{position:relative;margin-bottom:16px}.pp-title[data-v-4c19e76f]{font-size:18px;font-weight:700;color:#222}.pp-sub[data-v-4c19e76f]{font-size:13px;color:#6b6b6b;margin-top:6px;padding-right:24px;line-height:1.5}.pp-close[data-v-4c19e76f]{position:absolute;right:0;top:0;font-size:18px;color:#6b7078;padding:2px 4px;cursor:pointer}.pp-row[data-v-4c19e76f]{margin-bottom:16px}.pp-row-head[data-v-4c19e76f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pp-row-title[data-v-4c19e76f]{font-size:14px;font-weight:600;color:#303133}.pp-bonus[data-v-4c19e76f]{font-size:12px;color:var(--color-primary);background:#fdeded;padding:2px 8px;border-radius:10px}.pp-avatar-line[data-v-4c19e76f]{display:flex;align-items:center;gap:12px}.pp-avatar[data-v-4c19e76f]{width:60px;height:60px;border-radius:50%;background:#f2f3f5;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;flex-shrink:0}.pp-avatar img[data-v-4c19e76f]{width:100%;height:100%;object-fit:cover}.pp-avatar-ph[data-v-4c19e76f]{font-size:24px;color:#6b7078}.pp-avatar-tip[data-v-4c19e76f]{font-size:12px;color:#6b6b6b;line-height:1.6}.pp-input[data-v-4c19e76f],.pp-textarea[data-v-4c19e76f]{width:100%;border:1px solid #dcdfe6;border-radius:8px;padding:10px 12px;font-size:14px;outline:none;box-sizing:border-box;background:var(--surface);resize:none;font-family:inherit}.pp-input[data-v-4c19e76f]:focus,.pp-textarea[data-v-4c19e76f]:focus{border-color:var(--color-primary)}.pp-foot[data-v-4c19e76f]{display:flex;gap:10px;margin-top:4px}.pp-btn[data-v-4c19e76f]{flex:1;height:44px;border-radius:8px;font-size:15px;border:none;cursor:pointer}.pp-btn.ghost[data-v-4c19e76f]{background:#f2f3f5;color:#606266}.pp-btn.primary[data-v-4c19e76f]{background:var(--color-primary);color:#fff;font-weight:600}.pp-btn.primary[data-v-4c19e76f]:disabled{background:#f7b2b2;cursor:not-allowed}.pp-fade-enter-active[data-v-4c19e76f],.pp-fade-leave-active[data-v-4c19e76f]{transition:opacity .25s}.pp-fade-enter-from[data-v-4c19e76f],.pp-fade-leave-to[data-v-4c19e76f]{opacity:0}.app-root{max-width:414px;margin:0 auto;min-height:100vh;background:var(--bg-page);position:relative;padding-bottom:56px}#app{background:#000}:root{--color-gold-text: #7A5C10;--color-warning-text: #B35C00;--color-success-text: #0E8C6E;--color-error-text: #C62828;--color-primary: #D43030;--color-primary-dark: #B02020;--color-primary-light: #FFE8E8;--color-primary-bg: #FFE8E8;--color-gold: #C8A052;--color-gold-light: #F5E6C0;--color-bg: #F5F5F5;--color-bg-white: #FFFFFF;--bg-page: #F5F5F5;--color-white: #FFFFFF;--color-bg-hover: #F7F7F7;--color-border-light: #F0F0F0;--color-skeleton: #EEEEEE;--color-text-primary: #1A1A1A;--color-primary-rgb: 212, 48, 48;--color-text: #1A1A1A;--color-text-secondary: #666666;--color-text-hint: #6E6E6E;--color-border: #E8E8E8;--color-divider: #F0F0F0;--color-success: #2DCBA8;--color-warning: #FF8C00;--color-error: #E74C3C;--color-vip: #C8A052;--color-tag-blue: #2A6DB5;--color-tag-green: #1E8449;--surface: #FFFFFF;--surface-2: #F8F8F8;--surface-3: #F0F0F0;--tag-green-bg: #E6F7EF;--tag-blue-bg: #E8F2FD;--tag-gray-bg: #F0F0F0;--card-bg: var(--surface);--card-border: var(--color-border);--card-shadow: 0 1px 3px rgba(0, 0, 0, .05);--primary-grad-2: #C0392B;--card-tint-grad: linear-gradient(135deg, #fff6e5 0%, #ffeef0 100%);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-round: 50%;--shadow-card: 0 2px 12px rgba(0,0,0,.06);--shadow-popup: 0 8px 24px rgba(0,0,0,.12);--font-xs: 13px;--font-sm: 14px;--font-base: 16px;--font-medium: 17px;--font-md: 17px;--font-lg: 19px;--font-xl: 22px;--safe-bottom: env(safe-area-inset-bottom, 0)}body.high-contrast{--color-text: #000000;--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-hint: #555555;--color-border: #BBBBBB;--color-divider: #DADADA;--color-border-light: #DADADA;--color-skeleton: #DDDDDD}body.high-contrast .item-tip,body.high-contrast .sub,body.high-contrast .desc,body.high-contrast .meta{opacity:1!important}body.theme-rose{--card-bg: #FFFFFF;--card-border: #F3E3E3;--card-shadow: 0 2px 10px rgba(212, 48, 48, .06);--primary-grad-2: #C0392B;--card-tint-grad: linear-gradient(135deg, #fff6e5 0%, #ffeef0 100%)}body.theme-gold{color-scheme:dark;--bg-page: #141414;--color-bg: #141414;--surface: #1E1B16;--surface-2: #262219;--surface-3: #2E2920;--color-bg-white: #1E1B16;--color-bg-hover: #262219;--color-border: #3A342A;--color-border-light: #2E2920;--color-divider: #2E2920;--color-skeleton: #2A2620;--color-text: #F2EAD8;--color-text-primary: #F2EAD8;--color-text-secondary: #C7BCA2;--color-text-hint: #8F8672;--color-primary: #D9A441;--color-primary-dark: #B9852B;--color-primary-light: #3A2F1A;--color-primary-bg: #3A2F1A;--color-primary-rgb: 217, 164, 65;--color-gold: #D9A441;--color-gold-light: #3A2F1A;--color-gold-text: #E5C377;--color-vip: #D9A441;--color-warning-text: #F0A24A;--color-success-text: #4ED4A7;--color-error-text: #FF8A80;--color-warning: #F0A24A;--color-success: #4ED4A7;--tag-green-bg: rgba(78, 212, 167, .14);--tag-blue-bg: rgba(96, 165, 250, .16);--tag-gray-bg: #2E2920;--color-tag-green: #4ED4A7;--color-tag-blue: #7EB3F5;--shadow-card: 0 2px 12px rgba(0, 0, 0, .45);--shadow-popup: 0 8px 24px rgba(0, 0, 0, .55);--card-bg: #241F18;--card-border: rgba(217, 164, 65, .26);--card-shadow: 0 2px 12px rgba(0, 0, 0, .45);--primary-grad-2: #8A6420;--card-tint-grad: linear-gradient(135deg, #2E2818 0%, #3A2F1A 100%)}body.theme-navy{color-scheme:dark;--bg-page: #0E1626;--color-bg: #0E1626;--surface: #16223A;--surface-2: #1C2A46;--surface-3: #243454;--color-bg-white: #16223A;--color-bg-hover: #1C2A46;--color-border: #2C3E63;--color-border-light: #22304E;--color-divider: #22304E;--color-skeleton: #1E2C48;--color-text: #E8EEF8;--color-text-primary: #E8EEF8;--color-text-secondary: #A8B7CE;--color-text-hint: #71809B;--color-primary: #3D7EFF;--color-primary-dark: #2F63D6;--color-primary-light: #1D3357;--color-primary-bg: #1D3357;--color-primary-rgb: 61, 126, 255;--color-gold-text: #E0C080;--color-warning-text: #F0A24A;--color-success-text: #4ED4A7;--color-error-text: #FF8A80;--color-warning: #F0A24A;--color-success: #4ED4A7;--tag-green-bg: rgba(78, 212, 167, .14);--tag-blue-bg: rgba(96, 165, 250, .16);--tag-gray-bg: #243454;--color-tag-green: #4ED4A7;--color-tag-blue: #7EB3F5;--shadow-card: 0 2px 12px rgba(0, 0, 0, .45);--shadow-popup: 0 8px 24px rgba(0, 0, 0, .55);--card-bg: #18263E;--card-border: rgba(61, 126, 255, .26);--card-shadow: 0 2px 12px rgba(0, 0, 0, .45);--primary-grad-2: #1C5FD0;--card-tint-grad: linear-gradient(135deg, #1C2A46 0%, #1D3357 100%)}body.theme-light{--bg-page: #FFFFFF;--color-bg: #FFFFFF;--surface: #FFFFFF;--surface-2: #F7F7F7;--surface-3: #EDEDED;--color-bg-white: #FFFFFF;--color-bg-hover: #F5F5F5;--color-border: #E2E2E2;--color-border-light: #EDEDED;--color-divider: #EDEDED;--color-skeleton: #EDEDED;--color-text: #1A1A1A;--color-text-primary: #1A1A1A;--color-text-secondary: #5A5A5A;--color-text-hint: #767676;--color-primary: #3A3A3A;--color-primary-dark: #242424;--color-primary-light: #EDEDED;--color-primary-bg: #EDEDED;--color-primary-rgb: 58, 58, 58;--color-gold: #8C8C8C;--color-gold-light: #F0F0F0;--color-gold-text: #5A5A5A;--color-vip: #8C8C8C;--tag-gray-bg: #EDEDED;--card-bg: #FFFFFF;--card-border: #E2E2E2;--card-shadow: 0 2px 8px rgba(0, 0, 0, .06);--primary-grad-2: #242424;--card-tint-grad: linear-gradient(135deg, #F5F5F5 0%, #EDEDED 100%)}body.theme-pink{--bg-page: #FFF5F7;--color-bg: #FFF5F7;--surface: #FFFFFF;--surface-2: #FFF0F4;--surface-3: #FFE2EA;--color-bg-white: #FFFFFF;--color-bg-hover: #FFF0F4;--color-border: #FBDCE5;--color-border-light: #FFE7EE;--color-divider: #FFE7EE;--color-skeleton: #FFE2EA;--color-text: #2B2028;--color-text-primary: #2B2028;--color-text-secondary: #7A5F6A;--color-text-hint: #9B8390;--color-primary: #FF6B9D;--color-primary-dark: #E14B80;--color-primary-light: #FFE6EF;--color-primary-bg: #FFE6EF;--color-primary-rgb: 255, 107, 157;--color-gold-text: #7A5C10;--tag-gray-bg: #FFE2EA;--card-bg: #FFFFFF;--card-border: #FFD9E4;--card-shadow: 0 2px 10px rgba(255, 107, 157, .1);--primary-grad-2: #E14B80;--card-tint-grad: linear-gradient(135deg, #FFF0F4 0%, #FFE6EF 100%)}body.theme-azure{--bg-page: #F2F7FF;--color-bg: #F2F7FF;--surface: #FFFFFF;--surface-2: #EAF3FF;--surface-3: #DCE9FB;--color-bg-white: #FFFFFF;--color-bg-hover: #EAF3FF;--color-border: #CFE2FA;--color-border-light: #E4EFFC;--color-divider: #E4EFFC;--color-skeleton: #DCE9FB;--color-text: #14202E;--color-text-primary: #14202E;--color-text-secondary: #5B6E8C;--color-text-hint: #7C8CA5;--color-primary: #2E7DF6;--color-primary-dark: #1C5FD0;--color-primary-light: #E3EEFF;--color-primary-bg: #E3EEFF;--color-primary-rgb: 46, 125, 246;--color-tag-blue: #1B62C4;--tag-blue-bg: #E3EEFF;--card-bg: #FFFFFF;--card-border: #CFE2FA;--card-shadow: 0 2px 10px rgba(46, 125, 246, .1);--primary-grad-2: #1C5FD0;--card-tint-grad: linear-gradient(135deg, #EAF3FF 0%, #E3EEFF 100%)}body.theme-orange{--bg-page: #FFF7F0;--color-bg: #FFF7F0;--surface: #FFFFFF;--surface-2: #FFF1E3;--surface-3: #FFE4CC;--color-bg-white: #FFFFFF;--color-bg-hover: #FFF1E3;--color-border: #FADCC0;--color-border-light: #FCEAD8;--color-divider: #FCEAD8;--color-skeleton: #FFE4CC;--color-text: #2A1D10;--color-text-primary: #2A1D10;--color-text-secondary: #7A5B3A;--color-text-hint: #9A7C5E;--color-primary: #F56B18;--color-primary-dark: #D24E05;--color-primary-light: #FFEAD8;--color-primary-bg: #FFEAD8;--color-primary-rgb: 245, 107, 24;--color-gold-text: #8A5A10;--tag-gray-bg: #FFE4CC;--card-bg: #FFFFFF;--card-border: #FADCC0;--card-shadow: 0 2px 10px rgba(245, 107, 24, .1);--primary-grad-2: #D24E05;--card-tint-grad: linear-gradient(135deg,#FFF1E30%,#FFEAD8100%)}body.theme-violet{color-scheme:dark;--bg-page: #14101F;--color-bg: #14101F;--surface: #1E1830;--surface-2: #26203C;--surface-3: #2E2748;--color-bg-white: #1E1830;--color-bg-hover: #26203C;--color-border: #3A3060;--color-border-light: #2E2748;--color-divider: #2E2748;--color-skeleton: #282142;--color-text: #EDE8FA;--color-text-primary: #EDE8FA;--color-text-secondary: #B9AED8;--color-text-hint: #8579A6;--color-primary: #9B78FF;--color-primary-dark: #7B56E6;--color-primary-light: #332A55;--color-primary-bg: #332A55;--color-primary-rgb: 155, 120, 255;--color-gold-text: #E0C080;--color-warning-text: #F0A24A;--color-success-text: #4ED4A7;--color-error-text: #FF8A80;--color-warning: #F0A24A;--color-success: #4ED4A7;--tag-green-bg: rgba(78, 212, 167, .14);--tag-blue-bg: rgba(96, 165, 250, .16);--tag-gray-bg: #2E2748;--color-tag-green: #4ED4A7;--color-tag-blue: #7EB3F5;--shadow-card: 0 2px 12px rgba(0, 0, 0, .45);--shadow-popup: 0 8px 24px rgba(0, 0, 0, .55);--card-bg: #221B34;--card-border: rgba(155, 120, 255, .28);--card-shadow: 0 2px 12px rgba(0, 0, 0, .45);--primary-grad-2: #7B56E6;--card-tint-grad: linear-gradient(135deg, #2A2140 0%, #332A55 100%)}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;font-size:var(--font-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}body.no-scroll-anchor{overflow-anchor:none}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.safe-bottom{padding-bottom:var(--safe-bottom)}.btn-primary{display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);height:44px;font-size:var(--font-md);font-weight:600;width:100%;cursor:pointer}.btn-primary:active{opacity:.85}.btn-primary.disabled{background:#ccc}.btn-outline{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);height:32px;font-size:var(--font-sm);padding:0 16px}.btn-outline:active{background:var(--color-primary-light)}.btn-ghost{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-secondary);border:none;font-size:var(--font-sm)}.card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:12px;margin:8px 0}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);font-weight:500}.tag-green{background:var(--tag-green-bg);color:var(--color-tag-green)}.tag-blue{background:var(--tag-blue-bg);color:var(--color-tag-blue)}.tag-gold{background:var(--color-gold-light);color:var(--color-gold-text)}.tag-red{background:var(--color-primary-light);color:var(--color-primary)}.tag-gray{background:var(--tag-gray-bg);color:var(--color-text-hint)}.tab-bar{display:flex;background:var(--surface);position:sticky;top:0;z-index:10}.tab-bar .tab-item{flex:1;text-align:center;padding:10px 0;font-size:var(--font-md);color:var(--color-text-secondary);position:relative}.tab-bar .tab-item.active{color:var(--color-primary);font-weight:600}.tab-bar .tab-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;border-radius:1px;background:var(--color-primary)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;background:var(--surface);border-top:0px solid var(--color-border);padding-bottom:var(--safe-bottom)}.tabbar .tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:4px 0 2px;color:var(--color-text-hint);font-size:var(--font-xs)}.tabbar .tabbar-item .tab-icon{width:22px;height:22px;margin-bottom:1px}.tabbar .tabbar-item.active{color:var(--color-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:60px 0;color:var(--color-text-hint)}.empty-state .empty-icon{width:80px;height:80px;opacity:.3;margin-bottom:12px}.empty-state .empty-text{font-size:var(--font-md);margin-bottom:4px}.empty-state .empty-sub{font-size:var(--font-sm);color:var(--color-text-hint);margin-bottom:16px}.empty-state .empty-action{background:var(--color-primary);color:#fff;border:none;padding:8px 24px;border-radius:var(--radius-md);font-size:var(--font-md);cursor:pointer}.empty-state .empty-action:active{opacity:.85}.error-state{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:var(--color-text-hint)}.error-state .error-icon{font-size:48px;margin-bottom:12px}.error-state .error-text{font-size:var(--font-md);color:var(--color-text-secondary);margin-bottom:4px}.error-state .error-sub{font-size:var(--font-sm);margin-bottom:16px}.error-state .error-retry{background:var(--color-primary);color:#fff;border:none;padding:8px 24px;border-radius:var(--radius-md);font-size:var(--font-md);cursor:pointer}.error-state .error-retry:active{opacity:.85}.error-state .error-retry:disabled{opacity:.6}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--surface-3) 25%,var(--color-skeleton) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;padding:10px 20px;border-radius:6px;font-size:var(--font-md);color:#fff;text-align:center;max-width:80vw;word-break:break-all;animation:toast-in .3s ease}.toast-overlay.toast-success{background:#2dcba8e6}.toast-overlay.toast-error{background:#e74c3ce6}.toast-overlay.toast-info{background:#000000bf}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.load-more{text-align:center;padding:14px;color:var(--color-text-hint);font-size:var(--font-sm)}.load-more .load-more-btn{color:var(--color-primary);cursor:pointer;font-size:var(--font-sm)}.load-more .load-more-btn:active{opacity:.7}.back-btn:not(.ended-btn),.back-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:32px!important;max-width:none!important;padding:0!important;height:32px!important;gap:4px!important;color:var(--color-text)!important;line-height:1!important;cursor:pointer!important;border-radius:8px!important}.back-btn:not(.ended-btn):active,.back-icon:active{background:var(--surface-3)!important}.header,.header-bar,.chat-header,.top-nav{padding-left:13px!important;padding-right:13px!important}.banner-header .back-btn,.cover-section .back-btn,.cover-overlay .back-btn{color:#fff!important}.action-bar,.bottom-bar,.edit-mode-bar,.batch-bar,.pay-bar,.submit-bar,.cart-bar,.footer-bar,.comment-bar,.cmt-input-bar,.input-bar,.chat-input-bar{bottom:calc(56px + var(--safe-bottom))!important}.modal-overlay,.sheet-overlay,.confirm-overlay,.context-overlay,.more-overlay,.action-sheet-overlay,.tag-picker-overlay,.plus-overlay,.upload-overlay,.search-modal-overlay,.popup-overlay,.picker-overlay,.bottom-sheet-overlay,.date-picker-overlay,.detail-overlay,.dialog-overlay,.menu-overlay,.dm,.modal-sheet{padding-bottom:calc(56px + var(--safe-bottom))!important}.share-sheet,.action-sheet,.pay-sheet,.payment-sheet,.bottom-sheet{bottom:calc(56px + var(--safe-bottom))!important}.modal-overlay,.sheet-overlay,.sheet-mask,.confirm-overlay,.context-overlay,.more-overlay,.action-sheet-overlay,.bottom-sheet-overlay,.tag-picker-overlay,.plus-overlay,.upload-overlay,.search-modal-overlay,.popup-overlay,.picker-overlay,.date-picker-overlay,.detail-overlay,.dialog-overlay,.menu-overlay,.modal-sheet,.img-preview,.video-preview,.image-preview-overlay,.share-sheet,.action-sheet,.pay-sheet,.payment-sheet,.bottom-sheet{z-index:10000!important}.toast-overlay,.page-toast{z-index:10010!important}.toast-container{z-index:10020!important}.login-modal-overlay{z-index:10030!important}.dm,.cm,.ppm,.ipm,.img-overlay,.paying-overlay,.del-confirm-overlay,.ctx-menu-mask,.ctx-menu-card,.context-menu,.suggest-overlay,.success-overlay,.permission-modal-overlay,.player-expand-overlay{z-index:10000!important}.toast,.success-toast,.error-toast,.upload-toast{z-index:10010!important}@media screen and (min-width: 460px){.modal-overlay,.sheet-overlay,.sheet-mask,.confirm-overlay,.context-overlay,.more-overlay,.action-sheet-overlay,.tag-picker-overlay,.plus-overlay,.upload-overlay,.search-modal-overlay,.popup-overlay,.picker-overlay,.bottom-sheet-overlay,.date-picker-overlay,.detail-overlay,.dialog-overlay,.menu-overlay,.dm,.ppm,.ipm,.img-overlay,.paying-overlay,.del-confirm-overlay,.suggest-overlay,.success-overlay,.modal-sheet,.img-preview,.video-preview,.image-preview-overlay,.action-bar,.bottom-bar,.edit-mode-bar,.batch-bar,.pay-bar,.submit-bar,.cart-bar,.footer-bar,.footer-btn,.comment-bar,.cmt-input-bar,.input-bar,.chat-input-bar,.step-nav,.publish-progress-bar,.tabbar,.bottom-nav,.share-sheet,.action-sheet,.pay-sheet,.payment-sheet,.bottom-sheet,.modal-sheet-inner,.login-modal,.fullscreen-page{width:414px!important;max-width:414px!important;margin-left:auto!important;margin-right:auto!important}.back-to-top,.back-top,.fab,.fab-btn,.float-btn,.float-publish{right:calc(50% - 189px)!important}}