*{box-sizing:border-box;margin:0;padding:0}html{touch-action:manipulation;-webkit-touch-callout:none}html,body{height:100%}#app,.app-wrapper{flex-direction:column;min-height:100vh;display:flex}:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-bg:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--accent:#8b5cf6;--accent-light:#c4b5fd;--bg:#f8fafc;--card-bg:#fff;--card-bg-secondary:#f8fafc;--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-hover:0 10px 25px -5px #6366f126, 0 8px 10px -6px #00000014;--shadow-lg:0 20px 40px -12px #6366f133;--radius:14px;--radius-sm:8px;--radius-lg:20px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--header-bg:linear-gradient(90deg, #86c7b7 0%, #d8c58b 100%);--sidebar-bg:#fffffff5;--sidebar-border:#b4d4caeb;--sidebar-text:#5f867c;--sidebar-text-active:#41786a;--sidebar-active-bg:linear-gradient(135deg, #edf7f1, #f9f4e5);--table-header-bg:#f8fafc;--input-border:#e2e8f0;--input-bg:#fff;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#6366f1}html.theme-dark{--bg:#0f172a;--card-bg:#1e293b;--card-bg-secondary:#1a2332;--text:#e5e7eb;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#334155;--border-light:#1e293b;--shadow:0 1px 3px #00000059, 0 1px 2px #0000003d;--shadow-hover:0 12px 28px #00000059;--shadow-lg:0 24px 52px #0000006b;--header-bg:linear-gradient(90deg, #2d5a4f 0%, #6b5a3e 100%);--sidebar-bg:#1e293bf5;--sidebar-border:#334155eb;--sidebar-text:#8a9e96;--sidebar-text-active:#86c7b7;--sidebar-active-bg:linear-gradient(135deg, #2d5a4f4d, #6b5a3e4d);--table-header-bg:#1e293b;--input-border:#334155;--input-bg:#1e293b;--panel-soft:#ffffff0a;--panel-strong:#ffffff14;--success-soft:#22c55e1f;--danger-soft:#ef444424;--info-soft:#3b82f624}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}a{color:var(--primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-light)}html.theme-dark .bazi-page,html.theme-dark .ziwei-page,html.theme-dark .meihua-page,html.theme-dark .fengshui-page,html.theme-dark .profile-home,html.theme-dark .reports-page,html.theme-dark .jade-page,html.theme-dark .feedback-page,html.theme-dark .community-page,html.theme-dark .simple-page,html.theme-dark .change-pwd-page{background:var(--bg)!important}html.theme-dark .profile-home .dashboard-card,html.theme-dark .profile-home .stat-card,html.theme-dark .profile-home .coin-card,html.theme-dark .profile-home .quick-link,html.theme-dark .reports-page .overview-card,html.theme-dark .jade-page .quota-card{background:var(--card-bg)!important;border-color:var(--border)!important;color:var(--text)!important}html.theme-dark .bazi-page .panel-card,html.theme-dark .ziwei-page .timeline-panel,html.theme-dark .ziwei-page .result-card,html.theme-dark .meihua-page .panel-card,html.theme-dark .fengshui-page .form-card,html.theme-dark .fengshui-page .result-card{color:var(--text);background:var(--card-bg)!important;border-color:var(--border)!important}html.theme-dark .ziwei-page .history-item,html.theme-dark .ziwei-page .interp-item,html.theme-dark .ziwei-page .daxian-item,html.theme-dark .meihua-page .hexagram-card pre,html.theme-dark .meihua-page .history-item,html.theme-dark .fengshui-page .history-item,html.theme-dark .fengshui-page .followup-msg--assistant .followup-msg-content{background:var(--card-bg-secondary)!important;border-color:var(--border)!important;color:var(--text)!important}html.theme-dark .fengshui-page .pro-item{background:var(--success-soft)!important;color:#86efac!important}html.theme-dark .fengshui-page .con-item{background:var(--danger-soft)!important}html.theme-dark .fengshui-page .suggestion-item{background:var(--info-soft)!important;color:#bfdbfe!important}html.theme-dark .ziwei-page .panel-title,html.theme-dark .ziwei-page .history-item-name,html.theme-dark .ziwei-page .interp-title,html.theme-dark .meihua-page .history-empty__title,html.theme-dark .meihua-page .result-card__head h2,html.theme-dark .meihua-page .hexagram-card strong,html.theme-dark .fengshui-page .result-title,html.theme-dark .fengshui-page .panel-title,html.theme-dark .fengshui-page .history-item-name,html.theme-dark .admin-footer .footer-disclaimer,html.theme-dark .footer-disclaimer{color:var(--text)!important}html.theme-dark .ziwei-page .history-item-meta,html.theme-dark .ziwei-page .history-item-time,html.theme-dark .ziwei-page .interp-text,html.theme-dark .meihua-page .history-item__meta,html.theme-dark .meihua-page .analysis-content,html.theme-dark .fengshui-page .score-label,html.theme-dark .fengshui-page .history-empty-sub,html.theme-dark .el-input__count-inner{color:var(--text-muted)!important;background:0 0!important}html.theme-dark .fengshui-page .history-item-meta,html.theme-dark .fengshui-page .history-item-time{color:var(--text-secondary)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{max-width:1200px;margin:0 auto;padding:0 20px}.waterfall{column-count:3;column-gap:24px}@media (width<=1024px){.waterfall{column-count:2}}@media (width<=640px){.waterfall{column-count:1}}.waterfall-item{break-inside:avoid;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);cursor:pointer;border:1px solid var(--border);margin-bottom:24px;overflow:hidden}.waterfall-item:hover{box-shadow:var(--shadow-hover);border-color:var(--accent-light);transform:translateY(-4px)}.card-cover{object-fit:cover;width:100%;height:200px;display:block}.card-body{padding:20px}.card-body h3{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.card-body p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.quota-upgrade-box{background:linear-gradient(#fffdfa 0%,#fff 100%)!important;border:1px solid #e2e8f0f2!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 28px 64px #0f172a2e!important}.quota-upgrade-box .el-message-box__header{padding:26px 28px 0!important}.quota-upgrade-box .el-message-box__title{letter-spacing:-.02em;color:#1e293b!important;font-size:28px!important;font-weight:800!important}.quota-upgrade-box .el-message-box__headerbtn{top:24px!important;right:24px!important}.quota-upgrade-box .el-message-box__close{color:#94a3b8!important;font-size:18px!important}.quota-upgrade-box .el-message-box__content{padding:18px 28px 0!important}.quota-upgrade-box .el-message-box__message{margin:0!important}.quota-upgrade-box__body{color:#334155}.quota-upgrade-box__badge{color:#92400e;letter-spacing:.04em;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.quota-upgrade-box__headline{color:#0f172a;margin-top:14px;font-size:18px;font-weight:800;line-height:1.35}.quota-upgrade-box__message{color:#64748b;font-size:15px;line-height:1.85;margin:12px 0 0!important}.quota-upgrade-box__panel{background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fde68a;border-radius:20px;gap:14px;margin-top:18px;padding:16px 18px;display:flex}.quota-upgrade-box__panel-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:flex;box-shadow:0 12px 24px #f59e0b3d}.quota-upgrade-box__panel-copy{flex-direction:column;gap:4px;display:flex}.quota-upgrade-box__panel-copy strong{color:#7c2d12;font-size:15px;font-weight:800;line-height:1.4}.quota-upgrade-box__panel-copy span{color:#9a3412;font-size:13px;line-height:1.7}.quota-upgrade-box .el-message-box__btns{gap:12px;padding:22px 28px 28px!important}.quota-upgrade-box .el-message-box__btns .el-button{border-radius:14px!important;height:48px!important;padding:0 22px!important;font-size:15px!important;font-weight:700!important}.quota-upgrade-box .el-message-box__btns .el-button--default{color:#475569!important;background:#fff!important;border-color:#dbe3f0!important}.quota-upgrade-box .el-message-box__btns .el-button--primary{background:linear-gradient(135deg,#5f9f8f,#d2b977)!important;border:none!important;box-shadow:0 14px 28px #5f9f8f3d!important}html.theme-dark .quota-upgrade-box{background:linear-gradient(#162032 0%,#1e293b 100%)!important;border-color:#334155!important}html.theme-dark .quota-upgrade-box .el-message-box__title,html.theme-dark .quota-upgrade-box__headline{color:#f8fafc!important}html.theme-dark .quota-upgrade-box__message{color:#cbd5e1!important}html.theme-dark .quota-upgrade-box__panel{background:linear-gradient(135deg,#92400e38,#78350f2e);border-color:#f59e0b52}html.theme-dark .quota-upgrade-box .el-message-box__btns .el-button--default{color:#e2e8f0!important;background:#1e293b!important;border-color:#475569!important}@media (width<=768px){.quota-upgrade-box{width:calc(100vw - 24px)!important}.quota-upgrade-box .el-message-box__header{padding:22px 20px 0!important}.quota-upgrade-box .el-message-box__content{padding:16px 20px 0!important}.quota-upgrade-box .el-message-box__btns{padding:18px 20px 22px!important}.quota-upgrade-box .el-message-box__btns .el-button{flex:1;width:auto!important;min-width:0!important}}.card-meta{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;font-size:12px;display:flex}.tag{color:var(--primary);background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:6px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.load-more{text-align:center;padding:48px 0}.load-more button{background:var(--primary-bg);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:12px 48px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #6366f14d}.load-more button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.load-more button:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-header{text-align:center;padding:48px 0 32px}.page-header h1{background:var(--primary-bg);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700}.page-header p{color:var(--text-secondary);font-size:15px}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s forwards fadeInUp}@media (width<=640px){.container{padding:0 16px}.page-header h1{font-size:22px}.page-header{padding:32px 0 24px}.page-header p{font-size:14px}.load-more{padding:32px 0}.load-more button{padding:10px 32px;font-size:13px}.el-table{font-size:13px}.el-table .cell{padding:0 8px}.el-form-item{margin-bottom:18px}.el-form-item__label{font-size:13px}.el-button{font-size:14px}.el-dialog{margin:0 auto;width:90%!important}.el-dialog__body{padding:16px}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.hide-mobile{display:none!important}}html.theme-dark .notice-popover.el-popper{background:radial-gradient(circle at 100% 0,#5684e424,#0000 32%),linear-gradient(#1e293ffa 0%,#172031fc 100%)!important;border:1px solid #5c76a86b!important;border-radius:22px!important;box-shadow:0 28px 56px #0000006b!important}html.theme-dark .notice-popover.el-popper .el-popper__arrow:before{background:#1c263afc!important;border:1px solid #5c76a86b!important}html.theme-dark .notice-popover .notification-panel__title{color:#dce9ff!important}html.theme-dark .notice-popover .notification-item{background:linear-gradient(#222f49f5 0%,#1c273cfa 100%)!important;border-color:#546d9e66!important}html.theme-dark .notice-popover .notification-item:hover{background:linear-gradient(#273757fa 0%,#1e2b44fa 100%)!important;border-color:#7698dca8!important;box-shadow:0 18px 32px #00000047!important}html.theme-dark .notice-popover .notification-item strong{color:#eef4ff!important}html.theme-dark .notice-popover .notification-item p{color:#9db0ce!important}html.theme-dark .notice-dialog.el-dialog{background:radial-gradient(circle at 0 0,#537dd829,#0000 30%),linear-gradient(#24324b 0%,#1d293f 100%)!important;border:1px solid #546fa280!important;border-radius:28px!important;box-shadow:0 34px 72px #00000075!important}html.theme-dark .notice-dialog.el-dialog .notice-dialog__body{color:#e8effb!important}html.theme-dark .notice-dialog.el-dialog .notice-dialog__headline-icon{color:#92c0ff!important}html.theme-dark .notice-dialog.el-dialog .notice-dialog__body h3{color:#d8e8ff!important}html.theme-dark .notice-dialog.el-dialog .notice-dialog__close{color:#deeaffb8!important}html.theme-dark .notice-dialog.el-dialog .notice-dialog__close:hover{color:#fff!important;background:#92b5ff1f!important}html.theme-dark .notice-dialog.el-dialog .notice-dialog__time{color:#8ea4c3!important}html.theme-dark .notice-dialog.el-dialog .notice-dialog__body p{color:#e6eefb!important}html.theme-dark .notice-dialog.el-dialog .notice-dialog__button{background:#2f68ea!important;box-shadow:0 18px 32px #2f68ea42!important}html.theme-dark .report-picker-popper.el-popper{background:#1a2a27!important;border-color:#5f9f8f59!important;box-shadow:0 20px 40px #0006!important}html.theme-dark .report-picker-popper.el-popper .el-popper__arrow:before{background:#1a2a27!important;border-color:#5f9f8f59!important}html.theme-dark .report-picker-popper .report-picker-tab{color:#6b9a8a;background:#1a2a27}html.theme-dark .report-picker-popper .report-picker-tab--active{color:#86c7b7;background:#5f9f8f26}html.theme-dark .report-picker-popper .report-picker-item{background:#1a2a27}html.theme-dark .report-picker-popper .report-picker-item:hover{background:#5f9f8f1f}html.theme-dark .report-picker-popper .report-picker-item strong{color:#86c7b7}html.theme-dark .report-picker-popper .report-picker-item span{color:#6b9a8a}html.theme-dark .report-picker-popper .report-picker-empty{color:#5f8a7a}html.theme-dark .el-select-dropdown{background:#1a2a27!important;border:1px solid #5f9f8f59!important}html.theme-dark .el-select-dropdown .el-select-dropdown__item{color:#86c7b7!important}html.theme-dark .el-select-dropdown .el-select-dropdown__item.hover,html.theme-dark .el-select-dropdown .el-select-dropdown__item:hover{background:#5f9f8f1f!important}html.theme-dark .el-select-dropdown .el-select-dropdown__item.selected{font-weight:700;color:#a8d5c8!important;background:#5f9f8f2e!important}html.theme-dark .el-select-dropdown .el-popper__arrow:before{background:#1a2a27!important;border-color:#5f9f8f59!important}html.theme-dark .el-picker-panel{background:#1a2a27!important;border:1px solid #5f9f8f59!important;box-shadow:0 12px 32px #0006!important}html.theme-dark .el-picker-panel .el-date-picker__header-label,html.theme-dark .el-picker-panel .el-date-table th,html.theme-dark .el-picker-panel .el-date-table td.available .el-date-table-cell .el-date-table-cell__text{color:#86c7b7!important}html.theme-dark .el-picker-panel .el-date-table td.available:hover{background:#5f9f8f1f!important}html.theme-dark .el-picker-panel .el-date-table td.current:not(.disabled) .el-date-table-cell .el-date-table-cell__text{color:#fff!important;background:#5f9f8f!important}html.theme-dark .el-picker-panel .el-date-table td.today .el-date-table-cell .el-date-table-cell__text{color:#a8d5c8!important}html.theme-dark .el-picker-panel .el-month-table td .cell,html.theme-dark .el-picker-panel .el-year-table td .cell{color:#86c7b7!important}html.theme-dark .el-picker-panel .el-month-table td.current:not(.disabled) .cell,html.theme-dark .el-picker-panel .el-year-table td.current:not(.disabled) .cell{color:#fff!important;background:#5f9f8f!important}html.theme-dark .el-picker-panel .el-month-table td .cell:hover,html.theme-dark .el-picker-panel .el-year-table td .cell:hover{background:#5f9f8f1f!important}html.theme-dark .el-picker-panel__icon-btn:hover{color:#86c7b7!important}html.theme-dark .el-picker-panel .el-time-spinner__item{color:#6b9a8a!important}html.theme-dark .el-picker-panel .el-time-spinner__item.active:not(.disabled){font-weight:700;color:#86c7b7!important}html.theme-dark .el-picker-panel .el-time-panel__btn.confirm{color:#5f9f8f!important}html.theme-dark .el-picker-panel__footer{border-top-color:#5f9f8f40!important}