*,*:before,*:after{box-sizing:border-box}html{font-family:var(--hw-font);color:var(--hw-text);background:var(--hw-bg-page)}body{margin:0;min-height:100vh}#app{min-height:100vh;width:100%;min-width:0;overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}.subscribe-overlay[data-v-3822ee0f]{position:fixed;inset:0;background:var(--hw-overlay-bg, rgba(0, 0, 0, .6));display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.subscribe-modal[data-v-3822ee0f]{position:relative;background:var(--hw-bg, #ffffff);border-radius:var(--hw-radius-lg, 14px);padding:28px 20px;max-width:1200px;width:100%;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:var(--hw-shadow-lg, 0 8px 32px rgba(0, 0, 0, .1));border:1px solid var(--hw-border-light, #f0efec)}.subscribe-modal-close[data-v-3822ee0f]{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:var(--hw-bg-hover, #faf9f7);font-size:20px;color:var(--hw-text-secondary, #5c5c5c);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--hw-transition-duration, .2s) var(--hw-transition-ease, cubic-bezier(.4, 0, .2, 1));z-index:10}.subscribe-modal-close[data-v-3822ee0f]:hover{background:var(--hw-primary-bg, rgba(255, 107, 53, .08));color:var(--hw-primary, #FF6B35);transform:rotate(90deg)}.member-type-tabs[data-v-3822ee0f]{display:inline-flex;justify-content:center;gap:0;margin:0 auto 32px;background:var(--hw-bg-page, #f8f7f5);border-radius:var(--hw-radius, 10px);padding:4px;width:fit-content}.member-type-tab[data-v-3822ee0f]{padding:10px 28px;font-size:15px;font-weight:600;color:var(--hw-text-secondary, #5c5c5c);background:transparent;border:none;border-radius:var(--hw-radius-sm, 6px);cursor:pointer;transition:all var(--hw-transition-duration, .2s) var(--hw-transition-ease, cubic-bezier(.4, 0, .2, 1));position:relative}.member-type-tab[data-v-3822ee0f]:hover{color:var(--hw-primary, #FF6B35)}.member-type-tab.active[data-v-3822ee0f]{color:var(--hw-text, #1a1a1a);background:var(--hw-bg, #ffffff);box-shadow:var(--hw-shadow-sm, 0 1px 3px rgba(0, 0, 0, .04))}.subscribe-packages[data-v-3822ee0f]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:0}.subscribe-package-card[data-v-3822ee0f]{position:relative;padding:20px 16px;background:var(--hw-bg, #ffffff);border:2px solid var(--hw-border-light, #f0efec);border-radius:var(--hw-radius, 10px);transition:all var(--hw-transition-duration, .2s) var(--hw-transition-ease, cubic-bezier(.4, 0, .2, 1));display:flex;flex-direction:column;cursor:pointer}.subscribe-package-card[data-v-3822ee0f]:hover{border-color:var(--hw-primary, #FF6B35);box-shadow:var(--hw-shadow-primary, 0 4px 20px rgba(255, 107, 53, .18));transform:translateY(-2px)}.subscribe-package-card.most-popular[data-v-3822ee0f]{border-color:var(--hw-primary, #FF6B35);border-width:2px;box-shadow:var(--hw-shadow-primary, 0 4px 20px rgba(255, 107, 53, .18))}.most-popular-badge[data-v-3822ee0f]{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:4px 12px;font-size:10px;font-weight:700;color:var(--hw-bg, #ffffff);background:var(--hw-primary, #FF6B35);border-radius:var(--hw-radius-sm, 6px);letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--hw-shadow-sm, 0 1px 3px rgba(0, 0, 0, .04))}.discount-badge[data-v-3822ee0f]{position:absolute;top:12px;right:12px;padding:3px 8px;font-size:11px;font-weight:700;color:var(--hw-bg, #ffffff);background:var(--hw-error, #dc2626);border-radius:var(--hw-radius-sm, 6px);box-shadow:var(--hw-shadow-sm, 0 1px 3px rgba(0, 0, 0, .04))}.package-icon-wrapper[data-v-3822ee0f]{display:flex;justify-content:center;margin-bottom:12px}.package-icon[data-v-3822ee0f]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.icon-svg[data-v-3822ee0f]{width:24px;height:24px;stroke-width:2}.package-icon.icon-star[data-v-3822ee0f]{background:var(--hw-primary-bg, rgba(255, 107, 53, .08));color:var(--hw-primary, #FF6B35)}.package-icon.icon-crown[data-v-3822ee0f]{background:#8b5cf61a;color:#8b5cf6}.package-icon.icon-crown-gold[data-v-3822ee0f]{background:var(--hw-primary-bg, rgba(255, 107, 53, .08));color:var(--hw-primary, #FF6B35)}.package-icon.icon-shield[data-v-3822ee0f]{background:#3b82f61a;color:#3b82f6}.package-icon.icon-sparkle[data-v-3822ee0f]{background:#a855f71a;color:#a855f7}.package-icon.icon-target[data-v-3822ee0f]{background:var(--hw-bg-hover, #faf9f7);color:var(--hw-text-secondary, #5c5c5c)}.icon-text[data-v-3822ee0f]{font-size:28px;line-height:1}.package-title[data-v-3822ee0f]{font-size:16px;font-weight:700;color:var(--hw-text, #1a1a1a);margin:0 0 6px;text-align:center;line-height:1.4}.package-subtitle[data-v-3822ee0f]{font-size:12px;color:var(--hw-text-secondary, #5c5c5c);margin:0 0 16px;text-align:center}.package-subscribe-btn[data-v-3822ee0f]{width:100%;padding:10px 16px;font-size:14px;font-weight:600;color:var(--hw-bg, #ffffff);background:var(--hw-primary, #FF6B35);border:none;border-radius:var(--hw-radius-sm, 6px);cursor:pointer;transition:all var(--hw-transition-duration, .2s) var(--hw-transition-ease, cubic-bezier(.4, 0, .2, 1));margin-bottom:14px;box-shadow:var(--hw-shadow-sm, 0 1px 3px rgba(0, 0, 0, .04))}.package-subscribe-btn[data-v-3822ee0f]:hover:not(:disabled){background:var(--hw-primary-hover, #FF8555);box-shadow:var(--hw-shadow-primary, 0 4px 20px rgba(255, 107, 53, .18));transform:translateY(-1px)}.package-subscribe-btn[data-v-3822ee0f]:active:not(:disabled){background:var(--hw-primary-active, #FF5722);transform:translateY(0)}.package-subscribe-btn[data-v-3822ee0f]:disabled{opacity:.6;cursor:not-allowed;transform:none}.package-price[data-v-3822ee0f]{text-align:center;margin-bottom:10px}.price-amount[data-v-3822ee0f]{font-size:28px;font-weight:700;color:var(--hw-text, #1a1a1a);line-height:1.2}.price-unit[data-v-3822ee0f]{font-size:14px;color:var(--hw-text-secondary, #5c5c5c);margin-left:4px;font-weight:500}.package-points[data-v-3822ee0f]{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:20px}.points-bullet[data-v-3822ee0f]{width:6px;height:6px;border-radius:50%;background:var(--hw-primary, #FF6B35);flex-shrink:0}.points-text[data-v-3822ee0f]{font-size:12px;color:var(--hw-text-secondary, #5c5c5c);line-height:1.4}.package-custom[data-v-3822ee0f]{text-align:center;margin-bottom:20px}.custom-text[data-v-3822ee0f]{font-size:28px;font-weight:700;color:var(--hw-text, #1a1a1a);line-height:1.2}.package-benefits[data-v-3822ee0f]{flex:1;display:flex;flex-direction:column;gap:16px;min-height:0}.benefits-section[data-v-3822ee0f]{display:flex;flex-direction:column;gap:10px}.benefits-title[data-v-3822ee0f]{font-size:13px;font-weight:600;color:var(--hw-text, #1a1a1a);margin:0;line-height:1.4}.benefits-list[data-v-3822ee0f]{display:flex;flex-direction:column;gap:8px}.benefit-item[data-v-3822ee0f]{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--hw-text, #1a1a1a);line-height:1.5}.check-icon[data-v-3822ee0f]{width:16px;height:16px;flex-shrink:0;margin-top:1px}.check-icon path[data-v-3822ee0f]{stroke:var(--hw-primary, #FF6B35)}.benefit-item span[data-v-3822ee0f]{flex:1;color:var(--hw-text-secondary, #5c5c5c)}.payment-overlay[data-v-3822ee0f]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001}.payment-modal[data-v-3822ee0f]{position:relative;background:var(--hw-bg, #ffffff);border-radius:var(--hw-radius-lg, 14px);padding:32px 24px;max-width:400px;width:90%;text-align:center;box-shadow:var(--hw-shadow-lg, 0 8px 32px rgba(0, 0, 0, .1));border:1px solid var(--hw-border-light, #f0efec)}.payment-modal-close[data-v-3822ee0f]{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:var(--hw-bg-hover, #faf9f7);font-size:20px;color:var(--hw-text-secondary, #5c5c5c);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--hw-transition-duration, .2s) var(--hw-transition-ease, cubic-bezier(.4, 0, .2, 1))}.payment-modal-close[data-v-3822ee0f]:hover{background:var(--hw-primary-bg, rgba(255, 107, 53, .08));color:var(--hw-primary, #FF6B35);transform:rotate(90deg)}.payment-modal-title[data-v-3822ee0f]{font-size:20px;font-weight:700;color:var(--hw-text, #1a1a1a);margin:0 0 24px}.payment-qrcode[data-v-3822ee0f]{margin:24px 0;display:flex;justify-content:center}.payment-qrcode img[data-v-3822ee0f]{width:200px;height:200px;border:1px solid var(--hw-border-light, #f0efec);border-radius:var(--hw-radius-sm, 6px);background:var(--hw-bg, #ffffff)}.payment-loading[data-v-3822ee0f]{padding:40px;color:var(--hw-text-secondary, #5c5c5c)}.payment-tip[data-v-3822ee0f]{font-size:13px;color:var(--hw-text-secondary, #5c5c5c);margin-bottom:20px}.payment-order-info[data-v-3822ee0f]{margin-bottom:24px;padding:16px;background:var(--hw-bg-page, #f8f7f5);border-radius:var(--hw-radius-sm, 6px);font-size:13px}.payment-order-info p[data-v-3822ee0f]{margin:4px 0;color:var(--hw-text, #1a1a1a)}.payment-cancel-btn[data-v-3822ee0f]{padding:10px 24px;font-size:14px;color:var(--hw-text-secondary, #5c5c5c);background:var(--hw-bg-hover, #faf9f7);border:1px solid var(--hw-border-light, #f0efec);border-radius:var(--hw-radius-sm, 6px);cursor:pointer;transition:all var(--hw-transition-duration, .2s) var(--hw-transition-ease, cubic-bezier(.4, 0, .2, 1))}.payment-cancel-btn[data-v-3822ee0f]:hover{background:var(--hw-bg-page, #f8f7f5);color:var(--hw-text, #1a1a1a);border-color:var(--hw-border, #e8e6e3)}.topup-packages[data-v-3822ee0f]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.topup-package-card[data-v-3822ee0f]{position:relative;padding:20px 16px;background:var(--hw-bg, #ffffff);border:2px solid var(--hw-border-light, #f0efec);border-radius:var(--hw-radius, 10px);cursor:pointer;transition:all var(--hw-transition-duration, .2s) var(--hw-transition-ease, cubic-bezier(.4, 0, .2, 1));display:flex;flex-direction:column;align-items:center;text-align:center}.topup-package-card[data-v-3822ee0f]:hover{border-color:var(--hw-primary, #FF6B35);box-shadow:var(--hw-shadow-sm, 0 1px 3px rgba(0, 0, 0, .04))}.topup-package-card.selected[data-v-3822ee0f]{background:linear-gradient(135deg,#ff6b351f,#ff6b350f);border-color:var(--hw-primary, #FF6B35);border-width:2px;box-shadow:var(--hw-shadow-primary, 0 4px 20px rgba(255, 107, 53, .18));transform:translateY(-2px)}.topup-selected-indicator[data-v-3822ee0f]{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid var(--hw-primary, #FF6B35);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.topup-header[data-v-3822ee0f]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.topup-icon[data-v-3822ee0f]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--hw-primary-bg, rgba(255, 107, 53, .08));color:var(--hw-primary, #FF6B35);border-radius:50%}.topup-icon svg[data-v-3822ee0f]{width:20px;height:20px}.topup-amount[data-v-3822ee0f]{font-size:16px;font-weight:600;color:var(--hw-text, #1a1a1a)}.topup-price[data-v-3822ee0f]{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px}.topup-current-price[data-v-3822ee0f]{font-size:24px;font-weight:700;color:var(--hw-text, #1a1a1a);line-height:1.2}.topup-original-price[data-v-3822ee0f]{font-size:13px;color:var(--hw-text-tertiary, #8a8a8a);text-decoration:line-through}.topup-action[data-v-3822ee0f]{display:flex;justify-content:center;margin-top:24px}.topup-buy-btn[data-v-3822ee0f]{padding:12px 48px;font-size:16px;font-weight:600;color:var(--hw-bg, #ffffff);background:var(--hw-primary, #FF6B35);border:none;border-radius:var(--hw-radius-sm, 6px);cursor:pointer;transition:all var(--hw-transition-duration, .2s) var(--hw-transition-ease, cubic-bezier(.4, 0, .2, 1));box-shadow:var(--hw-shadow-sm, 0 1px 3px rgba(0, 0, 0, .04))}.topup-buy-btn[data-v-3822ee0f]:hover:not(:disabled){background:var(--hw-primary-hover, #FF8555);box-shadow:var(--hw-shadow-primary, 0 4px 20px rgba(255, 107, 53, .18));transform:translateY(-1px)}.topup-buy-btn[data-v-3822ee0f]:active:not(:disabled){background:var(--hw-primary-active, #FF5722);transform:translateY(0)}.topup-buy-btn[data-v-3822ee0f]:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:1280px){.subscribe-packages[data-v-3822ee0f],.topup-packages[data-v-3822ee0f]{grid-template-columns:repeat(2,1fr);gap:16px}.subscribe-modal[data-v-3822ee0f]{max-width:900px;padding:28px 20px}}@media(max-width:768px){.subscribe-packages[data-v-3822ee0f],.topup-packages[data-v-3822ee0f]{grid-template-columns:1fr;gap:16px}.subscribe-modal[data-v-3822ee0f]{padding:24px 16px;max-width:100%}.member-type-tabs[data-v-3822ee0f]{width:100%}.member-type-tab[data-v-3822ee0f]{flex:1;padding:10px 20px;font-size:14px}.topup-buy-btn[data-v-3822ee0f]{width:100%;padding:12px 24px}}.hw-layout[data-v-c53af4b0]{min-height:100vh;min-width:0;width:100%;overflow-x:hidden;background:var(--hw-bg-page)}.hw-header[data-v-c53af4b0]{min-height:var(--hw-header-height);background:var(--hw-bg);box-shadow:var(--hw-shadow-sm);position:sticky;top:0;z-index:100;overflow:visible}.hw-header-inner[data-v-c53af4b0]{max-width:1400px;width:100%;min-width:0;margin:0 auto;padding:0 24px;min-height:var(--hw-header-height);height:100%;display:flex;align-items:center;flex-wrap:wrap;gap:12px 32px;row-gap:12px}.hw-logo[data-v-c53af4b0]{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--hw-text);font-weight:600;flex-shrink:0}.hw-logo-icon[data-v-c53af4b0]{width:32px;height:32px;flex-shrink:0}.hw-logo-brand[data-v-c53af4b0]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.25;gap:2px}.hw-logo-text[data-v-c53af4b0]{color:var(--hw-primary);font-size:20px;white-space:nowrap}.hw-logo-suffix[data-v-c53af4b0]{color:var(--hw-text-secondary);font-size:13px;font-weight:500;white-space:nowrap}.hw-nav[data-v-c53af4b0]{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;flex:1 1 auto;min-width:0}.hw-nav-item-wrapper[data-v-c53af4b0]{position:relative;flex-shrink:0}.hw-nav-item[data-v-c53af4b0]{padding:8px 14px;color:var(--hw-text-secondary);text-decoration:none;font-size:14px;border-radius:var(--hw-radius-sm);transition:color .2s,background .2s;white-space:nowrap;display:inline-block}.hw-nav-item[data-v-c53af4b0]:hover{color:var(--hw-primary);background:var(--hw-primary-bg)}.hw-nav-item.active[data-v-c53af4b0]{color:var(--hw-primary);font-weight:500;background:var(--hw-primary-bg)}.hw-nav-visible-item[data-v-c53af4b0]{flex-shrink:0;display:inline-flex;align-items:center}.hw-nav-overflow-wrap[data-v-c53af4b0]{position:relative;flex-shrink:0;display:inline-flex;align-items:center}.hw-nav-overflow-btn[data-v-c53af4b0]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--hw-radius-sm);background:transparent;color:var(--hw-text-secondary);cursor:pointer;transition:color .2s ease,background-color .2s ease}.hw-nav-overflow-btn[data-v-c53af4b0]:hover{color:var(--hw-primary);background:var(--hw-primary-bg)}.hw-nav-overflow-btn[data-v-c53af4b0]:focus-visible{outline:2px solid var(--hw-primary);outline-offset:2px}.hw-nav-overflow-icon[data-v-c53af4b0]{flex-shrink:0}.hw-nav-overflow-menu[data-v-c53af4b0]{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;padding:8px 0;background:var(--hw-surface);border:1px solid var(--hw-border);border-radius:var(--hw-radius-lg);box-shadow:var(--hw-shadow-lg);z-index:1000}.hw-nav-overflow-item[data-v-c53af4b0]{display:block;width:100%;padding:10px 16px;text-align:left;text-decoration:none;font-size:14px;color:var(--hw-text-secondary);background:transparent;border:none;cursor:pointer;transition:color .2s ease,background-color .2s ease;box-sizing:border-box}.hw-nav-overflow-item[data-v-c53af4b0]:hover{color:var(--hw-primary);background:var(--hw-primary-bg)}.hw-nav-overflow-item.active[data-v-c53af4b0]{color:var(--hw-primary);font-weight:500;background:var(--hw-primary-bg)}.hw-dropdown-menu[data-v-c53af4b0]{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--hw-surface);border:1px solid var(--hw-border);border-radius:var(--hw-radius-xl);box-shadow:0 0 0 1px #0000000a,0 4px 6px -1px #0000000f,0 10px 28px -4px #00000014,0 1px #ff6b350f;padding:10px;min-width:280px;width:max-content;max-width:calc(100vw - 24px);max-height:min(70vh,calc(100vh - 100px));overflow-x:auto;overflow-y:auto;z-index:1000;box-sizing:border-box}.hw-menu-grid[data-v-c53af4b0]{display:grid;gap:6px;width:max-content;grid-template-columns:repeat(2,minmax(140px,1fr))}.hw-dropdown-menu--cols3 .hw-menu-grid[data-v-c53af4b0]{grid-template-columns:repeat(3,auto);gap:6px}.hw-menu-grid .hw-menu-item[data-v-c53af4b0]{min-height:52px;min-width:0}.hw-nav-item-wrapper:first-of-type .hw-dropdown-menu[data-v-c53af4b0],.hw-nav-item-wrapper:nth-of-type(2) .hw-dropdown-menu[data-v-c53af4b0],.hw-nav-item-wrapper:nth-of-type(3) .hw-dropdown-menu[data-v-c53af4b0],.hw-nav-item-wrapper:nth-of-type(4) .hw-dropdown-menu[data-v-c53af4b0]{min-width:280px;max-width:calc(100vw - 24px)}.hw-nav-item-wrapper:nth-of-type(3) .hw-dropdown-menu[data-v-c53af4b0]{min-width:280px}@media(prefers-reduced-motion:reduce){.dropdown-enter-active[data-v-c53af4b0],.dropdown-leave-active[data-v-c53af4b0]{transition:opacity .15s ease}}.hw-menu-item[data-v-c53af4b0]{display:flex;align-items:center;gap:8px;padding:8px 10px;min-width:0;box-sizing:border-box;background:var(--hw-surface-elevated);border-radius:var(--hw-radius);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;border:1px solid rgba(0,0,0,.04);outline:none}.hw-menu-item[data-v-c53af4b0]:hover{background:var(--hw-primary-bg);border-color:#ff6b3540;box-shadow:0 2px 12px #ff6b351f}.hw-menu-item[data-v-c53af4b0]:focus-visible{border-color:var(--hw-primary);box-shadow:0 0 0 2px var(--hw-primary-bg)}.hw-menu-icon[data-v-c53af4b0]{width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;background:var(--hw-primary-bg);color:var(--hw-primary);border-radius:var(--hw-radius-sm);flex-shrink:0;transition:background-color .2s ease,color .2s ease}.hw-menu-item:hover .hw-menu-icon[data-v-c53af4b0]{background:#ff6b3526;color:var(--hw-primary)}.hw-menu-content[data-v-c53af4b0]{flex:1;min-width:0}.hw-menu-title[data-v-c53af4b0]{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--hw-text);white-space:nowrap;line-height:1.3;letter-spacing:-.01em}.hw-menu-desc[data-v-c53af4b0]{margin:0;font-size:12px;color:var(--hw-text-tertiary);line-height:1.35;white-space:nowrap}.dropdown-enter-active[data-v-c53af4b0],.dropdown-leave-active[data-v-c53af4b0]{transition:opacity .25s ease,transform .25s ease}.dropdown-enter-from[data-v-c53af4b0],.dropdown-leave-to[data-v-c53af4b0]{opacity:0;transform:translate(-50%) translateY(-8px)}.hw-header-right[data-v-c53af4b0]{display:flex;align-items:center;gap:16px;flex-shrink:0;margin-left:auto}.hw-link[data-v-c53af4b0]{font-size:12px;color:var(--hw-text-tertiary);text-decoration:none}.hw-link[data-v-c53af4b0]:hover{color:var(--hw-primary)}.hw-user[data-v-c53af4b0]{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;background:var(--hw-bg-hover);border-radius:20px;cursor:pointer;border:none}.hw-user-wrap[data-v-c53af4b0]{position:relative;display:inline-flex;align-items:center;padding-bottom:12px;margin-bottom:-12px}.hw-user-menu[data-v-c53af4b0]{position:absolute;top:calc(100% + 8px);right:0;width:280px;padding:16px;background:var(--hw-surface);border:1px solid var(--hw-border);border-radius:var(--hw-radius-lg);box-shadow:var(--hw-shadow-lg);z-index:1000}.hw-user-menu-list[data-v-c53af4b0]{display:flex;flex-direction:column;gap:12px}.hw-user-menu .hw-menu-item[data-v-c53af4b0]{width:100%;display:flex;align-items:center;gap:16px;padding:16px;background:var(--hw-surface-elevated);border-radius:var(--hw-radius);cursor:pointer;border:1px solid transparent;color:var(--hw-text);text-align:left;transition:all .2s ease}.hw-user-menu .hw-menu-item[data-v-c53af4b0]:hover{background:var(--hw-bg);border-color:var(--hw-primary);transform:translateY(-2px);box-shadow:var(--hw-shadow-primary)}.hw-user-menu .hw-menu-item .hw-menu-icon[data-v-c53af4b0]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--hw-bg);color:var(--hw-primary);border-radius:var(--hw-radius-sm);flex-shrink:0}.hw-user-menu .hw-menu-item .hw-menu-content[data-v-c53af4b0]{flex:1;min-width:0}.hw-user-menu .hw-menu-item .hw-menu-title[data-v-c53af4b0]{margin:0;font-size:15px;font-weight:600;color:var(--hw-text)}.hw-user-menu .hw-menu-item-danger[data-v-c53af4b0]{color:var(--hw-error)}.hw-user-menu .hw-menu-item-danger[data-v-c53af4b0]:hover{border-color:var(--hw-error);box-shadow:0 4px 12px #dc262626}.hw-user-menu .hw-menu-item-danger .hw-menu-icon[data-v-c53af4b0]{color:var(--hw-error)}.hw-user-menu-divider[data-v-c53af4b0]{height:1px;background:var(--hw-border-light);margin:4px 0;opacity:1}.dropdown-user-enter-active[data-v-c53af4b0],.dropdown-user-leave-active[data-v-c53af4b0]{transition:all .2s ease}.dropdown-user-enter-from[data-v-c53af4b0],.dropdown-user-leave-to[data-v-c53af4b0]{opacity:0;transform:translateY(-10px)}.hw-user-avatar[data-v-c53af4b0]{width:26px;height:26px;border-radius:50%;background:var(--hw-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;border:2px solid transparent;flex-shrink:0;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.hw-user-avatar.hw-avatar-member[data-v-c53af4b0]{border-color:#d4a853;box-shadow:0 0 0 1px #d4a85366,0 0 12px #d4a85340}.hw-user-info[data-v-c53af4b0]{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;gap:1px;max-width:56px;min-width:0}.hw-user-name[data-v-c53af4b0]{font-size:12px;font-weight:500;color:var(--hw-text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hw-member-type[data-v-c53af4b0]{font-size:11px;font-weight:500;color:#d4a853;white-space:nowrap}.hw-points-section[data-v-c53af4b0]{display:flex;align-items:center;gap:5px;margin-right:10px;padding:4px 8px;background:var(--hw-bg);border:1px solid var(--hw-border-light);border-radius:var(--hw-radius);font-size:13px}.hw-points-label[data-v-c53af4b0]{color:var(--hw-text-secondary)}.hw-points-value[data-v-c53af4b0]{font-weight:600;color:var(--hw-primary);min-width:36px;text-align:right}.hw-subscribe-btn[data-v-c53af4b0]{padding:3px 10px;font-size:12px;font-weight:500;color:#fff;background:var(--hw-primary);border:none;border-radius:var(--hw-radius-sm);cursor:pointer;transition:all .2s ease}.hw-subscribe-btn[data-v-c53af4b0]:hover{background:var(--hw-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.hw-logout[data-v-c53af4b0]{margin-left:4px;padding:4px 10px;font-size:13px;color:var(--hw-text-secondary);background:transparent;border:none;border-radius:var(--hw-radius-sm);cursor:pointer}.hw-logout[data-v-c53af4b0]:hover{color:var(--hw-error);background:#ff4d4f14}.hw-login-link[data-v-c53af4b0]{font-size:14px;font-weight:500;color:var(--hw-primary);text-decoration:none;padding:4px 10px}.hw-login-link[data-v-c53af4b0]:hover{text-decoration:underline}.auth-overlay[data-v-c53af4b0]{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:auth-overlay-in-c53af4b0 .25s ease}@keyframes auth-overlay-in-c53af4b0{0%{opacity:0}to{opacity:1}}.auth-modal[data-v-c53af4b0]{position:relative;width:100%;max-width:400px;margin:20px;padding:36px 32px 32px;background:#fff;border-radius:var(--hw-radius-lg);box-shadow:0 0 0 1px #00000008,0 4px 6px #0000000a,0 24px 48px #0000001f;animation:auth-modal-in-c53af4b0 .3s ease}@keyframes auth-modal-in-c53af4b0{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal[data-v-c53af4b0]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--hw-primary),var(--hw-primary-hover));border-radius:0 0 4px 4px}.auth-modal-close[data-v-c53af4b0]{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;font-size:20px;line-height:1;color:var(--hw-text-tertiary);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.auth-modal-close[data-v-c53af4b0]:hover{color:var(--hw-text);background:var(--hw-bg-hover)}.auth-modal-title[data-v-c53af4b0]{margin:0 0 6px;font-size:24px;font-weight:700;color:var(--hw-text);text-align:center;letter-spacing:-.02em}.auth-modal-subtitle[data-v-c53af4b0]{margin:0 0 24px;font-size:14px;color:var(--hw-text-secondary);text-align:center;line-height:1.5}.auth-modal-tip[data-v-c53af4b0]{margin:-8px 0 16px;padding:10px 14px;font-size:13px;color:var(--hw-primary);background:var(--hw-primary-bg);border-radius:var(--hw-radius-sm);text-align:center}.auth-form[data-v-c53af4b0]{display:flex;flex-direction:column;gap:18px}.auth-field[data-v-c53af4b0]{display:flex;flex-direction:column;gap:6px}.auth-field label[data-v-c53af4b0]{font-size:13px;font-weight:500;color:var(--hw-text)}.auth-optional[data-v-c53af4b0]{font-weight:400;color:var(--hw-text-tertiary)}.auth-field-hint[data-v-c53af4b0]{margin:0;font-size:12px;line-height:1.4;color:var(--hw-text-tertiary)}.auth-field input[data-v-c53af4b0]{padding:12px 14px;font-size:14px;color:var(--hw-text);background:var(--hw-bg-page);border:1px solid var(--hw-border);border-radius:var(--hw-radius-sm);transition:all .2s ease}.auth-field input[data-v-c53af4b0]::placeholder{color:var(--hw-text-tertiary)}.auth-field input[data-v-c53af4b0]:hover{border-color:var(--hw-border);background:var(--hw-bg-hover)}.auth-field input[data-v-c53af4b0]:focus{outline:none;border-color:var(--hw-primary);background:#fff;box-shadow:0 0 0 3px var(--hw-primary-bg)}.auth-agree[data-v-c53af4b0]{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.auth-checkbox-wrap[data-v-c53af4b0]{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--hw-text-secondary)}.auth-checkbox-wrap input[data-v-c53af4b0]{position:absolute;opacity:0;width:0;height:0}.auth-checkbox-box[data-v-c53af4b0]{flex-shrink:0;width:18px;height:18px;border:2px solid var(--hw-border);border-radius:4px;background:#fff;transition:all .2s ease}.auth-checkbox-wrap:hover .auth-checkbox-box[data-v-c53af4b0]{border-color:var(--hw-primary)}.auth-checkbox-wrap input:checked+.auth-checkbox-box[data-v-c53af4b0]{background:var(--hw-primary);border-color:var(--hw-primary)}.auth-checkbox-wrap input:focus-visible+.auth-checkbox-box[data-v-c53af4b0]{box-shadow:0 0 0 3px var(--hw-primary-bg)}.auth-checkbox-wrap input:checked+.auth-checkbox-box[data-v-c53af4b0]:after{content:"✓";display:block;font-size:11px;font-weight:700;color:#fff;text-align:center;line-height:14px}.auth-protocol-link[data-v-c53af4b0]{font-size:13px;color:var(--hw-primary);text-decoration:none;font-weight:500}.auth-protocol-link[data-v-c53af4b0]:hover{color:var(--hw-primary-hover);text-decoration:underline}.auth-form-error[data-v-c53af4b0]{margin:0;padding:10px 12px;font-size:13px;color:var(--hw-error);background:#dc26260f;border-radius:var(--hw-radius-sm)}.auth-btn[data-v-c53af4b0]{padding:13px 20px;font-size:15px;font-weight:600;border:none;border-radius:var(--hw-radius-sm);cursor:pointer;transition:all .2s ease}.auth-btn-primary[data-v-c53af4b0]{color:#fff;background:linear-gradient(135deg,var(--hw-primary) 0%,var(--hw-primary-hover) 100%);box-shadow:0 2px 8px #ff6b3540}.auth-btn-primary[data-v-c53af4b0]:hover:not(:disabled){background:linear-gradient(135deg,var(--hw-primary-hover) 0%,var(--hw-primary) 100%);box-shadow:0 4px 16px #ff6b3559;transform:translateY(-1px)}.auth-btn-primary[data-v-c53af4b0]:active:not(:disabled){transform:translateY(0)}.auth-btn[data-v-c53af4b0]:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch[data-v-c53af4b0]{margin:24px 0 0;padding-top:20px;font-size:14px;color:var(--hw-text-secondary);text-align:center;border-top:1px solid var(--hw-border-light)}.auth-switch a[data-v-c53af4b0]{color:var(--hw-primary);text-decoration:none;font-weight:600;margin-left:4px}.auth-switch a[data-v-c53af4b0]:hover{color:var(--hw-primary-hover);text-decoration:underline}.agreement-overlay[data-v-c53af4b0]{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--hw-overlay-bg);animation:auth-overlay-in-c53af4b0 .2s ease}.agreement-modal[data-v-c53af4b0]{position:relative;width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;background:var(--hw-bg);border-radius:var(--hw-radius-lg);box-shadow:0 24px 48px #00000040}.agreement-modal-close[data-v-c53af4b0]{position:absolute;top:12px;right:12px;width:36px;height:36px;padding:0;font-size:22px;line-height:1;color:var(--hw-text-tertiary);background:transparent;border:none;border-radius:50%;cursor:pointer;z-index:1}.agreement-modal-close[data-v-c53af4b0]:hover{color:var(--hw-text);background:var(--hw-bg-hover)}.agreement-modal-body[data-v-c53af4b0]{flex:1;overflow-y:auto;padding:28px 24px 16px}.agreement-modal-title[data-v-c53af4b0]{margin:0 0 6px;font-size:20px;font-weight:600;color:var(--hw-text)}.agreement-modal-updated[data-v-c53af4b0]{margin:0 0 20px;font-size:12px;color:var(--hw-text-tertiary)}.agreement-modal-section[data-v-c53af4b0]{margin-bottom:20px}.agreement-modal-section h2[data-v-c53af4b0]{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--hw-text)}.agreement-modal-section p[data-v-c53af4b0]{margin:0 0 8px;font-size:13px;line-height:1.65;color:var(--hw-text-secondary)}.agreement-modal-section p[data-v-c53af4b0]:last-child{margin-bottom:0}.agreement-modal-contact[data-v-c53af4b0]{margin-top:20px;padding-top:16px;border-top:1px solid var(--hw-border);font-size:12px;color:var(--hw-text-tertiary)}.agreement-modal-footer[data-v-c53af4b0]{flex-shrink:0;padding:12px 24px 20px;border-top:1px solid var(--hw-border)}.agreement-modal-footer .auth-btn[data-v-c53af4b0]{width:100%}.hw-main[data-v-c53af4b0]{max-width:1400px;width:100%;min-width:0;margin:0 auto;padding:24px;min-height:calc(100vh - var(--hw-header-height));overflow-x:hidden}.hw-main.hw-main--workspace[data-v-c53af4b0]{margin:0;max-width:none;overflow:auto;padding:0;height:calc(100vh - var(--hw-header-height));min-height:0;position:relative}.hw-main[data-v-c53af4b0]>*{min-width:0}.hw-main.hw-main--workspace[data-v-c53af4b0]>*{min-width:min-content}.fade-enter-active[data-v-c53af4b0],.fade-leave-active[data-v-c53af4b0]{transition:opacity .15s ease}.fade-enter-from[data-v-c53af4b0],.fade-leave-to[data-v-c53af4b0]{opacity:0}.hw-invite-section[data-v-c53af4b0]{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;background:linear-gradient(135deg,#fff5f0,#ffe8e0);border:1px solid rgba(255,107,53,.15);border-radius:var(--hw-radius-sm);flex-shrink:0}.hw-invite-row[data-v-c53af4b0]{display:flex;align-items:center;gap:4px;white-space:nowrap}.hw-invite-icon[data-v-c53af4b0]{color:var(--hw-primary);flex-shrink:0}.hw-invite-text[data-v-c53af4b0]{color:var(--hw-text-secondary);font-size:11px;line-height:1.2}.hw-invite-points[data-v-c53af4b0]{color:var(--hw-primary);font-weight:600;margin:0 1px}.hw-invite-copy-btn[data-v-c53af4b0]{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:2px 10px;font-size:10px;font-weight:500;color:#fff;background:var(--hw-primary);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:nowrap;width:100%}.hw-invite-copy-btn[data-v-c53af4b0]:hover{background:var(--hw-primary-hover)}.hw-invite-info-wrap[data-v-c53af4b0]{position:relative;display:flex;align-items:center;cursor:help}.hw-invite-info-icon[data-v-c53af4b0]{color:var(--hw-text-tertiary);transition:color .2s}.hw-invite-info-wrap:hover .hw-invite-info-icon[data-v-c53af4b0]{color:var(--hw-primary)}.hw-invite-tooltip[data-v-c53af4b0]{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;padding:12px 14px;background:var(--hw-surface);border:1px solid var(--hw-border);border-radius:var(--hw-radius);box-shadow:var(--hw-shadow-lg);z-index:1000}.hw-invite-tooltip-title[data-v-c53af4b0]{font-size:13px;font-weight:600;color:var(--hw-text);margin-bottom:8px}.hw-invite-tooltip-list[data-v-c53af4b0]{margin:0;padding:0 0 0 16px;font-size:12px;color:var(--hw-text-secondary);line-height:1.6}.hw-invite-tooltip-list li[data-v-c53af4b0]{margin-bottom:4px}.hw-invite-tooltip-list li[data-v-c53af4b0]:last-child{margin-bottom:0}.tooltip-fade-enter-active[data-v-c53af4b0],.tooltip-fade-leave-active[data-v-c53af4b0]{transition:opacity .2s ease,transform .2s ease}.tooltip-fade-enter-from[data-v-c53af4b0],.tooltip-fade-leave-to[data-v-c53af4b0]{opacity:0;transform:translateY(-4px)}@media(max-width:1200px){.hw-header-inner[data-v-c53af4b0]{padding:0 16px;gap:10px 20px}.hw-header-right .hw-link[data-v-c53af4b0]{font-size:11px}}@media(max-width:1024px){.hw-header-right .hw-link[data-v-c53af4b0]:not(:first-of-type){display:none}}@media(max-width:900px){.hw-header-inner[data-v-c53af4b0]{padding:0 12px;gap:8px 16px}.hw-logo .hw-logo-suffix[data-v-c53af4b0]{display:none}.hw-logo-brand .hw-logo-text[data-v-c53af4b0]{font-size:16px}.hw-nav-item[data-v-c53af4b0]{padding:6px 10px;font-size:13px}}@media(max-width:1100px){.hw-invite-section[data-v-c53af4b0]{display:none}}@media(max-width:768px){.hw-main[data-v-c53af4b0]{padding:16px}.hw-header-inner[data-v-c53af4b0]{padding:0 12px}}@media(max-width:600px){.hw-header-right .hw-link[data-v-c53af4b0]{display:none}}:root{--hw-primary: #FF6B35;--hw-primary-hover: #FF8555;--hw-primary-active: #FF5722;--hw-primary-bg: rgba(255, 107, 53, .08);--hw-text: #1a1a1a;--hw-text-secondary: #5c5c5c;--hw-text-tertiary: #8a8a8a;--hw-border: #e8e6e3;--hw-border-light: #f0efec;--hw-bg: #ffffff;--hw-bg-page: #f8f7f5;--hw-bg-hover: #faf9f7;--hw-success: #FF6B35;--hw-warning: #d97706;--hw-error: #dc2626;--hw-header-height: 56px;--hw-sidebar-width: 220px;--hw-radius: 10px;--hw-radius-sm: 6px;--hw-radius-lg: 14px;--hw-radius-xl: 20px;--hw-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--hw-shadow: 0 2px 8px rgba(0, 0, 0, .06);--hw-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--hw-shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--hw-shadow-primary: 0 4px 20px rgba(255, 107, 53, .18);--hw-surface: #ffffff;--hw-surface-elevated: #faf9f7;--hw-overlay-bg: rgba(0, 0, 0, .5);--hw-hero-bg-start: #fff5f0;--hw-hero-bg-mid: #ffe8e0;--hw-hero-bg-end: #ffffff;--hw-auth-bg: linear-gradient(165deg, #1a1f2e 0%, #141824 100%);--hw-auth-accent: #FF6B35;--hw-auth-accent-hover: #FF8555;--hw-auth-text: rgba(255, 255, 255, .95);--hw-auth-text-muted: rgba(255, 255, 255, .7);--hw-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--hw-font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--hw-breakpoint-sm: 480px;--hw-breakpoint-md: 768px;--hw-breakpoint-lg: 1024px;--hw-breakpoint-xl: 1400px;--hw-touch-target: 44px;--hw-focus-ring: 2px solid var(--hw-primary);--hw-focus-ring-offset: 2px;--hw-transition-duration: .2s;--hw-transition-ease: cubic-bezier(.4, 0, .2, 1)}:where(button,[type=button],[type=submit],[type=reset],a[href],input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline:none;box-shadow:0 0 0 var(--hw-focus-ring-offset, 2px) var(--hw-bg, #fff),0 0 0 calc(var(--hw-focus-ring-offset, 2px) + 2px) var(--hw-primary, #FF6B35)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){html{font-size:16px}}@media(max-width:1024px){:where(button:not(.hw-user),[type=button],[type=submit],[type=reset],[role=button]){min-height:var(--hw-touch-target, 44px)}}