.bazi-navigation-hint{text-align:center;margin-top:24px;grid-column:1/-1}.nav-hint-text{color:rgba(255,215,0,.7);font-size:.9rem;font-weight:500;letter-spacing:.5px}.bazi-info-card{transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.bazi-info-card:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(255,215,0,.6);background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(26,26,26,.8))}.bazi-info-card.active{border-color:#FFD700;background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(26,26,26,.9));transform:translateY(-2px);box-shadow:0 15px 35px rgba(0,0,0,.4),0 0 40px rgba(255,215,0,.3)}.bazi-info-card.active .info-card-title{color:#FFD700}.bazi-section-content{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bazi-elements-section{padding:48px 24px}.bazi-section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:16px;letter-spacing:-1px;text-shadow:0 4px 8px rgba(0,0,0,.5)}.bazi-section-description{color:rgba(255,255,255,.8);font-size:1.1rem;text-align:center;margin-bottom:48px;line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto}.elements-enhanced-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);gap:24px;margin-bottom:64px;max-width:900px;margin-left:auto;margin-right:auto}.elements-enhanced-grid .element-enhanced-card:first-child{grid-column:span 2;max-width:420px;margin:0 auto}.elements-enhanced-grid .element-enhanced-card:nth-child(2),.elements-enhanced-grid .element-enhanced-card:nth-child(3){grid-row:2}.elements-enhanced-grid .element-enhanced-card:nth-child(4),.elements-enhanced-grid .element-enhanced-card:nth-child(5){grid-row:3}@media (max-width:768px){.elements-enhanced-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:20px;max-width:400px}.elements-enhanced-grid .element-enhanced-card:first-child{grid-column:1;max-width:100%}.elements-enhanced-grid .element-enhanced-card:nth-child(2),.elements-enhanced-grid .element-enhanced-card:nth-child(3),.elements-enhanced-grid .element-enhanced-card:nth-child(4),.elements-enhanced-grid .element-enhanced-card:nth-child(5){grid-row:auto}}.element-enhanced-card{background:linear-gradient(145deg,rgba(15,15,15,.98),rgba(26,26,26,.95));backdrop-filter:blur(30px);border-radius:28px;padding:0;overflow:hidden;transition:all .5s cubic-bezier(.25,.46,.45,.94);border:2px solid rgba(255,215,0,.15);position:relative;cursor:pointer;box-shadow:0 8px 32px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,215,0,.1)}.element-enhanced-card:hover{transform:translateY(-16px) scale(1.02);border-color:rgba(255,215,0,.4);box-shadow:0 32px 64px rgba(0,0,0,.6),0 16px 32px rgba(0,0,0,.3),0 0 40px rgba(255,215,0,.15),inset 0 2px 0 rgba(255,215,0,.2)}.element-enhanced-card.wood{border-color:rgba(34,197,94,.25)}.element-enhanced-card.wood:hover{border-color:rgba(34,197,94,.6);box-shadow:0 32px 64px rgba(0,0,0,.6),0 16px 32px rgba(0,0,0,.3),0 0 40px rgba(34,197,94,.3),inset 0 2px 0 rgba(34,197,94,.2)}.element-enhanced-card.fire{border-color:rgba(239,68,68,.25)}.element-enhanced-card.fire:hover{border-color:rgba(239,68,68,.6);box-shadow:0 32px 64px rgba(0,0,0,.6),0 16px 32px rgba(0,0,0,.3),0 0 40px rgba(239,68,68,.3),inset 0 2px 0 rgba(239,68,68,.2)}.element-enhanced-card.earth{border-color:rgba(180,83,9,.25)}.element-enhanced-card.earth:hover{border-color:rgba(180,83,9,.6);box-shadow:0 32px 64px rgba(0,0,0,.6),0 16px 32px rgba(0,0,0,.3),0 0 40px rgba(180,83,9,.3),inset 0 2px 0 rgba(180,83,9,.2)}.element-enhanced-card.metal{border-color:rgba(156,163,175,.25)}.element-enhanced-card.metal:hover{border-color:rgba(156,163,175,.6);box-shadow:0 32px 64px rgba(0,0,0,.6),0 16px 32px rgba(0,0,0,.3),0 0 40px rgba(156,163,175,.3),inset 0 2px 0 rgba(156,163,175,.2)}.element-enhanced-card.water{border-color:rgba(59,130,246,.25)}.element-enhanced-card.water:hover{border-color:rgba(59,130,246,.6);box-shadow:0 32px 64px rgba(0,0,0,.6),0 16px 32px rgba(0,0,0,.3),0 0 40px rgba(59,130,246,.3),inset 0 2px 0 rgba(59,130,246,.2)}.element-enhanced-card.active{transform:translateY(-12px) scale(1.05);border-width:3px}.element-enhanced-card.wood.active{border-color:#22C55E;box-shadow:0 24px 48px rgba(0,0,0,.7),0 12px 24px rgba(0,0,0,.4),0 0 50px rgba(34,197,94,.5),inset 0 3px 0 rgba(34,197,94,.3)}.element-enhanced-card.fire.active{border-color:#EF4444;box-shadow:0 24px 48px rgba(0,0,0,.7),0 12px 24px rgba(0,0,0,.4),0 0 50px rgba(239,68,68,.5),inset 0 3px 0 rgba(239,68,68,.3)}.element-enhanced-card.earth.active{border-color:#B45309;box-shadow:0 24px 48px rgba(0,0,0,.7),0 12px 24px rgba(0,0,0,.4),0 0 50px rgba(180,83,9,.5),inset 0 3px 0 rgba(180,83,9,.3)}.element-enhanced-card.metal.active{border-color:#9CA3AF;box-shadow:0 24px 48px rgba(0,0,0,.7),0 12px 24px rgba(0,0,0,.4),0 0 50px rgba(156,163,175,.5),inset 0 3px 0 rgba(156,163,175,.3)}.element-enhanced-card.water.active{border-color:#3B82F6;box-shadow:0 24px 48px rgba(0,0,0,.7),0 12px 24px rgba(0,0,0,.4),0 0 50px rgba(59,130,246,.5),inset 0 3px 0 rgba(59,130,246,.3)}.element-header{background:transparent;padding:40px 32px;text-align:center;position:relative;overflow:hidden;height:100%}.element-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2) 50%,transparent)}.element-header:after{content:"";position:absolute;top:20%;left:50%;transform:translateX(-50%);width:80%;height:60%;background:radial-gradient(ellipse at center,rgba(255,215,0,.03) 0,transparent 60%);pointer-events:none}.element-icon{font-size:4.5rem;margin-bottom:20px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));transition:all .3s ease;position:relative;z-index:2}.element-enhanced-card:hover .element-icon{transform:scale(1.1);filter:drop-shadow(0 8px 16px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(255,215,0,.3))}.element-header h4{color:#FFD700;font-size:2rem;font-weight:800;margin-bottom:12px;text-shadow:0 3px 6px rgba(0,0,0,.6);letter-spacing:.5px;position:relative;z-index:2;transition:all .3s ease}.element-enhanced-card:hover .element-header h4{text-shadow:0 4px 8px rgba(0,0,0,.7),0 0 15px rgba(255,215,0,.4)}.element-season{color:rgba(255,215,0,.85);font-size:1rem;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;position:relative;z-index:2;transition:all .3s ease}.element-enhanced-card:hover .element-season{color:rgba(255,215,0,.95)}.element-details{padding:32px}.element-section{margin-bottom:28px}.element-section:last-child{margin-bottom:0}.element-section h5{color:#FFD700;font-size:1.1rem;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.element-section p{color:rgba(255,255,255,.8);line-height:1.6;font-size:.95rem;margin-bottom:0}.career-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.career-tags span{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,215,0,.1));border:1px solid rgba(255,215,0,.3);padding:6px 12px;border-radius:16px;font-size:.8rem;color:rgba(255,255,255,.9);font-weight:500}.supports{color:rgba(34,197,94,.9);font-weight:600}.generates{color:rgba(255,165,0,.9);font-weight:600}.conflicts{color:rgba(239,68,68,.9);font-weight:600}.selected-element-details{margin-top:48px;animation:fadeInUp .6s ease-out}.element-details-card{background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(15,15,15,.98));backdrop-filter:blur(25px);border-radius:24px;padding:48px;border:1px solid rgba(255,215,0,.3);box-shadow:0 25px 50px rgba(0,0,0,.3)}.details-header{display:flex;align-items:center;gap:24px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid rgba(255,215,0,.2)}.element-icon.large{font-size:5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.details-header h3{color:#FFD700;font-size:2.5rem;font-weight:800;margin-bottom:8px;text-shadow:0 4px 8px rgba(0,0,0,.5)}.element-tagline{color:rgba(255,215,0,.8);font-size:1.2rem;font-weight:500;letter-spacing:1px}.association-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}.association-grid span{color:rgba(255,255,255,.9);font-size:.95rem;line-height:1.4}@media (max-width:768px){.element-details-card{padding:32px 24px}.details-header{flex-direction:column;text-align:center;gap:16px}.element-icon.large{font-size:4rem}.details-header h3{font-size:2rem}.association-grid{grid-template-columns:1fr}}.imbalance-guide{margin-top:80px;max-width:1400px;margin-left:auto;margin-right:auto}.guide-title{color:#FFD700;font-size:2.2rem;font-weight:800;text-align:center;margin-bottom:16px;letter-spacing:-.5px;text-shadow:0 4px 8px rgba(0,0,0,.5)}.guide-description{color:rgba(255,255,255,.8);font-size:1.1rem;text-align:center;margin-bottom:48px;line-height:1.6;max-width:900px;margin-left:auto;margin-right:auto}.imbalance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:32px}.imbalance-card{background:linear-gradient(135deg,rgba(20,20,23,.95),rgba(15,15,18,.98));border-radius:20px;padding:32px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.imbalance-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.4)}.imbalance-card.wood-imbalance{border-color:rgba(34,197,94,.4)}.imbalance-card.fire-imbalance{border-color:rgba(239,68,68,.4)}.imbalance-card.earth-imbalance{border-color:rgba(180,83,9,.4)}.imbalance-card.metal-imbalance{border-color:rgba(156,163,175,.4)}.imbalance-card.water-imbalance{border-color:rgba(59,130,246,.4)}.imbalance-card h4{color:#FFD700;font-size:1.4rem;font-weight:700;margin-bottom:24px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imbalance-content{display:flex;flex-direction:column;gap:24px}.imbalance-section h5{color:rgba(255,215,0,.9);font-size:1rem;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.imbalance-section ul{list-style:none;padding:0;margin:0}.imbalance-section li{color:rgba(255,255,255,.8);font-size:.9rem;line-height:1.5;margin-bottom:8px;padding-left:16px;position:relative}.imbalance-section li:before{content:"•";color:#FFD700;position:absolute;left:0;top:0}.imbalance-section strong{color:rgba(255,215,0,.9);font-weight:600}.bazi-compatibility-section{max-width:1200px;margin:0 auto;padding:48px 24px}.compatibility-matrix{background:linear-gradient(135deg,rgba(20,20,23,.95),rgba(15,15,18,.98));border-radius:24px;padding:48px;border:1px solid rgba(255,215,0,.2)}.compatibility-header{text-align:center;margin-bottom:32px}.compatibility-header p{color:rgba(255,255,255,.8);font-size:1.1rem}.compatibility-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:32px}.compatibility-animal-card{background:linear-gradient(135deg,rgba(26,26,26,.6),rgba(15,15,15,.8));border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.compatibility-animal-card:hover{border-color:rgba(255,215,0,.6);transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.3)}.animal-emoji{font-size:2rem;margin-bottom:8px}.animal-name{color:rgba(255,255,255,.8);font-size:.9rem;font-weight:500}.compatibility-legend{margin-top:48px}.compatibility-legend h4{color:#FFD700;font-size:1.2rem;font-weight:700;margin-bottom:16px}.legend-items{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.legend-item{color:rgba(255,255,255,.7)}.legend-color{border-radius:4px}.legend-item.excellent .legend-color{background:linear-gradient(45deg,#22c55e,#16a34a)}.legend-item.good .legend-color{background:linear-gradient(45deg,#3b82f6,#2563eb)}.legend-item.neutral .legend-color{background:linear-gradient(45deg,#f59e0b,#d97706)}.legend-item.challenging .legend-color{background:linear-gradient(45deg,#ef4444,#dc2626)}.bazi-grid-section{max-width:1400px;margin:0 auto;padding:2rem 1rem}.bazi-animal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px}.bazi-animal-card{background:linear-gradient(135deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1)}.bazi-animal-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FFD700,#FFA500);opacity:0;transition:opacity .3s ease}.bazi-animal-card:hover{border-color:rgba(255,215,0,.6);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 60px rgba(255,215,0,.2),inset 0 1px 0 rgba(255,255,255,.15)}.bazi-animal-card:hover:before{opacity:1}.bazi-animal-card.selected{border-color:#FFD700;background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(26,26,26,.8));transform:translateY(-4px);box-shadow:0 15px 35px rgba(0,0,0,.4),0 0 40px rgba(255,215,0,.3)}.bazi-animal-card.selected:before{opacity:1}.bazi-animal-display{font-size:4rem;line-height:1;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .3s ease}.bazi-animal-card:hover .bazi-animal-display{transform:scale(1.1)}.bazi-animal-archetype{color:#FFD700;font-size:1.5rem;font-weight:700;margin-bottom:8px;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.bazi-animal-descriptor{color:rgba(255,255,255,.8);font-size:.9rem;font-weight:400;letter-spacing:.5px;line-height:1.4}.bazi-reference-content{max-width:1200px;margin:0 auto;padding:48px 24px;background:linear-gradient(135deg,rgba(20,20,23,.95),rgba(15,15,18,.98));border-radius:24px;border:1px solid rgba(255,215,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)}.bazi-no-selection{text-align:center;padding:48px 24px;color:rgba(255,255,255,.6);font-size:1.1rem}.bazi-animal-analysis{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start}.bazi-animal-showcase{text-align:center;position:sticky;top:24px}.bazi-showcase-animal{font-size:8rem;line-height:1;margin-bottom:24px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}.bazi-showcase-archetype{color:#FFD700;font-size:2.5rem;font-weight:800;margin-bottom:12px;letter-spacing:-1px;text-shadow:0 4px 8px rgba(0,0,0,.5)}.bazi-showcase-chinese{color:rgba(255,215,0,.9);font-size:3rem;font-weight:900;margin-bottom:16px;text-shadow:0 4px 8px rgba(0,0,0,.5)}.bazi-showcase-keywords{color:rgba(255,215,0,.8);font-size:1.1rem;font-weight:500;letter-spacing:1px;margin-bottom:16px}.bazi-showcase-element{font-size:1rem;font-weight:600;padding:8px 16px;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid;opacity:.9;letter-spacing:.5px}.bazi-animal-details{space-y:32px}.bazi-detail-section{margin-bottom:32px}.bazi-detail-section h4{color:#FFD700;font-size:1.4rem;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.bazi-detail-section h5{color:rgba(255,215,0,.9);font-size:1rem;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.bazi-detail-section p{color:rgba(255,255,255,.8);font-size:1rem;line-height:1.6;margin-bottom:0}.bazi-traits-container{display:grid;grid-template-columns:1fr 1fr;gap:32px}.bazi-traits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.bazi-trait-item{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:8px 12px;text-align:center;color:rgba(255,255,255,.9);font-size:.85rem;font-weight:500;transition:all .2s ease}.bazi-trait-item:hover{background:rgba(255,215,0,.2);border-color:rgba(255,215,0,.5);transform:translateY(-1px)}.bazi-lucky-section{margin-top:16px}.bazi-lucky-display{gap:8px}.bazi-lucky-circle{display:inline-flex;width:40px;height:40px;background:linear-gradient(135deg,#FFD700,#FFA500);color:#000;font-size:.9rem;box-shadow:0 4px 8px rgba(0,0,0,.3)}.bazi-color-chip{display:inline-block;padding:6px 12px;background:rgba(255,215,0,.2);border:1px solid rgba(255,215,0,.4);border-radius:16px;color:rgba(255,255,255,.9);font-weight:500}.bazi-compatibility-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:16px}.bazi-compatibility-category{background:rgba(20,20,23,.6);border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:20px;transition:all .3s ease}.bazi-compatibility-category:hover{border-color:rgba(255,215,0,.4);background:rgba(20,20,23,.8)}.bazi-compatibility-list{display:flex;flex-direction:column;gap:8px}.bazi-compatibility-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;transition:all .2s ease;border:1px solid transparent}.bazi-compatibility-item.best{background:rgba(0,255,0,.1);border-color:rgba(0,255,0,.2)}.bazi-compatibility-item.best:hover{background:rgba(0,255,0,.15);border-color:rgba(0,255,0,.3);transform:translateX(4px)}.bazi-compatibility-item.good{background:rgba(255,215,0,.1);border-color:rgba(255,215,0,.2)}.bazi-compatibility-item.good:hover{background:rgba(255,215,0,.15);border-color:rgba(255,215,0,.3);transform:translateX(4px)}.bazi-compatibility-item.challenge{background:rgba(255,165,0,.1);border-color:rgba(255,165,0,.2)}.bazi-compatibility-item.challenge:hover{background:rgba(255,165,0,.15);border-color:rgba(255,165,0,.3);transform:translateX(4px)}.bazi-compatibility-item.enemy{background:rgba(255,99,71,.1);border-color:rgba(255,99,71,.2)}.bazi-compatibility-item.enemy:hover{background:rgba(255,99,71,.15);border-color:rgba(255,99,71,.3);transform:translateX(4px)}.bazi-compatibility-emoji{font-size:1.8rem;line-height:1}.bazi-compatibility-name{flex:1;color:rgba(255,255,255,.9);font-weight:600;font-size:1rem}.bazi-compatibility-score{color:rgba(255,255,255,.7);font-weight:500;background:rgba(0,0,0,.3);padding:4px 8px;border-radius:8px;min-width:50px;text-align:center}.bazi-compatibility-item.best .bazi-compatibility-score{background:rgba(0,255,0,.2);color:rgba(0,255,0,.9)}.bazi-compatibility-item.good .bazi-compatibility-score{background:rgba(255,215,0,.2);color:rgba(255,215,0,.9)}.bazi-compatibility-item.challenge .bazi-compatibility-score{background:rgba(255,165,0,.2);color:rgba(255,165,0,.9)}.bazi-compatibility-item.enemy .bazi-compatibility-score{background:rgba(255,99,71,.2);color:rgba(255,99,71,.9)}.bazi-celebrities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.bazi-celebrity-card{background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(20,20,23,.8));border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:16px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.bazi-celebrity-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FFD700,#FFA500);opacity:0;transition:opacity .3s ease}.bazi-celebrity-card:hover{transform:translateY(-4px);border-color:rgba(255,215,0,.6);box-shadow:0 8px 25px rgba(0,0,0,.3)}.bazi-celebrity-card:hover:before{opacity:1}.bazi-celebrity-name{color:#FFD700;font-weight:700;font-size:1.1rem;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.bazi-celebrity-profession{color:rgba(255,255,255,.8);font-size:.9rem;font-weight:500;margin-bottom:4px}.bazi-celebrity-year{color:rgba(255,255,255,.6);font-size:.8rem;font-style:italic}.bazi-years-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.bazi-year-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);border-radius:8px;color:rgba(255,255,255,.8);font-size:.9rem;font-weight:600;transition:all .2s ease;min-width:60px}.bazi-year-chip:hover{background:rgba(255,215,0,.2);border-color:rgba(255,215,0,.5);transform:translateY(-1px);color:rgba(255,255,255,.9)}.bazi-year-chip.current{background:linear-gradient(135deg,#FFD700,#FFA500);color:#000;border-color:#FFD700;font-weight:700;box-shadow:0 4px 12px rgba(255,215,0,.4);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px rgba(255,215,0,.4)}50%{box-shadow:0 6px 20px rgba(255,215,0,.6)}}.bazi-essence-original{color:rgba(255,255,255,.8);font-size:1rem;line-height:1.6;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,215,0,.2)}.bazi-essence-expanded{background:rgba(255,215,0,.05);border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:20px;margin-top:16px}.bazi-essence-expanded h5{color:rgba(255,215,0,.9);font-size:1rem;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.bazi-essence-expanded p{color:rgba(255,255,255,.85);font-size:.95rem;line-height:1.7;margin-bottom:0}.bazi-history-intro{color:rgba(255,255,255,.8);font-size:1rem;line-height:1.6;margin-bottom:24px;font-style:italic}.bazi-history-timeline{display:grid;gap:16px;margin-top:20px}.bazi-history-event{display:grid;grid-template-columns:80px 1fr;gap:16px;padding:16px;background:linear-gradient(135deg,rgba(255,215,0,.08),rgba(20,20,23,.6));border:1px solid rgba(255,215,0,.2);border-radius:12px;transition:all .3s ease;position:relative}.bazi-history-event:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#FFD700,#FFA500);border-radius:0 2px 2px 0;opacity:.6;transition:opacity .3s ease}.bazi-history-event:hover{border-color:rgba(255,215,0,.4);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.bazi-history-event:hover:before{opacity:1}.bazi-history-year{color:#FFD700;font-weight:700;font-size:1.1rem;text-align:center;padding:8px;background:rgba(255,215,0,.1);border-radius:8px;border:1px solid rgba(255,215,0,.3);display:flex;align-items:center;justify-content:center}.bazi-history-description{color:rgba(255,255,255,.9);font-size:.95rem;line-height:1.5;display:flex;align-items:center;font-weight:500}.bazi-elements-section{max-width:1400px;margin:0 auto;padding:2rem 1rem}.elements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.element-card{-webkit-backdrop-filter:blur(20px) saturate(180%);padding:32px 24px;text-align:center;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1)}.element-card:before{width:100%}.element-card.wood:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.element-card.fire:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.element-card.earth:before{background:linear-gradient(90deg,#eab308,#ca8a04)}.element-card.metal:before{background:linear-gradient(90deg,#94a3b8,#64748b)}.element-card.water:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.element-card:hover{border-color:rgba(255,215,0,.6);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 60px rgba(255,215,0,.2),inset 0 1px 0 rgba(255,255,255,.15)}.element-card.wood:hover{border-color:rgba(34,197,94,.6);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 60px rgba(34,197,94,.2)}.element-card.fire:hover{border-color:rgba(239,68,68,.6);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 60px rgba(239,68,68,.2)}.element-card.earth:hover{border-color:rgba(234,179,8,.6);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 60px rgba(234,179,8,.2)}.element-card.metal:hover{border-color:rgba(148,163,184,.6);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 60px rgba(148,163,184,.2)}.element-card.water:hover{border-color:rgba(59,130,246,.6);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 60px rgba(59,130,246,.2)}.element-icon{font-size:4rem;line-height:1;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .3s ease}.element-card:hover .element-icon{transform:scale(1.1)}.element-card h4{color:#FFD700;font-size:1.5rem;font-weight:700;margin-bottom:12px;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.element-traits{color:rgba(255,255,255,.8);font-size:.9rem;margin-bottom:16px;font-weight:500}.element-traits span{background:rgba(255,215,0,.1);padding:4px 8px;border-radius:12px;border:1px solid rgba(255,215,0,.3)}.element-card p{color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.6;margin:0}.element-card.wood h4{color:#22c55e}.element-card.wood .element-traits span{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}.element-card.fire h4{color:#ef4444}.element-card.fire .element-traits span{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.element-card.earth h4{color:#eab308}.element-card.earth .element-traits span{background:rgba(234,179,8,.1);border-color:rgba(234,179,8,.3)}.element-card.metal h4{color:#94a3b8}.element-card.metal .element-traits span{background:rgba(148,163,184,.1);border-color:rgba(148,163,184,.3)}.element-card.water h4{color:#3b82f6}.element-card.water .element-traits span{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3)}.element-details{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.element-attributes{color:rgba(255,255,255,.8);font-size:.85rem;margin-bottom:8px;font-weight:500}.element-attributes strong{color:rgba(255,255,255,.95);font-weight:600}.element-keywords{color:rgba(255,255,255,.7);font-size:.8rem;font-style:italic;line-height:1.4}.element-card.wood .element-attributes strong{color:#22c55e}.element-card.fire .element-attributes strong{color:#ef4444}.element-card.earth .element-attributes strong{color:#eab308}.element-card.metal .element-attributes strong{color:#94a3b8}.element-card.water .element-attributes strong{color:#3b82f6}.element-associations,.element-balance,.element-careers,.element-personality{color:rgba(255,255,255,.8);font-size:.85rem;margin-bottom:8px;line-height:1.5}.element-personality{font-size:.9rem;margin-bottom:12px}.elements-theory-section{margin:3rem 0 2rem;padding:2rem;background:linear-gradient(135deg,rgba(15,15,15,.8),rgba(26,26,26,.6))}.elements-theory-title{font-size:1.5rem;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.elements-cycles{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cycle-card{background:linear-gradient(135deg,rgba(26,26,26,.4),rgba(15,15,15,.6));border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.cycle-card.generative{border-color:rgba(34,197,94,.3)}.cycle-card.generative:hover{border-color:rgba(34,197,94,.5);box-shadow:0 8px 30px rgba(34,197,94,.15)}.cycle-card.destructive{border-color:rgba(239,68,68,.3)}.cycle-card.destructive:hover{border-color:rgba(239,68,68,.5);box-shadow:0 8px 30px rgba(239,68,68,.15)}.cycle-card h5{color:rgba(255,255,255,.9);font-size:1.1rem}.cycle-card p{color:#FFD700;font-size:1rem;font-weight:500;margin-bottom:8px;font-family:Monaco,monospace}.cycle-description{color:rgba(255,255,255,.7);font-size:.9rem;font-style:italic}.elements-wisdom-section{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,rgba(15,15,15,.8),rgba(26,26,26,.6));border-radius:16px;border:1px solid rgba(255,215,0,.2)}.elements-wisdom-title{color:#FFD700;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.wisdom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:2rem}.wisdom-card{background:linear-gradient(135deg,rgba(26,26,26,.4),rgba(15,15,15,.6));transition:transform .3s ease,border-color .3s ease}.wisdom-card h5{color:rgba(255,255,255,.9)}.wisdom-card p{line-height:1.6}.element-balance-guide{margin-top:2rem;padding:1.5rem;background:rgba(255,215,0,.05);border:1px solid rgba(255,215,0,.2)}.element-balance-guide h5{margin-bottom:1rem}.technique-item{line-height:1.5;background:rgba(0,0,0,.2);border-left:3px solid rgba(255,215,0,.5)}.technique-item strong{color:rgba(255,255,255,.95)}@media (max-width:768px){.elements-grid{grid-template-columns:1fr;gap:20px}.element-card{padding:24px 20px}.element-icon{font-size:3.5rem}.element-card h4{font-size:1.3rem}.elements-theory-section,.elements-wisdom-section{padding:1.5rem;margin:2rem 0}.elements-cycles,.wisdom-grid{grid-template-columns:1fr;gap:16px}.cycle-card{padding:20px}.wisdom-card{padding:16px}.elements-theory-title,.elements-wisdom-title{font-size:1.3rem}.bazi-animal-analysis,.bazi-traits-container{grid-template-columns:1fr;gap:24px}.bazi-lucky-section{grid-template-columns:1fr;gap:16px}.bazi-showcase-animal{font-size:6rem}.bazi-showcase-archetype{font-size:2rem}}.bazi-container{min-height:100vh;background:#000000;color:#ffffff}.bazi-content{max-width:1400px;margin:0 auto;padding:2rem 1rem}.bazi-header{text-align:center;padding:0 0 32px;margin-bottom:32px;border-bottom:1px solid rgba(255,215,0,.2)}.bazi-title{color:#FFD700;font-size:2rem;font-weight:800;margin:0 0 8px;letter-spacing:-.5px}.bazi-subtitle{color:rgba(255,215,0,.6);font-size:.85rem;font-style:italic;max-width:700px;margin:0 auto;line-height:1.6}.bazi-info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px}.bazi-info-card{background:linear-gradient(135deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--card-border-color,rgba(255,215,0,.2));border-radius:16px;padding:24px 20px;text-align:left;transition:all .3s ease;position:relative;overflow:hidden}.bazi-info-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-accent-color,#FFD700);opacity:.8;transition:all .3s ease}.bazi-info-card:hover{border-color:var(--card-accent-color,#FFD700);transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.4),0 0 30px var(--card-glow-color,rgba(255,215,0,.2))}.bazi-info-card:hover:before{opacity:1;width:6px}.info-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.info-card-icon{font-size:32px;line-height:1;width:48px;height:48px;background:var(--card-icon-bg,linear-gradient(135deg,#FFD700,#FFA500));border-radius:12px;display:flex;align-items:center;justify-content:center;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.info-card-content{flex:1}.info-card-title{font-size:.9rem;font-weight:700;color:var(--card-title-color,#FFD700);margin:0 0 4px;letter-spacing:.5px;text-transform:uppercase}.info-card-description{font-size:.75rem;color:rgba(255,255,255,.6);margin:0;line-height:1.4}.bazi-info-card:first-child{--card-accent-color:#FF6B6B;--card-title-color:#FF6B6B;--card-border-color:rgba(255,107,107,0.3);--card-glow-color:rgba(255,107,107,0.2);--card-icon-bg:linear-gradient(135deg,#FF6B6B,#FF4757);--card-shadow-color:rgba(255,107,107,0.3)}.bazi-info-card:nth-child(2){--card-accent-color:#4ECDC4;--card-title-color:#4ECDC4;--card-border-color:rgba(78,205,196,0.3);--card-glow-color:rgba(78,205,196,0.2);--card-icon-bg:linear-gradient(135deg,#4ECDC4,#44A08D);--card-shadow-color:rgba(78,205,196,0.3)}.bazi-info-card:nth-child(3){--card-accent-color:#45B7D1;--card-title-color:#45B7D1;--card-border-color:rgba(69,183,209,0.3);--card-glow-color:rgba(69,183,209,0.2);--card-icon-bg:linear-gradient(135deg,#45B7D1,#3742FA);--card-shadow-color:rgba(69,183,209,0.3)}.bazi-info-card:nth-child(4){--card-accent-color:#FFD93D;--card-title-color:#FFD93D;--card-border-color:rgba(255,217,61,0.3);--card-glow-color:rgba(255,217,61,0.2);--card-icon-bg:linear-gradient(135deg,#FFD93D,#FFC312);--card-shadow-color:rgba(255,217,61,0.3)}@media (max-width:1024px){.bazi-info-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.bazi-content{padding:1rem}.bazi-title{font-size:1.8rem}.bazi-info-row{grid-template-columns:repeat(2,1fr);gap:12px}.bazi-navigation-hint{grid-column:1/-1}.bazi-info-card{padding:16px}.info-card-icon{font-size:24px}.info-card-title{font-size:.8rem}.info-card-description{font-size:.7rem}}@media (max-width:480px){.bazi-title{font-size:1.5rem}.bazi-subtitle{font-size:.8rem}.bazi-info-row{grid-template-columns:1fr}.bazi-navigation-hint{grid-column:1/-1}}@media (max-width:768px){.bazi-astrology-container{padding:16px!important}.bazi-controls-container{flex-direction:column!important;gap:24px!important}.bazi-birth-details{width:100%!important;max-width:none!important}.bazi-animals-display{width:100%!important;flex-direction:column!important;gap:16px!important}.bazi-animal-badge{min-height:48px!important;padding:16px!important;justify-content:flex-start!important}.bazi-slider-controls{gap:8px!important}.bazi-slider-btn{min-width:48px!important;min-height:48px!important;font-size:18px!important}.bazi-compatibility-grid{grid-template-columns:1fr!important;gap:16px!important}.bazi-trait-pills{gap:8px!important}.bazi-trait-pill{min-height:32px!important;padding:8px 12px!important;font-size:14px!important}.bazi-lucky-section{flex-direction:column!important;gap:16px!important}}.bazi-astrology-container{min-height:100vh;background:#000000;color:#FFD700;padding:24px}.bazi-title-section{text-align:center;padding:0 0 32px;margin-bottom:24px;border-bottom:1px solid rgba(255,215,0,.2)}.bazi-page-title{color:#FFD700;font-size:2rem;font-weight:800;margin:0 0 8px;letter-spacing:-.5px}.bazi-page-subtitle{color:rgba(255,215,0,.8);font-size:.9rem;font-weight:600;margin:0 0 8px;letter-spacing:1px}.bazi-page-description{color:rgba(255,215,0,.6);font-size:.85rem;margin:0;font-style:italic}.bazi-three-animals{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid rgba(255,215,0,.3);border-radius:16px;padding:24px;margin-bottom:32px}.bazi-section-title{color:#FFD700;font-size:1.2rem;font-weight:700;margin:0 0 24px;text-transform:uppercase;letter-spacing:.5px}.bazi-controls-container{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width:768px){.bazi-controls-container{grid-template-columns:1fr}}.bazi-birth-details{background:rgba(0,0,0,.5);border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:20px}.bazi-date-display{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:12px;text-align:center;font-size:1.1rem;color:#FFD700;margin-bottom:20px}.bazi-slider-group{margin-bottom:20px}.bazi-slider-group label{display:block;color:rgba(255,215,0,.9);font-size:.9rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.bazi-slider-controls{display:flex;align-items:center;gap:12px}.bazi-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:rgba(255,215,0,.2);border-radius:3px;outline:none}.bazi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#FFD700;border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.bazi-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px rgba(255,215,0,.6)}.bazi-slider-btn{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);color:#FFD700;width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease}.bazi-slider-btn:hover:not(:disabled){background:rgba(255,215,0,.2);border-color:#FFD700}.bazi-slider-btn:disabled{opacity:.3;cursor:not-allowed}.bazi-animals-display{display:flex;flex-direction:column;gap:16px;height:100%;justify-content:space-between}.bazi-animal-badge{background:linear-gradient(145deg,#2a2a1a,#1f1f0f);border:1px solid rgba(255,215,0,.4);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.bazi-animal-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left 1.5s ease}.bazi-animal-badge:hover{transform:translateX(4px);border-color:#FFD700;box-shadow:0 4px 16px rgba(255,215,0,.2);cursor:pointer}.bazi-animal-badge:active{transform:translateX(2px);box-shadow:0 2px 8px rgba(255,215,0,.3)}.bazi-animal-badge.selected{border-color:#FFD700;background:linear-gradient(145deg,#3a3a2a,#2f2f1f);box-shadow:0 4px 20px rgba(255,215,0,.4)}.bazi-animal-badge:hover:before{left:100%}.bazi-animal-emoji{font-size:2rem}.bazi-animal-info{flex:1}.bazi-animal-label{color:rgba(255,215,0,.7);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.bazi-animal-name{color:#FFD700;font-size:1.1rem;font-weight:700}.bazi-calculate-btn{width:100%;background:linear-gradient(145deg,#FFD700,#E6C200);color:#000000;border:none;border-radius:8px;padding:14px 24px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;margin-top:24px}.bazi-calculate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,215,0,.4)}.mythos-bazi-input-panel{background:rgba(0,0,0,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.mythos-bazi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.mythos-bazi-title-section{flex:1}.mythos-bazi-title{font-family:Cinzel,Cormorant Garamond,serif;font-size:1.5rem;font-weight:600;color:#FFD700;margin-bottom:8px;letter-spacing:1px;text-shadow:0 2px 8px rgba(255,215,0,.3)}.mythos-bazi-date-display{color:rgba(255,255,255,.7);font-family:Monaco,Courier New,monospace;font-size:.9rem;letter-spacing:.5px}.mythos-bazi-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.mythos-select-dropdown{background:rgba(0,0,0,.6);background-image:linear-gradient(135deg,rgba(40,40,40,.8),rgba(20,20,20,.9));border:1px solid rgba(255,215,0,.3);border-radius:6px;color:rgba(255,255,255,.9);padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.mythos-select-dropdown:hover{border-color:rgba(255,215,0,.5);background:rgba(0,0,0,.7)}.mythos-select-dropdown:focus{outline:none;border-color:#FFD700;box-shadow:0 0 10px rgba(255,215,0,.3)}.mythos-status-indicator{font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;text-align:center}.mythos-status-indicator.success{color:#27AE60;background:rgba(39,174,96,.1);border:1px solid rgba(39,174,96,.3)}.mythos-status-indicator.loading{color:rgba(255,255,255,.6);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);animation:pulse 2s infinite}.mythos-status-indicator.error{color:#E74C3C;background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3)}.mythos-bazi-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.mythos-bazi-input-control{text-align:center}.mythos-bazi-input-label{font-size:11px;color:rgba(255,215,0,.7);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:8px}.mythos-bazi-input-value{font-family:Monaco,Courier New,monospace;font-size:1.8rem;font-weight:300;color:#FFD700;margin-bottom:16px;text-shadow:0 0 10px rgba(255,215,0,.4)}.mythos-bazi-input-controls{display:flex;align-items:center;gap:8px}.mythos-bazi-btn{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);border-radius:6px;color:#FFD700;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-weight:700;font-size:18px}.mythos-bazi-btn:hover{background:rgba(255,215,0,.2);border-color:rgba(255,215,0,.5);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,215,0,.2)}.mythos-bazi-btn:active{transform:translateY(0)}.mythos-bazi-slider{flex:1;height:4px;background:rgba(255,255,255,.1);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}.mythos-bazi-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#FFD700,#FFC700);border-radius:50%;cursor:pointer;box-shadow:0 0 8px rgba(255,215,0,.5)}.mythos-bazi-slider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,#FFD700,#FFC700);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 8px rgba(255,215,0,.5)}.mythos-bazi-pillars-section{margin-bottom:32px}.mythos-bazi-section-title{font-family:Cinzel,Cormorant Garamond,serif;font-size:1.3rem;font-weight:600;color:rgba(255,255,255,.9);margin-bottom:20px;letter-spacing:1px}.mythos-bazi-pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.mythos-bazi-pillar-card{background:rgba(0,0,0,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.mythos-bazi-pillar-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.05),transparent);transition:left .5s ease;pointer-events:none}.mythos-bazi-pillar-card:hover{border-color:rgba(255,215,0,.3);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.4)}.mythos-bazi-pillar-card:hover:before{left:100%}.mythos-bazi-pillar-label{font-size:12px;color:rgba(255,215,0,.8);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.mythos-bazi-pillar-chars{font-family:Monaco,Courier New,monospace;font-size:2rem;font-weight:400;color:rgba(255,255,255,.9);margin-bottom:8px;line-height:1}.mythos-bazi-pillar-emoji{font-size:1.2rem;margin-bottom:4px}.mythos-bazi-pillar-english{font-size:11px;color:rgba(255,255,255,.6);margin-bottom:2px}.mythos-bazi-pillar-element{font-size:13px;color:rgba(255,255,255,.7);margin-top:8px;font-weight:500}.mythos-bazi-main-card{background:rgba(0,0,0,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,215,0,.3);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 12px 48px rgba(0,0,0,.4);animation:fadeIn .5s ease-in-out}.mythos-bazi-explanation-box{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:20px;margin:20px 0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mythos-bazi-explanation-box h4{color:#FFD700;font-size:1.1rem;font-weight:600;margin-bottom:12px;font-family:Inter,sans-serif}.mythos-bazi-explanation-box p{color:rgba(255,255,255,.9);font-size:.95rem;line-height:1.6;margin-bottom:12px;font-family:Inter,sans-serif}.mythos-bazi-explanation-box p:last-child{margin-bottom:0}.mythos-bazi-card-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,215,0,.2)}.mythos-bazi-card-emoji{font-size:4.5rem;filter:drop-shadow(0 0 20px rgba(255,215,0,.4))}.mythos-bazi-card-info{flex:1}.mythos-bazi-card-title{font-family:Cinzel,Cormorant Garamond,serif;color:rgba(255,255,255,.9);font-size:1.1rem;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.mythos-bazi-card-subtitle{font-family:Cinzel,Cormorant Garamond,serif;color:#FFD700;font-size:2rem;font-weight:700;margin:0 0 16px;text-shadow:0 2px 12px rgba(255,215,0,.4)}.mythos-bazi-card-badges{display:flex;gap:12px;flex-wrap:wrap}.mythos-bazi-badge{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);border-radius:20px;padding:6px 16px;color:rgba(255,215,0,.9);font-size:13px;font-weight:600;letter-spacing:.5px}.mythos-bazi-badge.primary{background:rgba(255,215,0,.15);border-color:rgba(255,215,0,.5);color:#FFD700}.mythos-date-method-selector{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:16px;background:rgba(0,0,0,.2);border-radius:12px;border:1px solid rgba(255,215,0,.2)}.mythos-date-method-label{font-family:Cinzel,serif;color:rgba(255,215,0,.8);font-size:14px;font-weight:600;letter-spacing:1px}.mythos-date-method-buttons{display:flex;gap:8px}.mythos-date-method-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,215,0,.3);border-radius:8px;color:rgba(255,255,255,.7);padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.mythos-date-method-btn.active{background:rgba(255,215,0,.15);border-color:rgba(255,215,0,.6);color:#FFD700;box-shadow:0 0 12px rgba(255,215,0,.3)}.mythos-date-method-btn:hover:not(.active){background:rgba(255,255,255,.1);border-color:rgba(255,215,0,.4);color:rgba(255,255,255,.9)}.mythos-date-input-container{background:rgba(0,0,0,.3);border-radius:12px;padding:24px;border:1px solid rgba(255,215,0,.2)}.mythos-date-input-field{background:rgba(0,0,0,.5);border:1px solid rgba(255,215,0,.3);border-radius:8px;color:#FFD700;padding:12px 16px;font-family:Monaco,monospace;font-size:16px;width:100%;transition:all .2s ease}.mythos-date-input-field:focus{outline:none;border-color:#FFD700;box-shadow:0 0 12px rgba(255,215,0,.4);background:rgba(0,0,0,.7)}.mythos-date-picker-container{background:rgba(0,0,0,.4);border-radius:12px;padding:20px;border:1px solid rgba(255,215,0,.3);max-width:400px;margin:0 auto}.bazi-result-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:2px solid rgba(255,215,0,.4);border-radius:16px;padding:24px;margin-top:32px;animation:fadeIn .5s ease-in-out;transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bazi-result-header{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,215,0,.2)}.bazi-result-emoji{font-size:4rem}.bazi-result-info h3{color:#FFD700;font-size:1.8rem;font-weight:800;margin:0 0 8px}.bazi-result-info h4{color:rgba(255,215,0,.7);font-size:.9rem;font-weight:600;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.bazi-result-badges{display:flex;gap:12px;flex-wrap:wrap}.bazi-badge{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600}.bazi-badge-polarity{background:rgba(147,51,234,.1);border-color:rgba(147,51,234,.3);color:#9333EA}.bazi-badge-element{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22C55E}.bazi-traits-section{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width:768px){.bazi-traits-section{grid-template-columns:1fr}}.bazi-trait-category{background:rgba(0,0,0,.5);border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:16px}.bazi-trait-category h5{color:#FFD700;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.bazi-trait-pills{display:flex;flex-wrap:wrap;gap:8px}.bazi-trait-pill{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);border-radius:16px;padding:6px 12px;font-size:.8rem;color:rgba(255,255,255,.9)}.bazi-lucky-section{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.bazi-lucky-group{text-align:center}.bazi-lucky-group h5{color:rgba(255,215,0,.9);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.bazi-lucky-display{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.bazi-lucky-circle{width:36px;height:36px;background:linear-gradient(145deg,#FFD700,#E6C200);color:#000000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.bazi-color-chip{background:linear-gradient(145deg,#2a2a1a,#1f1f0f);border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:8px 16px;font-size:.85rem;color:rgba(255,215,0,.9);font-weight:600}.bazi-compatibility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:24px}.bazi-compatibility-category h4{color:#FFD700;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.bazi-animal-list{display:flex;flex-direction:column;gap:8px}.bazi-animal-item{background:rgba(0,0,0,.5);border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:10px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.bazi-animal-item.best{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.05)}.bazi-animal-item.good{border-color:rgba(234,179,8,.5);background:rgba(234,179,8,.05)}.bazi-animal-item.challenge{border-color:rgba(249,115,22,.5);background:rgba(249,115,22,.05)}.bazi-animal-item.enemy{border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.05)}.bazi-animal-item:hover{transform:translateX(4px)}.bazi-compatibility-score{margin-left:auto;font-weight:700;font-size:.9rem}.compatibility-header h4{color:#FFD700;font-size:1.4rem;font-weight:700;margin-bottom:24px;text-align:center}.selection-status{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:16px;flex-wrap:wrap}.selection-indicator{display:flex;flex-direction:column;align-items:center;gap:8px}.selection-label{color:rgba(255,255,255,.7);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.selected-animal{color:#FFD700;font-weight:700;font-size:1.1rem;min-width:120px;text-align:center}.birth-year-input{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:12px}.birth-year-input label{color:rgba(255,255,255,.7);font-size:.8rem;font-weight:500}.birth-year-input input,.birth-year-input select{background:rgba(20,20,20,.8);border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:6px 12px;color:white;font-size:.9rem;width:120px;text-align:center;transition:all .3s ease}.birth-year-input select{cursor:pointer;-moz-text-align-last:center;text-align-last:center;width:180px;font-size:.8rem}.birth-year-input input:focus,.birth-year-input select:focus{outline:none;border-color:rgba(255,215,0,.6);background:rgba(20,20,20,.9);box-shadow:0 0 10px rgba(255,215,0,.2)}.birth-year-input select option{background:rgba(20,20,20,.95);color:white;padding:4px 8px}.birth-year-input input::-moz-placeholder{color:rgba(255,255,255,.4)}.birth-year-input input::placeholder{color:rgba(255,255,255,.4)}.clear-selection-btn{background:linear-gradient(135deg,#FF6B6B,#FF4757);border:none;border-radius:12px;padding:8px 16px;color:white;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.clear-selection-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,107,.4)}.compatibility-animals-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:20px;max-width:1000px;margin:40px auto}.compatibility-enhanced-card{background:linear-gradient(145deg,rgba(15,15,15,.98),rgba(26,26,26,.95));backdrop-filter:blur(30px);border-radius:20px;border:2px solid rgba(255,215,0,.15);padding:20px;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,215,0,.1);text-align:center}.compatibility-enhanced-card:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(255,215,0,.4);box-shadow:0 12px 40px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.3),0 0 30px rgba(255,215,0,.2),inset 0 1px 0 rgba(255,215,0,.2)}.compatibility-enhanced-card.selected-first{border-color:rgba(0,255,127,.6);background:linear-gradient(145deg,rgba(0,255,127,.1),rgba(15,15,15,.98));box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 30px rgba(0,255,127,.3),inset 0 1px 0 rgba(0,255,127,.3)}.compatibility-enhanced-card.selected-second{border-color:rgba(30,144,255,.6);background:linear-gradient(145deg,rgba(30,144,255,.1),rgba(15,15,15,.98));box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 30px rgba(30,144,255,.3),inset 0 1px 0 rgba(30,144,255,.3)}.compatibility-enhanced-card.disabled{opacity:.4;cursor:not-allowed}.compatibility-enhanced-card.disabled:hover{transform:none;border-color:rgba(255,215,0,.15);box-shadow:0 8px 32px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,215,0,.1)}.animal-icon{font-size:2.5rem;margin-bottom:12px;display:block}.animal-info h5{color:white;font-size:1rem;font-weight:700;margin:0 0 4px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.animal-element{color:rgba(255,255,255,.7);font-size:.85rem;font-weight:500}.selection-indicator-dot{position:absolute;top:8px;right:8px;width:12px;height:12px;border-radius:50%;background:transparent;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.compatibility-enhanced-card.selected-first .selection-indicator-dot{background:#00FF7F;border-color:#00FF7F;box-shadow:0 0 10px rgba(0,255,127,.5)}.compatibility-enhanced-card.selected-second .selection-indicator-dot{background:#1E90FF;border-color:#1E90FF;box-shadow:0 0 10px rgba(30,144,255,.5)}.compatibility-analysis{margin-top:40px;background:linear-gradient(135deg,rgba(20,20,23,.95),rgba(15,15,18,.98));border-radius:24px;padding:40px;border:2px solid rgba(255,215,0,.2);box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,215,0,.1)}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:24px}.animals-comparison{display:flex;align-items:center;gap:32px}.animal-display{text-align:center}.animal-large-icon{font-size:4rem;margin-bottom:8px}.animal-display h4{color:white;font-size:1.2rem;font-weight:700;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.4)}.compatibility-heart{font-size:2.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.compatibility-score{text-align:center}.score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,215,0,.1));border:3px solid rgba(255,215,0,.4);box-shadow:0 8px 25px rgba(0,0,0,.3),inset 0 0 20px rgba(255,215,0,.1)}.score-number{color:#FFD700;font-size:2.2rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1}.score-label{text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.compatibility-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.detail-section{background:linear-gradient(135deg,rgba(26,26,26,.6),rgba(15,15,15,.8));border:1px solid rgba(255,215,0,.15);border-radius:16px;padding:24px;transition:all .3s ease}.detail-section:hover{border-color:rgba(255,215,0,.3);background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(15,15,15,.9));transform:translateY(-2px)}.detail-section h5{color:#FFD700;font-size:1.1rem;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:8px}.detail-section p{color:rgba(255,255,255,.85);font-size:.95rem;line-height:1.6;margin:0}.compatibility-legend h4{text-align:center;margin-bottom:20px}.legend-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.legend-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:rgba(26,26,26,.4);border:1px solid rgba(255,255,255,.1);font-size:.9rem;font-weight:600;color:rgba(255,255,255,.8)}.legend-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.legend-item.excellent .legend-color{background:linear-gradient(135deg,#00FF7F,#32CD32)}.legend-item.good .legend-color{background:linear-gradient(135deg,#FFD700,#FFA500)}.legend-item.neutral .legend-color{background:linear-gradient(135deg,#87CEEB,#4682B4)}.legend-item.challenging .legend-color{background:linear-gradient(135deg,#FFA500,#FF8C00)}.legend-item.difficult .legend-color{background:linear-gradient(135deg,#FF6347,#DC143C)}@media (max-width:768px){.compatibility-animals-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:16px}.compatibility-enhanced-card{padding:16px}.animal-icon{font-size:2rem}.analysis-header{flex-direction:column;text-align:center}.animals-comparison{gap:20px}.animal-large-icon{font-size:3rem}.score-circle{width:100px;height:100px}.score-number{font-size:1.8rem}.compatibility-details{grid-template-columns:1fr;gap:16px}.selection-status{flex-direction:column;gap:16px}}@media (max-width:480px){.compatibility-animals-grid{grid-template-columns:repeat(2,1fr)}.compatibility-analysis{padding:24px}.animals-comparison{gap:16px}.animal-large-icon{font-size:2.5rem}.compatibility-heart{font-size:2rem}}.element-badge{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,215,0,.1));border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:4px 8px;font-size:.75rem;font-weight:600;color:#FFD700;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.element-interaction-section{margin:32px 0;background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(15,15,15,.9));border:1px solid rgba(255,215,0,.2);border-radius:20px;padding:24px}.element-interaction-section h4{color:#FFD700;font-size:1.2rem;font-weight:700;margin-bottom:16px;text-align:center}.element-interaction-card{background:rgba(20,20,20,.6);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px}.interaction-display{display:flex;flex-direction:column;align-items:center;gap:16px}.element-symbols{display:flex;align-items:center;gap:24px}.element-symbol{display:flex;flex-direction:column;align-items:center;gap:8px}.element-name{color:white;font-size:1rem;font-weight:600}.element-details{display:flex;flex-direction:column;align-items:center;gap:2px;margin:4px 0}.base-element,.year-element{font-size:.7rem;color:rgba(255,255,255,.6);background:rgba(20,20,20,.6);padding:2px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.year-element{color:#FFD700;border-color:rgba(255,215,0,.3)}.element-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.birth-year-note{margin-top:12px;padding:8px 12px;background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.2);border-radius:8px;text-align:center}.birth-year-note small{color:#FFD700;font-size:.8rem;font-weight:500}.interaction-arrow{font-size:2rem;color:#FFD700;font-weight:900;animation:pulse 2s infinite}.interaction-display.generative .interaction-arrow{color:#00FF7F}.interaction-display.destructive .interaction-arrow{color:#FF6347}.interaction-description{text-align:center;max-width:400px}.interaction-type{display:inline-block;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.interaction-type.generative{background:rgba(0,255,127,.2);color:#00FF7F;border:1px solid rgba(0,255,127,.3)}.interaction-type.destructive{background:rgba(255,99,71,.2);color:#FF6347;border:1px solid rgba(255,99,71,.3)}.interaction-type.same{background:rgba(135,206,235,.2);color:#87CEEB;border:1px solid rgba(135,206,235,.3)}.interaction-type.neutral{background:rgba(255,215,0,.2);color:#FFD700;border:1px solid rgba(255,215,0,.3)}.interaction-description p{color:rgba(255,255,255,.85);font-size:.95rem;line-height:1.5;margin:8px 0 0}.multi-dimensional-section{margin:32px 0;background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(15,15,15,.9));border:1px solid rgba(255,215,0,.2);border-radius:20px;padding:24px}.multi-dimensional-section h4{color:#FFD700;font-size:1.2rem;font-weight:700;margin-bottom:20px;text-align:center}.compatibility-scores,.score-item{display:grid;gap:16px}.score-item{grid-template-columns:100px 1fr 60px;align-items:center;padding:12px 16px;background:rgba(20,20,20,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.score-item:hover{border-color:rgba(255,215,0,.3);background:rgba(20,20,20,.8)}.score-label{font-size:.9rem;font-weight:600;color:rgba(255,255,255,.9)}.score-bar{height:8px;background:rgba(255,255,255,.1);overflow:hidden}.score-bar,.score-fill{position:relative;border-radius:4px}.score-fill{height:100%;background:linear-gradient(90deg,#FFD700,#FFA500);transition:width .8s ease}.score-item.friendship .score-fill{background:linear-gradient(90deg,#00FF7F,#32CD32)}.score-item.romantic .score-fill{background:linear-gradient(90deg,#FF69B4,#FF1493)}.score-item.business .score-fill{background:linear-gradient(90deg,#4169E1,#0000FF)}.score-item.family .score-fill{background:linear-gradient(90deg,#DDA0DD,#9370DB)}.score-value{font-size:.9rem;font-weight:700;color:#FFD700;text-align:right}.celebrity-couples-section{margin:32px 0;background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(15,15,15,.9));border:1px solid rgba(255,215,0,.2);border-radius:20px;padding:24px}.celebrity-couples-section h4{color:#FFD700;font-size:1.2rem;font-weight:700;margin-bottom:20px;text-align:center}.celebrity-couples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.celebrity-couple-card{background:rgba(20,20,20,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;transition:all .3s ease;text-align:center}.celebrity-couple-card:hover{border-color:rgba(255,215,0,.3);background:rgba(20,20,20,.8);transform:translateY(-2px)}.couple-names{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.couple-names .name{color:white;font-weight:600;font-size:.95rem}.couple-names .heart{font-size:1.2rem;animation:heartbeat 2s infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.couple-details{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.couple-details .years{color:rgba(255,255,255,.7);font-size:.85rem}.couple-details .status{padding:3px 8px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status.married{background:rgba(0,255,127,.2);color:#00FF7F;border:1px solid rgba(0,255,127,.3)}.status.divorced,.status.ended{background:rgba(255,99,71,.2);color:#FF6347;border:1px solid rgba(255,99,71,.3)}@media (max-width:768px){.element-symbols{flex-direction:column;gap:16px}.interaction-arrow{transform:rotate(90deg)}.score-item{grid-template-columns:80px 1fr 50px;gap:12px}.celebrity-couples-grid{grid-template-columns:1fr}}@media (max-width:480px){.celebrity-couples-section,.element-interaction-section,.multi-dimensional-section{padding:16px;margin:20px 0}.element-icon{font-size:2rem}.interaction-arrow{font-size:1.5rem}.score-item{grid-template-columns:1fr;gap:8px;text-align:center}.score-bar{margin:8px 0}}.elements-theory-section{margin-bottom:40px;padding:32px;background:linear-gradient(135deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,215,0,.2);border-radius:16px}.elements-theory-title{text-align:center;color:#FFD700;font-size:1.8rem;font-weight:700;margin-bottom:24px;text-shadow:0 2px 8px rgba(255,215,0,.3)}.elements-cycles{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cycle-card{padding:24px;border-radius:12px;transition:all .3s ease}.cycle-card.generative{background:linear-gradient(135deg,rgba(34,139,34,.2),rgba(0,100,0,.1));border:1px solid rgba(34,139,34,.3)}.cycle-card.destructive{background:linear-gradient(135deg,rgba(220,20,60,.2),rgba(139,0,0,.1));border:1px solid rgba(220,20,60,.3)}.cycle-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.cycle-card h5{color:#FFD700;font-size:1.2rem;margin-bottom:12px;font-weight:600}.cycle-card .cycle-description{color:rgba(255,255,255,.8);font-size:.9rem;margin-top:12px;line-height:1.5}.elements-grid{display:flex;gap:24px;margin-bottom:40px;padding:0 20px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.elements-grid::-webkit-scrollbar{height:8px}.elements-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.elements-grid::-webkit-scrollbar-thumb{background:rgba(255,215,0,.3);border-radius:4px}.elements-grid::-webkit-scrollbar-thumb:hover{background:rgba(255,215,0,.5)}.element-card{background:linear-gradient(135deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden;position:relative;width:320px;flex-shrink:0}.element-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--element-color),transparent);opacity:0;transition:opacity .3s ease}.element-card:hover:before{opacity:1}.element-card.wood{--element-color:#228B22;border-color:rgba(34,139,34,.3)}.element-card.fire{--element-color:#FF6B35;border-color:rgba(255,107,53,.3)}.element-card.earth{--element-color:#DAA520;border-color:rgba(218,165,32,.3)}.element-card.metal{--element-color:#C0C0C0;border-color:rgba(192,192,192,.3)}.element-card.water{--element-color:#4682B4;border-color:rgba(70,130,180,.3)}.element-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--element-color);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 30px rgba(var(--element-color),.2)}.element-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.element-symbol{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.element-info{flex:1}.element-name{color:#FFD700;font-size:1.4rem;font-weight:700;margin:0 0 4px;text-shadow:0 2px 4px rgba(255,215,0,.3)}.element-season{color:rgba(255,255,255,.7);font-size:.9rem;font-weight:500;margin:0}.element-content{space-y:20px}.element-description h5{color:#FFD700;font-size:1.1rem;font-weight:600;margin-bottom:8px}.element-description p{color:rgba(255,255,255,.9);line-height:1.6;margin-bottom:16px}.element-associations{space-y:16px}.association-group{margin-bottom:16px}.association-group h6{color:#FFD700;font-size:.95rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.association-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.association-grid span{color:rgba(255,255,255,.8);font-size:.85rem;padding:4px 8px;background:rgba(255,255,255,.05);border-radius:4px;border:1px solid rgba(255,255,255,.1)}.association-group p{color:rgba(255,255,255,.8);font-size:.9rem;line-height:1.5;margin:0}.balance-indicator{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.indicator-label{color:#FFD700;font-size:.9rem;font-weight:600}.indicator-value{padding:4px 12px;border-radius:6px;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.indicator-value.balanced{background:rgba(34,139,34,.2);color:#90EE90;border:1px solid rgba(34,139,34,.3)}.indicator-value.dynamic{background:rgba(255,107,53,.2);color:#FF6B35;border:1px solid rgba(255,107,53,.3)}.indicator-value.stable{background:rgba(218,165,32,.2);color:#DAA520;border:1px solid rgba(218,165,32,.3)}.indicator-value.focused{background:rgba(192,192,192,.2);color:#C0C0C0;border:1px solid rgba(192,192,192,.3)}.indicator-value.flowing{background:rgba(70,130,180,.2);color:#87CEEB;border:1px solid rgba(70,130,180,.3)}.element-wisdom-section{padding:32px;background:linear-gradient(135deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,215,0,.2);border-radius:16px;margin-top:40px}.wisdom-title{text-align:center;color:#FFD700;font-size:1.8rem;font-weight:700;margin-bottom:16px;text-shadow:0 2px 8px rgba(255,215,0,.3)}.wisdom-intro{text-align:center;color:rgba(255,255,255,.8);font-size:1.1rem;line-height:1.6;margin-bottom:32px;max-width:800px;margin-left:auto;margin-right:auto}.wisdom-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.wisdom-card{padding:20px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.wisdom-card:hover{transform:translateY(-4px);border-color:rgba(255,215,0,.3);box-shadow:0 8px 25px rgba(0,0,0,.3)}.wisdom-card h5{color:#FFD700;font-size:1.1rem;font-weight:600;margin-bottom:12px}.wisdom-card p{color:rgba(255,255,255,.8);font-size:.9rem;line-height:1.5;margin:0}.element-balance-guide{padding:24px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:12px}.element-balance-guide h5{color:#FFD700;font-size:1.2rem;font-weight:600;margin-bottom:16px;text-align:center}.balance-techniques{display:grid;gap:12px}.technique-item{padding:12px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.8);font-size:.9rem;line-height:1.4;transition:all .3s ease}.technique-item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,215,0,.2);transform:translateX(4px)}.technique-item strong{color:#FFD700;font-weight:600}@media (max-width:768px){.elements-cycles{grid-template-columns:1fr}.elements-grid{padding:0 16px;gap:16px}.element-card{width:280px}.association-grid,.wisdom-cards{grid-template-columns:1fr}.element-header{flex-direction:column;text-align:center;gap:12px}.element-symbol{font-size:2.5rem}}