:root{--primary-color: #8590d8;--primary-dark: #6b75bf;--primary-light: #b0b8e8;--secondary-color: #a882b8;--accent-pink: #d4a0b8;--accent-coral: #dba8a8;--accent-gold: #c8a050;--bg-dark: #14161d;--bg-card: #1c1e26;--bg-card-hover: #262832;--bg-elevated: #202228;--text-primary: rgba(255, 250, 248, .92);--text-secondary: rgba(200, 190, 195, .85);--text-muted: rgba(150, 140, 148, .7);--gold: #d4af37;--gold-light: #f0e6c8;--gradient-primary: linear-gradient(135deg, #8590d8 0%, #a882b8 50%, #d4a0b8 100%);--gradient-warm: linear-gradient(135deg, #a882b8 0%, #d4a0b8 50%, #dba8a8 100%);--gradient-subtle: linear-gradient(135deg, rgba(133, 144, 216, .12) 0%, rgba(168, 130, 184, .08) 100%);--gradient-dark: linear-gradient(180deg, #14161d 0%, #1c1e26 100%);--gradient-card: linear-gradient(145deg, rgba(32, 34, 42, .8) 0%, rgba(28, 30, 38, .9) 100%);--gradient-glow: radial-gradient(ellipse at center, rgba(180, 160, 190, .12) 0%, transparent 70%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .18);--shadow-md: 0 4px 16px rgba(0, 0, 0, .22);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .32);--shadow-glow: 0 0 20px rgba(180, 160, 190, .2);--shadow-glow-warm: 0 0 20px rgba(212, 160, 184, .18);--shadow-inset: inset 0 1px 0 rgba(255, 252, 250, .04);--border-subtle: 1px solid rgba(255, 252, 250, .05);--border-light: 1px solid rgba(255, 252, 250, .08);--border-primary: 1px solid rgba(180, 160, 190, .25);--font-display: "Cinzel", "Noto Serif SC", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #b4a0be40}50%{box-shadow:0 0 40px #b4a0be73}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:500;border-radius:var(--radius-full);transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #b4a0be66}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid rgba(180,160,190,.3)}.btn-secondary:hover{background:#b4a0be1a;border-color:#b4a0be80}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.stars-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:-1}.stars-bg:before,.stars-bg:after{content:"";position:absolute;width:100%;height:100%}.stars-bg:before{background:radial-gradient(ellipse at center,#1c1a22,#12111a)}.stars-bg:after{background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 160px 120px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 230px 80px,white,transparent),radial-gradient(2px 2px at 300px 150px,rgba(255,255,255,.7),transparent);background-repeat:repeat;background-size:350px 350px;animation:float 20s ease-in-out infinite}.page{min-height:100vh;background:var(--bg-dark);position:relative}.page-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.page-bg:before{content:"";position:absolute;top:0;right:0;width:60%;height:60%;background:radial-gradient(ellipse at top right,rgba(200,170,190,.045) 0%,transparent 55%)}.page-container{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:0 var(--spacing-lg)}.nav-back{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:all var(--transition-fast);z-index:100}.nav-back svg{width:16px;height:16px}.nav-back:hover{background:#ffffff0f;color:var(--text-primary);border-color:#ffffff1f}.page-header{text-align:center;padding:calc(var(--spacing-3xl) + 24px) 0 var(--spacing-xl)}.page-header h1{font-size:1.75rem;font-weight:400;color:var(--text-primary);letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0}.page-header p{font-size:.9rem;color:var(--text-muted);margin:0}.card{background:#1f2129cc;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}.card:hover{border-color:#ffffff1a}.card.card-active{border-color:#b4a0be66;background:#b4a0be0d}.menu-list{background:#1f212999;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);overflow:hidden}.menu-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:background var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.04)}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#ffffff08}.menu-item-icon{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.menu-item-icon svg{width:100%;height:100%}.menu-item-content{flex:1;min-width:0}.menu-item-title{display:block;font-size:.95rem;color:var(--text-primary);margin-bottom:2px}.menu-item-desc{display:block;font-size:.8rem;color:var(--text-muted)}.menu-item-arrow{width:16px;height:16px;color:#fff3;flex-shrink:0}.menu-item-arrow svg{width:100%;height:100%}.menu-divider{height:8px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.04)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.95rem;font-weight:500;color:var(--text-secondary);margin:0}.section-title-icon{width:18px;height:18px;color:var(--text-muted)}.section-title-icon svg{width:100%;height:100%}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.form-input,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:all var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:#b4a0be80;background:#ffffff0f}.form-input::placeholder{color:var(--text-muted)}.form-select option{background:var(--bg-card)}.btn-group{display:flex;gap:var(--spacing-sm)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:10px 18px;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.btn-icon svg{width:14px;height:14px}.btn-ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-primary)}.btn-accent{background:linear-gradient(135deg,#8590d8,#a882b8);border:none;color:#fff;box-shadow:0 2px 8px #a882b840}.btn-accent:hover{background:linear-gradient(135deg,#95a0e0,#b892c8);box-shadow:0 4px 12px #a882b859;transform:translateY(-1px)}.btn-danger{background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444cc}.btn-danger:hover{background:#ef44441a;border-color:#ef444480}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-lg)}.empty-state-title{font-size:.95rem;color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0}.empty-state-desc{font-size:.8rem;color:var(--text-muted);margin:0}.tip-box{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:#b4a0be0f;border:1px solid rgba(180,160,190,.12);border-radius:var(--radius-md)}.tip-box-icon{width:18px;height:18px;color:#b4a0be99;flex-shrink:0;margin-top:1px}.tip-box-icon svg{width:100%;height:100%}.tip-box p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}.page-footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) 0;font-size:.75rem;color:var(--text-muted)}.page-footer .dot{width:3px;height:3px;background:#fff3;border-radius:50%}.page-footer a{color:var(--text-muted);transition:color var(--transition-fast)}.page-footer a:hover{color:var(--text-secondary)}@media(max-width:768px){html{font-size:14px}.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}.page-container{padding:0 var(--spacing-md)}.nav-back{top:var(--spacing-md);left:var(--spacing-md)}.page-header{padding-top:calc(var(--spacing-2xl) + 40px)}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#13151cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.04)}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-2xl)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;transition:transform var(--transition-normal)}.logo:hover{transform:scale(1.02)}.logo-icon{width:24px;height:24px;color:#b4a0c8cc;display:flex;align-items:center;justify-content:center}.logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:400;letter-spacing:.15em;color:#ffffffe6}.nav{display:flex;align-items:center;gap:var(--spacing-2xl)}.nav-link{position:relative;font-size:.9rem;color:#ffffff80;text-decoration:none;letter-spacing:.05em;font-weight:400;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:#ffffffe6}.action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#1f212999;border:1px solid rgba(160,157,175,.15);border-radius:var(--radius-full);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all var(--transition-normal)}.action-btn:hover{background:#b4a0be1f;border-color:#b4a0be4d;color:var(--text-primary)}.action-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.action-text{font-size:.9rem}.menu-toggle{display:none;width:28px;height:28px;position:relative;background:none;border:none;cursor:pointer;padding:0}.hamburger{position:absolute;top:50%;left:0;width:100%;height:2px;background:var(--text-primary);transition:background var(--transition-normal)}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--text-primary);transition:transform var(--transition-normal)}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.hamburger.open{background:transparent}.hamburger.open:before{transform:translateY(8px) rotate(45deg)}.hamburger.open:after{transform:translateY(-8px) rotate(-45deg)}.sub-nav-container{background:#13151cbf;border-bottom:1px solid rgba(255,255,255,.04)}.sub-nav{display:flex;align-items:center;justify-content:center;gap:4px;max-width:1400px;margin:0 auto;padding:6px var(--spacing-2xl)}.sub-nav-link{position:relative;padding:8px 16px;font-size:.8rem;color:#ffffff73;text-decoration:none;letter-spacing:.03em;font-weight:400;transition:all .2s ease;border-radius:100px}.sub-nav-link:hover{color:#ffffffb3;background:#ffffff0a}.sub-nav-link.active{color:#ffffffe6;background:#ffffff14}.quota-display{display:flex;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-md);background:#b4a0be26;border:1px solid rgba(180,160,190,.25);border-radius:var(--radius-full);font-size:.85rem;color:var(--text-secondary);cursor:default}.quota-icon{font-size:.9rem}.quota-text{font-weight:500;color:var(--text-primary)}.login-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:#fffc;font-size:.85rem;font-weight:400;cursor:pointer;transition:all .2s ease}.login-btn:hover{background:#ffffff1a;border-color:#ffffff26;color:#fffffff2}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.login-icon svg{width:100%;height:100%}.login-text{font-size:.85rem}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;background:#b4a0be26;border:1px solid rgba(180,160,190,.25);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal)}.user-btn:hover{background:#b4a0be40;border-color:#b4a0be66}.user-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-name{font-size:.85rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition-normal)}.dropdown-arrow.open{transform:rotate(180deg)}.user-menu-overlay{position:fixed;inset:0;z-index:999}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#1e202afa;border:1px solid rgba(160,157,175,.15);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease}.dropdown-header{padding:var(--spacing-md) var(--spacing-lg);background:#b4a0be14}.dropdown-email{font-size:.8rem;color:var(--text-muted);word-break:break-all}.dropdown-divider{height:1px;background:#a09daf1a}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all var(--transition-normal);cursor:pointer;background:none;border:none;width:100%;text-align:left}.dropdown-item:hover{background:#b4a0be1a;color:var(--text-primary)}.dropdown-item svg{width:18px;height:18px;flex-shrink:0}.dropdown-item.logout{color:#f87171}.dropdown-item.logout:hover{background:#f871711a;color:#ef4444}@media(max-width:768px){.header-container{padding:var(--spacing-sm) var(--spacing-lg)}.logo-text{font-size:1.25rem;letter-spacing:.15em}.logo-icon{width:24px;height:24px}.nav{position:fixed;inset:60px 0 0;flex-direction:column;justify-content:flex-start;padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-lg);background:#181a22fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(100%);transition:transform var(--transition-normal)}.nav-open{transform:translate(0)}.nav-link{font-size:1.25rem;padding:var(--spacing-sm) 0}.action-btn{padding:var(--spacing-sm) var(--spacing-md)}.action-text{display:none}.action-icon{width:20px;height:20px}.quota-display{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.quota-icon{font-size:.8rem}.login-btn{padding:var(--spacing-xs) var(--spacing-md)}.login-text{display:none}.login-icon{width:20px;height:20px}.user-name{display:none}.user-btn{padding:4px}.menu-toggle{display:block}.sub-nav-container{position:relative;z-index:999}.sub-nav{padding:0 var(--spacing-sm);gap:2px;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.sub-nav::-webkit-scrollbar{display:none}.sub-nav-link{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem;white-space:nowrap;flex-shrink:0;min-width:fit-content}}@media(max-width:480px){.header-container{padding:var(--spacing-sm) var(--spacing-md)}.logo-text{font-size:1.1rem}.logo-icon{width:20px;height:20px}.action-btn{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.sub-nav{padding:0 var(--spacing-xs);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.sub-nav-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;overflow:visible}}.footer{background:linear-gradient(180deg,var(--bg-dark) 0%,#0a0a14 100%);border-top:1px solid rgba(102,126,234,.1);padding:4rem 0 2rem;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-logo{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.footer-logo .logo-icon{font-size:1.5rem}.footer-logo .logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-desc{color:var(--text-muted);font-size:.9rem;line-height:1.7}.footer-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1.25rem}.footer-section ul{display:flex;flex-direction:column;gap:.75rem}.footer-section a{color:var(--text-muted);font-size:.9rem;transition:color var(--transition-fast)}.footer-section a:hover{color:var(--primary-light)}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);text-align:center}.footer-bottom p{color:var(--text-muted);font-size:.85rem}.footer-disclaimer{margin-top:.5rem;font-size:.8rem!important;opacity:.7}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1 / -1;max-width:100%;text-align:center}.footer-logo{justify-content:center}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr;text-align:center}.footer-section ul{align-items:center}}.quick-birthday-input{width:100%}.quick-birthday-input .input-row{display:flex;gap:12px;margin-bottom:14px}.quick-birthday-input .input-field{display:flex;flex-direction:column;gap:6px;flex:1}.quick-birthday-input .input-field label{font-size:.75rem;color:#fff9;font-weight:500}.quick-birthday-input .input-field select,.quick-birthday-input .input-field input{width:100%;padding:10px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:.9rem;transition:all .2s ease;appearance:none;-webkit-appearance:none}.quick-birthday-input .input-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.quick-birthday-input .input-field select:focus,.quick-birthday-input .input-field input:focus{outline:none;border-color:#b4a0be80;background:#ffffff14}.quick-birthday-input .input-field input::placeholder{color:#ffffff59}.quick-birthday-input .input-field select option{background:#1e202d;color:#fff}.quick-birthday-input .date-row .input-field{flex:1}.quick-birthday-input .shichen-field{flex:2!important}.quick-birthday-input .gender-field{flex:1.5!important}.quick-birthday-input .gender-buttons{display:flex;gap:8px}.quick-birthday-input .gender-btn{flex:1;padding:10px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .2s ease}.quick-birthday-input .gender-btn:hover{background:#ffffff1a}.quick-birthday-input .gender-btn.active{background:#b4a0be33;border-color:#b4a0be66;color:#b4a0be}.quick-birthday-input .place-field{flex:1!important}.quick-birthday-input .input-error{margin:0 0 12px;padding:8px 12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;font-size:.8rem}.quick-birthday-input .submit-btn{width:100%;padding:12px 24px;background:linear-gradient(135deg,#b4a0be,#b48cff);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 12px #b4a0be4d}.quick-birthday-input .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #b4a0be66}.quick-birthday-input .submit-btn:disabled{opacity:.6;cursor:not-allowed}.quick-birthday-input .input-hint{margin:10px 0 0;font-size:.75rem;color:#ffffff73;text-align:center}.quick-birthday-input.inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.quick-birthday-input.inline .input-row{margin-bottom:0;flex-wrap:nowrap}.quick-birthday-input.inline .date-row{flex:1;min-width:200px}.quick-birthday-input.inline .input-field select,.quick-birthday-input.inline .input-field input{padding:8px 10px;font-size:.85rem}.quick-birthday-input.inline .submit-btn{padding:8px 20px;font-size:.85rem;flex-shrink:0}.quick-birthday-input.inline .input-hint{width:100%;margin-top:8px}.quick-birthday-input.inline .input-error{width:100%;order:10;margin:8px 0 0}.quick-birthday-input.mode-bazi .bazi-row{flex-wrap:wrap}.quick-birthday-input.mode-astrology .time-row{max-width:200px}@media(max-width:600px){.quick-birthday-input .input-row{flex-wrap:wrap}.quick-birthday-input .date-row .input-field{flex:1 1 30%}.quick-birthday-input .bazi-row{flex-direction:column}.quick-birthday-input .shichen-field,.quick-birthday-input .gender-field{flex:1!important;width:100%}.quick-birthday-input.inline{flex-direction:column;align-items:stretch}.quick-birthday-input.inline .date-row,.quick-birthday-input.inline .submit-btn{width:100%}}.guest-prompt-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#1e202dfa,#282a3afa);border-top:1px solid rgba(180,160,190,.3);box-shadow:0 -4px 20px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.prompt-content{display:flex;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:14px 20px}.prompt-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#b4a0be33,#b48cff33);border-radius:10px;color:#b4a0be}.prompt-icon svg{width:20px;height:20px}.prompt-text{flex:1;min-width:0}.prompt-main{font-size:.95rem;color:#fffffff2;margin:0;line-height:1.4}.prompt-sub{font-size:.8rem;color:#fff9;margin:4px 0 0;line-height:1.4}.prompt-sub .highlight{color:#b4a0be;font-weight:500}.prompt-benefits{display:flex;gap:8px;flex-shrink:0}.benefit-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#b4a0be26;border:1px solid rgba(180,160,190,.25);border-radius:20px;font-size:.75rem;color:#a8b4e8}.benefit-tag svg{width:12px;height:12px}.prompt-action{flex-shrink:0;padding:10px 24px;background:linear-gradient(135deg,#b4a0be,#b48cff);border:none;border-radius:24px;color:#fff;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 12px #b4a0be4d}.prompt-action:hover{transform:translateY(-2px);box-shadow:0 4px 16px #b4a0be66}.prompt-dismiss{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#fff6;cursor:pointer;transition:all .2s ease}.prompt-dismiss:hover{background:#ffffff1a;color:#ffffffb3}.prompt-dismiss svg{width:16px;height:16px}@media(max-width:768px){.prompt-content{flex-wrap:wrap;gap:12px;padding:12px 16px}.prompt-icon{display:none}.prompt-text{flex:1 1 100%;order:1}.prompt-main{font-size:.9rem}.prompt-sub{display:none}.prompt-benefits{order:3;flex:1;justify-content:center}.prompt-action{order:2;padding:8px 20px;font-size:.85rem}.prompt-dismiss{position:absolute;top:8px;right:8px;width:28px;height:28px}}@media(max-width:480px){.prompt-content{padding:10px 12px 14px}.prompt-benefits{display:none}.prompt-text{padding-right:30px}}.home-page{min-height:100vh;display:flex;flex-direction:column;position:relative;background:var(--bg-dark);font-size:16px;line-height:1.75;color:var(--text-primary)}.bg-effects{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(150px);opacity:.5;animation:floatOrb 40s ease-in-out infinite}.orb-1{width:1000px;height:1000px;background:radial-gradient(circle,rgba(200,170,190,.2) 0%,rgba(180,150,175,.08) 50%,transparent 70%);top:-400px;left:-300px}.orb-2{width:800px;height:800px;background:radial-gradient(circle,rgba(190,160,180,.18) 0%,rgba(180,150,175,.06) 50%,transparent 70%);top:40%;right:-300px;animation-delay:-15s}.orb-3{width:900px;height:900px;background:radial-gradient(circle,rgba(185,155,178,.15) 0%,rgba(175,145,170,.06) 50%,transparent 70%);bottom:-200px;left:20%;animation-delay:-25s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(80px,-80px) scale(1.1)}50%{transform:translate(-60px,60px) scale(.9)}75%{transform:translate(40px,30px) scale(1.05)}}.stars-layer{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 10% 5%,rgba(255,248,245,.35),transparent),radial-gradient(3px 3px at 30% 15%,rgba(255,248,245,.25),transparent),radial-gradient(2px 2px at 50% 8%,rgba(255,248,245,.28),transparent),radial-gradient(3px 3px at 70% 20%,rgba(255,248,245,.22),transparent),radial-gradient(2px 2px at 90% 12%,rgba(255,248,245,.25),transparent),radial-gradient(2px 2px at 20% 35%,rgba(255,248,245,.18),transparent),radial-gradient(3px 3px at 60% 40%,rgba(255,248,245,.22),transparent),radial-gradient(2px 2px at 80% 45%,rgba(255,248,245,.25),transparent),radial-gradient(2px 2px at 15% 60%,rgba(255,248,245,.22),transparent),radial-gradient(3px 3px at 45% 70%,rgba(255,248,245,.18),transparent),radial-gradient(2px 2px at 75% 65%,rgba(255,248,245,.25),transparent),radial-gradient(2px 2px at 95% 80%,rgba(255,248,245,.22),transparent);animation:twinkle 8s ease-in-out infinite}.main-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#14161de0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,252,250,.04)}.header-content{max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-2xl);display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.logo-icon{width:28px;height:28px;color:var(--secondary-color)}.logo-icon svg{width:100%;height:100%}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:.2em;color:var(--text-primary)}.header-nav{display:flex;gap:var(--spacing-2xl)}.nav-link{font-size:1rem;color:var(--text-muted);text-decoration:none;letter-spacing:.1em;transition:all var(--transition-normal);position:relative}.nav-link:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.header-actions{display:flex;gap:var(--spacing-md)}.action-btn{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#1f212999;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all var(--transition-normal);white-space:nowrap}.action-btn:hover{background:#b4a0be1a;border-color:#b4a0be40;color:var(--text-primary)}.action-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.action-icon svg{width:100%;height:100%}.portal-section{position:relative;z-index:1;padding:140px 40px 80px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px}.home-portal{position:relative;z-index:1;padding:100px 60px 40px;min-height:calc(100vh - 70px);display:flex;align-items:center}.portal-layout{display:flex;gap:60px;width:100%;max-width:1400px;margin:0 auto;align-items:stretch}.portal-left{flex:0 0 380px;display:flex;align-items:center}.smart-ask-box{width:100%;height:100%;min-height:380px;padding:var(--spacing-2xl) var(--spacing-xl);background:#1c1e26f2;border:1px solid rgba(180,160,190,.25);border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow-lg),0 0 60px #b4a0be0f,inset 0 1px #fffcfa0a}.ask-title{font-size:1.45rem;font-weight:500;color:var(--text-primary);letter-spacing:.08em;margin:0 0 var(--spacing-xl) 0;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.3)}.ask-input-wrapper{width:100%;margin-bottom:20px}.ask-textarea{width:100%;min-height:120px;padding:var(--spacing-lg) var(--spacing-xl);background:#14161ef2;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;line-height:1.7;outline:none;resize:vertical;transition:all var(--transition-normal);font-family:inherit}.ask-textarea::placeholder{color:var(--text-muted);line-height:1.7}.ask-textarea:focus{border-color:#b4a0be66;box-shadow:var(--shadow-glow);background:#14161e}.ask-input-row{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.ask-input{width:100%;padding:20px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.ask-input::placeholder{color:#ffffff59}.ask-input:focus{border-color:#b4a0be66;box-shadow:0 0 20px #b4a0be1a}.ask-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:1.05rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md),var(--shadow-glow)}.ask-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #b4a0be1f}.ask-hint{font-size:.82rem;color:var(--text-secondary);margin:0;line-height:1.6;text-align:center}.portal-right{flex:1;display:flex;flex-direction:column;gap:24px}.category-title-compact{font-size:.92rem;font-weight:600;color:var(--primary-light);margin:0 0 var(--spacing-md) 0;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 20px rgba(168,180,232,.2)}.category-title-compact.eastern{color:var(--gold-light);text-shadow:0 0 20px rgba(232,201,168,.2)}.service-row{display:flex;gap:16px}.service-card-compact{flex:1;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.service-card-compact:hover{transform:translateY(-4px);border-color:#b4a0be59;background:#b4a0be1a;box-shadow:var(--shadow-lg),var(--shadow-glow)}.service-card-compact.eastern:hover{border-color:#c9a85566;background:#c9a85514;box-shadow:var(--shadow-md)}.service-icon-small{width:44px;height:44px;color:var(--primary-light);flex-shrink:0;filter:drop-shadow(0 0 8px rgba(180,160,190,.2))}.service-icon-small svg{width:100%;height:100%;stroke-width:1.4}.service-icon-small.text-icon{font-family:var(--font-body);font-size:1.8rem;display:flex;align-items:center;justify-content:center;color:var(--gold-light)}.service-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.service-title-compact{font-size:1.08rem;font-weight:500;color:var(--text-primary);letter-spacing:.02em}.service-desc-compact{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.more-services-compact{padding-top:var(--spacing-md);margin-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.06)}.more-links-compact{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.more-link-compact{padding:var(--spacing-sm) var(--spacing-md);background:#1f21298c;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:all var(--transition-normal)}.more-link-compact:hover{background:#b4a0be1a;border-color:#b4a0be40;color:var(--text-primary)}.service-category{margin-bottom:0}.portal-main{width:100%;max-width:700px}.main-card{position:relative;padding:48px;background:linear-gradient(145deg,#b496c814,#667eea0d);border:1px solid rgba(180,150,200,.2);border-radius:32px;cursor:pointer;transition:all .4s ease;overflow:hidden}.main-card:hover{border-color:#b496c866;transform:translateY(-5px);box-shadow:0 30px 80px #b496c826}.card-bg-effect{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(180,150,200,.15) 0%,transparent 60%);opacity:0;transition:opacity .4s ease}.main-card:hover .card-bg-effect{opacity:1}.card-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.card-icon-wrap{width:72px;height:72px;color:#c4b5fde6;filter:drop-shadow(0 0 30px rgba(180,150,200,.4))}.card-icon-wrap svg{width:100%;height:100%;stroke-width:1.2}.card-content h2{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.1em}.card-content>p{font-size:1.1rem;color:var(--text-muted);margin:0}.card-input-area{display:flex;gap:12px;width:100%;max-width:480px;margin-top:12px}.quick-input{flex:1;padding:var(--spacing-md) var(--spacing-xl);background:#181a22cc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;outline:none;transition:all var(--transition-normal)}.quick-input::placeholder{color:var(--text-muted)}.quick-input:focus{border-color:#b4a0be80;box-shadow:var(--shadow-glow)}.start-btn{padding:var(--spacing-md) var(--spacing-2xl);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.start-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.quick-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;margin-top:var(--spacing-sm)}.quick-tags span{padding:var(--spacing-sm) var(--spacing-md);background:#1f212980;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all var(--transition-normal)}.quick-tags span:hover{background:#b4a0be1f;border-color:#b4a0be4d;color:var(--text-primary)}.portal-secondary{display:flex;gap:24px;width:100%;max-width:900px}.secondary-card{flex:1;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:#1f212980;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-normal)}.secondary-card:hover{background:#b4a0be1a;border-color:#b4a0be4d;transform:translateY(-3px)}.card-icon-small{width:48px;height:48px;color:var(--primary-light);flex-shrink:0}.card-icon-small svg{width:100%;height:100%;stroke-width:1.3}.card-icon-small.bazi-text{font-family:var(--font-body);font-size:2rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-info{flex:1}.card-info h3{font-size:1.15rem;font-weight:500;color:var(--text-primary);margin:0 0 4px}.card-info p{font-size:.9rem;color:var(--text-muted);margin:0}.card-arrow{font-size:1.5rem;color:#fff3;transition:all var(--transition-normal)}.secondary-card:hover .card-arrow{color:var(--primary-color);transform:translate(5px)}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:.9rem;margin-top:var(--spacing-xl)}.scroll-arrow{width:24px;height:24px;color:var(--text-muted);animation:bounce 2s ease-in-out infinite}.scroll-arrow svg{width:100%;height:100%}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.section{position:relative;z-index:1;padding:100px 0;overflow:hidden}.section-bg{position:absolute;inset:0;z-index:-1}.section-content{max-width:1600px;margin:0 auto;padding:0 60px}.section-header{display:flex;align-items:center;gap:24px;margin-bottom:60px}.section-icon{width:60px;height:60px;color:var(--primary-light);filter:drop-shadow(0 0 20px rgba(180,160,190,.4));display:flex;align-items:center;justify-content:center}.section-icon svg{width:100%;height:100%;stroke-width:1.2}.section-icon.bazi-icon{font-family:var(--font-body);font-size:2.5rem;color:var(--primary-light);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-titles{flex:1}.home-page .section-title{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;letter-spacing:.05em}.section-desc{font-size:1.1rem;color:var(--text-muted);margin:0}.section-enter{font-size:1.1rem;color:var(--primary-light);text-decoration:none;padding:var(--spacing-sm) var(--spacing-xl);border:1px solid rgba(180,160,190,.35);border-radius:var(--radius-full);transition:all var(--transition-normal);white-space:nowrap}.section-enter:hover{color:var(--text-primary);background:#b4a0be26;border-color:#b4a0be80;box-shadow:var(--shadow-glow)}.tarot-section{background:linear-gradient(180deg,transparent 0%,rgba(180,150,200,.03) 50%,transparent 100%)}.tarot-bg{background:radial-gradient(ellipse at 30% 50%,rgba(180,150,200,.08) 0%,transparent 60%)}.tarot-main{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:60px;margin-bottom:80px}.tarot-daily{display:flex;flex-direction:column;align-items:center;gap:24px}.daily-card-stack{position:relative;width:180px;height:270px;cursor:pointer}.stack-card{position:absolute;width:100%;height:100%;border-radius:16px;background:linear-gradient(145deg,#3c3250cc,#28233ce6);border:1px solid rgba(180,150,200,.2)}.stack-card:nth-child(1){transform:rotate(-8deg) translate(-15px);opacity:.5}.stack-card:nth-child(2){transform:rotate(-4deg) translate(-8px);opacity:.7}.daily-card-main{position:absolute;width:100%;height:100%;border-radius:16px;background:linear-gradient(145deg,#b496c840,#667eea33);border:2px solid rgba(180,150,200,.4);display:flex;align-items:center;justify-content:center;transition:all .5s ease;box-shadow:0 20px 60px #0006,0 0 40px #b496c833}.daily-card-stack:hover .daily-card-main{transform:translateY(-15px) scale(1.05);box-shadow:0 30px 80px #00000080,0 0 60px #b496c84d}.card-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.card-glyph{width:64px;height:64px;color:#b496c8e6;filter:drop-shadow(0 0 20px rgba(180,150,200,.5))}.card-glyph svg{width:100%;height:100%}.card-text{font-size:1.1rem;color:#e4e2ebd9;font-weight:500}.card-hint{font-size:.85rem;color:#a09daf80}.daily-info{text-align:center}.daily-info h3{font-size:1.3rem;color:#e4e2eb;margin:0 0 8px}.daily-info p{font-size:.95rem;color:#a09dafb3;margin:0}.tarot-spreads{display:flex;flex-direction:column;gap:24px}.spreads-title{font-size:1.3rem;color:#e4e2ebcc;margin:0}.tarot-floating{position:relative;min-height:350px;background:transparent;border:none;overflow:visible;-webkit-user-select:none;user-select:none}.floating-container{position:relative;width:100%;height:350px;transition:transform .05s ease-out}.floating-bubble{position:absolute;padding:6px 0;background:transparent;border:none;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:8px}.floating-bubble:hover{transform:scale(1.08);z-index:10}.floating-bubble:hover .bubble-text{color:#b496c8;text-shadow:0 0 20px rgba(180,150,200,.5)}.floating-bubble.is-hot .bubble-text{color:#e4e2ebe6}.bubble-text{font-size:.95rem;color:#a09dafb3;transition:all .3s ease}.hot-tag{font-size:.65rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.floating-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:.8rem;color:#a09daf66;pointer-events:none}.tarot-birthday{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.birthday-visual{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.birthday-icon{width:48px;height:48px;z-index:1;color:#c4b5fde6}.birthday-icon svg{width:100%;height:100%}.birthday-rings{position:absolute;inset:0}.birthday-rings .ring{position:absolute;inset:0;border:2px solid rgba(180,150,200,.2);border-radius:50%;animation:ringPulse 3s ease-in-out infinite}.birthday-rings .ring:nth-child(2){inset:-15px;animation-delay:1.5s}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.2}}.tarot-birthday h3{font-size:1.3rem;color:#e4e2eb;margin:0}.tarot-birthday p{font-size:.95rem;color:#a09dafb3;margin:0}.birthday-input-group{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.birthday-input{padding:14px 18px;background:#181a22cc;border:1px solid rgba(160,157,175,.2);border-radius:12px;color:#e4e2eb;font-size:1rem;outline:none;transition:all .3s ease}.birthday-input::placeholder{color:#a09daf80}.birthday-input:focus{border-color:#b496c880;box-shadow:0 0 20px #b496c826}.birthday-btn{padding:14px 24px;background:linear-gradient(135deg,#b496c8cc,#667eeacc);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.birthday-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #b496c866}.tarot-questions{border-top:1px solid rgba(160,157,175,.1);padding-top:60px}.questions-title{font-size:1.3rem;color:#e4e2ebcc;margin:0 0 32px;text-align:center}.questions-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.question-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background:#1f212980;border:1px solid rgba(160,157,175,.1);border-radius:16px;cursor:pointer;transition:all .3s ease}.question-btn:hover{background:#b4a0be1f;border-color:#b4a0be59;transform:translateY(-5px)}.question-icon{width:32px;height:32px;color:#c4b5fdd9}.question-icon svg{width:100%;height:100%}.question-text{font-size:.95rem;color:#e4e2ebcc;text-align:center}.astro-section{background:linear-gradient(180deg,transparent 0%,rgba(102,126,234,.03) 50%,transparent 100%)}.astro-bg{background:radial-gradient(ellipse at 70% 50%,rgba(102,126,234,.08) 0%,transparent 60%)}.astro-main{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:60px;margin-bottom:80px;align-items:start}.astro-chart-area{display:flex;flex-direction:column;align-items:center;gap:24px}.chart-visual{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}.chart-ring{position:absolute;border:2px solid rgba(180,150,200,.25);border-radius:50%}.ring-1{width:100%;height:100%;animation:rotate 40s linear infinite}.ring-2{width:75%;height:75%;animation:rotate 30s linear infinite reverse}.ring-3{width:50%;height:50%;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-center{z-index:1}.sun-symbol{font-size:3.5rem;color:#ffc864e6;filter:drop-shadow(0 0 25px rgba(255,200,100,.5))}.zodiac-ring{position:absolute;width:100%;height:100%}.zodiac-mark{position:absolute;font-size:1.3rem;left:50%;top:50%;transform:rotate(var(--angle)) translateY(-130px) rotate(calc(-1 * var(--angle)));opacity:.7}.zodiac-mark.fire{color:#f87171}.zodiac-mark.earth{color:#a3e635}.zodiac-mark.air{color:#38bdf8}.zodiac-mark.water{color:#818cf8}.chart-hint{font-size:1rem;color:#a09daf99}.astro-form-area{display:flex;flex-direction:column;gap:24px}.astro-form-area h3{font-size:1.3rem;color:#e4e2eb;margin:0}.astro-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full{grid-column:1 / -1}.form-group label{font-size:.9rem;color:#a09dafb3}.astro-input{padding:14px 18px;background:#181a22cc;border:1px solid rgba(160,157,175,.2);border-radius:12px;color:#e4e2eb;font-size:1rem;outline:none;transition:all .3s ease}.astro-input:focus{border-color:#667eea80;box-shadow:0 0 20px #667eea26}.astro-submit{padding:16px 32px;background:linear-gradient(135deg,#667eeacc,#b496c8cc);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:8px}.astro-submit:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea66}.astro-planets{display:flex;flex-direction:column;gap:20px}.astro-planets h3{font-size:1.3rem;color:#e4e2eb;margin:0}.planets-list{display:flex;flex-direction:column;gap:12px}.planet-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#1f212966;border-radius:12px;transition:all .3s ease}.planet-item:hover{background:#1f2129b3}.planet-symbol{font-size:1.5rem;width:40px;text-align:center;color:#ffc864cc}.planet-name{font-size:1rem;color:#e4e2ebd9;flex:1}.planet-meaning{font-size:.9rem;color:#a09daf99}.astro-zodiac{border-top:1px solid rgba(160,157,175,.1);padding-top:60px}.zodiac-title{font-size:1.3rem;color:#e4e2ebcc;margin:0 0 32px;text-align:center}.zodiac-list{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.zodiac-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:#1f212966;border:1px solid rgba(160,157,175,.1);border-radius:16px;cursor:pointer;transition:all .3s ease}.zodiac-item:hover{transform:translateY(-5px)}.zodiac-item.fire:hover{background:#f8717126;border-color:#f8717166}.zodiac-item.earth:hover{background:#a3e63526;border-color:#a3e63566}.zodiac-item.air:hover{background:#38bdf826;border-color:#38bdf866}.zodiac-item.water:hover{background:#818cf826;border-color:#818cf866}.zodiac-item .zodiac-symbol{font-size:1.8rem}.zodiac-item .zodiac-name{font-size:.95rem;color:#e4e2ebcc}.zodiac-item .zodiac-date{font-size:.75rem;color:#a09daf80}.bazi-section{background:linear-gradient(180deg,transparent 0%,rgba(180,100,140,.03) 50%,transparent 100%)}.bazi-bg{background:radial-gradient(ellipse at 30% 50%,rgba(180,100,140,.06) 0%,transparent 60%)}.bazi-main{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:60px;margin-bottom:60px;align-items:start}.bazi-pillars-area{display:flex;flex-direction:column;align-items:center;gap:24px}.pillars-display{display:flex;gap:20px}.pillar{display:flex;flex-direction:column;align-items:center;gap:12px}.pillar-label{font-size:1rem;color:#a09dafb3}.pillar-box{width:70px;height:140px;background:#1f212980;border:1px solid rgba(160,157,175,.15);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.pillar-box.highlight{border-color:#b496c866;background:#b496c81a}.tiangan,.dizhi{font-size:1.8rem;color:#b496c899;font-family:"Noto Serif SC",serif}.pillar-note{font-size:.8rem;color:#b496c8b3}.pillars-hint{font-size:1rem;color:#a09daf99}.bazi-form-area{display:flex;flex-direction:column;gap:24px}.bazi-form-area h3{font-size:1.3rem;color:#e4e2eb;margin:0}.bazi-form{display:flex;flex-direction:column;gap:24px}.bazi-inputs-row{display:flex;gap:16px}.bazi-input-group{flex:1;display:flex;flex-direction:column;gap:8px}.bazi-input-group label{font-size:.9rem;color:#a09dafb3}.bazi-input-group input{padding:14px;background:#181a22cc;border:1px solid rgba(160,157,175,.2);border-radius:12px;color:#e4e2eb;font-size:1.1rem;text-align:center;outline:none;transition:all .3s ease}.bazi-input-group input:focus{border-color:#b496c880;box-shadow:0 0 20px #b496c826}.bazi-gender{display:flex;align-items:center;gap:16px}.bazi-gender label{font-size:.9rem;color:#a09dafb3}.gender-options{display:flex;gap:12px}.gender-btn{padding:10px 24px;background:#1f212999;border:1px solid rgba(160,157,175,.15);border-radius:8px;color:#e4e2ebb3;font-size:1rem;cursor:pointer;transition:all .3s ease}.gender-btn.active{background:#b4a0be33;border-color:#b4a0be80;color:#e4e2eb}.bazi-submit{padding:16px 32px;background:linear-gradient(135deg,#b4648ccc,#b496c8cc);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.bazi-submit:hover{transform:translateY(-3px);box-shadow:0 12px 35px #b496c866}.bazi-wuxing{display:flex;flex-direction:column;align-items:center;gap:24px}.bazi-wuxing h3{font-size:1.3rem;color:#e4e2eb;margin:0}.wuxing-circle{position:relative;width:220px;height:220px}.wuxing-item{position:absolute;left:50%;top:50%;transform:rotate(var(--angle)) translateY(-80px) rotate(calc(-1 * var(--angle)));display:flex;flex-direction:column;align-items:center;gap:4px}.wuxing-char{font-size:2rem;font-family:"Noto Serif SC",serif;color:var(--color);text-shadow:0 0 20px var(--color)}.wuxing-meaning{font-size:.8rem;color:#a09daf99}.bazi-quick{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.bazi-quick .quick-item{display:flex;align-items:center;gap:12px;padding:16px 28px;background:#1f212980;border:1px solid rgba(160,157,175,.12);border-radius:30px;cursor:pointer;transition:all .3s ease}.bazi-quick .quick-item:hover{background:#b4a0be1a;border-color:#b4a0be4d;transform:translateY(-3px)}.bazi-quick .quick-icon{width:28px;height:28px;color:#c4b5fdd9}.bazi-quick .quick-label{font-size:1rem;color:#e4e2ebcc}.fortune-section{background:linear-gradient(180deg,transparent 0%,rgba(255,200,100,.02) 50%,transparent 100%)}.fortune-bg{background:radial-gradient(ellipse at 60% 50%,rgba(255,200,100,.06) 0%,transparent 60%)}.fortune-main{display:grid;grid-template-columns:350px 1fr;gap:60px;align-items:start}.fortune-today{display:flex;flex-direction:column;gap:24px;padding:40px;background:#1f212980;border-radius:24px;border:1px solid rgba(160,157,175,.1)}.today-date-block{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px;background:linear-gradient(135deg,#ffc8641a,#ff96640d);border-radius:16px}.today-weekday{font-size:1rem;color:#a09dafb3}.today-day{font-size:4rem;font-weight:300;color:#e4e2eb;line-height:1}.today-month{font-size:1.2rem;color:#ffc864cc}.today-info{text-align:center}.solar-date{font-size:1rem;color:#e4e2ebbf;margin:0 0 4px}.lunar-date{font-size:.9rem;color:#a09daf99;margin:0}.today-energy{display:flex;flex-direction:column;gap:12px}.energy-label{font-size:.95rem;color:#a09dafb3}.energy-bar{height:8px;background:#a09daf26;border-radius:4px;overflow:hidden}.energy-fill{height:100%;background:linear-gradient(90deg,#ffc864cc,#ff9664cc);border-radius:4px;transition:width 1s ease}.energy-stars{display:flex;gap:4px;justify-content:center}.energy-stars .star{font-size:1.5rem;color:#a09daf40}.energy-stars .star.filled{color:#ffc864e6;text-shadow:0 0 10px rgba(255,200,100,.5)}.today-summary{font-size:1.1rem;color:#e4e2ebcc;text-align:center;margin:0;padding-top:16px;border-top:1px solid rgba(160,157,175,.1)}.fortune-zodiac{display:flex;flex-direction:column;gap:32px}.fortune-zodiac h3{font-size:1.3rem;color:#e4e2ebcc;margin:0}.fortune-zodiac .zodiac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.zodiac-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;background:#1f212980;border:1px solid rgba(160,157,175,.1);border-radius:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.zodiac-card .card-glow{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,transparent 100%);opacity:0;transition:all .3s ease}.zodiac-card:hover{transform:translateY(-8px)}.zodiac-card.fire:hover{border-color:#f8717180}.zodiac-card.fire:hover .card-glow{background:radial-gradient(circle at center,rgba(248,113,113,.2) 0%,transparent 70%);opacity:1}.zodiac-card.earth:hover{border-color:#a3e63580}.zodiac-card.earth:hover .card-glow{background:radial-gradient(circle at center,rgba(163,230,53,.2) 0%,transparent 70%);opacity:1}.zodiac-card.air:hover{border-color:#38bdf880}.zodiac-card.air:hover .card-glow{background:radial-gradient(circle at center,rgba(56,189,248,.2) 0%,transparent 70%);opacity:1}.zodiac-card.water:hover{border-color:#818cf880}.zodiac-card.water:hover .card-glow{background:radial-gradient(circle at center,rgba(129,140,248,.2) 0%,transparent 70%);opacity:1}.zodiac-card .zodiac-symbol{font-size:2.5rem;z-index:1}.zodiac-card .zodiac-name{font-size:1.1rem;color:#e4e2eb;font-weight:500;z-index:1}.zodiac-card .zodiac-date{font-size:.85rem;color:#a09daf99;z-index:1}.trust-section{position:relative;z-index:1;padding:var(--spacing-3xl) var(--spacing-2xl);background:#181a2280;border-top:1px solid rgba(255,255,255,.06)}.trust-items{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;gap:var(--spacing-2xl)}.trust-item{display:flex;align-items:center;gap:var(--spacing-lg)}.trust-item .trust-icon{width:48px;height:48px;color:var(--primary-light)}.trust-item .trust-icon svg{width:100%;height:100%}.trust-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.trust-title{font-size:1.15rem;color:var(--text-primary);font-weight:500}.trust-desc{font-size:.9rem;color:var(--text-muted)}.home-footer{position:relative;z-index:1;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);background:#181a22b3;border-top:1px solid rgba(255,255,255,.06)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.footer-brand{display:flex;align-items:center;gap:var(--spacing-sm)}.footer-logo{width:32px;height:32px;color:var(--secondary-color)}.footer-logo svg{width:100%;height:100%}.footer-name{font-size:1.5rem;color:var(--text-primary);font-weight:500}.footer-slogan{font-size:1rem;color:var(--text-muted);margin:0}.footer-links{display:flex;gap:var(--spacing-2xl);margin-top:var(--spacing-md)}.footer-links a{font-size:.95rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition-normal)}.footer-links a:hover{color:var(--text-primary)}.footer-copyright{font-size:.85rem;color:#ffffff4d;margin:var(--spacing-md) 0 0 0}@media(max-width:1200px){.section-content{padding:0 40px}.tarot-main,.astro-main,.bazi-main{grid-template-columns:1fr 1fr;gap:40px}.tarot-daily{grid-column:1 / -1}.questions-grid{grid-template-columns:repeat(3,1fr)}.zodiac-list{grid-template-columns:repeat(6,1fr)}.fortune-main{grid-template-columns:1fr;gap:40px}.fortune-zodiac .zodiac-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.header-content{padding:12px 20px}.header-nav{display:none}.logo-text{font-size:1.2rem}.portal-section{padding:100px 20px 60px;gap:32px}.main-card{padding:32px 24px;border-radius:24px}.card-icon-wrap{width:56px;height:56px}.card-content h2{font-size:1.5rem}.card-input-area{flex-direction:column}.quick-input{padding:14px 20px}.start-btn{padding:14px 24px}.portal-secondary{flex-direction:column;gap:16px}.secondary-card{padding:20px 24px}.section{padding:60px 0}.section-content{padding:0 24px}.section-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:40px}.section-title{font-size:1.8rem}.section-enter{align-self:flex-start}.tarot-main,.astro-main,.bazi-main{grid-template-columns:1fr}.daily-card-stack{width:150px;height:225px}.spreads-grid{grid-template-columns:1fr}.questions-grid{grid-template-columns:repeat(2,1fr)}.chart-visual{width:220px;height:220px}.zodiac-list{grid-template-columns:repeat(4,1fr)}.pillars-display{gap:12px}.pillar-box{width:55px;height:110px}.wuxing-circle{width:180px;height:180px}.wuxing-item{transform:rotate(var(--angle)) translateY(-60px) rotate(calc(-1 * var(--angle)))}.bazi-quick{gap:12px}.bazi-quick .quick-item{padding:12px 20px}.fortune-zodiac .zodiac-grid{grid-template-columns:repeat(2,1fr)}.trust-items{flex-wrap:wrap;justify-content:center}.trust-item{width:calc(50% - 20px);justify-content:center}.home-portal{padding:100px 24px 40px;min-height:auto}.portal-layout{flex-direction:column;gap:32px}.portal-left{flex:none;width:100%;max-width:500px;margin:0 auto}.smart-ask-box{padding:28px 24px}.portal-right{gap:20px}.service-row{flex-wrap:wrap}.service-card-compact{flex:1 1 calc(50% - 8px);min-width:200px}}@media(max-width:480px){.portal-section{padding:90px 16px 40px}.main-card{padding:28px 20px}.card-content h2{font-size:1.3rem}.card-content>p{font-size:1rem}.quick-tags{gap:8px}.quick-tags span{padding:6px 12px;font-size:.85rem}.secondary-card{padding:16px 20px}.card-icon-small{width:40px;height:40px}.card-info h3{font-size:1rem}.daily-card-stack{width:130px;height:195px}.card-glyph{width:48px;height:48px}.questions-grid{grid-template-columns:1fr}.zodiac-list{grid-template-columns:repeat(3,1fr)}.bazi-inputs-row{flex-wrap:wrap}.bazi-input-group{flex:1 1 45%}.fortune-zodiac .zodiac-grid{grid-template-columns:repeat(2,1fr);gap:12px}.trust-item{width:100%}.home-portal{padding:80px 16px 30px}.portal-layout{gap:24px}.portal-left{max-width:100%}.smart-ask-box{padding:24px 20px}.ask-title{font-size:1.2rem}.ask-icon{font-size:2rem}.service-row{flex-direction:column;gap:12px}.service-card-compact{flex:none;width:100%;padding:16px 20px}.service-icon-small{width:38px;height:38px}.service-title-compact{font-size:1rem}.more-links-compact{gap:8px}.more-link-compact{padding:6px 12px;font-size:.8rem}}.home-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-2xl);background:#181a22d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.site-logo{width:28px;height:28px;color:var(--secondary-color);display:flex;align-items:center;justify-content:center}.site-logo svg{width:100%;height:100%}.site-name{font-family:var(--font-display);font-size:1.4rem;font-weight:400;letter-spacing:.15em;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.user-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-normal)}.user-badge:hover{background:#ffffff14;border-color:#ffffff26}.user-avatar{width:28px;height:28px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500;color:#fff}.user-name{font-size:.9rem;color:var(--text-primary);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-zodiac{font-size:1.1rem;opacity:.9}.user-zodiac.fire{color:#f87171}.user-zodiac.earth{color:#a3e635}.user-zodiac.air{color:#38bdf8}.user-zodiac.water{color:#818cf8}.setup-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:#fff;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm),var(--shadow-glow)}.setup-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 20px #b4a0be4d}.setup-btn svg{width:16px;height:16px}.user-zodiac-preview{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:#1f212999;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl)}.preview-zodiac-main{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.preview-symbol{font-size:4rem;line-height:1;filter:drop-shadow(0 0 20px currentColor)}.preview-symbol.fire{color:#f87171}.preview-symbol.earth{color:#a3e635}.preview-symbol.air{color:#38bdf8}.preview-symbol.water{color:#818cf8}.preview-name{font-size:1.5rem;font-weight:500;color:var(--text-primary);letter-spacing:.1em}.preview-info{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center}.preview-label{font-size:.85rem;color:var(--text-muted)}.preview-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.preview-link{padding:var(--spacing-sm) var(--spacing-xl);background:#b4a0be26;border:1px solid rgba(180,160,190,.3);border-radius:var(--radius-full);color:var(--primary-light);font-size:.9rem;text-decoration:none;transition:all var(--transition-normal)}.preview-link:hover{background:#b4a0be40;border-color:#b4a0be80;transform:translateY(-2px)}.zodiac-traits{width:100%}.trait-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.trait-tag{padding:var(--spacing-xs) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:.8rem;color:var(--text-secondary)}.zodiac-element-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-lg)}.element-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:.85rem;font-weight:500}.element-badge.fire{background:#f8717133;color:#f87171}.element-badge.earth{background:#a3e63533;color:#a3e635}.element-badge.air{background:#38bdf833;color:#38bdf8}.element-badge.water{background:#818cf833;color:#818cf8}.element-desc{font-size:.85rem;color:var(--text-muted);flex:1}.view-full-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:1rem;font-weight:500;text-decoration:none;transition:all var(--transition-normal);box-shadow:var(--shadow-md),var(--shadow-glow)}.view-full-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 30px #b4a0be4d}.view-full-btn svg{width:18px;height:18px}.zodiac-item.is-user{border-color:#b4a0be80;background:#b4a0be26;position:relative}.zodiac-item.is-user:before{content:"我";position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:var(--gradient-primary);border-radius:var(--radius-full);font-size:.65rem;color:#fff;display:flex;align-items:center;justify-content:center}.pillars-display.has-data .pillar-box{background:#1f2129b3;border-color:#b496c84d}.pillars-display.has-data .tiangan,.pillars-display.has-data .dizhi{opacity:1;font-weight:500}.bazi-analysis{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);background:#1f212980;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl)}.bazi-analysis h3{font-size:1.1rem;color:var(--text-primary);margin:0;text-align:center}.wuxing-bars{display:flex;flex-direction:column;gap:var(--spacing-md)}.wx-bar-item .wuxing-char{width:32px;font-size:1.2rem;font-family:"Noto Serif SC",serif;text-align:center}.wx-bar-track{flex:1;height:8px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.wx-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease}.wx-count{width:20px;font-size:.85rem;color:var(--text-muted);text-align:right}.wuxing-missing{padding:var(--spacing-sm) var(--spacing-md);background:#c9a8551a;border:1px solid rgba(201,168,85,.2);border-radius:var(--radius-md);font-size:.85rem;color:var(--gold);text-align:center}.wuxing-item.is-user{transform:rotate(var(--angle)) translateY(-90px) rotate(calc(-1 * var(--angle))) scale(1.2)}.wuxing-item.is-user .wuxing-char{font-weight:700}.user-element-badge{position:absolute;top:-20px;left:50%;transform:translate(-50%);padding:2px 8px;background:var(--gradient-primary);border-radius:var(--radius-sm);font-size:.6rem;color:#fff;white-space:nowrap}.user-fortune-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#ffc8641a,#ff96640d);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.user-zodiac-symbol{font-size:3rem;line-height:1}.user-zodiac-symbol.fire{color:#f87171}.user-zodiac-symbol.earth{color:#a3e635}.user-zodiac-symbol.air{color:#38bdf8}.user-zodiac-symbol.water{color:#818cf8}.user-fortune-info{flex:1}.user-zodiac-name{font-size:1.3rem;font-weight:500;color:var(--text-primary);margin:0 0 4px}.user-fortune-date{font-size:.9rem;color:var(--text-muted);margin:0}.fortune-aspects{display:flex;flex-direction:column;gap:var(--spacing-md)}.aspect-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.aspect-label{width:60px;font-size:.9rem;color:var(--text-secondary)}.aspect-dots{display:flex;gap:6px;flex:1}.dot{width:12px;height:12px;background:#ffffff1a;border-radius:var(--radius-full);transition:all .3s ease}.dot.filled{background:linear-gradient(135deg,#ffc864e6,#ff9664e6);box-shadow:0 0 10px #ffc86466}.view-detail-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#ffc8641a;border:1px solid rgba(255,200,100,.2);border-radius:var(--radius-full);color:#ffc864e6;font-size:.9rem;text-decoration:none;transition:all var(--transition-normal)}.view-detail-link:hover{background:#ffc86433;border-color:#ffc86466}.view-detail-link svg{width:14px;height:14px}.set-birthday-hint{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:#1f212980;border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius-xl);text-align:center}.set-birthday-hint p{font-size:.95rem;color:var(--text-muted);margin:0}.set-birthday-hint .setup-btn{margin-top:var(--spacing-sm)}.zodiac-card.is-user{border-color:#b4a0be80;background:#b4a0be26;position:relative}.my-badge{position:absolute;top:8px;right:8px;padding:2px 8px;background:var(--gradient-primary);border-radius:var(--radius-sm);font-size:.65rem;color:#fff}.birthday-visual.has-data{background:linear-gradient(145deg,#b496c826,#667eea1a);border-radius:var(--radius-xl);padding:var(--spacing-md)}.birthday-visual.has-data .birthday-icon{color:#c4b5fd;filter:drop-shadow(0 0 15px rgba(180,150,200,.5))}.soul-card-name{font-size:1.1rem;font-weight:500;color:var(--primary-light);margin:var(--spacing-sm) 0 0 0;text-align:center}.view-soul-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#b496c8cc,#667eeacc);border:none;border-radius:var(--radius-lg);color:#fff;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-normal)}.view-soul-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #b496c866}.view-soul-btn svg{width:16px;height:16px}@media(max-width:768px){.home-header{padding:var(--spacing-sm) var(--spacing-md)}.site-name{font-size:1.1rem}.user-badge{padding:var(--spacing-xs) var(--spacing-sm)}.user-name{display:none}.setup-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem}.setup-btn span{display:none}.user-zodiac-preview{padding:var(--spacing-lg)}.preview-symbol{font-size:3rem}.preview-name{font-size:1.2rem}.trait-tags{gap:var(--spacing-xs)}.trait-tag{font-size:.75rem;padding:4px var(--spacing-sm)}.bazi-analysis{padding:var(--spacing-lg)}.user-fortune-header{flex-direction:column;text-align:center;gap:var(--spacing-md)}.user-zodiac-symbol{font-size:2.5rem}.fortune-aspects{gap:var(--spacing-sm)}.aspect-label{width:50px;font-size:.85rem}.dot{width:10px;height:10px}}@media(max-width:480px){.home-header{padding:var(--spacing-xs) var(--spacing-sm)}.site-logo{width:24px;height:24px}.site-name{font-size:1rem;letter-spacing:.1em}.user-avatar{width:24px;height:24px;font-size:.75rem}.preview-symbol{font-size:2.5rem}.preview-name{font-size:1.1rem}.zodiac-element-info{flex-direction:column;gap:var(--spacing-sm);text-align:center}.bazi-analysis h3{font-size:1rem}.wx-bar-item .wuxing-char{width:28px;font-size:1rem}.user-zodiac-name{font-size:1.1rem}}@keyframes moduleSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes moduleGlow{0%,to{box-shadow:0 0 #b4a0be00}50%{box-shadow:0 0 30px #b4a0be4d}}.section.just-updated{animation:moduleGlow 1.5s ease-out}.section.just-updated .section-content{position:relative}.section.just-updated .section-content:before{content:"";position:absolute;inset:-20px;border-radius:var(--radius-xl);background:linear-gradient(45deg,transparent,rgba(180,160,190,.1),transparent);animation:moduleGlow 1.5s ease-out;pointer-events:none;z-index:-1}.animate-in{animation:moduleSlideIn .6s ease-out forwards}.astro-input-area,.bazi-input-area,.fortune-quick-input{padding:var(--spacing-xl);background:#1f212980;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl)}.astro-input-area h3,.bazi-input-area h3{font-size:1.2rem;font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;text-align:center}.astro-input-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.bazi-analysis{padding:var(--spacing-xl);background:#1f212980;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl)}.bazi-analysis h3{font-size:1.2rem;font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.wuxing-bars{display:flex;flex-direction:column;gap:var(--spacing-sm)}.wx-bar-item{display:flex;align-items:center;gap:var(--spacing-md)}.wx-bar-item .wx-label{width:24px;font-size:1rem;font-weight:500;text-align:center}.wx-bar-track{flex:1;height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.wx-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease-out}.wx-bar-item .wx-count{width:20px;font-size:.85rem;color:var(--text-muted);text-align:right}.wuxing-missing{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-secondary)}.wuxing-missing strong{color:#f87171}.view-full-btn{display:block;margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-xl);background:#b4a0be26;border:1px solid rgba(180,160,190,.3);border-radius:var(--radius-full);color:var(--primary-light);font-size:.9rem;text-decoration:none;text-align:center;transition:all var(--transition-normal)}.view-full-btn:hover{background:#b4a0be40;border-color:#b4a0be80;transform:translateY(-2px)}.user-fortune{padding:var(--spacing-xl);background:#1f212999;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl)}.user-fortune-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.user-zodiac-symbol{font-size:3rem;line-height:1;filter:drop-shadow(0 0 15px currentColor)}.user-fortune-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-zodiac-name{font-size:1.3rem;font-weight:500;color:var(--text-primary)}.user-fortune-date{font-size:.85rem;color:var(--text-muted)}.fortune-aspects{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-lg)}.aspect-item{display:flex;align-items:center;gap:var(--spacing-md)}.aspect-label{width:40px;font-size:.9rem;color:var(--text-secondary)}.aspect-dots{display:flex;gap:4px}.aspect-dots .dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:background .3s ease}.aspect-dots .dot.filled{background:var(--primary-light);box-shadow:0 0 8px #b4a0be80}.view-detail-link{display:inline-block;margin-top:var(--spacing-md);color:var(--primary-light);font-size:.9rem;text-decoration:none;transition:all var(--transition-normal)}.view-detail-link:hover{color:var(--text-primary);text-decoration:underline}.today-overview{padding:var(--spacing-xl);background:#1f212980;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);text-align:center}.today-date-block{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg)}.today-weekday{font-size:.9rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.today-day{font-size:3.5rem;font-weight:600;color:var(--text-primary);line-height:1}.today-month{font-size:1.1rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.today-info{margin-bottom:var(--spacing-lg)}.solar-date,.lunar-date{font-size:.9rem;color:var(--text-muted);margin:var(--spacing-xs) 0}.set-birthday-hint{font-size:.9rem;color:var(--primary-light);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.today-energy{margin:var(--spacing-lg) 0}.energy-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.energy-bar{height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.energy-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .6s ease-out}.energy-stars{display:flex;justify-content:center;gap:4px}.energy-stars .star{font-size:1.2rem;color:#fff3;transition:color .3s ease}.energy-stars .star.filled{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.today-summary{font-size:1rem;color:var(--text-secondary);font-style:italic;margin:var(--spacing-md) 0 0 0}.fortune-zodiac h3{font-size:1rem;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;text-align:center}.zodiac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.zodiac-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:#1f212980;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.zodiac-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.zodiac-card.is-user{background:#b4a0be26;border-color:#b4a0be66}.zodiac-card .zodiac-symbol{font-size:1.8rem;margin-bottom:var(--spacing-xs)}.zodiac-card.fire .zodiac-symbol{color:#f87171}.zodiac-card.earth .zodiac-symbol{color:#a3e635}.zodiac-card.air .zodiac-symbol{color:#38bdf8}.zodiac-card.water .zodiac-symbol{color:#818cf8}.zodiac-card .zodiac-name{font-size:.85rem;color:var(--text-primary);margin-bottom:2px}.zodiac-card .zodiac-date{font-size:.7rem;color:var(--text-muted)}.zodiac-card .my-badge{position:absolute;top:-6px;right:-6px;padding:2px 6px;background:var(--gradient-primary);border-radius:var(--radius-full);font-size:.65rem;color:#fff;font-weight:500}.zodiac-card .card-glow{position:absolute;inset:0;border-radius:inherit;opacity:0;background:radial-gradient(circle at center,rgba(180,160,190,.2),transparent 70%);transition:opacity var(--transition-normal);pointer-events:none}.zodiac-card:hover .card-glow{opacity:1}.module-guest-hint{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-md);background:#fbbf2414;border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-lg);font-size:.9rem}.module-guest-hint span{color:var(--text-secondary)}.module-guest-hint a{color:#fbbf24;text-decoration:none;font-weight:500;transition:color var(--transition-normal)}.module-guest-hint a:hover{color:#fcd34d;text-decoration:underline}.header-user-area{display:flex;align-items:center;gap:var(--spacing-md)}.login-btn-small{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid rgba(180,160,190,.4);border-radius:var(--radius-full);color:var(--primary-light);font-size:.85rem;text-decoration:none;transition:all var(--transition-normal)}.login-btn-small:hover{background:#b4a0be26;border-color:#b4a0be99;color:var(--text-primary)}.user-badge.guest-with-data{background:#fbbf2414;border-color:#fbbf2440}.user-badge.guest-with-data:hover{background:#fbbf241f;border-color:#fbbf2459}.user-badge.guest-with-data .user-avatar{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.user-badge.logged-in{background:#b4a0be1a;border-color:#b4a0be4d}.user-badge.logged-in:hover{background:#b4a0be26;border-color:#b4a0be73}.fortune-main{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-2xl)}.fortune-today{min-width:280px}.fortune-zodiac{flex:1}.bazi-main{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.bazi-pillars-area{display:flex;flex-direction:column;align-items:center}.pillars-display{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.pillars-display.has-data .pillar-box{background:#1f2129cc;border-color:#ffffff26}.pillar{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.pillar-label{font-size:.8rem;color:var(--text-muted)}.pillar-box{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg) var(--spacing-md);background:#1f212980;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);min-width:60px}.pillar-box.highlight{border-color:#b4a0be80;box-shadow:0 0 20px #b4a0be26}.pillar-box .tiangan{font-size:1.8rem;font-weight:500;margin-bottom:var(--spacing-sm)}.pillar-box .dizhi{font-size:1.5rem}.pillar-note{font-size:.75rem;color:var(--primary-light);background:#b4a0be26;padding:2px 8px;border-radius:var(--radius-full)}.pillars-hint{font-size:.9rem;color:var(--text-secondary);text-align:center;margin:0}.bazi-form-area{display:flex;flex-direction:column}.bazi-wuxing{display:flex;flex-direction:column;align-items:center}.bazi-wuxing h3{font-size:1rem;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.wuxing-circle{position:relative;width:200px;height:200px}.wuxing-item{position:absolute;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);transform:rotate(var(--angle)) translateY(-80px) rotate(calc(-1 * var(--angle)));left:50%;top:50%;margin-left:-25px;margin-top:-25px;transition:all var(--transition-normal)}.wuxing-item .wuxing-char{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#1f2129cc;border:2px solid var(--color);border-radius:50%;font-size:1.3rem;font-weight:500;color:var(--color);transition:all var(--transition-normal)}.wuxing-item .wuxing-meaning{font-size:.75rem;color:var(--text-muted)}.wuxing-item.is-user .wuxing-char{background:var(--color);color:#1a1c24;box-shadow:0 0 20px var(--color)}.wuxing-item .user-element-badge{position:absolute;top:-8px;right:-8px;padding:2px 6px;background:var(--gradient-primary);border-radius:var(--radius-full);font-size:.6rem;color:#fff}.bazi-quick{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.bazi-quick .quick-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#1f212980;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-normal)}.bazi-quick .quick-item:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.bazi-quick .quick-icon{width:24px;height:24px;color:var(--primary-light)}.bazi-quick .quick-icon svg{width:100%;height:100%}.bazi-quick .quick-label{font-size:.85rem;color:var(--text-secondary)}@media(max-width:1200px){.fortune-main{grid-template-columns:1fr;gap:var(--spacing-xl)}.bazi-main{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.bazi-wuxing{grid-column:span 2}.wuxing-circle{width:160px;height:160px}.wuxing-item{transform:rotate(var(--angle)) translateY(-60px) rotate(calc(-1 * var(--angle)))}.wuxing-item .wuxing-char{width:40px;height:40px;font-size:1.1rem}}@media(max-width:768px){.header-user-area{gap:var(--spacing-sm)}.login-btn-small{padding:4px 10px;font-size:.8rem}.user-badge{padding:var(--spacing-xs) var(--spacing-sm)}.user-name{display:none}.zodiac-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.zodiac-card{padding:var(--spacing-sm)}.zodiac-card .zodiac-symbol{font-size:1.4rem}.zodiac-card .zodiac-name{font-size:.75rem}.zodiac-card .zodiac-date{display:none}.bazi-main{grid-template-columns:1fr;gap:var(--spacing-lg)}.bazi-wuxing{grid-column:auto}.pillars-display{gap:var(--spacing-sm)}.pillar-box{padding:var(--spacing-md) var(--spacing-sm);min-width:50px}.pillar-box .tiangan{font-size:1.4rem}.pillar-box .dizhi{font-size:1.2rem}.fortune-aspects{padding:var(--spacing-sm)}.user-fortune-header{flex-direction:column;text-align:center}.module-guest-hint{flex-direction:column;gap:var(--spacing-sm);text-align:center}.bazi-quick{gap:var(--spacing-sm)}.bazi-quick .quick-item{padding:var(--spacing-sm) var(--spacing-md)}.bazi-quick .quick-label{font-size:.75rem}}@media(max-width:480px){.zodiac-grid{grid-template-columns:repeat(4,1fr);gap:6px}.zodiac-card{padding:8px 4px}.zodiac-card .zodiac-symbol{font-size:1.2rem}.zodiac-card .zodiac-name{font-size:.65rem}.user-zodiac-symbol{font-size:2.2rem}.user-zodiac-name{font-size:1.1rem}.today-day{font-size:2.8rem}.pillars-display{flex-wrap:wrap;justify-content:center}.pillar-box{min-width:45px;padding:var(--spacing-sm)}.pillar-box .tiangan{font-size:1.2rem}.pillar-box .dizhi{font-size:1rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:linear-gradient(135deg,#12111a,#1c1a22,#14131a);position:relative;overflow:hidden}.auth-bg-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-star{position:absolute;color:#c8aabe40;animation:float-star 6s ease-in-out infinite}.star-1{top:15%;left:10%;font-size:1.5rem;animation-delay:0s}.star-2{top:25%;right:15%;font-size:1rem;animation-delay:2s}.star-3{bottom:20%;left:20%;font-size:1.2rem;animation-delay:4s}.floating-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(200,170,190,.3) 0%,transparent 70%);top:-100px;right:-100px}.orb-2{width:250px;height:250px;background:radial-gradient(circle,rgba(190,160,180,.25) 0%,transparent 70%);bottom:-80px;left:-80px}@keyframes float-star{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.6}}.auth-container{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;z-index:1}.auth-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);cursor:pointer;transition:transform var(--transition-normal)}.auth-logo:hover{transform:scale(1.05)}.auth-logo .logo-icon{width:32px;height:32px;color:var(--primary-color)}.auth-logo .logo-icon svg{width:100%;height:100%}.auth-logo .logo-text{font-family:var(--font-display);font-size:1.75rem;font-weight:400;letter-spacing:.2em;color:var(--text-primary)}.auth-card{width:100%;background:#1c1a23d9;border:1px solid rgba(200,180,195,.1);border-radius:24px;padding:var(--spacing-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;box-shadow:0 8px 40px #0000004d;display:flex;flex-direction:column;align-items:stretch}.back-btn{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.back-btn:hover{background:#ffffff1a;color:var(--text-primary)}.back-btn svg{width:18px;height:18px}.auth-title{font-family:var(--font-display);font-size:1.75rem;font-weight:500;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-xs)}.auth-subtitle{font-size:.95rem;color:var(--text-muted);text-align:center;margin-bottom:var(--spacing-xl)}.auth-benefits{display:flex;flex-direction:column;gap:10px;margin:0 0 var(--spacing-xl) 0;padding:16px;background:#ffffff08;border-radius:14px;border:1px solid rgba(200,180,195,.08);width:100%!important;max-width:100%!important;box-sizing:border-box!important}.benefit-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#c8bec8bf}.benefit-icon{font-size:.95rem;width:20px;text-align:center;flex-shrink:0}.auth-buttons{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;box-sizing:border-box}.auth-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;border-radius:14px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;position:relative}.auth-btn .btn-icon{position:absolute;left:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn .btn-icon svg{width:100%;height:100%}.google-btn{background:#fffffff2;color:#333;border-radius:14px;border:1px solid rgba(255,255,255,.95)}.google-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #ffffff26}.google-btn-secondary{background:transparent;color:var(--text-primary);border:1px solid rgba(200,180,195,.2);border-radius:14px}.google-btn-secondary:hover:not(:disabled){background:#c8b4c314;border-color:#c8b4c34d}.email-btn{background:#c8b4c31f;color:var(--text-primary);border:1px solid rgba(200,180,195,.15);border-radius:14px}.email-btn:hover:not(:disabled){background:#c8b4c32e;border-color:#c8b4c340}.register-btn{background:transparent;color:#c8bec8b3;border:1px solid rgba(200,180,195,.12);border-radius:14px}.register-btn:hover:not(:disabled){background:#c8b4c30f;color:var(--text-primary);border-color:#c8b4c333}.submit-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;margin-top:var(--spacing-sm)}.submit-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 20px #b4a0be66;transform:translateY(-1px)}.auth-skip{text-align:center;margin-top:var(--spacing-lg);font-size:.85rem;color:#b4aab999;cursor:pointer;transition:all .2s ease}.auth-skip:hover{color:#c8bec8d9}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;box-sizing:border-box}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.form-group input{width:100%;padding:14px 16px;background:#ffffff0a;border:1px solid rgba(200,180,195,.12);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.form-group input::placeholder{color:#b4aab980}.form-group input:focus{outline:none;border-color:#c8b4c34d;background:#c8b4c30f}.password-input{position:relative}.password-input input{padding-right:48px}.toggle-password{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-normal)}.toggle-password:hover{color:var(--text-primary)}.toggle-password svg{width:18px;height:18px}.auth-divider{display:flex;align-items:center;gap:16px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#c8b4c31a}.auth-divider span{font-size:.8rem;color:#b4aab980}.auth-switch{text-align:center;margin-top:var(--spacing-lg);font-size:.9rem;color:#b4aab999}.auth-switch span{color:#d2becde6;cursor:pointer;font-weight:500;transition:all .2s ease}.auth-switch span:hover{color:#e6d2e1}.auth-error{padding:var(--spacing-sm) var(--spacing-md);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#f87171;font-size:.85rem;text-align:center;margin-bottom:var(--spacing-md)}.auth-success{padding:var(--spacing-sm) var(--spacing-md);background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:#4ade80;font-size:.85rem;text-align:center;margin-bottom:var(--spacing-md)}.auth-footer{margin-top:var(--spacing-xl);font-size:.75rem;color:#a096a580;text-align:center}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:#b4aab9b3}.loading-spinner{width:36px;height:36px;border:2px solid rgba(200,180,195,.15);border-top-color:#c8b4c399;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:480px){.auth-page{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-xl) var(--spacing-lg)}.auth-title,.auth-logo .logo-text{font-size:1.5rem}.back-btn{top:var(--spacing-md);left:var(--spacing-md)}}.tarot-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);flex-shrink:0;perspective:1000px}.tarot-card-3d{width:90px;height:157px;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,.2,.2,1);cursor:pointer}.tarot-card-3d.flipped{transform:rotateY(180deg)}.tarot-card-3d.flipped.reversed{transform:rotateY(180deg) rotate(180deg)}.tarot-card-3d.animating{filter:drop-shadow(0 20px 40px rgba(180,150,200,.4))}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 20px #0000004d,0 0 40px #b496c81a}.card-back{background:linear-gradient(145deg,#1a1a2e,#16213e,#0f0f23)}.card-back-design{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4px}.back-border{width:100%;height:100%;border:2px solid rgba(212,175,55,.4);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:4px}.back-inner{width:100%;height:100%;border:1px solid rgba(212,175,55,.25);border-radius:var(--radius-xs);background:radial-gradient(ellipse at center,rgba(180,150,200,.15) 0%,transparent 70%);display:flex;align-items:center;justify-content:center}.back-pattern{position:relative;width:60px;height:80px}.center-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.75rem;color:#d4af37b3;text-shadow:0 0 20px rgba(212,175,55,.5);animation:pulse 3s ease-in-out infinite}.star{position:absolute;color:#d4af3780;font-size:.7rem;animation:twinkle 2s ease-in-out infinite}.star-1{top:0;left:50%;transform:translate(-50%);animation-delay:0s}.star-2{top:15%;right:5%;animation-delay:.3s}.star-3{top:35%;right:0;animation-delay:.6s}.star-4{bottom:35%;right:0;animation-delay:.9s}.star-5{bottom:15%;right:5%;animation-delay:1.2s}.star-6{bottom:0;left:50%;transform:translate(-50%);animation-delay:1.5s}.star-7{top:15%;left:5%;animation-delay:.4s}.star-8{top:35%;left:0;animation-delay:.7s}@keyframes pulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.8}}.card-front{transform:rotateY(180deg);background:#1a1a2e}.card-front:before{content:"";position:absolute;inset:0;border:2px solid rgba(212,175,55,.25);border-radius:var(--radius-md);pointer-events:none;z-index:2}.card-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.3) 45%,rgba(255,255,255,.1) 50%,transparent 55%);opacity:0;pointer-events:none;z-index:3}.tarot-card-3d.animating .card-shine{animation:shine .8s ease-out}@keyframes shine{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}.tarot-card-wrapper:hover .tarot-card-3d:not(.animating){transform:translateY(-6px);filter:drop-shadow(0 12px 30px rgba(180,150,200,.3))}.tarot-card-wrapper:hover .tarot-card-3d.flipped:not(.animating){transform:rotateY(180deg) translateY(-6px)}.tarot-card-wrapper:hover .tarot-card-3d.flipped.reversed:not(.animating){transform:rotateY(180deg) rotate(180deg) translateY(-6px)}.card-label{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;transform:translateY(-10px);transition:all .5s ease .3s}.card-label.visible{opacity:1;transform:translateY(0)}.card-position.upright{background:#b496c84d;color:#c8b4ffe6}.card-position.reversed{background:#c850504d;color:#ffb4b4e6}@keyframes cardEntrance{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.tarot-card-wrapper{animation:cardEntrance .5s cubic-bezier(.34,1.56,.64,1) forwards}@media(max-width:768px){.tarot-card-3d{width:80px;height:140px}.back-pattern{width:50px;height:70px}.center-symbol{font-size:1.5rem}.star{font-size:.6rem}}@media(max-width:480px){.tarot-card-3d{width:70px;height:122px}.back-pattern{width:45px;height:60px}.center-symbol{font-size:1.25rem}.card-name{font-size:.75rem}}.drawing-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;min-height:200px}.drawing-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;background:radial-gradient(circle,rgba(200,170,190,.15) 0%,rgba(180,150,190,.08) 40%,transparent 70%);border-radius:50%;animation:glowPulse 2.5s ease-in-out infinite;pointer-events:none}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.orbit-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;border:1px solid rgba(200,170,190,.15);border-radius:50%;animation:orbitRotate 8s linear infinite}.orbit-ring:before{content:"✧";position:absolute;top:-6px;left:50%;transform:translate(-50%);color:#dcbed2cc;font-size:12px;text-shadow:0 0 8px rgba(200,170,190,.6)}@keyframes orbitRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.deck-container{position:relative;width:120px;height:180px}.card-deck{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.deck-card{position:absolute;width:60px;height:100px;background:linear-gradient(145deg,#2a2535,#1f1a28,#15121a);border:1px solid rgba(200,170,190,.25);border-radius:var(--radius-xs);transform:translate(-50%,-50%) translateY(calc(var(--index) * -2px));box-shadow:0 2px 8px #0000004d;animation:deckPulse 2s ease-in-out infinite;animation-delay:calc(var(--index) * .1s)}.deck-card:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a8b8' stroke-width='1.5' opacity='0.6'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}@keyframes deckPulse{0%,to{box-shadow:0 2px 8px #0000004d}50%{box-shadow:0 4px 20px #c8aabe59}}.flying-cards{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.flying-card{position:absolute;left:0;top:0;width:60px;height:100px;animation:flyOut 1.8s ease-in-out infinite;animation-delay:var(--delay);opacity:0}.flying-card-inner{width:100%;height:100%;background:linear-gradient(145deg,#2a2535,#1f1a28,#15121a);border:1px solid rgba(200,170,190,.35);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #c8aabe59}.card-back-design{display:flex;align-items:center;justify-content:center}.moon-symbol{width:24px;height:24px;font-size:1.2rem;color:#dcbed2cc;filter:drop-shadow(0 0 12px rgba(200,170,190,.6))}@keyframes flyOut{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}50%{opacity:1;transform:translate(calc(-50% + 80px),calc(-50% - 60px)) rotate(var(--angle)) scale(1.1)}70%{opacity:.8;transform:translate(calc(-50% + 100px),calc(-50% - 40px)) rotate(var(--angle)) scale(1)}to{opacity:0;transform:translate(calc(-50% + 120px),-50%) rotate(var(--angle)) scale(.9)}}.particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:12px;height:12px;color:#dcbed2b3;text-shadow:0 0 8px rgba(200,170,190,.5);animation:particleFloat 3s ease-in-out infinite;animation-delay:var(--delay)}.particle:nth-child(1){top:5%;left:15%}.particle:nth-child(2){top:15%;right:15%}.particle:nth-child(3){top:35%;left:5%}.particle:nth-child(4){top:45%;right:8%}.particle:nth-child(5){bottom:35%;left:18%}.particle:nth-child(6){bottom:25%;right:18%}.particle:nth-child(7){top:25%;left:35%}.particle:nth-child(8){bottom:45%;right:30%}.particle:nth-child(9){top:60%;left:8%}.particle:nth-child(10){bottom:15%;right:40%}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) scale(.6) rotate(0)}50%{opacity:.9;transform:translateY(-18px) scale(1.2) rotate(15deg)}}@media(max-width:480px){.drawing-animation{min-height:160px;padding:var(--spacing-lg)}.drawing-glow{width:140px;height:140px}.orbit-ring{width:120px;height:120px}.deck-container{width:100px;height:150px}.deck-card,.flying-card{width:50px;height:85px}.deck-card:after{width:16px;height:16px}.moon-symbol{width:16px;height:16px;font-size:1rem}.particle{font-size:10px}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.sidebar-overlay{display:block}}.chat-history-sidebar{position:fixed;top:116px;left:0;bottom:0;width:280px;background:var(--bg-card);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-normal);z-index:999}.chat-history-sidebar.is-open{transform:translate(0)}@media(max-width:768px){.chat-history-sidebar{top:104px;width:85%;max-width:320px;box-shadow:var(--shadow-lg)}}@media(max-width:480px){.chat-history-sidebar{top:96px;width:90%}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.95rem;font-weight:500;color:var(--text-primary)}.sidebar-title svg{opacity:.7}.sidebar-close{padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.sidebar-close:hover{background:#ffffff14;color:var(--text-primary)}.new-chat-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;font-size:.9rem;font-weight:500;transition:all var(--transition-fast)}.new-chat-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.new-chat-btn:active{transform:translateY(0)}.sessions-list{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.sessions-list::-webkit-scrollbar{width:4px}.sessions-list::-webkit-scrollbar-track{background:transparent}.sessions-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sessions-list::-webkit-scrollbar-thumb:hover{background:#fff3}.sessions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--text-secondary)}.loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.sessions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.sessions-empty p{font-size:.95rem;margin-top:var(--spacing-sm)}.empty-hint{font-size:.8rem;color:var(--text-muted)}.session-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.session-item:hover{background:#ffffff0d}.session-item.is-active{background:#b4a0be26;border-left:3px solid var(--primary-color)}.session-content{flex:1;min-width:0}.session-title{font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.session-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;color:var(--text-muted)}.session-time:after{content:"·";margin-left:var(--spacing-sm)}.session-delete{padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--text-muted);opacity:0;transition:all var(--transition-fast)}.session-item:hover .session-delete{opacity:1}.session-delete:hover{background:#ff646426;color:#ff6b6b}.delete-confirm{display:flex;gap:var(--spacing-xs)}.confirm-btn{padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.confirm-yes{color:#4ade80}.confirm-yes:hover{background:#4ade8026}.confirm-no{color:var(--text-muted)}.confirm-no:hover{background:#ffffff14}.sidebar-settings{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid rgba(255,255,255,.06)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.setting-item:hover{background:#ffffff0a}.setting-label{font-size:.8rem;color:var(--text-secondary)}.setting-toggle{position:relative}.toggle-track{width:32px;height:18px;background:#ffffff1a;border-radius:9px;transition:background var(--transition-fast)}.toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-muted);border-radius:50%;transition:all var(--transition-fast)}.setting-toggle.is-on .toggle-track{background:#b4a0be66}.setting-toggle.is-on .toggle-thumb{left:16px;background:var(--primary-light)}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.06)}.guest-notice,.user-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;color:var(--text-muted)}.guest-notice{color:var(--gold)}.sidebar-edge-trigger{position:fixed;top:116px;left:0;bottom:0;width:56px;background:linear-gradient(180deg,#1a1c24fa,#13151cfa);border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;align-items:center;padding-top:20px;gap:12px;z-index:100;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-edge-trigger:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(180,160,190,.3) 50%,transparent 100%);border-radius:2px}.edge-trigger-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);position:relative}.edge-trigger-icon:hover{background:#b4a0be1f;color:var(--text-primary);transform:scale(1.05)}.edge-trigger-icon.new-chat{background:linear-gradient(135deg,#b4a0be26,#9876b41a);border:1px solid rgba(180,160,190,.2);color:var(--primary-light)}.edge-trigger-icon.new-chat:hover{background:linear-gradient(135deg,#b4a0be40,#9876b426);border-color:#b4a0be66;box-shadow:0 4px 16px #b4a0be33;transform:scale(1.08)}.edge-trigger-icon svg{width:20px;height:20px;transition:all var(--transition-normal)}.edge-trigger-icon:hover svg{transform:scale(1.1)}.edge-expand-hint{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;opacity:.5;transition:all var(--transition-normal);margin-bottom:4px}.edge-expand-hint:hover{opacity:1;color:var(--text-secondary)}.edge-expand-hint svg{animation:arrowPulse 2s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(3px);opacity:1}}@media(max-width:768px){.sidebar-edge-trigger{top:104px;width:52px;padding-top:16px;gap:10px}.edge-trigger-icon{width:38px;height:38px}.edge-trigger-icon svg{width:18px;height:18px}}@media(max-width:480px){.sidebar-edge-trigger{top:96px;width:48px;padding-top:14px;gap:8px}.edge-trigger-icon{width:34px;height:34px}.edge-trigger-icon svg{width:16px;height:16px}}.chat-view{position:relative;display:flex;flex-direction:column;height:100%;background:transparent;transition:margin-left var(--transition-normal);margin-left:56px}.chat-view.sidebar-open{margin-left:280px}@media(max-width:768px){.chat-view{margin-left:52px}.chat-view.sidebar-open{margin-left:0}}@media(max-width:480px){.chat-view{margin-left:48px}}.messages-area{flex:1;overflow-y:auto;overflow-x:hidden;background:transparent;padding-bottom:100px}.messages-area::-webkit-scrollbar{width:8px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-xs)}.messages-area::-webkit-scrollbar-thumb:hover{background:#fff3}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:var(--spacing-xl);padding-bottom:180px;text-align:center;animation:fadeInUp .6s ease-out;background:radial-gradient(ellipse at 50% 35%,rgba(200,170,190,.045) 0%,transparent 55%),radial-gradient(ellipse at 75% 70%,rgba(180,150,200,.03) 0%,transparent 45%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.welcome-title{font-family:var(--font-body);font-size:1.5rem;font-weight:300;color:#fffaf8e0;margin:0 0 var(--spacing-2xl) 0;letter-spacing:.02em}.hot-words-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);animation:fadeInUp .5s ease-out}.hot-words-header.minimal{gap:16px}.hint-text{font-size:.75rem;color:#c8b9c3b3;letter-spacing:.08em;font-weight:400;animation:gentleBreath 4s ease-in-out infinite}@keyframes gentleBreath{0%,to{opacity:.6}50%{opacity:.85}}.hint-line{width:28px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(200,180,195,.2) 50%,transparent 100%)}.hot-words-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.hot-words-header:hover .hot-words-close{opacity:.6}.hot-words-close:hover{opacity:1;background:#ffffff14;color:var(--text-secondary)}.welcome-suggestions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:580px}.suggestion-chip{position:relative;padding:12px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:100px;cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;animation:chipFadeIn .4s ease-out forwards}@keyframes chipFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.chip-text{font-size:.875rem;color:#ffffffa6;font-weight:400;letter-spacing:.01em;transition:color .2s ease}.suggestion-chip.heat-level-5,.suggestion-chip.heat-level-4,.suggestion-chip.heat-level-3,.suggestion-chip.heat-level-2{background:#ffffff08;border-color:#ffffff14}.suggestion-chip:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-1px)}.suggestion-chip:hover .chip-text{color:#ffffffe6}.suggestion-chip:active{transform:translateY(0);transition-duration:.1s}.messages-list{display:flex;flex-direction:column;padding:32px 0 var(--spacing-md);max-width:680px;margin:0 auto;width:100%}.message{display:flex;margin-bottom:var(--spacing-md);width:100%}.message.user-message{justify-content:flex-end;opacity:0;animation:userMessageSlide .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes userMessageSlide{0%{opacity:0;transform:translate(16px) translateY(8px)}to{opacity:1;transform:translate(0) translateY(0)}}.message.ai-message{justify-content:flex-start;opacity:0;animation:aiMessageSlide .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes aiMessageSlide{0%{opacity:0;transform:translate(-16px) translateY(8px)}to{opacity:1;transform:translate(0) translateY(0)}}.message-inner{display:flex;align-items:flex-start;gap:var(--spacing-md);width:680px}.ai-message .message-inner{padding-right:52px}.user-message .message-inner{flex-direction:row-reverse;padding-left:52px}.avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transform:scale(.8);animation:avatarPop .4s cubic-bezier(.34,1.56,.64,1) .1s forwards}@keyframes avatarPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tarotist-avatar{background:linear-gradient(145deg,#a082b4e6,#785a96f2);box-shadow:0 2px 12px #a082b466,inset 0 1px #fff3}.user-avatar{background:linear-gradient(145deg,#c8a0b4d9,#aa82a0e6);box-shadow:0 2px 8px #c8a0b44d}.avatar svg{width:20px;height:20px}.message-body{flex:1;max-width:628px;opacity:0;animation:bubbleAppear .45s cubic-bezier(.22,1,.36,1) .15s forwards}@keyframes bubbleAppear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.user-message .message-body{flex:unset;width:fit-content;max-width:100%;background:linear-gradient(135deg,#c8a0b459,#b48caa4d);border:1px solid rgba(200,160,180,.15);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg);padding:var(--spacing-md);box-shadow:0 2px 8px #c8a0b41a}.ai-message .message-body{background:linear-gradient(135deg,#fffcfa14,#f0e6eb0f);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs);padding:var(--spacing-md)}.message-text{font-size:1rem;line-height:1.65;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;opacity:0;animation:textFadeIn .4s ease-out .25s forwards}@keyframes textFadeIn{0%{opacity:0}to{opacity:1}}.cards-display{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0;overflow-x:auto;scrollbar-width:none}.cards-display::-webkit-scrollbar{display:none}.card-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);flex-shrink:0}.tarot-card-wrapper{opacity:0;animation:cardReveal .6s cubic-bezier(.34,1.56,.64,1) forwards}.tarot-card-wrapper:nth-child(1){animation-delay:.1s}.tarot-card-wrapper:nth-child(2){animation-delay:.2s}.tarot-card-wrapper:nth-child(3){animation-delay:.3s}.tarot-card-wrapper:nth-child(4){animation-delay:.4s}.tarot-card-wrapper:nth-child(5){animation-delay:.5s}.tarot-card-wrapper:nth-child(6){animation-delay:.6s}.tarot-card-wrapper:nth-child(7){animation-delay:.7s}.tarot-card-wrapper:nth-child(8){animation-delay:.8s}.tarot-card-wrapper:nth-child(9){animation-delay:.9s}.tarot-card-wrapper:nth-child(10){animation-delay:1s}@keyframes cardReveal{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.tarot-card{width:90px;height:157px;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 20px #0000004d,0 0 40px #c8aabe26;transition:all var(--transition-normal);cursor:pointer;position:relative}.tarot-card:before{content:"";position:absolute;inset:0;border:2px solid rgba(212,175,55,.25);border-radius:var(--radius-md);pointer-events:none}.tarot-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 30px #0006,0 0 50px #c8aabe40}.tarot-card.reversed{transform:rotate(180deg)}.tarot-card.reversed:hover{transform:rotate(180deg) translateY(6px) scale(1.02)}.card-image{width:100%;height:100%;object-fit:cover}.card-label{display:flex;flex-direction:column;align-items:center;gap:4px}.card-name{font-size:.8rem;color:var(--text-primary);font-weight:500}.card-position{font-size:.7rem;padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500}.card-position.upright{background:#c8aabe59;color:#ebdce6f2}.card-position.reversed{background:#b4788c59;color:#ffc8d2f2}.loading-body{background:linear-gradient(135deg,#1e1928f2,#191423fa)!important;border:1px solid rgba(180,150,200,.15)!important;min-width:180px;box-shadow:0 4px 20px #0000004d,0 0 30px #a082b414,inset 0 1px #ffffff0d}.loading-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.loading-dots{display:flex;align-items:center;gap:8px;position:relative}.loading-dots:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:30px;background:radial-gradient(ellipse,rgba(180,140,200,.3) 0%,transparent 70%);filter:blur(8px);animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.loading-dots span{width:8px;height:8px;background:radial-gradient(circle at 30% 30%,#ffffffe6,#c8aadccc 40%,#a078b499);border-radius:50%;box-shadow:0 0 8px #b496d2cc,0 0 16px #a082be66,inset 0 -2px 4px #0003;animation:crystalFloat 1.6s ease-in-out infinite;position:relative}.loading-dots span:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:radial-gradient(circle,rgba(180,150,210,.4) 0%,transparent 70%);border-radius:50%;animation:starGlow 1.6s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(1):after{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(2):after{animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.loading-dots span:nth-child(3):after{animation-delay:.4s}@keyframes crystalFloat{0%,to{transform:translateY(0) scale(1);box-shadow:0 0 8px #b496d2cc,0 0 16px #a082be66}50%{transform:translateY(-6px) scale(1.15);box-shadow:0 0 12px #c8aae6,0 0 24px #b496d299,0 4px 8px #0000004d}}@keyframes starGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.5)}}.loading-text{font-size:.9rem;background:linear-gradient(90deg,#c8b4d2e6,#e6d2f0,#c8b4d2e6);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.08em;animation:textShimmer 2.5s ease-in-out infinite}@keyframes textShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.loading-content.centered{justify-content:center;margin-top:var(--spacing-sm)}.scroll-btn{position:absolute;bottom:140px;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:var(--radius-full);background:#282a36f2;border:1px solid rgba(255,255,255,.15);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-fast);z-index:10}.scroll-btn:hover{background:#3c3e4af2;color:var(--text-primary)}.scroll-btn svg{width:18px;height:18px}.input-area{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xl) var(--spacing-lg);padding-top:80px;background:linear-gradient(to bottom,transparent 0%,rgba(19,21,28,.7) 30%,rgba(19,21,28,.95) 60%,rgba(19,21,28,1) 100%);pointer-events:none}.input-wrapper{max-width:680px;margin:0 auto;pointer-events:auto}.input-container{position:relative;display:flex;align-items:center;gap:0;padding:8px 12px;background:#1e2028e6;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);transition:all var(--transition-normal);box-shadow:0 4px 24px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.input-container:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#b4a0be33,#e8a4c91a,#9876b426);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.input-container:focus-within{border-color:transparent;box-shadow:0 8px 32px #0000004d,0 0 0 1px #b4a0be26,0 0 40px #b4a0be14}.input-container:focus-within:before{opacity:1}.input-actions-left,.input-actions-right{display:flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-xs)}.action-btn{width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.action-btn:hover{background:#ffffff1a;color:var(--text-primary)}.action-btn svg{width:18px;height:18px}.chat-input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:var(--text-primary);padding:10px 12px;resize:none;min-height:24px;max-height:200px;line-height:1.5;font-family:inherit}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.6}.send-btn{width:36px;height:36px;border-radius:var(--radius-md);background:#b4a0be1a;border:none;color:var(--text-muted);cursor:not-allowed;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);flex-shrink:0;margin-left:4px}.send-btn.active{background:linear-gradient(135deg,#b4a0be,#9876b4);color:#fff;cursor:pointer;box-shadow:0 4px 12px #b4a0be4d}.send-btn.active:hover{background:linear-gradient(135deg,#8b9ce8,#a886c4);transform:scale(1.05) translateY(-1px);box-shadow:0 6px 20px #b4a0be66}.send-btn.active:active{transform:scale(.98);transition-duration:.1s}.send-btn svg{width:18px;height:18px}.input-hint{text-align:center;font-size:.7rem;color:var(--text-muted);margin:var(--spacing-sm) 0 0 0;padding-bottom:var(--spacing-sm);opacity:.6}@media(max-width:768px){.message-inner{padding:0 var(--spacing-md);max-width:85%}.messages-list{padding:var(--spacing-sm) var(--spacing-md)}.welcome-screen{padding:var(--spacing-lg);padding-bottom:100px}.welcome-title{font-size:1.5rem}.hot-words-header{margin-bottom:var(--spacing-md)}.hot-words-label{font-size:.7rem}.hot-words-close{opacity:.5}.suggestion-chip{padding:var(--spacing-sm) var(--spacing-md)}.chip-text{font-size:.85rem}.tarot-card{width:80px;height:140px}.input-area{padding:var(--spacing-sm) var(--spacing-md);padding-top:var(--spacing-lg);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,transparent 0%,rgba(24,26,34,.95) 20%,#181a22 100%)}.input-wrapper{max-width:100%}.input-container{padding:var(--spacing-xs) var(--spacing-sm)}.chat-input{padding:var(--spacing-xs) var(--spacing-sm);min-height:20px}.scroll-btn{bottom:calc(100px + env(safe-area-inset-bottom,0px))}.input-hint{font-size:.65rem;padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom,0px))}}.quota-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.quota-modal{background:linear-gradient(145deg,#282a36fa,#1e202afa);border:1px solid rgba(200,170,190,.3);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080,0 0 40px #c8aabe26}.quota-modal-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.quota-modal-title{font-family:var(--font-display);font-size:1.4rem;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.quota-modal-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-xl) 0}.quota-modal-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.quota-modal-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);border:none}.quota-modal-btn.primary{background:#fff;color:#333}.quota-modal-btn.primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 20px #fff3}.quota-modal-btn.secondary{background:#ffffff1a;color:var(--text-secondary);border:1px solid rgba(255,255,255,.15)}.quota-modal-btn.secondary:hover{background:#ffffff26;color:var(--text-primary)}.quota-modal-btn svg{width:20px;height:20px}@media(max-width:480px){.message{padding:var(--spacing-sm) 0}.message-inner{gap:var(--spacing-sm);max-width:88%}.avatar{width:28px;height:28px}.avatar svg{width:16px;height:16px}.message-text{font-size:.9rem;line-height:1.6}.user-message .message-body,.ai-message .message-body{padding:var(--spacing-sm) var(--spacing-md)}.welcome-title{font-size:1.5rem}.welcome-suggestions{gap:var(--spacing-sm)}.hot-words-header{margin-bottom:var(--spacing-sm)}.hot-words-label{font-size:.65rem}.suggestion-chip{padding:var(--spacing-xs) var(--spacing-sm)}.chip-text{font-size:.8rem}.tarot-card{width:70px;height:122px}.card-name{font-size:.75rem}.chat-input{font-size:.9rem}.action-btn{width:28px;height:28px}.action-btn svg{width:16px;height:16px}.send-btn{width:28px;height:28px}.send-btn svg{width:14px;height:14px}.messages-area{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.chat-reading-page{position:fixed;inset:116px 0 0;background:var(--bg-dark);overflow:hidden}.chat-reading-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 60% at 50% -10%,rgba(180,160,190,.12) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 100% 100%,rgba(232,164,201,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 0% 80%,rgba(152,118,180,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(180,160,190,.03) 0%,transparent 40%);pointer-events:none;z-index:0}.chat-reading-page>*{position:relative;z-index:1}@media(max-width:768px){.chat-reading-page{top:104px}}@media(max-width:480px){.chat-reading-page{top:96px}}.fortune-page{min-height:100vh;position:relative;background:var(--bg-dark);padding:var(--spacing-xl);overflow-x:hidden}.fortune-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.fortune-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4}.fortune-orb.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(180,150,200,.4) 0%,transparent 70%);top:-200px;right:-200px;animation:floatOrb 30s ease-in-out infinite}.fortune-orb.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(123,104,238,.3) 0%,transparent 70%);bottom:-150px;left:-150px;animation:floatOrb 25s ease-in-out infinite reverse}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.stars-layer{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 10% 10%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 30% 20%,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 50% 15%,rgba(255,255,255,.25),transparent),radial-gradient(2px 2px at 70% 25%,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 90% 10%,rgba(255,255,255,.3),transparent);animation:twinkle 6s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}.back-home{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:all var(--transition-normal);z-index:100}.back-home svg{width:16px;height:16px}.back-home:hover{background:#ffffff1a;color:var(--text-primary)}.fortune-container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding-top:var(--spacing-2xl)}.fortune-header{text-align:center;margin-bottom:var(--spacing-xl)}.fortune-title{font-size:2.5rem;font-weight:300;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;letter-spacing:.1em;font-family:var(--font-display)}.fortune-date{font-size:1rem;color:var(--text-muted);margin:0}.mode-switcher{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:4px;background:#ffffff0d;border-radius:var(--radius-full);width:fit-content;margin-left:auto;margin-right:auto}.mode-btn{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all var(--transition-normal)}.mode-btn.active{background:var(--gradient-primary);color:var(--text-primary)}.mode-btn:hover:not(.active){color:var(--text-secondary)}.signs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.signs-grid.chinese{grid-template-columns:repeat(4,1fr)}.sign-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.sign-card:hover{background:var(--bg-card-hover);border-color:#b4a0be4d;transform:translateY(-4px)}.sign-card.fire:hover{border-color:#ff6b6b80;box-shadow:0 8px 30px #ff6b6b26}.sign-card.earth:hover{border-color:#77dd7780;box-shadow:0 8px 30px #77dd7726}.sign-card.air:hover{border-color:#87cefa80;box-shadow:0 8px 30px #87cefa26}.sign-card.water:hover{border-color:#b496c880;box-shadow:0 8px 30px #b496c826}.sign-symbol{font-size:2.5rem;line-height:1}.sign-name{font-size:1rem;color:var(--text-primary);font-weight:500}.sign-dates{font-size:.75rem;color:var(--text-muted)}.fortune-detail{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fortune-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-3xl);color:var(--text-muted)}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.selected-sign{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.detail-symbol{font-size:4rem;line-height:1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-name{font-size:1.75rem;font-weight:400;color:var(--text-primary);margin:0;font-family:var(--font-display)}.change-sign-btn{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all var(--transition-normal)}.change-sign-btn:hover{border-color:#fff6;color:var(--text-primary)}.overall-fortune{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg)}.overall-score{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.score-circle{position:relative;width:140px;height:140px}.score-circle svg{width:100%;height:100%}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:300;color:var(--text-primary)}.score-label{font-size:.9rem;color:var(--text-muted)}.overall-advice{font-size:1.1rem;color:var(--text-secondary);text-align:center;margin:0;line-height:1.6}.fortune-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.category-item{padding:var(--spacing-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.category-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.category-icon{font-size:1.25rem}.category-name{flex:1;font-size:.9rem;color:var(--text-secondary)}.category-score{font-size:.9rem;font-weight:500;color:var(--primary-color)}.category-bar{height:6px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-sm)}.bar-fill{height:100%;border-radius:var(--radius-sm);transition:width var(--transition-slow)}.bar-fill.love{background:linear-gradient(90deg,#ff6b9d,#ff8fab)}.bar-fill.career{background:linear-gradient(90deg,#6b9dff,#8fabff)}.bar-fill.wealth{background:linear-gradient(90deg,gold,#ffdf4d)}.bar-fill.health{background:linear-gradient(90deg,#4ade80,#6ee7a0)}.category-advice{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.5}.lucky-tips{display:flex;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-lg);background:#b4a0be1a;border:1px solid rgba(180,160,190,.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.lucky-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.lucky-label{font-size:.75rem;color:var(--text-muted)}.lucky-value{font-size:1rem;color:var(--text-primary);font-weight:500}.lucky-value.numbers{font-family:SF Mono,Monaco,monospace;color:var(--primary-color)}.fortune-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.action-btn{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);font-size:.95rem;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.action-btn.primary{background:var(--gradient-primary);border:none;color:var(--text-primary)}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.action-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary)}.action-btn.secondary:hover{border-color:#fff6;color:var(--text-primary)}@media(max-width:768px){.fortune-page{padding:var(--spacing-md)}.fortune-container{padding-top:var(--spacing-3xl)}.fortune-title{font-size:2rem}.signs-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.sign-card{padding:var(--spacing-md) var(--spacing-sm)}.sign-symbol{font-size:2rem}.fortune-categories{grid-template-columns:1fr}.lucky-tips{flex-direction:column;gap:var(--spacing-md)}.fortune-actions{flex-direction:column}.action-btn{width:100%;text-align:center}}@media(max-width:480px){.signs-grid{grid-template-columns:repeat(2,1fr)}.back-home{top:var(--spacing-md);left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}}.profile-selector{position:relative;z-index:1000}.profile-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.profile-trigger:hover{background:#ffffff14;border-color:#ffffff26}.profile-avatar{width:24px;height:24px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;color:#fff}.profile-name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-arrow{width:14px;height:14px;opacity:.6;transition:transform var(--transition-fast)}.profile-arrow.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;width:260px;background:#1e202dfa;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:dropdownFadeIn var(--transition-fast) ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.06);text-transform:uppercase;letter-spacing:.05em}.profile-list{max-height:280px;overflow-y:auto;padding:var(--spacing-sm)}.profile-list::-webkit-scrollbar{width:4px}.profile-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.profile-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.profile-item:hover{background:#ffffff0d}.profile-item.active{background:#b4a0be26}.item-avatar{width:32px;height:32px;background:#ffffff1a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-secondary);flex-shrink:0}.item-avatar.owner{background:var(--gradient-primary);color:#fff}.item-info{flex:1;min-width:0}.item-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;color:var(--text-primary)}.owner-badge{font-size:.65rem;padding:1px 6px;background:#b4a0be40;border-radius:var(--radius-sm);color:var(--primary-light)}.item-birth{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.item-check{width:18px;height:18px;color:var(--primary-color);flex-shrink:0}.dropdown-footer{padding:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.06)}.manage-link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:all var(--transition-fast)}.manage-link:hover{background:#ffffff0f;color:var(--text-primary)}.manage-link svg{width:16px;height:16px}.current-profile-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#b4a0be1a;border:1px solid rgba(180,160,190,.2);border-radius:var(--radius-full);font-size:.8rem}.current-profile-badge.incomplete{background:#c9a8551a;border-color:#c9a85533}.badge-label{color:var(--text-muted)}.badge-name{color:var(--primary-light);font-weight:500}.current-profile-badge.incomplete .badge-name{color:var(--gold)}.badge-tip{color:var(--gold);text-decoration:none;font-size:.75rem;margin-left:var(--spacing-xs)}.badge-tip:hover{text-decoration:underline}.badge-edit{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);transition:color var(--transition-fast)}.badge-edit:hover{color:var(--text-primary)}.badge-edit svg{width:14px;height:14px}.inline-profile-switcher{position:relative;z-index:100;margin:var(--spacing-md) 0}.switcher-trigger{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.switcher-trigger:hover{background:#ffffff0f;border-color:#ffffff26}.switcher-avatar{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;color:#fff;flex-shrink:0}.switcher-info{flex:1;text-align:left;min-width:0}.switcher-name{display:block;font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:2px}.switcher-birth{display:block;font-size:.8rem;color:var(--text-muted)}.switcher-action{display:flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);background:#b4a0be26;border-radius:var(--radius-md);font-size:.8rem;color:var(--primary-light);flex-shrink:0}.switcher-arrow{width:14px;height:14px;transition:transform var(--transition-fast)}.switcher-arrow.open{transform:rotate(180deg)}.switcher-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));left:0;right:0;background:#1e202dfa;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:dropdownFadeIn var(--transition-fast) ease}.profile-item.incomplete .item-birth{color:var(--gold)}.incomplete-hint{color:var(--gold);font-size:.7rem}.bazi-page .bazi-bg .ink-wash{position:absolute;top:0;right:-20%;width:70%;height:100%;background:radial-gradient(ellipse at top right,rgba(139,90,43,.08) 0%,transparent 60%)}.bazi-page .bagua-watermark{position:absolute;bottom:10%;left:5%;font-size:20rem;color:#ffffff04;font-family:serif;line-height:1;-webkit-user-select:none;user-select:none}.bazi-page .bazi-container{min-height:100vh;display:flex;flex-direction:column;padding-top:calc(var(--spacing-3xl) + 24px);padding-bottom:var(--spacing-xl)}.bazi-page .calculating-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) 0;animation:fadeIn var(--transition-fast)}.bazi-page .calculating-spinner{font-size:4rem;color:var(--gold);animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bazi-page .calculating-overlay p{margin-top:var(--spacing-md);font-size:.9rem;color:var(--text-muted);letter-spacing:.1em}.bazi-page .result-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.bazi-page .result-actions .btn-icon{font-size:.8rem;gap:4px}.bazi-page .result-actions .btn-icon svg{width:14px;height:14px}.bazi-page .bazi-edit-view{animation:fadeIn var(--transition-fast)}.bazi-page .info-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#b4a0be1a;border:1px solid rgba(180,160,190,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:.85rem;color:var(--text-secondary)}.bazi-page .info-banner.warning{background:#c9a8551a;border-color:#c9a85533;color:var(--gold)}.bazi-page .info-banner svg{width:18px;height:18px;flex-shrink:0}.bazi-page .back-to-result{display:block;text-align:center;margin-top:var(--spacing-lg);color:var(--text-muted);font-size:.85rem;background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.bazi-page .back-to-result:hover{color:var(--text-primary)}.bazi-page .bazi-input-view{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.bazi-page .bazi-header{text-align:center;margin-bottom:var(--spacing-xl)}.bazi-page .bazi-header h1{font-size:2rem;font-weight:300;color:var(--text-primary);letter-spacing:.3em;margin:0 0 var(--spacing-sm) 0}.bazi-page .bazi-header p{font-size:.9rem;color:var(--text-muted);margin:0 0 var(--spacing-md) 0;letter-spacing:.1em}.bazi-page .bazi-edit-view{width:100%;max-width:480px;margin:0 auto}.bazi-page .inline-profile-switcher{width:100%;max-width:480px;margin:0 auto var(--spacing-md)}.bazi-page .bazi-card{width:100%;max-width:100%;background:#191923cc;border-color:#8b5a2b33}.bazi-page .input-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.bazi-page .input-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.bazi-page .input-item .form-label{text-align:center}.bazi-page .input-item .form-select{text-align:center;padding:var(--spacing-sm)}.bazi-page .gender-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.06)}.bazi-page .gender-label{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.bazi-page .gender-hint{font-size:.7rem;color:var(--text-muted);opacity:.7}.bazi-page .gender-btns{display:flex;gap:var(--spacing-sm)}.bazi-page .gender-btns button{width:48px;height:36px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-muted);font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.bazi-page .gender-btns button:hover{border-color:#8b5a2b66}.bazi-page .gender-btns button.active{background:#8b5a2b33;border-color:#8b5a2b80;color:var(--gold)}.bazi-page .submit-btn{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,#8b5a2b99,#b4824666);border:1px solid rgba(180,130,70,.3);border-radius:var(--radius-md);color:var(--gold-light);font-size:1rem;letter-spacing:.15em;cursor:pointer;transition:all var(--transition-normal)}.bazi-page .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5a2bcc,#b4824680);box-shadow:0 4px 20px #8b5a2b4d}.bazi-page .submit-btn:disabled{opacity:.6;cursor:not-allowed}.bazi-page .hint{text-align:center;font-size:.75rem;color:var(--text-muted);margin:var(--spacing-lg) 0 0 0}.bazi-page .bazi-result-view{animation:fadeInUp var(--transition-slow)}.bazi-page .result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.bazi-page .result-title{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.bazi-page .result-header h2{font-size:1.25rem;font-weight:400;color:var(--text-primary);letter-spacing:.2em;margin:0}.bazi-page .result-profile-name{font-size:.8rem;color:var(--gold);padding:2px 8px;background:#8b5a2b26;border-radius:var(--radius-sm)}.bazi-page .reset-btn{font-size:.8rem}.bazi-page .placeholder{width:80px}.bazi-page .pillars-row{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.bazi-page .pillar{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:#ffffff05;border:1px solid rgba(139,90,43,.15);border-radius:var(--radius-md)}.bazi-page .pillar-name{font-size:.7rem;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.bazi-page .pillar-chars{display:flex;flex-direction:column;align-items:center;gap:4px}.bazi-page .tian-gan,.bazi-page .di-zhi{font-size:1.75rem;font-weight:500;line-height:1}.bazi-page .pillar-wx{font-size:.65rem;color:var(--text-muted);margin-top:var(--spacing-sm);letter-spacing:.1em}.bazi-page .daymaster-box{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#8b5a2b1a,#643c1e0d);border:1px solid rgba(139,90,43,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.bazi-page .dm-left{display:flex;flex-direction:column;align-items:center;min-width:60px}.bazi-page .dm-label{font-size:.65rem;color:var(--text-muted);margin-bottom:4px}.bazi-page .dm-char{font-size:2.5rem;font-weight:600;line-height:1}.bazi-page .dm-wx{font-size:.7rem;color:var(--text-muted);margin-top:4px}.bazi-page .dm-desc{flex:1;font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin:0}.bazi-page .wuxing-box{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.bazi-page .wuxing-box h3{font-size:.85rem;font-weight:400;color:var(--text-muted);margin:0 0 var(--spacing-md) 0}.bazi-page .wuxing-bars{display:flex;flex-direction:column;gap:var(--spacing-sm)}.bazi-page .wx-row{display:flex;align-items:center;gap:var(--spacing-sm)}.bazi-page .wx-char{width:24px;font-size:1rem;font-weight:500;text-align:center}.bazi-page .wx-track{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.bazi-page .wx-fill{height:100%;border-radius:3px;transition:width var(--transition-slow)}.bazi-page .wx-num{width:16px;font-size:.8rem;color:var(--text-muted);text-align:right}.bazi-page .wx-tip{font-size:.8rem;color:var(--text-muted);margin:var(--spacing-md) 0 0 0;text-align:center}.bazi-page .wx-tip strong{color:var(--gold)}.bazi-page .interp-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.bazi-page .interp-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md)}.bazi-page .interp-icon{width:20px;height:20px;flex-shrink:0;color:var(--gold)}.bazi-page .interp-icon svg{width:100%;height:100%}.bazi-page .interp-content{flex:1}.bazi-page .interp-content h4{font-size:.85rem;font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.bazi-page .interp-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0}.bazi-page .result-footer{text-align:center;margin-bottom:var(--spacing-lg)}.bazi-page .tarot-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,#8b5a2b66,#643c1e4d);border:1px solid rgba(139,90,43,.3);border-radius:var(--radius-md);color:var(--gold);text-decoration:none;font-size:.9rem;transition:all var(--transition-normal)}.bazi-page .tarot-link:hover{background:linear-gradient(135deg,#8b5a2b99,#643c1e66);box-shadow:0 4px 15px #8b5a2b40}.bazi-page .disclaimer{text-align:center;font-size:.7rem;color:var(--text-muted);margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.bazi-page .algorithm-badge{display:inline-block;padding:2px 8px;background:#8b5a2b26;border:1px solid rgba(139,90,43,.3);border-radius:var(--radius-sm);color:#d4a054;font-size:.65rem;letter-spacing:.05em}@media(max-width:768px){.bazi-page .bazi-container{padding-top:calc(var(--spacing-2xl) + 40px);padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px))}.bazi-page .bazi-header h1{font-size:1.75rem;letter-spacing:.2em}.bazi-page .bazi-header p{font-size:.85rem}.bazi-page .bazi-card{max-width:100%;padding:var(--spacing-md)}.bazi-page .input-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.bazi-page .input-item .form-select{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-xs)}.bazi-page .gender-row{padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.bazi-page .submit-btn{padding:var(--spacing-md);font-size:.95rem}.bazi-page .pillars-row{gap:var(--spacing-xs);flex-wrap:nowrap;overflow-x:auto;padding:var(--spacing-sm) 0;-webkit-overflow-scrolling:touch}.bazi-page .pillar{padding:var(--spacing-sm) var(--spacing-md);min-width:70px}.bazi-page .tian-gan,.bazi-page .di-zhi{font-size:1.4rem}.bazi-page .pillar-name{font-size:.65rem}.bazi-page .pillar-wx{font-size:.6rem}.bazi-page .daymaster-box{flex-direction:column;text-align:center;padding:var(--spacing-md)}.bazi-page .dm-left{flex-direction:row;gap:var(--spacing-sm);justify-content:center}.bazi-page .dm-char{font-size:2rem}.bazi-page .dm-desc{font-size:.85rem;line-height:1.6}.bazi-page .wuxing-box{padding:var(--spacing-md)}.bazi-page .interp-item{padding:var(--spacing-sm) var(--spacing-md)}.bazi-page .interp-content h4{font-size:.8rem}.bazi-page .interp-content p{font-size:.8rem;line-height:1.5}.bazi-page .tarot-link{padding:var(--spacing-sm) var(--spacing-lg);font-size:.85rem}.bazi-page .result-header{flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.bazi-page .result-header h2{font-size:1.1rem}.bazi-page .reset-btn{font-size:.75rem}.bazi-page .placeholder{width:60px}}@media(max-width:480px){.bazi-page .bazi-container{padding-top:calc(var(--spacing-xl) + 50px)}.bazi-page .bazi-header h1{font-size:1.5rem}.bazi-page .input-grid{gap:var(--spacing-xs)}.bazi-page .input-item .form-label{font-size:.75rem}.bazi-page .input-item .form-select{font-size:.85rem;padding:var(--spacing-xs)}.bazi-page .pillar{padding:var(--spacing-xs) var(--spacing-sm);min-width:60px}.bazi-page .tian-gan,.bazi-page .di-zhi{font-size:1.2rem}.bazi-page .dm-char{font-size:1.75rem}.bazi-page .wuxing-box h3{font-size:.8rem}.bazi-page .wx-char{font-size:.9rem}.bazi-page .wx-num,.bazi-page .wx-tip{font-size:.75rem}.bazi-page .interp-icon{width:18px;height:18px}.bazi-page .disclaimer{font-size:.65rem}.bazi-page .algorithm-badge{font-size:.6rem;padding:1px 6px}}.astrology-page .astrology-bg .stars-layer{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(100,149,237,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(180,150,200,.08) 0%,transparent 50%)}.astrology-page .constellation-watermark{position:absolute;top:15%;right:5%;width:200px;height:200px;opacity:.03;-webkit-user-select:none;user-select:none;pointer-events:none}.astrology-page .constellation-watermark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,#fff 2px,transparent 2px),radial-gradient(circle at 50% 10%,#fff 1.5px,transparent 1.5px),radial-gradient(circle at 80% 25%,#fff 2px,transparent 2px),radial-gradient(circle at 30% 60%,#fff 1px,transparent 1px),radial-gradient(circle at 70% 55%,#fff 1.5px,transparent 1.5px),radial-gradient(circle at 50% 80%,#fff 2px,transparent 2px),radial-gradient(circle at 90% 70%,#fff 1px,transparent 1px)}.astrology-page .astrology-container{min-height:100vh;display:flex;flex-direction:column;padding-top:calc(var(--spacing-3xl) + 24px);padding-bottom:var(--spacing-xl)}.astrology-page .astrology-input-view{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.astrology-page .astrology-header{text-align:center;margin-bottom:var(--spacing-xl)}.astrology-page .astrology-header h1{font-size:2rem;font-weight:300;color:var(--text-primary);letter-spacing:.3em;margin:0 0 var(--spacing-sm) 0}.astrology-page .astrology-header p{font-size:.9rem;color:var(--text-muted);margin:0 0 var(--spacing-md) 0;letter-spacing:.1em}.astrology-page .astrology-card{width:100%;max-width:420px;background:#191928d9;border-color:#6495ed33}.astrology-page .info-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#6495ed1a;border:1px solid rgba(100,149,237,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.8rem;color:var(--text-secondary)}.astrology-page .info-banner svg{width:16px;height:16px;flex-shrink:0;color:#6495ed}.astrology-page .info-banner.warning{background:#c9a8551a;border-color:#c9a85533;color:var(--gold, #c9a855)}.astrology-page .info-banner.warning svg{color:var(--gold, #c9a855)}.astrology-page .form-section{margin-bottom:var(--spacing-lg)}.astrology-page .section-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.astrology-page .section-label-icon{width:16px;height:16px}.astrology-page .section-label-icon svg{width:100%;height:100%}.astrology-page .label-hint{font-size:.75rem;color:var(--text-muted);margin-left:var(--spacing-xs)}.astrology-page .input-grid{display:grid;gap:var(--spacing-sm)}.astrology-page .input-grid-3{grid-template-columns:repeat(3,1fr)}.astrology-page .input-grid-2{grid-template-columns:repeat(2,1fr)}.astrology-page .input-item .form-select{width:100%;text-align:center}.astrology-page .coords-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs);text-align:center}.astrology-page .input-error{border-color:#ef444480!important}.astrology-page .error-hint{display:block;font-size:.75rem;color:#f87171;margin-top:var(--spacing-xs)}.astrology-page .submit-btn{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,#6495ed80,#b496c866);border:1px solid rgba(100,149,237,.3);border-radius:var(--radius-md);color:#fff;font-size:1rem;letter-spacing:.15em;cursor:pointer;transition:all var(--transition-normal)}.astrology-page .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#6495edb3,#b496c880);box-shadow:0 4px 20px #6495ed4d}.astrology-page .submit-btn:disabled{opacity:.6;cursor:not-allowed}.astrology-page .loading-text{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.astrology-page .loading-star{animation:twinkle 1s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.astrology-page .hint{text-align:center;font-size:.75rem;color:var(--text-muted);margin:var(--spacing-lg) 0 0 0}.astrology-page .back-to-result{display:block;text-align:center;margin-top:var(--spacing-md);padding:var(--spacing-sm);color:var(--text-muted);font-size:.8rem;text-decoration:underline;cursor:pointer;background:transparent;border:none;transition:color var(--transition-fast)}.astrology-page .back-to-result:hover{color:#6495ed}.astrology-page .astrology-edit-view{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;animation:fadeInUp var(--transition-slow)}.astrology-page .calculating-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-md);min-height:300px}.astrology-page .calculating-spinner{width:64px;height:64px;color:#6495ed;animation:starSpin 2s linear infinite}.astrology-page .calculating-spinner svg{width:100%;height:100%}@keyframes starSpin{0%{transform:rotate(0) scale(1);opacity:.7}50%{transform:rotate(180deg) scale(1.1);opacity:1}to{transform:rotate(360deg) scale(1);opacity:.7}}.astrology-page .calculating-overlay p{font-size:.9rem;color:var(--text-muted);margin-top:var(--spacing-md);letter-spacing:.1em}.astrology-page .result-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.astrology-page .result-actions .btn-icon{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid rgba(100,149,237,.2);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.astrology-page .result-actions .btn-icon:hover{background:#6495ed1a;border-color:#6495ed4d;color:#6495ed}.astrology-page .result-actions .btn-icon svg{width:14px;height:14px}.astrology-page .astrology-result-view{animation:fadeInUp var(--transition-slow)}.astrology-page .result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.astrology-page .result-title{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.astrology-page .result-header h2{font-size:1.25rem;font-weight:400;color:var(--text-primary);letter-spacing:.2em;margin:0}.astrology-page .result-profile-name{font-size:.8rem;color:#6495ed;padding:2px 8px;background:#6495ed26;border-radius:var(--radius-sm)}.astrology-page .reset-btn{font-size:.8rem}.astrology-page .placeholder{width:80px}.astrology-page .birth-info-bar{display:flex;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff08;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.8rem;color:var(--text-muted)}.astrology-page .big-three{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.astrology-page .big-three-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);background:#ffffff05;border:1px solid rgba(100,149,237,.15);border-radius:var(--radius-lg);min-width:100px;transition:all var(--transition-normal)}.astrology-page .big-three-item:hover{background:#ffffff0a;border-color:#6495ed4d}.astrology-page .sign-label{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.astrology-page .label-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.astrology-page .label-icon svg{width:100%;height:100%}.astrology-page .sign-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm)}.astrology-page .sign-icon svg{width:100%;height:100%}.astrology-page .sign-name{font-size:1rem;font-weight:500;margin-bottom:2px}.astrology-page .sign-degree{font-size:.7rem;color:var(--text-muted)}.astrology-page .planets-box{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.astrology-page .planets-box h3{font-size:.85rem;font-weight:400;color:var(--text-muted);margin:0 0 var(--spacing-md) 0;text-align:center}.astrology-page .planets-grid{display:flex;justify-content:center;gap:var(--spacing-lg)}.astrology-page .planet-item{display:flex;flex-direction:column;align-items:center;gap:4px}.astrology-page .planet-label{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted)}.astrology-page .planet-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.astrology-page .planet-icon svg{width:100%;height:100%}.astrology-page .planet-zodiac-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.astrology-page .planet-zodiac-icon svg{width:100%;height:100%}.astrology-page .planet-sign{font-size:.8rem;font-weight:500}.astrology-page .interp-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.astrology-page .interp-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md)}.astrology-page .interp-icon{width:20px;height:20px;flex-shrink:0;color:#6495ed}.astrology-page .interp-icon svg{width:100%;height:100%}.astrology-page .interp-content{flex:1}.astrology-page .interp-content h4{font-size:.9rem;font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.astrology-page .interp-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0}.astrology-page .summary-box{background:linear-gradient(135deg,#6495ed1a,#b496c814);border:1px solid rgba(100,149,237,.2);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.astrology-page .summary-box h3{font-size:.9rem;font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.astrology-page .summary-box p{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin:0}.astrology-page .result-footer{text-align:center;margin-bottom:var(--spacing-lg)}.astrology-page .tarot-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,#6495ed66,#b496c84d);border:1px solid rgba(100,149,237,.3);border-radius:var(--radius-md);color:#6495ed;text-decoration:none;font-size:.9rem;transition:all var(--transition-normal)}.astrology-page .tarot-link:hover{background:linear-gradient(135deg,#6495ed99,#b496c866);box-shadow:0 4px 15px #6495ed40}.astrology-page .disclaimer{text-align:center;font-size:.7rem;color:var(--text-muted);margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.astrology-page .algorithm-badge{display:inline-block;padding:2px 8px;background:#6495ed26;border:1px solid rgba(100,149,237,.3);border-radius:var(--radius-sm);color:#6495ed;font-size:.65rem;letter-spacing:.05em}.astrology-page .tab-nav{display:flex;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#ffffff05;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);position:relative;z-index:10}.astrology-page .tab-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.astrology-page .tab-btn svg{width:16px;height:16px}.astrology-page .tab-btn:hover{background:#6495ed1a;color:var(--text-secondary)}.astrology-page .tab-btn.active{background:#6495ed26;border-color:#6495ed4d;color:#6495ed}.astrology-page .tab-container{animation:fadeInUp var(--transition-normal);position:relative;z-index:1}.astrology-page .tab-content{padding:var(--spacing-md) 0;position:relative;overflow:visible}.astrology-page .energy-distribution{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.astrology-page .energy-distribution h3{font-size:.9rem;font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;text-align:center}.astrology-page .energy-grid{display:grid;gap:var(--spacing-lg)}.astrology-page .energy-section h4{font-size:.75rem;font-weight:400;color:var(--text-muted);margin:0 0 var(--spacing-sm) 0}.astrology-page .element-bars,.astrology-page .mode-bars{display:flex;flex-direction:column;gap:var(--spacing-xs)}.astrology-page .element-bar-item,.astrology-page .mode-bar-item{display:flex;align-items:center;gap:var(--spacing-sm)}.astrology-page .element-label,.astrology-page .mode-label{width:24px;font-size:.8rem;font-weight:500}.astrology-page .element-bar-track,.astrology-page .mode-bar-track{flex:1;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.astrology-page .element-bar-fill,.astrology-page .mode-bar-fill{height:100%;border-radius:4px;transition:width var(--transition-normal)}.astrology-page .mode-bar-fill{background:linear-gradient(90deg,#6495ed,#9370db)}.astrology-page .element-count,.astrology-page .mode-count{width:20px;font-size:.75rem;color:var(--text-muted);text-align:right}.astrology-page .polarity-section{margin-top:var(--spacing-sm)}.astrology-page .polarity-display{display:flex;align-items:center;gap:var(--spacing-sm)}.astrology-page .polarity-item{font-size:.8rem;font-weight:500}.astrology-page .polarity-item.yang{color:#ffe66d}.astrology-page .polarity-item.yin{color:#6495ed}.astrology-page .polarity-bar{flex:1;height:8px;background:linear-gradient(90deg,#6495ed33,#6495ed33);border-radius:4px;overflow:hidden}.astrology-page .polarity-fill.yang{height:100%;background:linear-gradient(90deg,#ffe66d,#ff9f43);border-radius:4px}.astrology-page .planets-section{margin-bottom:var(--spacing-xl)}.astrology-page .planets-section h3{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.astrology-page .section-desc{font-size:.8rem;color:var(--text-muted);margin:0 0 var(--spacing-md) 0}.astrology-page .planets-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.astrology-page .planet-detail-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.astrology-page .planet-detail-card:hover{background:#ffffff0a;border-color:#6495ed33}.astrology-page .planet-header{display:flex;align-items:center;gap:var(--spacing-md)}.astrology-page .planet-symbol-large{font-size:1.5rem;width:40px;text-align:center}.astrology-page .planet-info{flex:1;display:flex;flex-direction:column;gap:2px}.astrology-page .planet-name-large{font-size:.95rem;font-weight:500;color:var(--text-primary)}.astrology-page .planet-sign-text{font-size:.8rem}.astrology-page .planet-house-badge{padding:4px 10px;background:#6495ed26;border-radius:var(--radius-sm);font-size:.75rem;color:#6495ed}.astrology-page .planet-house-meaning{margin:var(--spacing-sm) 0 0 0;padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.05);font-size:.8rem;color:var(--text-secondary);line-height:1.5}.astrology-page .planets-list.compact{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.astrology-page .planet-compact-card{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);font-size:.8rem}.astrology-page .planet-compact-card .planet-symbol{font-size:1rem}.astrology-page .retrograde-notice{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffc1071a;border:1px solid rgba(255,193,7,.2);border-radius:var(--radius-md);color:#ffc107;font-size:.85rem;margin-top:var(--spacing-md)}.astrology-page .retrograde-icon{font-size:1.2rem}.astrology-page .houses-intro{text-align:center;margin-bottom:var(--spacing-lg)}.astrology-page .houses-intro p{font-size:.85rem;color:var(--text-muted);margin:0}.astrology-page .houses-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.astrology-page .house-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.astrology-page .house-card:hover{background:#ffffff0a}.astrology-page .house-card.expanded{border-color:#6495ed4d}.astrology-page .house-card.has-planets{border-left:3px solid rgba(100,149,237,.5)}.astrology-page .house-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.astrology-page .house-number{font-size:.8rem;font-weight:500;color:#6495ed;width:50px}.astrology-page .house-name{font-size:.9rem;font-weight:500;color:var(--text-primary);width:60px}.astrology-page .house-sign{display:flex;align-items:center;gap:4px;flex:1}.astrology-page .house-sign svg{width:20px;height:20px}.astrology-page .house-cusp{font-size:.75rem;color:var(--text-muted)}.astrology-page .house-expand-icon{width:20px;height:20px;color:var(--text-muted);transition:transform var(--transition-fast)}.astrology-page .house-expand-icon.rotated{transform:rotate(180deg)}.astrology-page .house-expand-icon svg{width:100%;height:100%}.astrology-page .house-details{padding:0 var(--spacing-md) var(--spacing-md);border-top:1px solid rgba(255,255,255,.05);animation:fadeInDown var(--transition-fast)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.astrology-page .house-meaning{margin-bottom:var(--spacing-md)}.astrology-page .house-meaning h4{font-size:.8rem;font-weight:500;color:var(--text-secondary);margin:var(--spacing-sm) 0 var(--spacing-xs) 0}.astrology-page .house-meaning p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0 0 var(--spacing-sm) 0}.astrology-page .house-keywords{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.astrology-page .keyword-tag{padding:2px 8px;background:#6495ed1a;border-radius:var(--radius-sm);font-size:.7rem;color:#6495ed}.astrology-page .house-ruler{font-size:.8rem;color:var(--text-muted);margin-bottom:var(--spacing-md)}.astrology-page .ruler-planet{color:var(--text-primary);font-weight:500}.astrology-page .house-planets h4{font-size:.8rem;font-weight:500;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.astrology-page .house-planet-item{padding:var(--spacing-sm);background:#ffffff05;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.astrology-page .house-planet-item .hp-symbol{font-size:1rem;margin-right:var(--spacing-xs)}.astrology-page .house-planet-item .hp-name{font-weight:500;margin-right:var(--spacing-sm)}.astrology-page .house-planet-item .hp-meaning{font-size:.8rem;color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0;line-height:1.4}.astrology-page .house-empty-notice{padding:var(--spacing-sm);background:#ffffff05;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.astrology-page .house-empty-notice p{font-size:.8rem;color:var(--text-muted);margin:0;font-style:italic}.astrology-page .house-life{font-size:.8rem;color:var(--text-muted)}.astrology-page .life-label{margin-right:var(--spacing-xs)}.astrology-page .aspects-section{margin-bottom:var(--spacing-xl)}.astrology-page .aspects-section h3{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.astrology-page .aspects-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.astrology-page .aspect-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.astrology-page .aspect-card.harmonious{border-left:3px solid #4ECDC4}.astrology-page .aspect-card.tense{border-left:3px solid #FF6B6B}.astrology-page .aspect-card.neutral{border-left:3px solid #FFE66D}.astrology-page .aspect-header{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.astrology-page .aspect-planets{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem}.astrology-page .ap-planet{font-weight:500;color:var(--text-primary)}.astrology-page .ap-symbol{font-size:1rem}.astrology-page .ap-symbol.harmonious{color:#4ecdc4}.astrology-page .ap-symbol.tense{color:#ff6b6b}.astrology-page .ap-symbol.neutral{color:#ffe66d}.astrology-page .aspect-name{font-size:.8rem;color:var(--text-secondary);padding:2px 8px;background:#ffffff0d;border-radius:var(--radius-sm)}.astrology-page .aspect-orb{font-size:.75rem;color:var(--text-muted);margin-left:auto}.astrology-page .aspect-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:var(--spacing-sm) 0}.astrology-page .aspect-quality-tag{display:inline-block;font-size:.7rem;padding:2px 8px;border-radius:var(--radius-sm)}.astrology-page .aspect-card.harmonious .aspect-quality-tag{background:#4ecdc426;color:#4ecdc4}.astrology-page .aspect-card.tense .aspect-quality-tag{background:#ff6b6b26;color:#ff6b6b}.astrology-page .aspect-card.neutral .aspect-quality-tag{background:#ffe66d26;color:#ffe66d}.astrology-page .aspects-list.compact .aspect-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff05;border-radius:var(--radius-sm);font-size:.8rem}.astrology-page .no-aspects{text-align:center;color:var(--text-muted);font-size:.85rem;padding:var(--spacing-lg)}.astrology-page .aspect-legend{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.astrology-page .aspect-legend h4{font-size:.85rem;font-weight:500;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.astrology-page .legend-items{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.astrology-page .legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;color:var(--text-muted)}.astrology-page .legend-symbol{font-size:1rem}.astrology-page .legend-symbol.harmonious{color:#4ecdc4}.astrology-page .legend-symbol.tense{color:#ff6b6b}.astrology-page .legend-symbol.neutral{color:#ffe66d}.astrology-page .element-stats{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.astrology-page .element-stats h3{font-size:.85rem;font-weight:400;color:var(--text-muted);margin:0 0 var(--spacing-md) 0;text-align:center}.astrology-page .dominant-element{text-align:center;font-size:.8rem;color:var(--text-muted);margin:var(--spacing-md) 0 0 0}.astrology-page .settings-panel{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.astrology-page .settings-panel label{font-size:.85rem;color:var(--text-secondary)}.astrology-page .settings-panel select{padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem}@media(max-width:768px){.astrology-page .astrology-container{padding-top:calc(var(--spacing-2xl) + 40px);padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px))}.astrology-page .astrology-header h1{font-size:1.75rem;letter-spacing:.2em}.astrology-page .astrology-header p{font-size:.85rem}.astrology-page .astrology-card{max-width:100%;padding:var(--spacing-md)}.astrology-page .info-banner{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.astrology-page .big-three{gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto;padding:var(--spacing-sm) 0;-webkit-overflow-scrolling:touch}.astrology-page .big-three-item{padding:var(--spacing-md);min-width:90px}.astrology-page .sign-label{font-size:.65rem;gap:3px}.astrology-page .label-icon{width:12px;height:12px}.astrology-page .sign-icon{width:44px;height:44px}.astrology-page .sign-name{font-size:.85rem}.astrology-page .planets-grid{gap:var(--spacing-md)}.astrology-page .planet-label{font-size:.7rem}.astrology-page .planet-icon{width:14px;height:14px}.astrology-page .planet-zodiac-icon{width:28px;height:28px}.astrology-page .birth-info-bar{flex-direction:column;gap:var(--spacing-xs);text-align:center}.astrology-page .interp-item{padding:var(--spacing-sm) var(--spacing-md)}.astrology-page .interp-content h4{font-size:.85rem}.astrology-page .interp-content p{font-size:.8rem;line-height:1.5}.astrology-page .result-header{flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.astrology-page .result-header h2{font-size:1.1rem}.astrology-page .reset-btn{font-size:.75rem}.astrology-page .placeholder{width:60px}}@media(max-width:480px){.astrology-page .astrology-container{padding-top:calc(var(--spacing-xl) + 50px)}.astrology-page .astrology-header h1{font-size:1.5rem}.astrology-page .big-three-item{padding:var(--spacing-sm) var(--spacing-md);min-width:80px}.astrology-page .sign-label{font-size:.6rem;gap:2px}.astrology-page .label-icon{width:10px;height:10px}.astrology-page .sign-icon{width:36px;height:36px;margin-bottom:var(--spacing-xs)}.astrology-page .sign-name{font-size:.8rem}.astrology-page .sign-degree{font-size:.65rem}.astrology-page .planets-box{padding:var(--spacing-md)}.astrology-page .planets-grid{gap:var(--spacing-sm)}.astrology-page .planet-label{font-size:.65rem}.astrology-page .planet-icon{width:12px;height:12px}.astrology-page .planet-zodiac-icon{width:22px;height:22px}.astrology-page .planet-sign{font-size:.7rem}.astrology-page .summary-box{padding:var(--spacing-md)}.astrology-page .summary-box h3{font-size:.85rem}.astrology-page .summary-box p{font-size:.8rem;line-height:1.6}.astrology-page .tarot-link{padding:var(--spacing-sm) var(--spacing-lg);font-size:.85rem}.astrology-page .disclaimer{font-size:.65rem}.astrology-page .algorithm-badge{font-size:.6rem;padding:1px 6px}}.astrology-page .chart-tab{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:600px;margin:0 auto;position:relative;z-index:1}.astrology-page .chart-container{width:100%;min-height:500px;padding:var(--spacing-xl);background:#14142399;border-radius:var(--radius-lg);border:1px solid rgba(139,92,246,.2);display:flex;justify-content:center;align-items:center}.astrology-page .natal-chart-svg{display:block;width:450px;height:450px;max-width:100%;flex-shrink:0}.astrology-page .chart-legend{background:#19192899;border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid rgba(139,92,246,.15);width:100%;box-sizing:border-box}.astrology-page .legend-row{margin-bottom:var(--spacing-md)}.astrology-page .legend-row:last-child{margin-bottom:0}.astrology-page .legend-title{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.1em}.astrology-page .planet-symbols{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.astrology-page .planet-symbols:last-child{margin-bottom:0}.astrology-page .symbol-item{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:#8b5cf61a;border-radius:var(--radius-sm);font-size:.8rem}.astrology-page .symbol-item .symbol{font-size:1rem;color:var(--accent-primary)}.astrology-page .symbol-item .name{color:var(--text-secondary);font-size:.75rem}.astrology-page .aspect-symbols{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.astrology-page .aspect-item{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.astrology-page .aspect-item .line{width:28px;height:3px;border-radius:2px}.astrology-page .aspect-item .line.harmonious{background:#4ade80}.astrology-page .aspect-item .line.tense{background:#f87171;background:repeating-linear-gradient(90deg,#f87171 0px,#f87171 4px,transparent 4px,transparent 8px)}.astrology-page .aspect-item .line.neutral{background:#a78bfa}.astrology-page .angles-info{background:#19192899;border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid rgba(139,92,246,.15);width:100%;box-sizing:border-box}.astrology-page .angles-info h3{font-size:.9rem;font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(139,92,246,.2)}.astrology-page .angles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.astrology-page .angle-item{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-sm);background:#8b5cf60d;border-radius:var(--radius-sm)}.astrology-page .angle-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.astrology-page .angle-value{font-size:.95rem;font-weight:600;color:var(--accent-primary)}.astrology-page .angle-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4}@media(max-width:768px){.astrology-page .chart-tab{max-width:100%}.astrology-page .chart-container{padding:var(--spacing-md);min-height:350px}.astrology-page .natal-chart-svg{width:320px;height:320px;max-width:100%}.astrology-page .chart-legend,.astrology-page .angles-info{padding:var(--spacing-md)}.astrology-page .angles-grid{grid-template-columns:1fr}.astrology-page .symbol-item{padding:4px 8px}.astrology-page .aspect-symbols{gap:var(--spacing-md)}.astrology-page .symbol-item .symbol{font-size:.9rem}.astrology-page .symbol-item .name{font-size:.7rem}}.astrology-page .overview-tab h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.astrology-page .section-icon{font-size:1.1rem}.astrology-page .chart-ruler-section{background:linear-gradient(135deg,#ffd70014,#8b5cf614);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid rgba(255,215,0,.2)}.astrology-page .chart-ruler-card{display:flex;flex-direction:column;gap:var(--spacing-md)}.astrology-page .ruler-main{display:flex;align-items:center;gap:var(--spacing-md)}.astrology-page .ruler-symbol{font-size:2.5rem;line-height:1}.astrology-page .ruler-info{display:flex;flex-direction:column;gap:2px}.astrology-page .ruler-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.astrology-page .ruler-position{font-size:.85rem;color:var(--text-secondary)}.astrology-page .ruler-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.astrology-page .patterns-section{background:#19192899;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid rgba(139,92,246,.15)}.astrology-page .patterns-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.astrology-page .pattern-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#8b5cf60d;border-radius:var(--radius-md);border-left:3px solid rgba(139,92,246,.5)}.astrology-page .pattern-card.harmonious{border-left-color:#4ade80;background:#4ade800d}.astrology-page .pattern-card.tense{border-left-color:#f87171;background:#f871710d}.astrology-page .pattern-card.concentrated{border-left-color:#fbbf24;background:#fbbf240d}.astrology-page .pattern-icon{font-size:1.5rem;flex-shrink:0}.astrology-page .pattern-info{flex:1;display:flex;flex-direction:column;gap:2px}.astrology-page .pattern-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.astrology-page .pattern-desc{font-size:.8rem;color:var(--text-secondary)}.astrology-page .pattern-quality{font-size:.7rem;padding:3px 8px;border-radius:var(--radius-sm);background:#8b5cf633;color:var(--accent-primary)}.astrology-page .pattern-quality.harmonious{background:#4ade8033;color:#4ade80}.astrology-page .pattern-quality.tense{background:#f8717133;color:#f87171}.astrology-page .pattern-quality.concentrated{background:#fbbf2433;color:#fbbf24}.astrology-page .key-aspects-section{background:#19192899;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid rgba(139,92,246,.15)}.astrology-page .key-aspects-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.astrology-page .key-aspect-item{display:flex;flex-direction:column;gap:6px;padding:var(--spacing-md);background:#8b5cf60d;border-radius:var(--radius-md);border:1px solid rgba(139,92,246,.1)}.astrology-page .key-aspect-item.harmonious{border-color:#4ade804d}.astrology-page .key-aspect-item.tense{border-color:#f871714d}.astrology-page .aspect-planets{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.astrology-page .aspect-planets .planet-name{font-size:.85rem;font-weight:500;color:var(--text-primary)}.astrology-page .aspect-planets .aspect-symbol{font-size:1rem;color:var(--accent-primary)}.astrology-page .aspect-detail{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.astrology-page .aspect-type{color:var(--text-secondary)}.astrology-page .aspect-orb{color:var(--text-muted)}.astrology-page .aspect-meaning{font-size:.75rem;color:var(--text-muted);text-align:center}.astrology-page .retrograde-section{background:#fb923c14;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid rgba(251,146,60,.2)}.astrology-page .retrograde-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.astrology-page .retrograde-item{display:flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);background:#fb923c26;border-radius:var(--radius-sm)}.astrology-page .retrograde-symbol{font-size:1.1rem;color:#fb923c}.astrology-page .retrograde-name{font-size:.85rem;color:var(--text-primary)}.astrology-page .retrograde-hint{font-size:.8rem;color:var(--text-secondary);margin:0;font-style:italic}.astrology-page .life-themes-section{background:#19192899;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid rgba(139,92,246,.15)}.astrology-page .themes-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.astrology-page .theme-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#8b5cf60d;border-radius:var(--radius-md)}.astrology-page .theme-item.strong{background:#8b5cf61a;border-left:3px solid var(--accent-primary)}.astrology-page .theme-area{font-size:.75rem;padding:3px 8px;background:#8b5cf633;border-radius:var(--radius-sm);color:var(--accent-primary);white-space:nowrap}.astrology-page .theme-name{font-size:.9rem;font-weight:500;color:var(--text-primary);flex-shrink:0}.astrology-page .theme-desc{font-size:.8rem;color:var(--text-secondary);flex:1}@media(max-width:768px){.astrology-page .chart-ruler-section,.astrology-page .patterns-section,.astrology-page .key-aspects-section,.astrology-page .retrograde-section,.astrology-page .life-themes-section{padding:var(--spacing-md)}.astrology-page .key-aspects-list{grid-template-columns:1fr}.astrology-page .ruler-symbol{font-size:2rem}.astrology-page .pattern-card{flex-wrap:wrap}.astrology-page .pattern-quality{margin-left:auto}.astrology-page .theme-item{flex-wrap:wrap;gap:var(--spacing-xs)}.astrology-page .theme-desc{width:100%;margin-top:var(--spacing-xs)}}.profile-page .profile-section{margin-bottom:var(--spacing-xl)}.profile-page .profile-card{margin-bottom:var(--spacing-md)}.profile-page .profile-card.new-card{border-color:#b4a0be40}.profile-page .new-title{font-size:.95rem;font-weight:500;color:var(--primary-light);margin:0 0 var(--spacing-md) 0}.profile-page .card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.profile-page .card-avatar{width:48px;height:48px;background:#ffffff14;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-secondary);flex-shrink:0}.profile-page .card-avatar.owner-avatar{background:var(--gradient-primary);color:#fff;font-weight:500}.profile-page .card-info{flex:1;min-width:0}.profile-page .card-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:4px}.profile-page .current-badge{font-size:.65rem;font-weight:400;padding:2px 6px;background:#b4a0be40;border-radius:var(--radius-sm);color:var(--primary-light)}.profile-page .card-birth{font-size:.85rem;color:var(--text-muted)}.profile-page .card-gender{font-size:.8rem;color:var(--text-muted);margin-left:var(--spacing-sm)}.profile-page .card-actions{justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.06)}.profile-page .edit-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.profile-page .birth-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.profile-page .time-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.profile-page .form-label-hint{font-size:.75rem;color:var(--text-muted);font-weight:400;margin-left:var(--spacing-xs)}.profile-page .form-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.profile-page .gender-btns{display:flex;gap:var(--spacing-sm)}.profile-page .gender-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.profile-page .gender-btn:hover{background:#ffffff14}.profile-page .gender-btn.active{background:#b4a0be26;border-color:#b4a0be66;color:var(--primary-light)}.profile-page .friends-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-page .tip-box{margin-top:var(--spacing-xl)}@media(max-width:768px){.profile-page .birth-inputs{grid-template-columns:1fr;gap:var(--spacing-xs)}.profile-page .card-actions{flex-wrap:wrap;gap:var(--spacing-sm)}.profile-page .card-actions .btn-icon{flex:0 0 auto;min-width:auto;white-space:nowrap}}.me-page .me-header{text-align:center;padding:calc(var(--spacing-3xl) + 24px) 0 var(--spacing-xl)}.me-page .me-header h1{font-size:1.5rem;font-weight:400;color:var(--text-primary);letter-spacing:.1em;margin:0 0 var(--spacing-xs) 0}.me-page .me-header p{font-size:.9rem;color:var(--text-muted);margin:0}.me-page .user-avatar{width:80px;height:80px;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,#b4a0be40,#b4a0be14);border:2px solid rgba(180,160,190,.3);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.me-page .user-avatar .avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.me-page .user-avatar .avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.me-page .user-avatar svg{width:40px;height:40px;color:var(--text-secondary)}.me-page .user-email{font-size:.85rem;color:var(--text-muted);margin:0}.me-page .quota-info{display:inline-flex;align-items:center;gap:6px;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#b4a0be1f;border:1px solid rgba(180,160,190,.2);border-radius:var(--radius-full);font-size:.85rem;color:var(--text-secondary)}.me-page .quota-icon{font-size:.9rem}.me-page .menu-list{margin-bottom:var(--spacing-xl)}.me-page .login-section{text-align:center;margin-bottom:var(--spacing-xl)}.me-page .btn-login{width:100%;padding:var(--spacing-md);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.me-page .btn-login:hover{opacity:.92;box-shadow:var(--shadow-md),var(--shadow-glow)}.me-page .login-hint{font-size:.8rem;color:var(--text-muted);margin:var(--spacing-sm) 0 0 0}.me-page .btn-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:var(--spacing-md);background:transparent;border:1px solid rgba(248,113,113,.4);border-radius:var(--radius-md);color:#f87171;font-size:1rem;cursor:pointer;transition:all var(--transition-normal)}.me-page .btn-logout:hover{background:#f871711a;border-color:#f8717199;color:#ef4444}.me-page .btn-logout svg{width:20px;height:20px}@media(max-width:768px){.me-page .user-avatar{width:70px;height:70px}.me-page .user-avatar svg{width:35px;height:35px}.me-page .me-header{padding-top:calc(var(--spacing-2xl) + 40px)}}.vip-section{background:#ffd7000d;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:16px;margin-bottom:20px}.vip-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.vip-badge{background:linear-gradient(135deg,gold,#ffb700);color:#1a1a2e;padding:6px 14px;border-radius:20px;font-weight:600;font-size:14px}.vip-quota{color:#ffd700cc;font-size:13px}.vip-activate{display:flex;gap:10px}.vip-input{flex:1;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:14px;outline:none}.vip-input:focus{border-color:#ffd70080}.vip-input::placeholder{color:#fff6}.vip-btn{padding:10px 20px;background:linear-gradient(135deg,gold,#ffb700);border:none;border-radius:8px;color:#1a1a2e;font-weight:600;cursor:pointer;transition:transform .2s}.vip-btn:hover{transform:scale(1.02)}.vip-message{margin-top:10px;font-size:13px;color:gold;text-align:center}.admin-dashboard{min-height:100vh;background:var(--gradient-dark);padding:var(--spacing-xl);color:var(--text-primary)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-header h1{font-size:1.75rem;font-weight:600;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-display)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.auto-refresh-toggle{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary);cursor:pointer}.auto-refresh-toggle input{accent-color:var(--primary-color)}.tab-switcher{display:flex;background:#ffffff0d;border-radius:var(--radius-md);padding:4px}.tab-btn{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.tab-btn.active{background:#b4a0be4d;color:var(--text-primary)}.tab-btn:hover:not(.active){color:var(--text-secondary)}.refresh-btn{padding:var(--spacing-sm) var(--spacing-md);background:#b4a0be33;border:1px solid rgba(180,160,190,.4);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.refresh-btn:hover{background:#b4a0be4d}.last-update{font-size:.75rem;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.card{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.card h2{font-size:1rem;font-weight:500;color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.api-overview{grid-column:span 2}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.stat-item{text-align:center;padding:var(--spacing-md);background:#ffffff0d;border-radius:var(--radius-md)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-item.success .stat-value{color:#4ade80}.stat-item.error .stat-value{color:#f87171}.stat-item.warning .stat-value{color:var(--gold)}.stat-item.highlight .stat-value{color:var(--primary-color)}.stat-label{font-size:.875rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.stat-sublabel{font-size:.75rem;color:var(--text-muted)}.success-rate{display:flex;flex-direction:column;align-items:center}.rate-circle{position:relative;width:120px;height:120px}.rate-circle svg{width:100%;height:100%}.rate-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700}.quota-item{margin-bottom:var(--spacing-lg)}.quota-item:last-child{margin-bottom:0}.quota-header{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:var(--spacing-sm)}.progress-bar{height:8px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-sm);transition:width var(--transition-normal)}.progress-fill.rpd{background:var(--gradient-primary)}.progress-fill.rpm{background:linear-gradient(90deg,#4ade80,#22c55e)}.progress-fill.rpm.warning{background:linear-gradient(90deg,var(--gold),#f59e0b)}.quota-footer{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.action-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.action-item{padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-md)}.action-name{font-size:.875rem;margin-bottom:var(--spacing-xs)}.action-counts{display:flex;gap:var(--spacing-md);font-size:.75rem;margin-bottom:var(--spacing-sm)}.action-counts .success{color:#4ade80}.action-counts .failed{color:#f87171}.action-bar{height:4px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden}.bar-success{height:100%;background:#4ade80}.recent-requests{grid-column:span 2}.request-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto}.request-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-md);font-size:.875rem}.request-time{color:var(--text-muted);font-size:.75rem;min-width:80px}.request-action{flex:1}.request-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem}.request-status.success{background:#4ade8033;color:#4ade80}.request-status.failed{background:#f8717133;color:#f87171}.status-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.status-item:last-child{border-bottom:none}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:#4ade80;box-shadow:0 0 8px #4ade8080}.status-dot.offline{background:#f87171}.status-text{margin-left:auto;font-size:.875rem;color:var(--text-muted)}.status-text.key-id{font-family:Monaco,Menlo,monospace;font-size:.75rem;background:#ffffff1a;padding:2px var(--spacing-sm);border-radius:var(--radius-sm)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.error-state h2{margin-bottom:var(--spacing-sm)}.error-state p{color:var(--text-muted);margin-bottom:var(--spacing-md)}.error-state button{padding:var(--spacing-sm) var(--spacing-lg);background:#b4a0be4d;border:1px solid rgba(180,160,190,.5);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.site-overview,.hourly-chart{grid-column:span 2}.chart-container{display:flex;align-items:flex-end;height:120px;gap:2px;padding-top:var(--spacing-md)}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;background:var(--gradient-primary);border-radius:2px 2px 0 0;min-height:4px;transition:height var(--transition-normal)}.chart-bar:hover{background:linear-gradient(to top,var(--primary-light),var(--primary-color))}.chart-label{font-size:.625rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.page-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.page-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-sm)}.page-rank{font-size:.75rem;color:var(--primary-color);font-weight:600;min-width:24px}.page-name{flex:1;font-size:.875rem}.page-views{font-size:.75rem;color:var(--text-muted)}.daily-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.daily-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-sm);font-size:.875rem}.daily-date{flex:1;color:var(--text-secondary)}.daily-views{color:var(--text-muted)}.daily-divinations{color:var(--primary-color)}.recent-visits{grid-column:span 2}.visit-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.visit-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-sm);font-size:.875rem}.visit-time{color:var(--text-muted);font-size:.75rem;min-width:70px}.visit-page{flex:1}.visit-device{padding:2px var(--spacing-sm);border-radius:var(--radius-md);font-size:.7rem}.visit-device.desktop{background:#4ade8033;color:#4ade80}.visit-device.mobile{background:#60a5fa33;color:#60a5fa}.visit-device.tablet{background:#fbbf2433;color:var(--gold)}.model-usage{grid-column:span 3;background:linear-gradient(135deg,#8b5cf61a,#b4a0be14);border:1px solid rgba(139,92,246,.2)}.usage-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.usage-item{padding:var(--spacing-md);background:#0003;border-radius:var(--radius-md)}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.model-name{font-size:.95rem;font-weight:500;color:var(--text-primary);font-family:Monaco,Menlo,monospace}.usage-count{font-size:1.25rem;font-weight:700;color:#4ade80}.usage-count.warning{color:var(--gold)}.usage-count.danger{color:#f87171}.usage-item .progress-bar{height:12px;background:#ffffff14}.usage-item .progress-fill.normal{background:linear-gradient(90deg,#4ade80,#22c55e)}.usage-item .progress-fill.warning{background:linear-gradient(90deg,var(--gold),#f59e0b)}.usage-item .progress-fill.danger{background:linear-gradient(90deg,#f87171,#ef4444)}.usage-footer{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-top:var(--spacing-xs)}@media(max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.api-overview,.model-usage,.recent-requests{grid-column:span 2}}@media(max-width:768px){.admin-dashboard{padding:var(--spacing-md)}.dashboard-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.dashboard-grid{grid-template-columns:1fr}.api-overview,.model-usage,.recent-requests{grid-column:span 1}.stats-grid{grid-template-columns:repeat(2,1fr)}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;position:relative;z-index:1}.main-content.tarot-section{overflow:hidden}.coming-soon-page{min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.coming-soon-icon{font-size:4rem;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.coming-soon-title{font-family:Cinzel,Times New Roman,serif;font-size:2.25rem;font-weight:400;letter-spacing:.15em;color:#fff;margin:0 0 .75rem}.coming-soon-subtitle{font-size:1rem;color:#fff9;margin:0 0 2rem;max-width:400px;line-height:1.6}.coming-soon-badge{display:inline-flex;align-items:center;padding:.5rem 1.5rem;background:linear-gradient(135deg,#b496c833,#667eea26);border:1px solid rgba(180,150,200,.3);border-radius:20px;font-size:.85rem;color:#b496c8e6;letter-spacing:.1em}