:root{--wood: #2D8B5C;--wood-light: #4ADE80;--wood-dark: #1E5F3E;--fire: #E86A33;--fire-light: #FBBF24;--fire-dark: #C4562A;--earth: #C9A84C;--earth-light: #FEF3C7;--earth-dark: #A68A3E;--metal: #E8E8E8;--metal-light: #E2E8F0;--metal-dark: #64748B;--water: #1A3A5C;--water-light: #60A5FA;--water-dark: #0F2540;--primary: #1A3A5C;--primary-light: #2D5A87;--primary-dark: #0F2540;--accent: #C9A84C;--accent-light: #E8D5A3;--accent-dark: #8B7340;--gold: #C9A84C;--gold-light: #FEF3C7;--gold-dark: #A68A3E;--ink: #1A1A2E;--slate: #4A5568;--fog: #F7F8FA;--cloud: #E2E8F0;--white: #FFFFFF;--success: #10B981;--success-light: #34D399;--success-bg: #ECFDF5;--warning: #F59E0B;--warning-light: #FBBF24;--warning-bg: #FFFBEB;--danger: #EF4444;--danger-light: #F87171;--danger-bg: #FEF2F2;--info: #3B82F6;--info-light: #60A5FA;--info-bg: #EFF6FF;--bg: #F7F8FA;--bg-dark: #E2E8F0;--bg-card: #FFFFFF;--bg-sidebar: #1A3A5C;--text: #1A1A2E;--text-light: #4A5568;--text-lighter: #94A3B8;--text-muted: #CBD5E1;--text-inverse: #FFFFFF;--border: #E2E8F0;--border-light: #F1F5F9;--border-dark: #CBD5E1;--shadow: 0 2px 12px rgba(26, 26, 46, .08);--shadow-md: 0 4px 20px rgba(26, 26, 46, .1);--shadow-lg: 0 10px 40px rgba(26, 26, 46, .12);--shadow-gold: 0 4px 20px rgba(201, 168, 76, .3);--shadow-wood: 0 4px 20px rgba(45, 139, 92, .2);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 9999px;--transition: all .2s ease;--transition-slow: all .3s ease;--gradient-wood: linear-gradient(135deg, #2D8B5C 0%, #4ADE80 100%);--gradient-fire: linear-gradient(135deg, #E86A33 0%, #FBBF24 100%);--gradient-earth: linear-gradient(135deg, #C9A84C 0%, #FEF3C7 100%);--gradient-metal: linear-gradient(135deg, #E8E8E8 0%, #F5F5F5 100%);--gradient-water: linear-gradient(135deg, #1A3A5C 0%, #2D6B8F 100%);--gradient-gold: linear-gradient(135deg, #C9A84C 0%, #FEF3C7 100%);--card-bg: var(--bg-card);--card-bg-alt: var(--bg-dark);--text-primary: var(--text);--text-secondary: var(--text-light);--text-muted-color: var(--text-lighter);--border-color: var(--border);--border-color-light: var(--border-light)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;min-height:100vh;background:var(--bg)}.main-content{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s ease;background:var(--bg)}.main-content.sidebar-collapsed{margin-left:60px}.module-content{padding:24px;max-width:1200px;margin:0 auto;width:100%;flex:1}.user-profile-bar{background:linear-gradient(135deg,var(--water-dark) 0%,var(--water) 100%);color:#fff;padding:12px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.1)}.user-profile-bar .profile-title{font-weight:600;color:var(--earth);font-size:.9rem;white-space:nowrap}.user-profile-bar .profile-field{display:flex;align-items:center;gap:6px;font-size:.875rem}.user-profile-bar .profile-field label{color:#fff9;white-space:nowrap}.user-profile-bar .profile-field input,.user-profile-bar .profile-field select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 8px;border-radius:6px;font-size:.875rem;min-width:60px}.user-profile-bar .profile-field input::placeholder{color:#ffffff4d}.user-profile-bar .profile-field input:focus,.user-profile-bar .profile-field select:focus{outline:none;border-color:var(--earth)}.user-profile-bar .profile-btn{background:#c9a84c33;border:1px solid rgba(201,168,76,.4);color:var(--earth);padding:4px 12px;border-radius:6px;cursor:pointer;font-size:.875rem;transition:var(--transition);margin-left:auto}.user-profile-bar .profile-btn:hover{background:#c9a84c4d}.sidebar{width:260px;height:100vh;max-height:100vh;overflow-y:auto;background:#f7fafc;color:#1a2b3c;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;transition:width .3s ease;border-right:1px solid var(--border)}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .sidebar-text,.sidebar.collapsed .sidebar-footer{display:none}.sidebar.collapsed .sidebar-header{padding:16px 10px;text-align:center}.sidebar.collapsed .sidebar-nav{padding:12px 8px;align-items:center}.sidebar.collapsed .sidebar-link{padding:12px;justify-content:center}.sidebar.collapsed .sidebar-icon{width:36px;height:36px}.sidebar-toggle{position:absolute;right:-16px;top:20px;width:32px;height:32px;background:var(--earth);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:101;box-shadow:var(--shadow-gold);transition:transform .2s;color:var(--ink)}.sidebar-toggle:hover{transform:scale(1.1);background:var(--earth-light)}.sidebar.collapsed .sidebar-toggle{right:-16px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#1a3a5c80;z-index:99}.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;width:44px;height:44px;background:linear-gradient(135deg,var(--fog) 0%,var(--white) 100%);border:2px solid rgba(201,168,76,.3);border-radius:12px;color:var(--earth);font-size:1.5rem;cursor:pointer;z-index:98;align-items:center;justify-content:center;box-shadow:var(--shadow)}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border)}.sidebar-header h2{font-size:1.3rem;margin:0;color:var(--water)}.sidebar-header p{font-size:.875rem;color:var(--text-light);margin:4px 0 0}.sidebar-nav{flex:1;padding:8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-category{margin-bottom:4px}.sidebar-category-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:var(--text);cursor:pointer;transition:all .2s;text-align:left;width:100%;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sidebar-category-header:hover{background:#2d6b8f14;color:var(--water)}.sidebar-category-arrow{font-size:.875rem;transition:transform .2s;color:var(--text-lighter)}.sidebar-category-arrow.open{transform:rotate(180deg)}.sidebar-category-items{display:flex;flex-direction:column;gap:2px;padding-left:8px;margin-top:2px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:var(--text);cursor:pointer;transition:all .2s;text-align:left;width:100%}.sidebar-link:hover{background:#2d6b8f14;color:var(--water)}.sidebar-link.active{background:#2d6b8f1f;border:1px solid rgba(45,107,143,.3);color:var(--water)}.sidebar-icon{font-size:1.1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#2d6b8f14;border-radius:6px;flex-shrink:0}.sidebar-link.active .sidebar-icon{background:#2d6b8f26}.sidebar-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sidebar-label{font-size:.875rem;font-weight:600;white-space:nowrap}.sidebar-desc{font-size:.8rem;color:var(--text-light);white-space:nowrap}.sidebar-link.active .sidebar-desc{color:var(--water-light)}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border);font-size:.875rem;color:var(--text-lighter);text-align:center;flex-shrink:0}.header{background:linear-gradient(135deg,var(--water) 0%,var(--water-light) 100%);color:#fff;padding:40px 24px;text-align:center;border-radius:var(--radius);margin-bottom:24px}.header h1{font-size:2rem;margin-bottom:8px}.header p{opacity:.85;font-size:1rem}.card{background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-light);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-dark{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:#fff;border:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);border:none}.btn-primary{background:linear-gradient(135deg,var(--earth),var(--earth-light));color:var(--ink);box-shadow:var(--shadow-gold)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c9a84c66}.btn-secondary{background:linear-gradient(135deg,var(--water),var(--water-light));color:#fff}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1a3a5c4d}.btn-gold{background:linear-gradient(135deg,var(--earth),var(--earth-light));color:var(--ink);box-shadow:var(--shadow-gold)}.btn-outline{background:transparent;border:1.5px solid var(--earth);color:var(--earth)}.btn-outline:hover{border-color:var(--earth-dark);color:var(--earth-dark);background:#c9a84c0d}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--text)}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;transition:var(--transition);background:var(--bg-card);color:var(--text)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #27ae601a}.form-input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:600}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-gold{background:#c9a84c26;color:var(--earth);border:1px solid rgba(201,168,76,.3)}.section{margin-bottom:32px}.section-title{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-subtitle{font-size:1.1rem;font-weight:600;color:var(--text-light);margin-bottom:12px}.score-display{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow)}.score-value{font-size:3rem;font-weight:700;color:var(--earth)}.score-label{font-size:1rem;color:var(--text-light)}.score-bar{width:100%;height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden}.score-bar-fill{height:100%;background:linear-gradient(90deg,var(--wood),var(--earth));border-radius:4px;transition:width 1s ease-out}.report-card{background:var(--bg-card);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);margin-top:24px;border:1px solid var(--border-light)}.report-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border)}.report-card-header h3{font-size:1.4rem;color:var(--primary);margin:0}.report-section-good{background:var(--success-bg);border-radius:var(--radius-sm);padding:20px;margin-bottom:16px;border-left:4px solid var(--success)}.report-section-good h4{color:var(--success);margin-bottom:12px;font-size:1.15rem;display:flex;align-items:center;gap:8px}.report-section-good ul{list-style:none;padding:0;margin:0}.report-section-good li{padding:8px 0;color:var(--text);line-height:1.5;border-bottom:1px solid rgba(39,174,96,.1)}.report-section-good li:last-child{border-bottom:none}.report-section-good li:before{content:"✅";margin-right:8px}.report-section-bad{background:var(--danger-bg);border-radius:var(--radius-sm);padding:20px;margin-bottom:16px;border-left:4px solid var(--danger)}.report-section-bad h4{color:var(--danger);margin-bottom:12px;font-size:1.15rem;display:flex;align-items:center;gap:8px}.report-section-bad ul{list-style:none;padding:0;margin:0}.report-section-bad li{padding:8px 0;color:var(--text);line-height:1.5;border-bottom:1px solid rgba(231,76,60,.1)}.report-section-bad li:last-child{border-bottom:none}.report-section-bad li:before{content:"❌";margin-right:8px}.report-section-recommendations{background:var(--warning-bg);border-radius:var(--radius-sm);padding:20px;border-left:4px solid var(--warning)}.report-section-recommendations h4{color:var(--warning);margin-bottom:12px;font-size:1.15rem;display:flex;align-items:center;gap:8px}.report-section-recommendations ul{list-style:none;padding:0;margin:0}.report-section-recommendations li{padding:8px 0;color:var(--text);line-height:1.5;border-bottom:1px solid rgba(243,156,18,.1)}.report-section-recommendations li:last-child{border-bottom:none}.report-section-recommendations li:before{content:"💡";margin-right:8px}.report-note{font-size:.875rem;color:var(--text-light);margin-top:16px;padding-top:12px;border-top:1px solid var(--border);font-style:italic}.empty-state{text-align:center;padding:60px 20px;font-size:1.5rem;color:var(--text-light);background:var(--bg-card);border-radius:var(--radius);margin:40px auto;box-shadow:var(--shadow)}.footer{text-align:center;padding:24px;color:var(--text-light);font-size:.875rem;border-top:1px solid var(--border);margin-top:auto;background:var(--bg-card)}.dashboard-module{padding:20px;max-width:1200px;margin:0 auto}.welcome-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;padding:48px 32px;border-radius:var(--radius);text-align:center;margin-bottom:32px}.welcome-hero h1{font-size:2.2rem;margin-bottom:12px}.welcome-hero p{font-size:1.1rem;opacity:.85;max-width:600px;margin:0 auto 16px}.period-tag{display:inline-block;background:#d4af3733;border:1px solid rgba(212,175,55,.4);padding:8px 20px;border-radius:20px;font-size:.9rem}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px}.module-card{background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);cursor:pointer;transition:var(--transition);border:2px solid transparent}.module-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.module-card .module-icon{font-size:2.5rem;margin-bottom:12px}.module-card h3{font-size:1.2rem;margin-bottom:8px;color:var(--text)}.module-card p{color:var(--text-light);font-size:.9rem;line-height:1.5}.module-card .module-tag{display:inline-block;margin-top:12px;padding:4px 12px;background:var(--bg);border-radius:12px;font-size:.875rem;font-weight:600;color:var(--accent)}.info-section{background:var(--bg-card);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.info-section h3{margin-bottom:16px;color:var(--text)}.info-section p{color:var(--text-light);line-height:1.7;margin-bottom:12px}.compass-preview{background:var(--bg-card);border-radius:var(--radius);padding:20px;margin:20px 0;text-align:center;box-shadow:var(--shadow)}.compass-preview h3{color:var(--text);margin-bottom:12px}.compass-degrees{font-size:1.5rem;font-weight:700;color:var(--accent);margin-top:8px}.upload-section{display:flex;flex-direction:column;gap:20px}.upload-card{background:var(--bg-card);border-radius:var(--radius);border:2px dashed var(--border);padding:40px;text-align:center;transition:border-color .2s;cursor:pointer}.upload-card:hover{border-color:var(--accent)}.upload-icon{font-size:3rem;margin-bottom:12px}.preview-container{position:relative;display:inline-block}.preview-image{max-width:100%;max-height:400px;border-radius:var(--radius-sm)}.remove-btn{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;background:var(--danger);color:#fff;border:none;font-size:1.2rem;cursor:pointer}.options-panel{background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.direction-selector{margin-bottom:20px}.direction-selector label{display:block;margin-bottom:12px;font-weight:600;color:var(--text)}.direction-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.direction-btn{display:flex;flex-direction:column;align-items:center;padding:12px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;transition:var(--transition)}.direction-btn:hover{border-color:var(--accent)}.direction-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}.dir-chinese{font-size:1.2rem;font-weight:600}.dir-label{font-size:.875rem;opacity:.8}.analysis-type{margin-bottom:20px}.analysis-type label{display:block;margin-bottom:8px;font-weight:600}.analysis-type select{width:100%;padding:12px;border-radius:var(--radius-sm);border:2px solid var(--border);font-size:1rem;background:var(--bg-card);color:var(--text)}.analyze-btn{width:100%;padding:16px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--earth),var(--earth-light));color:var(--ink);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-gold)}.analyze-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c9a84c66}.analyze-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.xuankong-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.results-panel{display:flex;flex-direction:column;gap:24px;margin-top:24px}.score-section{display:flex;justify-content:center}.score-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow)}.score-ring{width:160px;height:160px;position:relative}.score-ring-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;color:var(--primary)}.score-ring-label{font-size:1rem;font-weight:600;color:var(--text-light)}.issues-section{background:var(--bg-card);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.issues-section h3{margin-bottom:20px;font-size:1.3rem}.issues-list{display:flex;flex-direction:column;gap:12px}.issue-card{border-radius:var(--radius-sm);padding:16px;border-left:4px solid}.issue-card.high{background:var(--danger-bg);border-left-color:var(--danger)}.issue-card.medium{background:var(--warning-bg);border-left-color:var(--warning)}.issue-card.low{background:var(--info-bg);border-left-color:var(--info)}.issue-header{display:flex;gap:8px;align-items:center;margin-bottom:8px}.issue-severity{padding:2px 10px;border-radius:4px;font-size:.875rem;font-weight:600;text-transform:uppercase}.issue-card.high .issue-severity{background:var(--danger);color:#fff}.issue-card.medium .issue-severity{background:var(--warning);color:#fff}.issue-card.low .issue-severity{background:var(--info);color:#fff}.issue-area{font-weight:600;color:var(--primary)}.issue-description{color:var(--text);margin-bottom:8px;line-height:1.5}.issue-recommendation{color:var(--accent);font-size:.9rem;font-weight:500}.recommendations-section{background:var(--bg-card);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.recommendations-section h3{margin-bottom:20px;font-size:1.3rem}.recommendations-list{list-style:none;padding:0}.recommendations-list li{padding:12px 16px;border-bottom:1px solid var(--border);line-height:1.5}.recommendations-list li:last-child{border-bottom:none}.recommendations-list li:before{content:"✅";margin-right:8px}.xuankong-intro{text-align:center;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);border-radius:var(--radius);color:#fff}.xuankong-intro h2{color:var(--gold);margin-bottom:12px;font-size:1.5rem}.xuankong-intro p{opacity:.85;margin-bottom:16px;line-height:1.6}.xuankong-year-selector{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0;padding:16px;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow)}.xuankong-year-selector label{font-weight:600;color:var(--text)}.xuankong-year-selector input{padding:10px 16px;border-radius:8px;border:2px solid var(--border);font-size:1rem;width:100px;text-align:center;background:var(--bg-card);color:var(--text)}.xuankong-year-selector input:focus{border-color:var(--gold);outline:2px solid var(--accent);outline-offset:2px}.error-message{background:var(--danger-bg);color:var(--danger);padding:16px 24px;border-radius:var(--radius-sm);margin:16px 0;font-weight:500}.spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-5{margin:24px}.m-6{margin:32px}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.mt-6{margin-top:32px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.mb-6{margin-bottom:32px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:24px}.p-6{padding:32px}@media (max-width: 1023px){.main-content{margin-left:0!important;padding:8px}.main-content.sidebar-collapsed{margin-left:0!important}.module-content{padding:12px!important;max-width:100vw}.header h1{font-size:1.5rem}.direction-buttons{grid-template-columns:repeat(2,1fr)}.modules-grid{grid-template-columns:1fr}.welcome-hero h1{font-size:1.6rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.user-profile-bar{padding:8px 12px;gap:8px;flex-direction:column}}@media (max-width: 767px){.card{padding:16px}.section-title{font-size:1.25rem}.score-value{font-size:2.5rem}.btn{padding:10px 16px;font-size:.9rem}.report-card{padding:16px}.report-section-good,.report-section-bad,.report-section-recommendations{padding:12px}}@media (min-width: 1024px){.sidebar{transform:translate(0)!important;position:fixed!important}.sidebar.collapsed{transform:translate(0)!important;width:60px!important}.mobile-menu-btn,.sidebar-overlay{display:none!important}.main-content{margin-left:260px!important}.main-content.sidebar-collapsed{margin-left:60px!important}}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--bg-dark: #1e293b;--bg-card: #1e293b;--text: #f1f5f9;--text-light: #94a3b8;--text-lighter: #64748b;--border: #334155;--border-light: #1e293b}}@media print{.sidebar,.mobile-menu-btn,.user-profile-bar,.footer{display:none!important}.main-content{margin-left:0!important}.module-content{padding:0!important;max-width:100%!important}}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:8px 16px;z-index:9999;text-decoration:none;font-weight:600;border-radius:0 0 8px;transition:top .2s}.skip-link:focus{top:0;outline:2px solid var(--accent);outline-offset:2px}:focus-visible{outline:2px solid var(--info);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}select,option{color:var(--text);background:var(--bg-card)}select:focus,option:focus{color:var(--text);background:var(--bg-card)}option:checked,option:hover,option:active{color:var(--text);background:var(--bg-dark)}body{-webkit-overflow-scrolling:touch}@media (min-width: 1024px){.sidebar{transform:translate(0)!important;position:fixed!important}.sidebar.collapsed{transform:translate(0)!important;width:60px!important}.sidebar.open{transform:translate(0)!important}.mobile-menu-btn,.sidebar-overlay{display:none!important}.main-content{margin-left:260px!important}.main-content.sidebar-collapsed{margin-left:60px!important}}@media (max-width: 1023px){.sidebar{position:fixed!important;left:0!important;top:0!important;width:260px!important;min-height:100vh!important;transform:translate(-100%)!important;will-change:transform!important;backface-visibility:hidden!important;transition:transform .3s ease!important;pointer-events:none!important;z-index:100!important}.sidebar.open{pointer-events:auto!important;transform:translate(0)!important}.sidebar.collapsed{transform:translate(-100%)!important;will-change:transform!important;backface-visibility:hidden!important;width:260px!important}.sidebar.collapsed.open{transform:translate(0)!important;pointer-events:auto!important}.sidebar.collapsed .sidebar-text,.sidebar.collapsed .sidebar-desc,.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .sidebar-footer{display:flex!important}.sidebar.collapsed .sidebar-icon{width:32px!important;height:32px!important;font-size:1.3rem!important}.sidebar-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#0009!important;z-index:99!important;display:none!important}.sidebar-overlay.open{display:block!important}.mobile-menu-btn{display:flex!important}.main-content{margin-left:0!important;padding:8px;min-width:100vw}.main-content.sidebar-collapsed{margin-left:0!important}.module-content{padding:8px!important;max-width:100vw}.header h1{font-size:1.3rem!important}.header p{font-size:.85rem!important}.modules-grid{grid-template-columns:1fr!important;gap:12px!important}.module-card{padding:16px!important}.module-card .module-icon{font-size:2rem!important}.module-card h3{font-size:1rem!important}.module-card p{font-size:.8rem!important}.user-profile-bar{padding:12px!important;flex-direction:column;gap:8px}.profile-form{flex-direction:column!important;gap:8px!important}.profile-form .form-group{min-width:100%!important}.profile-form input,.profile-form select{padding:10px 12px!important;font-size:16px!important;min-height:44px}.grids-module .module-header h2{font-size:1.4rem!important}.grid-selector{grid-template-columns:1fr!important}.grid-option-btn{padding:12px!important;min-height:44px}.bagua-grid{grid-template-columns:1fr!important}.bagua-card{padding:12px!important}.bagua-chinese{font-size:1.3rem!important}.mountains24-list{grid-template-columns:1fr!important}.mountain24-card{padding:8px 10px!important;font-size:.8rem!important}.loshu-cell{width:60px!important;height:60px!important}.loshu-number{font-size:1.2rem!important}.period9-grid{grid-template-areas:"n" "ne" "e" "se" "s" "sw" "w" "nw" "c"!important;max-width:100%!important}.period9-palace{padding:10px!important}.period9-star,.minggua-module .module-header h2{font-size:1.4rem!important}.kua-display .kua-number{font-size:3rem!important}.directions-grid{grid-template-columns:1fr!important}.direction-card{padding:12px!important}.compatibility-module .module-header h2{font-size:1.4rem!important}.compatibility-details{grid-template-columns:1fr!important}.score-value{font-size:3rem!important}.xuankong-container h2{font-size:1.2rem!important}.chart-cell{min-height:80px!important;padding:8px!important}.star{width:22px!important;height:22px!important}.star-num{font-size:.8rem!important}.cell-direction .dir-chinese{font-size:.9rem!important}.cell-direction .dir-english{font-size:.6rem!important}.date-grid,.settings-grid{grid-template-columns:1fr!important}.setting-item{margin-bottom:12px!important}.footer{padding:12px!important;font-size:.75rem!important}.analyze-btn,.calculate-btn,.export-btn,.reset-btn{min-height:48px!important;font-size:1rem!important;padding:12px 16px!important}.hamburger-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:99}.compass-visualization{transform:scale(.7)!important;transform-origin:center!important}.compass-preview{padding:12px!important}.compass-preview h3{font-size:1rem!important}.compass-degrees{font-size:1.2rem!important}input[type=text],input[type=number],select,textarea{font-size:16px!important;min-height:44px!important;padding:10px 12px!important}.gender-buttons button{min-height:44px!important;font-size:.9rem!important}.direction-buttons{grid-template-columns:repeat(2,1fr)!important}.direction-btn{min-height:44px!important;padding:8px!important;font-size:.8rem!important}.xuankong-year-selector{flex-direction:column!important;gap:8px!important}.xuankong-year-selector input{width:100%!important}.welcome-hero{padding:20px 16px!important}.welcome-hero h1{font-size:1.4rem!important}.welcome-hero p{font-size:.85rem!important}.period-tag{font-size:.8rem!important;padding:6px 12px!important}.info-section{padding:16px!important}.info-section h3{font-size:1.1rem!important}.info-section p{font-size:.85rem!important}.luopan-selector{padding:12px!important}.luopan-circle{width:200px!important;height:200px!important}.luopan-needle{width:100px!important;left:50px!important}.analysis-card{padding:14px!important}.analysis-header{flex-direction:column!important;align-items:flex-start!important}.analysis-actions{flex-direction:column!important}.action-btn{width:100%!important;min-height:44px!important}.monthly-grid{grid-template-columns:1fr!important}.monthly-sector,.chat-messages{padding:12px!important}.chat-input-area{padding:8px!important}.chat-input{font-size:16px!important}.send-btn{min-height:44px!important;min-width:44px!important}.bed-directions-grid{grid-template-columns:1fr!important}.color-grid{grid-template-columns:repeat(2,1fr)!important}.color-card{padding:12px!important}.affliction-grid,.recommendation-grid{grid-template-columns:1fr!important}.room-results,.room-direction-card,.faq-item{padding:12px!important}.faq-item h4{font-size:.95rem!important}.faq-item p{font-size:.85rem!important}.bagua-visual{grid-template-columns:repeat(2,1fr)!important}.upload-area{padding:20px!important}.upload-area p{font-size:.85rem!important}.legend-grid{grid-template-columns:1fr!important}.legend-item{padding:8px!important}.recommendations-list li{padding:8px 0!important;font-size:.85rem!important}}@media (min-width: 480px) and (max-width: 1023px){.sidebar{transform:translate(-100%)!important;pointer-events:none!important;will-change:transform!important;backface-visibility:hidden!important;transition:transform .3s ease!important}.sidebar.open{pointer-events:auto!important;transform:translate(0)!important}.sidebar.collapsed{transform:translate(-100%)!important;pointer-events:none!important;will-change:transform!important;backface-visibility:hidden!important}.mobile-menu-btn{display:flex!important}.main-content{margin-left:0!important;padding:12px}.main-content.sidebar-collapsed{margin-left:0!important}.module-content{padding:12px!important}.header h1{font-size:1.5rem!important}.modules-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.module-card{padding:18px!important}.module-card .module-icon{font-size:2.2rem!important}.module-card h3{font-size:1.05rem!important}.module-card p{font-size:.85rem!important}.user-profile-bar{padding:14px!important}.profile-form{flex-wrap:wrap!important}.profile-form .form-group{min-width:calc(50% - 6px)!important}.grid-selector,.bagua-grid,.mountains24-list{grid-template-columns:repeat(2,1fr)!important}.loshu-cell{width:70px!important;height:70px!important}.loshu-number{font-size:1.4rem!important}.period9-grid{grid-template-areas:"n ne e" "se s sw" "w nw c"!important}.kua-display .kua-number{font-size:3.5rem!important}.directions-grid,.compatibility-details{grid-template-columns:repeat(2,1fr)!important}.score-value{font-size:3.5rem!important}.chart-cell{min-height:100px!important}.settings-grid{grid-template-columns:1fr!important}.compass-visualization{transform:scale(.85)!important}.direction-buttons{grid-template-columns:repeat(3,1fr)!important}.direction-btn{min-height:44px!important}.color-grid,.monthly-grid,.bed-directions-grid,.affliction-grid,.recommendation-grid,.bagua-visual,.legend-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1024px) and (max-width: 1439px){.main-content{margin-left:260px!important}.main-content.sidebar-collapsed{margin-left:60px!important}.module-content{padding:20px!important}.modules-grid{grid-template-columns:repeat(3,1fr)!important}.grid-selector,.bagua-grid{grid-template-columns:repeat(4,1fr)!important}.mountains24-list{grid-template-columns:repeat(3,1fr)!important}.settings-grid{grid-template-columns:repeat(2,1fr)!important}.monthly-grid{grid-template-columns:repeat(3,1fr)!important}.color-grid{grid-template-columns:repeat(4,1fr)!important}.bed-directions-grid{grid-template-columns:repeat(2,1fr)!important}.profile-form .form-group{min-width:calc(25% - 8px)!important}}@media (min-width: 1440px){.main-content{margin-left:260px!important}.main-content.sidebar-collapsed{margin-left:60px!important}.module-content{padding:24px!important;max-width:1200px}.modules-grid,.grid-selector,.bagua-grid{grid-template-columns:repeat(4,1fr)!important}.mountains24-list,.settings-grid,.monthly-grid{grid-template-columns:repeat(3,1fr)!important}.color-grid{grid-template-columns:repeat(4,1fr)!important}.bed-directions-grid{grid-template-columns:repeat(2,1fr)!important}.profile-form .form-group{min-width:calc(20% - 8px)!important}}button,a,input,select,textarea,[role=button]{touch-action:manipulation}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{overflow-x:hidden;-webkit-overflow-scrolling:touch}*{-webkit-tap-highlight-color:transparent}input,select,textarea{-webkit-appearance:none;border-radius:8px}button{-webkit-appearance:none;border:none;background:none}img,svg,video,canvas{max-width:100%;height:auto}:focus-visible{outline:2px solid #3498DB;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media (prefers-color-scheme: dark){:root{--bg: #f5f7fa;--card: #ffffff;--text: #e0e0e0;--text-light: #a0a0a0;--border: #0f3460}}@media print{.sidebar,.hamburger-btn,.user-profile-bar,.footer{display:none!important}.main-content{margin-left:0!important}.module-content{padding:0!important;max-width:100%!important}}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #f5f7fa);border-radius:var(--radius, 12px);padding:40px;width:100%;max-width:420px;box-shadow:var(--shadow, 0 4px 20px rgba(0, 0, 0, .08))}.auth-header{text-align:center;margin-bottom:30px}.auth-icon{width:64px;height:64px;border-radius:50%;background:#d4af371a;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;color:#d4af37}.auth-header h1{font-size:24px;font-weight:700;color:var(--text-primary, #e0e0e0);margin:0 0 8px}.auth-header p{color:var(--text-secondary, #888);margin:0;font-size:14px}.auth-error{background:#e74c3c1a;color:#e74c3c;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary, #e0e0e0);margin-bottom:6px}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #888);font-size:16px}.input-with-icon input{width:100%;padding:12px 12px 12px 40px;background:var(--input-bg, #f5f7fa);border:1px solid var(--border-color, #f5f7fa);border-radius:8px;color:var(--text-primary, #e0e0e0);font-size:14px;transition:border-color .2s}.input-with-icon input:focus{border-color:#d4af37;outline:2px solid var(--accent);outline-offset:2px}.input-with-icon input::placeholder{color:var(--text-secondary, #888)}.auth-btn{width:100%;padding:14px;background:#d4af37;color:#f5f7fa;font-weight:600;font-size:15px;border:none;border-radius:8px;cursor:pointer;transition:background .2s;margin-top:8px}.auth-btn:hover{background:#e5c158}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-links{margin-top:24px;text-align:center}.auth-link{background:none;border:none;color:#d4af37;font-size:14px;cursor:pointer;padding:0;text-decoration:underline}.auth-link:hover{color:#e5c158}@media (max-width: 480px){.auth-card{padding:24px}}.bagua-container{background:var(--card);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);margin-bottom:24px}.bagua-container h3{font-size:1.2rem;color:var(--text);margin-bottom:4px}.bagua-subtitle{color:var(--text-light);font-size:.9rem;margin-bottom:20px}.bagua-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.bagua-cell{border:2px solid;border-radius:var(--radius-sm);padding:16px;transition:transform .2s ease}.bagua-cell:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.bagua-cell-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.bagua-icon{font-size:1.5rem}.bagua-info{display:flex;flex-direction:column}.bagua-label{font-weight:700;font-size:.95rem;color:var(--text);text-transform:capitalize}.bagua-element{font-size:.75rem;color:var(--text-light);text-transform:capitalize}.bagua-score-bar{height:20px;background:var(--border);border-radius:10px;overflow:hidden;position:relative;margin-bottom:10px}.bagua-score-fill{height:100%;border-radius:10px;transition:width .5s ease}.bagua-score-text{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:700;color:var(--text)}.bagua-rooms{display:flex;flex-wrap:wrap;gap:6px}.bagua-room-tag{background:#fffc;padding:4px 8px;border-radius:12px;font-size:.75rem;color:var(--text);font-weight:500}.bagua-room-empty{font-size:.75rem;color:var(--text-light);font-style:italic}.bagua-legend{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--border)}.legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-light)}.legend-color{width:16px;height:16px;border-radius:4px}@media (max-width: 1023px){.bagua-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.bagua-grid{grid-template-columns:1fr}}.fs-report{background:linear-gradient(135deg,#fff,#f5f7fa);border-radius:16px;padding:24px;margin:20px 0;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000014}.fs-report-title{font-size:20px;font-weight:700;color:gold;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid rgba(255,215,0,.2)}.fs-score-card{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:16px;background:#ffffff08;border-radius:12px}.fs-score-circle{width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.fs-score-number{font-size:36px;font-weight:800;line-height:1}.fs-score-text{font-size:12px;font-weight:600;text-transform:uppercase;margin-top:4px}.fs-score-meta{display:flex;gap:8px;flex-wrap:wrap}.fs-meta-tag{padding:6px 14px;border-radius:20px;background:#ffd7001a;color:gold;font-size:12px;font-weight:600;border:1px solid rgba(255,215,0,.2)}.fs-report-section{margin-bottom:20px}.fs-section-title{font-size:16px;font-weight:700;margin:0 0 12px;padding:10px 14px;border-radius:8px}.fs-good .fs-section-title{background:#48bb781a;color:#48bb78}.fs-bad .fs-section-title{background:#f565651a;color:#f56565}.fs-recommendations .fs-section-title{background:#ffd7001a;color:gold}.fs-aspects-list{display:flex;flex-direction:column;gap:10px}.fs-aspect-item{display:flex;gap:12px;padding:14px;border-radius:10px;background:#ffffff08;border-left:4px solid;transition:all .2s}.fs-aspect-item:hover{background:#ffffff0f;transform:translate(4px)}.fs-good-item{border-left-color:#48bb78}.fs-bad-item{border-left-color:#f56565}.fs-aspect-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:#ffffff0d}.fs-aspect-content{flex:1}.fs-aspect-title{font-weight:600;font-size:14px;color:#2c3e50;margin-bottom:4px}.fs-aspect-desc{font-size:13px;color:#fff9;line-height:1.5}.fs-aspect-detail{font-size:12px;color:#ffd700cc;margin-top:6px;padding:6px 10px;background:#ffd7000d;border-radius:6px}.fs-severity{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;margin-top:6px}.fs-severity-high{background:#f5656526;color:#f56565}.fs-severity-medium{background:#fbbf2426;color:#fbbf24}.fs-severity-low{background:#48bb7826;color:#48bb78}.fs-recs-list{display:flex;flex-direction:column;gap:10px}.fs-rec-item{display:flex;gap:12px;padding:14px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,215,0,.1);transition:all .2s}.fs-rec-item:hover{border-color:#ffd7004d;background:#ffd70008}.fs-rec-number{width:28px;height:28px;border-radius:50%;background:#ffd70026;color:gold;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.fs-rec-content{flex:1}.fs-rec-title{font-weight:600;font-size:14px;color:#2c3e50;margin-bottom:4px}.fs-rec-desc{font-size:13px;color:#fff9;line-height:1.5}.fs-rec-action{font-size:12px;color:gold;margin-top:6px;padding:6px 10px;background:#ffd7000d;border-radius:6px}.fs-mini-report{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}.fs-mini-section{background:#ffffff08;border-radius:10px;padding:14px}.fs-mini-section h4{font-size:13px;font-weight:700;margin:0 0 8px;color:gold}.fs-mini-section ul{margin:0;padding-left:16px}.fs-mini-section li{font-size:12px;color:#ffffffb3;margin-bottom:4px;line-height:1.4}@media (max-width: 768px){.fs-report{padding:16px}.fs-score-card{flex-direction:column;text-align:center}.fs-score-circle{width:80px;height:80px}.fs-score-number{font-size:28px}.fs-aspect-item{padding:10px}}.xuankong-container{background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:20px;padding:30px;margin:24px auto;max-width:900px;color:#fff;box-shadow:0 8px 32px #00000014}.xuankong-header{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.xuankong-header h2{font-size:1.6rem;margin-bottom:12px;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.08)}.xuankong-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:12px}.meta-item{background:#ffffff1a;padding:6px 14px;border-radius:20px;font-size:.9rem}.chart-type-badge{display:inline-block;padding:8px 20px;border-radius:20px;font-weight:600;margin-top:8px}.chart-type-badge.good{background:linear-gradient(135deg,#27ae60,#2ecc71)}.chart-type-badge.bad{background:linear-gradient(135deg,#e74c3c,#c0392b)}.chart-type-badge.neutral{background:linear-gradient(135deg,#f39c12,#e67e22)}.xuankong-assessment{background:#ffffff0d;padding:16px;border-radius:12px;margin-bottom:24px;text-align:center;font-size:1rem;line-height:1.6}.xuankong-chart-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.chart-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chart-cell{background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:12px;min-height:140px;display:flex;flex-direction:column;position:relative;transition:all .3s ease}.chart-cell:hover{background:#ffffff1f;transform:translateY(-2px)}.chart-cell.dangerous{border-color:#e74c3c;background:#e74c3c1a}.chart-cell.excellent{border-color:#27ae60;background:#27ae601a}.chart-cell.inauspicious{border-color:#f39c12;background:#f39c120d}.cell-direction{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dir-chinese{font-size:1.4rem;font-weight:700;color:gold}.dir-english{font-size:.7rem;text-transform:capitalize;color:#fff9}.cell-stars{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1}.star{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;border-radius:8px;min-height:50px}.star-label{font-size:.65rem;opacity:.8;margin-bottom:2px}.star-num{font-size:1.3rem;font-weight:700}.mountain-star{grid-column:1}.period-star{grid-column:2}.water-star{grid-column:1;grid-row:2}.annual-star{grid-column:2;grid-row:2}.cell-element{text-align:center;font-size:.75rem;color:#ffffff80;margin-top:6px;text-transform:capitalize}.warning-badge,.good-badge{position:absolute;top:-8px;right:-8px;font-size:1.2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.xuankong-legend{background:#ffffff0d;border-radius:12px;padding:16px;margin-bottom:24px}.xuankong-legend h4{margin-bottom:12px;color:gold}.legend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.legend-star{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-weight:700;font-size:.75rem}.legend-star.mountain{background:#e3f2fd;color:#2196f3}.legend-star.water{background:#e8f5e9;color:#4caf50}.legend-star.period{background:#fff8e1;color:#ff8f00}.legend-star.annual{background:#fbe9e7;color:#ff5722}.legend-colors{display:flex;gap:16px;justify-content:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.color-legend{display:flex;align-items:center;gap:6px;font-size:.8rem}.dot{width:12px;height:12px;border-radius:50%}.dot.dangerous{background:#e74c3c}.dot.excellent{background:#27ae60}.dot.neutral{background:#95a5a6}.palace-details{margin-bottom:24px}.palace-details h3{color:gold;margin-bottom:16px}.palace-list{display:flex;flex-direction:column;gap:10px}.palace-detail-card{background:#ffffff0d;border-radius:10px;padding:14px;border-left:3px solid rgba(255,255,255,.2)}.palace-detail-card.warning{border-left-color:#e74c3c;background:#e74c3c14}.palace-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.detail-direction{font-weight:600;color:gold}.detail-stars{font-size:.85rem;color:#ffffffb3;font-family:monospace}.detail-meaning{font-size:.9rem;line-height:1.5;color:#ffffffd9}.xuankong-recommendations h3{color:gold;margin-bottom:16px}.recommendation-list{display:flex;flex-direction:column;gap:10px}.recommendation-card{background:#ffffff0d;border-radius:10px;padding:14px;border-left:3px solid}.recommendation-card.priority-critical{border-left-color:#e74c3c;background:#e74c3c14}.recommendation-card.priority-important{border-left-color:#f39c12;background:#f39c1214}.recommendation-card.priority-good{border-left-color:#27ae60;background:#27ae6014}.rec-header{display:flex;gap:10px;align-items:center;margin-bottom:8px}.rec-priority{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase}.rec-priority.critical{background:#e74c3c}.rec-priority.important{background:#f39c12}.rec-priority.good{background:#27ae60}.rec-area{font-size:.85rem;color:#ffffffb3;text-transform:capitalize}.rec-action{font-size:.9rem;line-height:1.5;margin-bottom:4px}.rec-avoid{font-size:.85rem;color:#ffffffb3}.xuankong-empty{text-align:center;padding:40px;color:#ffffff80}@media (max-width: 600px){.xuankong-container{padding:16px;margin:12px}.chart-cell{min-height:120px;padding:8px}.dir-chinese,.star-num{font-size:1.1rem}.legend-grid{grid-template-columns:1fr}.xuankong-meta{flex-direction:column;align-items:center}}.luopan-selector{background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:20px;padding:24px;margin:20px auto;max-width:800px;color:#fff}.luopan-selector h3{text-align:center;color:gold;margin-bottom:8px;font-size:1.3rem}.luopan-subtitle{text-align:center;color:#fff9;font-size:.9rem;margin-bottom:20px}.degrees-input{background:#ffffff0d;border-radius:12px;padding:16px;margin-bottom:20px}.degrees-input label{display:block;margin-bottom:8px;font-weight:600;color:#ffffffe6}.input-group{display:flex;align-items:center;gap:8px}.input-group input{flex:1;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1.1rem;text-align:center}.input-group input:focus{outline:none;border-color:gold}.degree-symbol{font-size:1.2rem;color:#fff9}.set-btn{padding:12px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,gold,#ffa000);color:#f5f7fa;font-weight:700;cursor:pointer;transition:transform .2s}.set-btn:hover{transform:translateY(-2px)}.degrees-hint{margin-top:8px;font-size:.8rem;color:#ffffff80}.luopan-circle-container{display:flex;justify-content:center;margin-bottom:20px}.luopan-svg{width:300px;height:300px;max-width:100%}.mountain-point{cursor:pointer;transition:all .2s}.mountain-point:hover circle{r:4;filter:brightness(1.3)}.mountain-point.selected circle{stroke:gold;stroke-width:1;filter:drop-shadow(0 0 4px #FFD700)}.mountain-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.mountain-btn{display:flex;flex-direction:column;align-items:center;padding:10px 8px;border-radius:10px;border:2px solid transparent;background:#ffffff0d;color:#fff;cursor:pointer;transition:all .2s;gap:2px}.mountain-btn:hover{background:#ffffff1a;border-color:var(--element-color, rgba(255, 255, 255, .3))}.mountain-btn.selected{background:#ffd70026;border-color:gold;box-shadow:0 0 12px #ffd70033}.m-name{font-size:1.2rem;font-weight:700}.m-pinyin{font-size:.7rem;color:#fff9}.m-deg{font-size:.7rem;color:#ffffff80}.m-element{font-size:.65rem;padding:2px 6px;border-radius:4px;background:#ffffff1a}.selected-info{background:#ffd7001a;border-radius:10px;padding:12px;text-align:center;border:1px solid rgba(255,215,0,.3)}.selected-info strong{color:gold}@media (max-width: 600px){.mountain-list{grid-template-columns:repeat(3,1fr)}.luopan-svg{width:250px;height:250px}.input-group{flex-direction:column}.set-btn{width:100%}}.advanced-analysis{background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:20px;padding:24px;margin:24px auto;max-width:900px;color:#fff}.advanced-analysis h3{text-align:center;color:gold;margin-bottom:20px;font-size:1.4rem}.analysis-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;justify-content:center}.analysis-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fffc;font-size:.85rem;cursor:pointer;transition:all .2s}.analysis-tab:hover{background:#ffffff1a}.analysis-tab.active{background:#ffd70033;border-color:gold;color:gold}.tab-icon{font-size:1rem}.analysis-content{min-height:200px}.loading-spinner{text-align:center;padding:40px;font-size:1.2rem;color:#fff9}.afflictions-panel{display:flex;flex-direction:column;gap:16px}.affliction-card{background:#ffffff0d;border-radius:12px;padding:20px;border-left:4px solid}.affliction-card.danger{border-left-color:#e74c3c;background:#e74c3c14}.affliction-card.warning{border-left-color:#f39c12;background:#f39c1214}.affliction-card.caution{border-left-color:#3498db;background:#3498db14}.affliction-card h4{margin-bottom:8px;font-size:1.1rem}.affliction-direction{font-size:1.4rem;font-weight:700;color:gold;margin-bottom:4px}.affliction-desc{color:#ffffffb3;margin-bottom:12px}.affliction-advice{background:#0003;border-radius:8px;padding:12px;font-size:.9rem}.affliction-advice ul{margin:8px 0;padding-left:20px}.affliction-advice li{margin-bottom:4px}.full-advice{background:#ffffff0d;border-radius:12px;padding:16px}.full-advice h4{color:gold;margin-bottom:10px}.full-advice pre{white-space:pre-wrap;font-size:.85rem;line-height:1.6;color:#ffffffd9}.hetu-panel{display:flex;flex-direction:column;gap:20px}.hetu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hetu-card{background:#ffffff0d;border-radius:10px;padding:14px;text-align:center}.hetu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hetu-dir{font-weight:600;text-transform:capitalize}.hetu-number{font-size:1.5rem;font-weight:700;color:gold}.hetu-element{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block;margin-bottom:6px;background:var(--el-color, #666);color:#fff}.hetu-luoshu{font-size:.8rem;color:#fff9;margin-bottom:4px}.hetu-balance{font-size:.8rem;color:#ffffffb3}.hetu-legend{background:#ffffff0d;border-radius:12px;padding:16px}.hetu-legend h4{color:gold;margin-bottom:10px}.hetu-legend ul{list-style:none;padding:0}.hetu-legend li{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1)}.hetu-legend li:last-child{border-bottom:none}.sanhe-panel{display:flex;flex-direction:column;gap:20px}.sanhe-group{background:#ffffff0d;border-radius:12px;padding:20px;text-align:center}.sanhe-group.water{border:2px solid #2196F3}.sanhe-group.metal{border:2px solid #9E9E9E}.sanhe-group.fire{border:2px solid #FF5722}.sanhe-group.wood{border:2px solid #4CAF50}.sanhe-group h3{margin-bottom:8px}.element-tag{display:inline-block;padding:4px 16px;border-radius:20px;font-weight:600;margin-bottom:12px}.animals{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.animal{background:#ffffff1a;padding:6px 14px;border-radius:20px;font-size:.9rem}.directions{display:flex;justify-content:center;gap:8px}.dir-tag{padding:4px 12px;border-radius:8px;background:#ffffff1a;font-size:.85rem;text-transform:capitalize}.dir-tag.active{background:gold;color:#f5f7fa;font-weight:700}.group-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.group-card{background:#ffffff0d;border-radius:10px;padding:14px;text-align:center}.group-card h5{margin-bottom:8px;color:gold}.five-ghosts-panel{display:flex;flex-direction:column;gap:16px}.ghosts-header{text-align:center;margin-bottom:10px}.ghosts-header h4{color:gold;margin-bottom:8px}.ghosts-method{color:#ffffffb3;font-size:.9rem}.ghosts-config{display:flex;flex-direction:column;gap:10px;background:#ffffff0d;border-radius:12px;padding:16px}.config-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.config-item:last-child{border-bottom:none}.config-label{color:#ffffffb3}.config-value{font-weight:600;text-transform:capitalize}.config-value.highlight{color:gold;font-size:1.1rem}.activation-advice,.ghosts-warnings{background:#ffffff0d;border-radius:12px;padding:16px}.activation-advice h5,.ghosts-warnings h5{margin-bottom:10px;color:gold}.activation-advice ul,.ghosts-warnings ul{padding-left:20px}.activation-advice li,.ghosts-warnings li{margin-bottom:6px;line-height:1.5}.ghosts-warnings{border-left:3px solid #E74C3C}.dagua-panel{display:flex;flex-direction:column;align-items:center}.dagua-reading{text-align:center;max-width:500px}.dagua-reading h4{color:gold;margin-bottom:20px}.hexagram-display{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px}.gua-card{background:#ffffff0d;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px}.gua-trigram{font-size:2.5rem}.gua-name{font-weight:600;font-size:1rem}.gua-position{font-size:.75rem;color:#fff9}.gua-combiner{font-size:.9rem;color:#ffffff80;text-transform:uppercase}.combined-meaning{background:#ffd7001a;border-radius:12px;padding:20px;margin-bottom:16px;border:1px solid rgba(255,215,0,.2)}.combined-meaning h5{color:gold;margin-bottom:8px;font-size:1.1rem}.combined-meaning p{line-height:1.6;color:#ffffffe6}.yao-advice{background:#ffffff0d;border-radius:12px;padding:16px}.yao-advice h5{color:gold;margin-bottom:8px}@media (max-width: 1023px){.advanced-analysis{padding:16px;margin:12px}.analysis-tabs{flex-direction:column}.analysis-tab{width:100%;justify-content:center}.hetu-grid{grid-template-columns:repeat(2,1fr)}.group-list{grid-template-columns:1fr}.hexagram-display{flex-direction:column}.gua-combiner{transform:rotate(90deg)}}.compass-visualization{margin:20px auto;position:relative}.compass-visualization svg{display:block}.mountain-label{cursor:pointer}.mountain-text{font-size:12px;font-weight:600;fill:#2c3e50}.mountain-label.selected .mountain-text{fill:#e74c3c;font-size:14px;font-weight:700}.mountain-label.yin .mountain-text{fill:#7f8c8d}.mountain-label.yang .mountain-text{fill:#2c3e50}.trigram-text{font-size:18px;font-weight:700;fill:#2c3e50}.cardinal-label{font-family:Arial,sans-serif}.compass-needle{filter:drop-shadow(2px 2px 2px rgba(0,0,0,.08))}@media (max-width: 1023px){.compass-visualization{transform:scale(.8);transform-origin:center}}.user-profile-bar{background:linear-gradient(135deg,#f5f7fa,#fff);color:#fff;padding:10px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.1);min-height:48px}.user-profile-bar.expanded{flex-direction:column;align-items:stretch;padding:16px 20px}.user-profile-bar .profile-title{font-weight:600;color:gold;font-size:.9rem;white-space:nowrap}.user-profile-bar .profile-summary{color:#ffffffb3;font-size:.8rem;flex:1}.user-profile-bar .profile-btn{background:#ffd70026;border:1px solid rgba(255,215,0,.3);color:gold;padding:5px 14px;border-radius:8px;cursor:pointer;font-size:.8rem;transition:all .2s;font-weight:500}.user-profile-bar .profile-btn:hover{background:#ffd70040}.user-profile-bar .profile-btn.save{background:#27ae6033;border-color:#27ae6066;color:#27ae60}.user-profile-bar .profile-btn.save:hover{background:#27ae604d}.user-profile-bar .profile-btn.cancel{background:#e74c3c26;border-color:#e74c3c4d;color:#e74c3c}.user-profile-bar .profile-btn.cancel:hover{background:#e74c3c40}.profile-form{display:flex;flex-direction:column;gap:12px;width:100%}.profile-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-label{color:#fff9;font-size:.8rem;min-width:100px}.profile-field{display:flex;align-items:center;gap:4px}.profile-field label{color:#fff9;font-size:.75rem}.profile-field input,.profile-field select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:5px 8px;border-radius:6px;font-size:.8rem;min-width:50px}.profile-field input::placeholder{color:#ffffff4d}.profile-field input:focus,.profile-field select:focus{outline:none;border-color:gold}.profile-field.full-name input{min-width:200px}.profile-separator{color:#fff6;font-weight:600}.profile-actions{display:flex;gap:10px;margin-top:4px;justify-content:flex-end}.profile-field.error input,.profile-field.error select{border-color:#e74c3c;background:#e74c3c1a}.error-msg{color:#e74c3c;font-size:.7rem;margin-left:6px;font-weight:500}@media (max-width: 1023px){.user-profile-bar{padding:8px 12px;gap:6px}.profile-row{gap:6px}.profile-label{min-width:auto;width:100%;margin-bottom:2px}.profile-field input,.profile-field select{min-width:60px;padding:4px 6px;font-size:.75rem}.profile-field.full-name input{min-width:150px;width:100%}.profile-actions{justify-content:center}}.pwa-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;max-width:400px;width:calc(100% - 40px);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.pwa-prompt-content{background:var(--card-bg, #1e1e2e);border:2px solid #d4af37;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 32px #0006}.pwa-prompt-icon{font-size:40px;flex-shrink:0}.pwa-prompt-text{flex:1}.pwa-prompt-text h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.pwa-prompt-text p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.pwa-prompt-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.pwa-prompt-install{padding:10px 20px;border-radius:8px;background:#d4af37;color:#f5f7fa;font-weight:600;border:none;cursor:pointer;font-size:14px;white-space:nowrap}.pwa-prompt-install:hover{background:#e5c158}.pwa-prompt-dismiss{padding:8px 16px;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:12px;border:none;cursor:pointer}.pwa-prompt-dismiss:hover{color:var(--text-primary)}@media (max-width: 480px){.pwa-prompt-content{flex-direction:column;text-align:center;padding:16px}.pwa-prompt-actions{flex-direction:row;justify-content:center;width:100%}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.spinner-ring{display:inline-block;position:relative;width:40px;height:40px}.spinner-ring div{box-sizing:border-box;display:block;position:absolute;width:32px;height:32px;margin:4px;border:3px solid #FFD700;border-radius:50%;animation:spinner-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#FFD700 transparent transparent transparent}.spinner-ring div:nth-child(1){animation-delay:-.45s}.spinner-ring div:nth-child(2){animation-delay:-.3s}.spinner-ring div:nth-child(3){animation-delay:-.15s}@keyframes spinner-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-message{color:#ffffffb3;font-size:.9rem;margin:0}.loading-spinner.small .spinner-ring{width:24px;height:24px}.loading-spinner.small .spinner-ring div{width:20px;height:20px;margin:2px;border-width:2px}.loading-spinner.large .spinner-ring{width:64px;height:64px}.loading-spinner.large .spinner-ring div{width:56px;height:56px;margin:4px;border-width:4px}.loading-overlay-container{position:relative}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#1a1a2ecc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px}.btn-loading{display:inline-flex;align-items:center;gap:8px}.btn-loading:after{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#fff);padding:20px}.error-content{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;text-align:center;max-width:500px;width:100%}.error-content h2{color:gold;margin:0 0 12px;font-size:1.5rem}.error-content p{color:#ffffffb3;margin:0 0 24px;font-size:.95rem}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.reload-btn,.reset-btn{padding:12px 24px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.reload-btn{background:linear-gradient(135deg,gold,#f39c12);color:#f5f7fa}.reload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.reset-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.reset-btn:hover{background:#ffffff26}.error-details{margin-top:24px;text-align:left}.error-details summary{color:#ffffff80;cursor:pointer;font-size:.8rem}.error-details pre{background:#00000014;padding:12px;border-radius:8px;color:#e74c3c;font-size:.75rem;overflow-x:auto;margin-top:8px}.skeleton{background:linear-gradient(90deg,var(--bg-dark) 25%,var(--border-light) 50%,var(--bg-dark) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-title{height:24px;width:40%;margin-bottom:16px}.skeleton-card{height:120px;border-radius:var(--radius)}.skeleton-circle{width:80px;height:80px;border-radius:50%}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.small{width:24px;height:24px;border-width:2px}.loading-spinner.large{width:64px;height:64px;border-width:5px}.loading-text{color:var(--text-light);font-size:1rem;font-weight:500}.loading-subtext{color:var(--text-lighter);font-size:.85rem}.loading-pulse{display:flex;gap:8px;align-items:center;justify-content:center;padding:40px}.loading-pulse-dot{width:12px;height:12px;background:var(--accent);border-radius:50%;animation:pulse-dot 1.4s ease-in-out infinite}.loading-pulse-dot:nth-child(2){animation-delay:.2s}.loading-pulse-dot:nth-child(3){animation-delay:.4s}@keyframes pulse-dot{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite;color:#fff}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px}.error-icon{font-size:4rem;margin-bottom:8px}.error-title{font-size:1.3rem;font-weight:600;color:var(--danger)}.error-message{color:var(--text-light);max-width:400px;line-height:1.6}.error-retry-btn{margin-top:8px;padding:10px 24px;background:var(--danger);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition)}.error-retry-btn:hover{background:var(--danger-light);transform:translateY(-2px)}.inline-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);font-size:.9rem;margin:8px 0}.inline-error-icon{font-size:1.2rem;flex-shrink:0}.warning-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--warning-bg);border-left:4px solid var(--warning);border-radius:var(--radius-sm);margin:16px 0}.warning-banner-icon{font-size:1.5rem;flex-shrink:0}.warning-banner-text{color:var(--text);line-height:1.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;gap:20px}.empty-state-icon{font-size:5rem;opacity:.5;margin-bottom:8px}.empty-state-title{font-size:1.5rem;font-weight:600;color:var(--text)}.empty-state-description{color:var(--text-light);max-width:400px;line-height:1.6;font-size:1rem}.empty-state-action{margin-top:8px}.empty-state-mini{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center;gap:12px;color:var(--text-lighter)}.empty-state-mini-icon{font-size:2.5rem;opacity:.4}.success-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center;gap:16px}.success-icon{font-size:4rem;color:var(--success)}.success-title{font-size:1.3rem;font-weight:600;color:var(--success)}.success-message{color:var(--text-light)}.toast-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);border-left:4px solid var(--info);min-width:300px;max-width:400px;animation:toast-slide-in .3s ease}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.warning{border-left-color:var(--warning)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{font-size:1.5rem;flex-shrink:0}.toast-content{flex:1}.toast-title{font-weight:600;margin-bottom:4px}.toast-message{font-size:.9rem;color:var(--text-light)}.toast-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-lighter);padding:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:var(--bg-card);border-radius:var(--radius);padding:28px;max-width:500px;width:100%;box-shadow:var(--shadow-lg);animation:modal-appear .2s ease}@keyframes modal-appear{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:1.3rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-lighter)}.tooltip{position:relative;display:inline-block}.tooltip-text{visibility:hidden;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--primary-dark);color:#fff;padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem;white-space:nowrap;z-index:10;opacity:0;transition:opacity .2s}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.progress-bar{width:100%;height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:4px;transition:width .3s ease}.progress-steps{display:flex;gap:8px;margin:16px 0}.progress-step{flex:1;height:4px;background:var(--border);border-radius:2px}.progress-step.active{background:var(--accent)}.progress-step.completed{background:var(--success)}@media (max-width: 1023px){.empty-state{padding:40px 16px}.empty-state-icon{font-size:3.5rem}.empty-state-title{font-size:1.2rem}.loading-container{padding:40px 16px}.loading-spinner{width:40px;height:40px}.error-container{padding:40px 16px}.error-icon{font-size:3rem}.toast-container{left:16px;right:16px;top:16px}.toast{min-width:auto;max-width:100%}.modal{padding:20px;margin:16px}}@media (max-width: 767px){.empty-state{padding:32px 12px}.empty-state-icon{font-size:3rem}.loading-spinner.large{width:48px;height:48px}.error-title{font-size:1.1rem}.error-message{font-size:.9rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .4s ease-in}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in-down{animation:fadeInDown .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInLeft .4s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .4s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .3s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bounce-in{animation:bounceIn .6s ease-out}.stagger-children>*{opacity:0;animation:fadeInUp .4s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s ease-in-out}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow)}}.glow{animation:glow 2s ease-in-out infinite}.result-card{animation:fadeInUp .4s ease-out}.result-card:nth-child(2){animation-delay:.1s}.result-card:nth-child(3){animation-delay:.2s}.result-card:nth-child(4){animation-delay:.3s}.result-card:nth-child(5){animation-delay:.4s}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.grid-cell{animation:popIn .3s ease-out}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.number-animate{animation:countUp .5s ease-out}@media (max-width: 767px){.fade-in-up{animation:fadeInUp .3s ease-out}.slide-in-left{animation:slideInLeft .3s ease-out}.slide-in-right{animation:slideInRight .3s ease-out}}.emoji,.empty-state-icon,.error-icon,.success-icon,.warning-banner-icon,.toast-icon,.inline-error-icon,.loading-text:before,.module-title [role=img],.section-title [role=img],.reading-title [role=img],.hexagram-symbol-large,.trigram-symbol-large,.element-icon-large,.element-icon{font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji","Android Emoji",EmojiSymbols,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media (max-width: 767px){.emoji,.empty-state-icon,.error-icon,.success-icon,.hexagram-symbol-large,.trigram-symbol-large,.element-icon-large{line-height:1.4;overflow:visible}.empty-state-icon,.error-icon,.success-icon{font-size:3.5rem}.hexagram-symbol-large,.trigram-symbol-large{font-size:2.5rem}.element-icon-large{font-size:3rem}}.emoji-wrap{display:inline-flex;align-items:center;justify-content:center;min-width:1.2em}.page-transition-enter{opacity:0;transform:translateY(10px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .2s ease}.reveal{opacity:0;transform:translateY(15px);transition:opacity .4s ease,transform .4s ease}.reveal.visible{opacity:1;transform:translateY(0)}.card-stagger>*{opacity:0;transform:translateY(20px);animation:cardStagger .4s ease forwards}.card-stagger>*:nth-child(1){animation-delay:.05s}.card-stagger>*:nth-child(2){animation-delay:.1s}.card-stagger>*:nth-child(3){animation-delay:.15s}.card-stagger>*:nth-child(4){animation-delay:.2s}.card-stagger>*:nth-child(5){animation-delay:.25s}.card-stagger>*:nth-child(6){animation-delay:.3s}.card-stagger>*:nth-child(7){animation-delay:.35s}.card-stagger>*:nth-child(8){animation-delay:.4s}@keyframes cardStagger{to{opacity:1;transform:translateY(0)}}.expandable{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0}.expandable.open{max-height:2000px;opacity:1}.btn-press:active{transform:scale(.96);transition:transform .1s ease}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0}.ripple:active:after{width:200%;height:200%;opacity:1;transition:0s}.shimmer{background:linear-gradient(90deg,var(--bg-dark) 0%,var(--border-light) 50%,var(--bg-dark) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px var(--accent-glow);transition:box-shadow .2s ease}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-lighter)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}