.bazi-navigation-hint{text-align:center;margin-top:32px;grid-column:1/-1;padding:16px 24px;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,215,0,.05) 50%,rgba(0,0,0,.1));border:1px solid rgba(255,215,0,.15);border-radius:12px;backdrop-filter:blur(10px)}.nav-hint-text{color:rgba(255,255,255,.8);font-size:.9rem;font-weight:400;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.bazi-info-card{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.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:rgba(255,255,255,.4);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03) 50%,rgba(26,26,26,.8));backdrop-filter:blur(25px) brightness(1.1);-webkit-backdrop-filter:blur(25px) brightness(1.1);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 80px rgba(255,255,255,.1),inset 0 2px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1)}.bazi-info-card.active .info-card-title{color:rgba(255,255,255,.95);text-shadow:0 1px 3px rgba(0,0,0,.8)}.bazi-section-content{animation:fadeInUp .5s ease-out}.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}.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);max-width:100%}.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(4,1fr);gap:20px;margin-bottom:32px;max-width:100%}.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:24px 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:2.5rem;margin-bottom:10px}.animal-name{color:rgba(255,255,255,.9);font-size:1rem;font-weight:600}.animal-element{color:rgba(255,215,0,.7);margin-top:4px}@media (min-width:1200px){.compatibility-grid{grid-template-columns:repeat(6,1fr);gap:24px}}.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}@media (min-width:1200px){.bazi-animal-grid{grid-template-columns:repeat(4,1fr)}}.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:24px 20px;min-height:180px;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);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:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:all .8s ease}.bazi-animal-card:hover{border-color:rgba(255,215,0,.8);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;left:100%}.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:3.5rem;line-height:1;margin-bottom:16px;width:96px;height:96px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.bazi-animal-card:hover .bazi-animal-display{transform:scale(1.08);filter:drop-shadow(0 2px 8px rgba(255,215,0,.4)) brightness(1.1)}.bazi-animal-archetype{color:#FFFFFF;font-size:1.5rem;font-weight:400;font-family:Cinzel,Trajan Pro,serif;margin-bottom:12px;letter-spacing:1.5px;text-transform:uppercase;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;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.bazi-animal-card.selected .bazi-animal-descriptor{opacity:1;max-height:60px;margin-top:8px}.bazi-zodiac-icon{width:120px;height:120px;border-radius:12px;transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.bazi-animal-card:hover .bazi-zodiac-icon{filter:drop-shadow(0 6px 12px rgba(0,0,0,.4)) drop-shadow(0 2px 8px rgba(255,215,0,.4)) brightness(1.1)}@media (max-width:1023px) and (min-width:768px){.bazi-animal-card{padding:32px 24px;min-height:200px}.bazi-animal-display{width:104px;height:104px}.bazi-zodiac-icon{width:110px;height:110px}}@media (max-width:767px){.bazi-animal-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.bazi-animal-card{padding:28px 20px;min-height:180px}.bazi-animal-display{width:96px;height:96px}.bazi-zodiac-icon{width:100px;height:100px}}.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}@media (max-width:768px){.bazi-no-selection{padding:16px 12px;font-size:.95rem;margin-bottom:0}}.bazi-animal-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:flex-end;justify-content:center;animation:overlayFadeIn .35s ease-out}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(8px)}}.bazi-animal-modal{position:fixed;bottom:0;left:0;right:0;height:100vh;background:linear-gradient(180deg,#1a1a1c,#0d0d0e);border-radius:0;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .4s cubic-bezier(.32,.72,0,1)}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.bazi-animal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(255,215,0,.15);background:rgba(15,15,17,.95)}.bazi-animal-modal-title-row{display:flex;align-items:center;gap:14px}.bazi-animal-modal-emoji{font-size:2.5rem;filter:drop-shadow(0 0 12px rgba(255,215,0,.3))}.bazi-animal-modal-title-text{display:flex;flex-direction:column;gap:2px}.bazi-animal-modal-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:.5px}.bazi-animal-modal-element{font-size:.85rem;color:rgba(255,215,0,.8);font-weight:500}.bazi-animal-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:rgba(255,255,255,.7);cursor:pointer;transition:all .2s ease}.bazi-animal-modal-close:hover{background:rgba(255,255,255,.12);color:#fff}.bazi-animal-modal-tabs{display:flex;padding:12px 16px;gap:8px;background:rgba(10,10,12,.95);border-bottom:1px solid rgba(255,215,0,.1)}.bazi-animal-modal-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:rgba(255,255,255,.5);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.bazi-animal-modal-tab:hover{background:rgba(255,215,0,.08);border-color:rgba(255,215,0,.2)}.bazi-animal-modal-tab.active{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,215,0,.05));border-color:rgba(255,215,0,.4);color:#ffd700}.bazi-animal-modal-tab.active svg{filter:drop-shadow(0 0 6px rgba(255,215,0,.5))}.bazi-animal-modal-content{flex:1;overflow-y:auto;padding:20px 20px 80px;position:relative}.bazi-animal-modal-content:after{content:"";position:fixed;bottom:0;left:0;right:0;height:80px;background:linear-gradient(0deg,rgba(18,18,22,1) 0,rgba(18,18,22,.9) 20%,rgba(18,18,22,.5) 50%,rgba(18,18,22,0));pointer-events:none;z-index:10}.bazi-animal-modal-section{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bazi-animal-modal-hero{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,rgba(255,215,0,.08),rgba(255,215,0,.02));border:1px solid rgba(255,215,0,.2);border-radius:16px;margin-bottom:20px}.bazi-animal-modal-hero-emoji{font-size:3.5rem;filter:drop-shadow(0 0 20px rgba(255,215,0,.4))}.bazi-animal-modal-hero-info{flex:1}.bazi-animal-modal-hero-badge{display:inline-block;padding:4px 12px;background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.3);border-radius:20px;color:#ffd700;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.bazi-animal-modal-hero-keywords{color:rgba(255,255,255,.7);font-size:.9rem;line-height:1.5;margin:0}.bazi-animal-modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.bazi-animal-modal-stat{display:flex;flex-direction:column;align-items:center;padding:14px 10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px}.bazi-animal-modal-stat-label{font-size:.65rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.bazi-animal-modal-stat-value{font-size:.9rem;color:#ffd700;font-weight:600}.bazi-animal-modal-years{padding:14px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:20px}.bazi-animal-modal-years-label{display:block;font-size:.7rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.bazi-animal-modal-section-title,.bazi-animal-modal-years-value{color:rgba(255,255,255,.9);font-size:.85rem}.bazi-animal-modal-section-title{display:flex;align-items:center;gap:8px;font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.bazi-animal-modal-section-title svg{flex-shrink:0}.bazi-animal-modal-section-title.strengths{color:#4ade80}.bazi-animal-modal-section-title.weaknesses{color:#f87171}.bazi-animal-modal-section-title.best{color:#ffd700}.bazi-animal-modal-section-title.good{color:#4ade80}.bazi-animal-modal-section-title.challenging{color:#f87171}.bazi-animal-modal-section-title.enemy{color:#dc2626}.bazi-animal-modal-famous{margin-top:20px}.bazi-animal-modal-famous-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bazi-animal-modal-famous-item{display:flex;flex-direction:column;padding:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px}.bazi-animal-modal-famous-name{font-size:.85rem;color:rgba(255,255,255,.9);font-weight:500;margin-bottom:2px}.bazi-animal-modal-famous-profession{font-size:.7rem;color:rgba(255,215,0,.7)}.bazi-animal-modal-traits-group{margin-bottom:24px}.bazi-animal-modal-traits-list{display:flex;flex-wrap:wrap;gap:8px}.bazi-animal-modal-trait{padding:8px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.8rem;color:rgba(255,255,255,.85)}.bazi-animal-modal-trait.strength{background:rgba(74,222,128,.1);border-color:rgba(74,222,128,.3);color:#4ade80}.bazi-animal-modal-trait.weakness{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.3);color:#f87171}.bazi-animal-modal-trait.archetype{background:rgba(255,215,0,.1);border-color:rgba(255,215,0,.3);color:#ffd700}.bazi-animal-modal-trait.power{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}.bazi-animal-modal-trait.shadow{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3);color:#a78bfa}.bazi-animal-modal-trait.command{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:#10b981}.bazi-animal-modal-trait.destiny{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.3);color:#60a5fa}.bazi-archetype-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.bazi-archetype-category{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;color:rgba(255,255,255,.7);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap}.bazi-archetype-category:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15)}.bazi-archetype-category.active{background:rgba(255,215,0,.15);border-color:rgba(255,215,0,.4);color:rgba(255,255,255,.95)}.bazi-archetype-pills-container{min-height:60px;position:relative}.bazi-archetype-pills{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.bazi-archetype-pills .bazi-animal-modal-trait{opacity:0;transform:translateY(10px) scale(.9);animation:pillFadeIn .35s ease forwards}@keyframes pillFadeIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.bazi-flip-cards-row{display:flex;flex-direction:column;gap:12px;margin-top:24px}.bazi-flip-card{perspective:1000px;height:260px;cursor:pointer}.bazi-flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.bazi-flip-card.flipped .bazi-flip-card-inner{transform:rotateY(180deg)}.bazi-flip-card-back,.bazi-flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.bazi-flip-card-front{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);gap:8px}.bazi-flip-card-title{font-size:.85rem;font-weight:600;color:rgba(255,255,255,.9);text-align:center}.bazi-flip-card-hint{font-size:.65rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.05em}.bazi-flip-card-back{background:linear-gradient(135deg,rgba(30,30,35,.98),rgba(20,20,25,.98));border:1px solid rgba(255,255,255,.12);transform:rotateY(180deg);overflow-y:auto;align-items:flex-start;justify-content:flex-start;padding:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.bazi-flip-card-back p{font-size:.875rem;line-height:1.7;color:rgba(255,255,255,.9);margin:0;letter-spacing:.01em}.bazi-flip-card-back::-webkit-scrollbar{width:3px}.bazi-flip-card-back::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.bazi-flip-card-back::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.bazi-animal-modal-lucky{margin-top:20px}.bazi-animal-modal-lucky-grid{display:flex;flex-direction:column;gap:16px}.bazi-animal-modal-lucky-group{display:flex;flex-direction:column;gap:8px}.bazi-animal-modal-lucky-label{font-size:.75rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.05em}.bazi-animal-modal-lucky-items{display:flex;flex-wrap:wrap;gap:8px}.bazi-animal-modal-lucky-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,215,0,.12);border:1px solid rgba(255,215,0,.3);border-radius:50%;color:#ffd700;font-weight:600;font-size:.9rem}.bazi-animal-modal-lucky-color{padding:6px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:16px;color:rgba(255,255,255,.85);font-size:.8rem}.bazi-animal-modal-years-grid{display:flex;flex-wrap:wrap;gap:8px}.bazi-animal-modal-year-chip{padding:8px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.85rem;color:rgba(255,255,255,.8)}.bazi-animal-modal-year-chip.current{background:rgba(255,215,0,.15);border-color:rgba(255,215,0,.4);color:#ffd700;font-weight:600}.bazi-animal-modal-compat-group{margin-bottom:24px}.bazi-animal-modal-compat-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bazi-animal-modal-compat-item{display:flex;flex-direction:column;align-items:center;padding:14px 10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s ease}.bazi-animal-modal-compat-item.best{background:rgba(255,215,0,.08);border-color:rgba(255,215,0,.3)}.bazi-animal-modal-compat-item.good{background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.2)}.bazi-animal-modal-compat-item.challenging{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.2)}.bazi-animal-modal-compat-item.enemy{background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.25)}.bazi-animal-modal-compat-emoji{font-size:1.8rem;margin-bottom:6px}.bazi-animal-modal-compat-name{font-size:.75rem;color:rgba(255,255,255,.8);font-weight:500}.bazi-animal-modal-compat-score{font-size:.7rem;color:rgba(255,255,255,.5);margin-top:4px}.bazi-animal-modal-compat-item.best .bazi-animal-modal-compat-score{color:rgba(255,215,0,.8)}.bazi-animal-modal-compat-item.good .bazi-animal-modal-compat-score{color:rgba(74,222,128,.8)}.bazi-animal-modal-compat-item.challenging .bazi-animal-modal-compat-score{color:rgba(248,113,113,.8)}.bazi-animal-modal-compat-item.enemy .bazi-animal-modal-compat-score{color:rgba(220,38,38,.8)}.bazi-compat-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.bazi-compat-category{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;color:rgba(255,255,255,.7);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap}.bazi-compat-category:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15)}.bazi-compat-category.active{background:rgba(255,215,0,.15);border-color:rgba(255,215,0,.4);color:rgba(255,255,255,.95)}.bazi-compat-slider-container{margin-bottom:24px;padding:0 4px}.bazi-compat-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(90deg,rgba(220,38,38,.4) 0,rgba(248,113,113,.4) 33%,rgba(74,222,128,.4) 66%,rgba(255,215,0,.4));border-radius:3px;outline:none;cursor:pointer;direction:rtl}.bazi-compat-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#ffd700;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3);-webkit-transition:transform .2s ease,background .2s ease;transition:transform .2s ease,background .2s ease}.bazi-compat-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.bazi-compat-slider::-moz-range-thumb{width:20px;height:20px;background:#ffd700;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.bazi-compat-slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.7rem;color:rgba(255,255,255,.4)}.bazi-compat-slider-labels span{transition:color .2s ease,transform .2s ease}.bazi-compat-slider-labels span.active{color:#ffd700;font-weight:600;transform:scale(1.1)}.bazi-compat-cards-container{min-height:140px}.bazi-compat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bazi-compat-card{display:flex;flex-direction:column;align-items:center;padding:16px 10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:14px;opacity:0;transform:translateY(15px) scale(.9);animation:cardFadeIn .4s ease forwards}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.bazi-compat-card.best{background:rgba(255,215,0,.08);border-color:rgba(255,215,0,.25)}.bazi-compat-card.good{background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.2)}.bazi-compat-card.challenging{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.2)}.bazi-compat-card.conflict{background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.25)}.bazi-compat-card-img{width:48px;height:48px;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.bazi-compat-card-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.bazi-compat-card-name{font-size:.8rem;font-weight:500;color:rgba(255,255,255,.9);margin-bottom:4px}.bazi-compat-card-score{font-size:.7rem;color:rgba(255,255,255,.5)}.bazi-compat-card.best .bazi-compat-card-score{color:rgba(255,215,0,.8)}.bazi-compat-card.good .bazi-compat-card-score{color:rgba(74,222,128,.8)}.bazi-compat-card.challenging .bazi-compat-card-score{color:rgba(248,113,113,.8)}.bazi-compat-card.conflict .bazi-compat-card-score{color:rgba(220,38,38,.8)}.bazi-animal-modal-history-list{display:flex;flex-direction:column-reverse;gap:12px}.bazi-animal-modal-history-item{display:flex;gap:14px;padding:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px}.bazi-animal-modal-history-year{font-size:1rem;font-weight:700;color:#ffd700;min-width:50px}.bazi-animal-modal-history-event{font-size:.85rem;color:rgba(255,255,255,.8);line-height:1.4}.bazi-animal-modal-empty{color:rgba(255,255,255,.5);font-size:.9rem;text-align:center;padding:40px 20px}.bazi-animal-modal-description{color:rgba(255,255,255,.8);font-size:.9rem;line-height:1.7;margin:0;padding:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px}.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:10rem;line-height:1;margin-bottom:24px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));display:flex;justify-content:center;align-items:center;text-align:center;border-radius:50%;padding:20px;background:rgba(0,0,0,.15);border:2px solid rgba(255,215,0,.6);box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 25px rgba(255,215,0,.15),0 0 50px rgba(255,215,0,.08)}.bazi-showcase-animal .bazi-zodiac-icon{width:200px!important;height:200px!important;filter:drop-shadow(0 0 30px rgba(255,215,0,.4)) drop-shadow(0 0 60px rgba(255,215,0,.2)) drop-shadow(0 8px 16px rgba(0,0,0,.4));transition:filter .3s ease}.bazi-showcase-name-container{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.bazi-showcase-archetype{letter-spacing:1.5px;text-transform:uppercase}.bazi-showcase-archetype,.bazi-showcase-chinese{color:#FFFFFF;font-size:2.5rem;font-weight:400}.bazi-showcase-archetype,.bazi-showcase-chinese,.bazi-showcase-order{font-family:Cinzel,Trajan Pro,serif;text-shadow:0 2px 4px rgba(0,0,0,.5)}.bazi-showcase-order{color:rgba(255,215,0,.9);font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;text-align:center;margin-bottom:16px}.bazi-showcase-keywords{color:rgba(255,255,255,.8);font-size:1.1rem;font-weight:400;letter-spacing:.5px;margin-bottom:16px;line-height:1.4}.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;text-align:center}.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-sovereign-trait-item{background:linear-gradient(135deg,rgba(40,40,50,.7),rgba(30,30,40,.8));border:1px solid rgba(255,215,0,.2);border-radius:8px;margin-bottom:8px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.bazi-sovereign-trait-item:hover{border-color:rgba(255,215,0,.4);box-shadow:0 4px 12px rgba(0,0,0,.3);transform:translateY(-2px)}.bazi-sovereign-trait-item.expanded{border-color:rgba(255,215,0,.6);box-shadow:0 6px 20px rgba(0,0,0,.4)}.bazi-trait-header{padding:12px 16px;display:flex;justify-content:between;align-items:center;font-size:.95rem;font-weight:500;line-height:1.4;color:rgba(255,255,255,.9);position:relative}.bazi-trait-header:after{content:"▶";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:.8rem;color:rgba(255,215,0,.7);transition:transform .3s ease}.bazi-sovereign-trait-item.expanded .bazi-trait-header:after{transform:translateY(-50%) rotate(90deg)}.bazi-trait-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,rgba(20,20,30,.9),rgba(30,30,40,.8));border-top:1px solid rgba(255,215,0,.1)}.bazi-sovereign-trait-item.expanded .bazi-trait-content{max-height:300px}.bazi-trait-advice{padding:16px 20px;color:rgba(255,255,255,.8);line-height:1.6;font-size:.9rem}.bazi-trait-advice h6{color:#FFD700;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.bazi-trait-advice p{margin:0 0 12px;color:rgba(255,255,255,.85)}.bazi-trait-advice .elite-tip{background:rgba(255,215,0,.1);border-left:3px solid #ffd700;padding:8px 12px;margin:8px 0;border-radius:4px;font-style:italic;color:rgba(255,255,255,.9)}.bazi-detail-section:first-child .bazi-trait-content{border-top-color:rgba(157,78,221,.3)}.bazi-detail-section:first-child .bazi-trait-advice h6{color:#9D4EDD}.bazi-detail-section:nth-child(2) .bazi-trait-content{border-top-color:rgba(247,37,133,.3)}.bazi-detail-section:nth-child(2) .bazi-trait-advice h6{color:#F72585}.bazi-detail-section:nth-child(3) .bazi-trait-content{border-top-color:rgba(255,107,53,.3)}.bazi-detail-section:nth-child(3) .bazi-trait-advice h6{color:#FF6B35}.bazi-detail-section:nth-child(4) .bazi-trait-content{border-top-color:rgba(4,231,98,.3)}.bazi-detail-section:nth-child(4) .bazi-trait-advice h6{color:#04E762}.bazi-detail-section:nth-child(5) .bazi-trait-content{border-top-color:rgba(255,215,0,.3)}.bazi-detail-section:nth-child(5) .bazi-trait-advice h6{color:#FFD700}.bazi-traits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.bazi-trait-item{background:linear-gradient(135deg,rgba(30,30,35,.8),rgba(20,20,25,.9));backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;text-align:center;color:rgba(255,255,255,.9);font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;cursor:pointer}.bazi-trait-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--trait-gradient);opacity:.8}.bazi-trait-item:nth-child(6n+1){--trait-gradient:linear-gradient(90deg,#8b5cf6,#7c3aed);border-color:rgba(139,92,246,.3)}.bazi-trait-item:nth-child(6n+2){--trait-gradient:linear-gradient(90deg,#06b6d4,#0891b2);border-color:rgba(6,182,212,.3)}.bazi-trait-item:nth-child(6n+3){--trait-gradient:linear-gradient(90deg,#10b981,#059669);border-color:rgba(16,185,129,.3)}.bazi-trait-item:nth-child(6n+4){--trait-gradient:linear-gradient(90deg,#f59e0b,#d97706);border-color:rgba(245,158,11,.3)}.bazi-trait-item:nth-child(6n+5){--trait-gradient:linear-gradient(90deg,#ef4444,#dc2626);border-color:rgba(239,68,68,.3)}.bazi-trait-item:nth-child(6n){--trait-gradient:linear-gradient(90deg,#ec4899,#db2777);border-color:rgba(236,72,153,.3)}.bazi-trait-item:hover{transform:translateY(-2px) scale(1.02);border-color:var(--trait-gradient);box-shadow:0 8px 25px rgba(0,0,0,.3)}.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:10px 16px;background:linear-gradient(135deg,rgba(30,30,35,.8),rgba(20,20,25,.9));backdrop-filter:blur(8px);border:2px solid var(--color-accent);border-radius:20px;color:rgba(255,255,255,.95);font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.bazi-color-chip:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-gradient);opacity:.1;transition:opacity .3s ease}.bazi-color-chip:first-child{--color-accent:#fbbf24;--color-gradient:linear-gradient(45deg,#fbbf24,#f59e0b)}.bazi-color-chip:nth-child(2){--color-accent:#3b82f6;--color-gradient:linear-gradient(45deg,#3b82f6,#1d4ed8)}.bazi-color-chip:nth-child(3){--color-accent:#10b981;--color-gradient:linear-gradient(45deg,#10b981,#047857)}.bazi-color-chip:nth-child(4){--color-accent:#ef4444;--color-gradient:linear-gradient(45deg,#ef4444,#dc2626)}.bazi-color-chip:nth-child(5){--color-accent:#8b5cf6;--color-gradient:linear-gradient(45deg,#8b5cf6,#7c3aed)}.bazi-color-chip:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.3)}.bazi-color-chip:hover:before{opacity:.2}.bazi-compatibility-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:24px}.bazi-compatibility-category{position:relative;background:linear-gradient(145deg,rgba(25,25,30,.8),rgba(15,15,20,.9));backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,.15);border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden}.bazi-compatibility-category:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--category-color),transparent);opacity:.8;transition:opacity .3s ease}.bazi-compatibility-category:hover{border-color:rgba(255,215,0,.3);background:linear-gradient(145deg,rgba(30,30,35,.9),rgba(20,20,25,.95));transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.bazi-compatibility-category:hover:before{opacity:1}.bazi-compatibility-category:first-child{--category-color:linear-gradient(90deg,#00ff88,#00cc6a)}.bazi-compatibility-category:nth-child(2){--category-color:linear-gradient(90deg,#4facfe,#00f2fe)}.bazi-compatibility-category:nth-child(3){--category-color:linear-gradient(90deg,#ff9a9e,#fecfef)}.bazi-compatibility-category:nth-child(4){--category-color:linear-gradient(90deg,#a8edea,#fed6e3)}.bazi-compatibility-category h5{color:#FFD700;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.bazi-compatibility-list{display:flex;flex-direction:column;gap:12px}.bazi-compatibility-item{position:relative;display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:16px;transition:all .3s cubic-bezier(.23,1,.32,1);border:1px solid transparent;cursor:pointer;overflow:hidden}.bazi-compatibility-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .8s ease}.bazi-compatibility-item:hover:before{left:100%}.bazi-compatibility-item.best{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.1));border-color:rgba(16,185,129,.3);box-shadow:inset 0 1px 0 rgba(16,185,129,.1)}.bazi-compatibility-item.best:hover{background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(5,150,105,.2));border-color:rgba(16,185,129,.5);transform:translateX(8px) scale(1.02);box-shadow:0 8px 32px rgba(16,185,129,.2)}.bazi-compatibility-item.good{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(29,78,216,.1));border-color:rgba(59,130,246,.3);box-shadow:inset 0 1px 0 rgba(59,130,246,.1)}.bazi-compatibility-item.good:hover{background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(29,78,216,.2));border-color:rgba(59,130,246,.5);transform:translateX(8px) scale(1.02);box-shadow:0 8px 32px rgba(59,130,246,.2)}.bazi-compatibility-item.challenge{background:linear-gradient(135deg,rgba(251,146,60,.15),rgba(249,115,22,.1));border-color:rgba(251,146,60,.3);box-shadow:inset 0 1px 0 rgba(251,146,60,.1)}.bazi-compatibility-item.challenge:hover{background:linear-gradient(135deg,rgba(251,146,60,.25),rgba(249,115,22,.2));border-color:rgba(251,146,60,.5);transform:translateX(8px) scale(1.02);box-shadow:0 8px 32px rgba(251,146,60,.2)}.bazi-compatibility-item.enemy{background:linear-gradient(135deg,rgba(244,63,94,.15),rgba(225,29,72,.1));border-color:rgba(244,63,94,.3);box-shadow:inset 0 1px 0 rgba(244,63,94,.1)}.bazi-compatibility-item.enemy:hover{background:linear-gradient(135deg,rgba(244,63,94,.25),rgba(225,29,72,.2));border-color:rgba(244,63,94,.5);transform:translateX(8px) scale(1.02);box-shadow:0 8px 32px rgba(244,63,94,.2)}.bazi-compatibility-emoji{font-size:2.2rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}.bazi-compatibility-item:hover .bazi-compatibility-emoji{transform:scale(1.1) rotate(5deg)}.bazi-compatibility-name{flex:1;color:rgba(255,255,255,.95);font-weight:700;font-size:1.1rem;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.bazi-compatibility-score{color:rgba(255,255,255,.9);font-size:1rem;font-weight:800;padding:8px 12px;border-radius:10px;min-width:60px;text-align:center;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.bazi-compatibility-item.best .bazi-compatibility-score{background:linear-gradient(135deg,rgba(16,185,129,.4),rgba(5,150,105,.3));color:#ECFDF5;border-color:rgba(16,185,129,.4)}.bazi-compatibility-item.good .bazi-compatibility-score{background:linear-gradient(135deg,rgba(59,130,246,.4),rgba(29,78,216,.3));color:#EFF6FF;border-color:rgba(59,130,246,.4)}.bazi-compatibility-item.challenge .bazi-compatibility-score{background:linear-gradient(135deg,rgba(251,146,60,.4),rgba(249,115,22,.3));color:#FFF7ED;border-color:rgba(251,146,60,.4)}.bazi-compatibility-item.enemy .bazi-compatibility-score{background:linear-gradient(135deg,rgba(244,63,94,.4),rgba(225,29,72,.3));color:#FDF2F8;border-color:rgba(244,63,94,.4)}.bazi-celebrities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.bazi-celebrity-card{background:linear-gradient(135deg,rgba(30,30,35,.9),rgba(15,15,20,.95));backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;text-align:center;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;cursor:pointer}.bazi-celebrity-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--celebrity-gradient);opacity:.7;transition:opacity .3s ease}.bazi-celebrity-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .8s ease}.bazi-celebrity-card:hover:after{left:100%}.bazi-celebrity-card:first-child{--celebrity-gradient:linear-gradient(90deg,#ff6b6b,#ff8e8e);border-color:rgba(255,107,107,.3)}.bazi-celebrity-card:nth-child(2){--celebrity-gradient:linear-gradient(90deg,#4ecdc4,#44a08d);border-color:rgba(78,205,196,.3)}.bazi-celebrity-card:nth-child(3){--celebrity-gradient:linear-gradient(90deg,#a8e6cf,#88d8a3);border-color:rgba(168,230,207,.3)}.bazi-celebrity-card:nth-child(4){--celebrity-gradient:linear-gradient(90deg,#ffd93d,#ffcd3c);border-color:rgba(255,217,61,.3)}.bazi-celebrity-card:nth-child(5){--celebrity-gradient:linear-gradient(90deg,#6c5ce7,#a29bfe);border-color:rgba(108,92,231,.3)}.bazi-celebrity-card:nth-child(6){--celebrity-gradient:linear-gradient(90deg,#fd79a8,#fdcb6e);border-color:rgba(253,121,168,.3)}.bazi-celebrity-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--celebrity-gradient);box-shadow:0 12px 40px rgba(0,0,0,.4)}.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:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;justify-content:center}.bazi-year-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;background:linear-gradient(135deg,rgba(30,30,35,.8),rgba(20,20,25,.9));backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:rgba(255,255,255,.9);font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.23,1,.32,1);min-width:80px;position:relative;overflow:hidden;cursor:pointer}.bazi-year-chip:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--element-gradient);opacity:.8}.bazi-year-chip:nth-child(5n+1){--element-gradient:linear-gradient(90deg,#22c55e,#16a34a);border-color:rgba(34,197,94,.3)}.bazi-year-chip:nth-child(5n+2){--element-gradient:linear-gradient(90deg,#ef4444,#dc2626);border-color:rgba(239,68,68,.3)}.bazi-year-chip:nth-child(5n+3){--element-gradient:linear-gradient(90deg,#eab308,#ca8a04);border-color:rgba(234,179,8,.3)}.bazi-year-chip:nth-child(5n+4){--element-gradient:linear-gradient(90deg,#6b7280,#4b5563);border-color:rgba(107,114,128,.3)}.bazi-year-chip:nth-child(5n){--element-gradient:linear-gradient(90deg,#3b82f6,#1d4ed8);border-color:rgba(59,130,246,.3)}.bazi-year-chip:hover{transform:translateY(-2px) scale(1.05);border-color:var(--element-gradient);box-shadow:0 8px 25px rgba(0,0,0,.3)}.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{font-size:1rem;margin-bottom:24px;font-style:italic}.bazi-history-timeline{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));transition:all .3s ease}.bazi-history-event:before{border-radius:0 2px 2px 0;opacity:.6;transition:opacity .3s ease}.bazi-history-event:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.bazi-history-event:hover:before{opacity:1}.bazi-history-year{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);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-animal .bazi-zodiac-icon{width:140px!important;height:140px!important}.bazi-showcase-archetype{font-size:2rem}}.bazi-container{min-height:100vh;background:radial-gradient(ellipse at 15% 25%,rgba(60,60,75,.04) 0,transparent 40%),radial-gradient(ellipse at 85% 75%,rgba(70,70,85,.03) 0,transparent 45%),linear-gradient(180deg,#131315 0,#18181b 50%,#131315);color:#ffffff}.bazi-content{max-width:1400px;margin:0 auto;padding:2rem 1rem}.bazi-header{text-align:center;padding:48px 24px 40px;margin:0 auto 24px;max-width:calc(1400px + 48px);width:calc(100% - 48px);position:relative}.bazi-title{color:#FFD700;font-size:2.5rem;font-weight:300;font-family:Cinzel,Trajan Pro,serif;margin:0 0 16px;letter-spacing:2px;text-transform:uppercase;position:relative;text-shadow:0 0 20px rgba(255,215,0,.3),0 2px 4px rgba(0,0,0,.5);background:linear-gradient(135deg,#FFD700,#FFF8DC 50%,#DAA520);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:titleShimmer 4s ease-in-out infinite}@keyframes titleShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.bazi-subtitle{color:rgba(255,255,255,.8);font-size:1rem;margin:0 auto;font-style:normal;font-weight:300;max-width:800px;line-height:1.8;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:1}.bazi-info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}.bazi-info-card{background:linear-gradient(135deg,rgba(20,20,20,.95),rgba(10,10,10,.98));border:1px solid rgba(255,215,0,.15);border-radius:12px;padding:20px;text-align:left;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.bazi-info-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.05) 50%,transparent);transition:left .5s ease;pointer-events:none;z-index:1}.bazi-info-card:hover:before{left:100%}.bazi-info-card:hover{border-color:rgba(255,215,0,.4);transform:translateY(-3px);background:linear-gradient(135deg,rgba(255,215,0,.05),rgba(15,15,15,.98));box-shadow:0 10px 25px rgba(0,0,0,.4),0 0 20px rgba(255,215,0,.1)}.bazi-info-card.active{border-color:rgba(255,215,0,.5);background:linear-gradient(135deg,rgba(255,215,0,.08),rgba(15,15,15,.98));box-shadow:0 8px 20px rgba(0,0,0,.4),0 0 25px rgba(255,215,0,.15),inset 0 1px 0 rgba(255,215,0,.1)}.bazi-info-card.active:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.5) 50%,transparent)}.bazi-info-card .info-card-header{display:flex;align-items:center;gap:14px;position:relative;z-index:2}.bazi-info-card .info-card-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,215,0,.15);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;transition:all .3s ease}.bazi-info-card:hover .info-card-icon{border-color:rgba(255,215,0,.3);background:rgba(255,215,0,.08)}.bazi-info-card .info-card-content{flex:1}.bazi-info-card .info-card-title{font-size:.95rem;font-weight:600;margin-bottom:4px;letter-spacing:.5px;background:linear-gradient(135deg,#FFD700,#FFF8DC 40%,#FFD700 60%,#DAA520);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bazi-info-card .info-card-description{color:rgba(255,255,255,.5);font-size:.8rem;line-height:1.4}@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{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:flex;justify-content:center;align-items:center;text-align:center}.animal-icon .bazi-zodiac-icon{width:60px!important;height:60px!important}.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{flex-direction:row;margin-bottom:32px}.analysis-header,.animals-comparison{display:flex;justify-content:center;align-items:center;gap:48px}.compatibility-score{flex-shrink:0}.animal-display{text-align:center}.animal-large-icon{font-size:4rem;margin-bottom:8px;display:flex;justify-content:center;align-items:center;text-align:center}.animal-large-icon .bazi-zodiac-icon{width:100px!important;height:100px!important}.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}.animal-icon .bazi-zodiac-icon{width:50px!important;height:50px!important}.analysis-header{flex-direction:column;text-align:center}.animals-comparison{gap:20px}.animal-large-icon{font-size:3rem}.animal-large-icon .bazi-zodiac-icon{width:80px!important;height:80px!important}.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}.animal-large-icon .bazi-zodiac-icon{width:70px!important;height:70px!important}.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-badges-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.compatibility-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 24px;min-width:120px;background:rgba(20,20,20,.8);border:2px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.compatibility-badge:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.4)}.compatibility-badge .badge-icon{font-size:1.8rem;margin-bottom:8px}.compatibility-badge .badge-label{font-size:.85rem;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.compatibility-badge .badge-score{font-size:1.6rem;font-weight:800}.compatibility-badge.excellent{border-color:rgba(34,197,94,.6);background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(20,20,20,.8))}.compatibility-badge.excellent .badge-score{color:#22c55e}.compatibility-badge.good{border-color:rgba(234,179,8,.6);background:linear-gradient(135deg,rgba(234,179,8,.15),rgba(20,20,20,.8))}.compatibility-badge.good .badge-score{color:#eab308}.compatibility-badge.moderate{border-color:rgba(59,130,246,.6);background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(20,20,20,.8))}.compatibility-badge.moderate .badge-score{color:#3b82f6}.compatibility-badge.challenging{border-color:rgba(249,115,22,.6);background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(20,20,20,.8))}.compatibility-badge.challenging .badge-score{color:#f97316}.compatibility-badge.difficult{border-color:rgba(239,68,68,.6);background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(20,20,20,.8))}.compatibility-badge.difficult .badge-score{color:#ef4444}.compatibility-legend-inline{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.legend-items-inline{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.legend-item-inline{display:flex;align-items:center;gap:8px;font-size:.85rem;color:rgba(255,255,255,.7)}.legend-item-inline .legend-dot{width:12px;height:12px;border-radius:50%}.legend-item-inline.excellent .legend-dot{background:#22c55e}.legend-item-inline.good .legend-dot{background:#eab308}.legend-item-inline.neutral .legend-dot{background:#3b82f6}.legend-item-inline.challenging .legend-dot{background:#f97316}.legend-item-inline.difficult .legend-dot{background:#ef4444}@media (max-width:600px){.compatibility-badges-row{gap:12px}.compatibility-badge{min-width:100px;padding:16px 18px}.compatibility-badge .badge-icon{font-size:1.5rem}.compatibility-badge .badge-score{font-size:1.3rem}.legend-items-inline{gap:12px}.legend-item-inline{font-size:.75rem}}.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}}.bazi-historical-section{max-width:1200px;margin:64px auto 32px;padding:48px 24px;background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,215,0,.03) 50%,rgba(0,0,0,.05));border:1px solid rgba(255,215,0,.1);border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeInUp .5s ease-out}.bazi-historical-section .bazi-section-title{background:linear-gradient(45deg,#FFD700,#FFF8DC 50%,#FFD700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:16px;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 15px rgba(255,215,0,.2);position:relative}.bazi-historical-section .bazi-section-title:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(255,215,0,.03) 0,transparent 70%);z-index:-1;border-radius:50%}.bazi-history-intro{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}.bazi-history-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto}.bazi-history-event{background:linear-gradient(135deg,rgba(40,40,50,.7),rgba(30,30,40,.8));border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.bazi-history-event:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FFD700,#FFA500)}.bazi-history-event:hover{transform:translateY(-4px);border-color:rgba(255,215,0,.4);box-shadow:0 12px 30px rgba(0,0,0,.4)}.bazi-history-year{font-size:1.2rem;font-weight:700;color:#FFD700;margin-bottom:12px;letter-spacing:1px}.bazi-history-description{color:rgba(255,255,255,.85);font-size:.95rem;line-height:1.6;font-weight:400}.bazi-history-description ul{margin:0;padding:0;list-style:none}.bazi-history-description li{position:relative;padding-left:16px;margin-bottom:8px}.bazi-history-description li:before{content:"•";color:#FFD700;position:absolute;left:0;top:0;font-weight:700;font-size:1.1rem}.bazi-compatibility-section{max-width:1400px;margin:0 auto;padding:48px 32px;background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,215,0,.03) 50%,rgba(0,0,0,.05));border:1px solid rgba(255,215,0,.1);border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeInUp .5s ease-out}.bazi-compatibility-section .bazi-section-title{background:linear-gradient(45deg,#FFD700,#FFF8DC 50%,#FFD700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:48px;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 15px rgba(255,215,0,.2);position:relative}.bazi-compatibility-section .bazi-section-title:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(255,215,0,.03) 0,transparent 70%);z-index:-1;border-radius:50%}.bazi-compatibility-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto 24px}.bazi-compatibility-section .bazi-compatibility-category{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,215,0,.05) 50%,rgba(0,0,0,.1));border:1px solid rgba(255,215,0,.15);border-radius:16px;padding:24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.bazi-compatibility-section .bazi-compatibility-category:hover{transform:translateY(-4px);border-color:rgba(255,215,0,.4);box-shadow:0 12px 30px rgba(0,0,0,.4)}.bazi-compatibility-section .bazi-compatibility-category h4{font-size:1.2rem;font-weight:600;color:#FFD700;margin-bottom:16px;text-align:center;letter-spacing:1px}.bazi-compatibility-section .bazi-compatibility-list{display:flex;flex-direction:column;gap:12px}.bazi-compatibility-section .bazi-compatibility-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;transition:all .3s ease}.bazi-compatibility-section .bazi-compatibility-item.best{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(22,163,74,.1));border:1px solid rgba(34,197,94,.3)}.bazi-compatibility-section .bazi-compatibility-item.good{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(37,99,235,.1));border:1px solid rgba(59,130,246,.3)}.bazi-compatibility-section .bazi-compatibility-item.challenge{background:linear-gradient(135deg,rgba(251,146,60,.15),rgba(249,115,22,.1));border:1px solid rgba(251,146,60,.3)}.bazi-compatibility-section .bazi-compatibility-item.enemy{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(220,38,38,.1));border:1px solid rgba(239,68,68,.3)}.bazi-compatibility-section .bazi-compatibility-emoji{font-size:3.5rem;margin-right:24px;width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.bazi-compatibility-section .bazi-compatibility-name{flex:1;color:rgba(255,255,255,.9);font-weight:500;font-size:1rem}.bazi-compatibility-section .bazi-compatibility-score{font-weight:700;font-size:.9rem;letter-spacing:1px}.bazi-compatibility-section .bazi-compatibility-item.best .bazi-compatibility-score{color:#22c55e}.bazi-compatibility-section .bazi-compatibility-item.good .bazi-compatibility-score{color:#3b82f6}.bazi-compatibility-section .bazi-compatibility-item.challenge .bazi-compatibility-score{color:#fb923c}.bazi-compatibility-section .bazi-compatibility-item.enemy .bazi-compatibility-score{color:#ef4444}@media (max-width:768px){.bazi-compatibility-section,.bazi-historical-section{margin:20px 0;padding:20px}.bazi-compatibility-grid,.bazi-history-timeline{grid-template-columns:1fr;gap:16px}.bazi-compatibility-grid{grid-template-rows:auto}.bazi-compatibility-section .bazi-section-title,.bazi-historical-section .bazi-section-title{font-size:1.4rem;margin-bottom:20px}.bazi-history-intro{font-size:1rem;margin-bottom:24px}}.bazi-elemental-section{width:100%;max-width:1000px;margin:64px auto 0;padding:0 40px}.bazi-elemental-section .bazi-section-title{font-size:2rem;font-weight:600;text-align:center;margin-bottom:32px;background:linear-gradient(135deg,#FFD700,#FFA500,#FF6B35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,215,0,.3);letter-spacing:2px;text-transform:uppercase}.bazi-elemental-container{background:rgba(0,0,0,.4);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)}.bazi-elemental-header{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.bazi-elemental-symbol{font-size:4rem;line-height:1;animation:elementFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,215,0,.4))}@keyframes elementFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bazi-elemental-name{font-family:Cinzel,Trajan Pro,serif;font-size:2.2rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5)}.bazi-elemental-content{text-align:center}.bazi-elemental-description{font-size:1.1rem;line-height:1.8;color:rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.5);margin:0;font-weight:300}@media (max-width:768px){.bazi-elemental-section{margin-top:40px;padding:0 20px}.bazi-elemental-container{padding:24px}.bazi-elemental-header{flex-direction:column;gap:16px}.bazi-elemental-symbol{font-size:3rem}.bazi-elemental-name{font-size:1.8rem}.bazi-elemental-description{font-size:1rem}.bazi-elemental-section .bazi-section-title{font-size:1.4rem;margin-bottom:20px}.bazi-header{padding:20px 16px!important;margin-bottom:16px!important}.bazi-title{font-size:1.5rem!important;margin-bottom:8px!important}.bazi-subtitle{font-size:.85rem!important;margin-bottom:0!important;line-height:1.4!important}.bazi-info-row{gap:8px!important;margin-bottom:16px!important}.bazi-info-card{padding:12px 10px!important;min-height:auto!important}.info-card-icon{font-size:20px!important;margin-bottom:4px!important}.info-card-title{font-size:.7rem!important;margin-bottom:2px!important}.info-card-description{font-size:.65rem!important;display:none!important}.bazi-navigation-hint{padding:10px 16px!important;margin-top:12px!important;margin-bottom:16px!important}.nav-hint-text{font-size:.75rem!important}.bazi-main-content{padding:0!important}.bazi-section-content{padding:16px 0!important}.bazi-grid-section{padding:0!important;margin-bottom:16px!important}.bazi-mobile-hint{text-align:center;padding:16px;color:rgba(255,255,255,.5);font-size:.85rem}.bazi-mobile-hint p{margin:0}.bazi-animal-grid{grid-template-columns:repeat(3,minmax(0,115px))!important;justify-content:center!important;gap:20px 14px!important;padding:0 4px!important;margin:0 0 16px!important}.bazi-animal-card{padding:10px 6px!important;min-height:80px!important;border-radius:8px!important;transition:transform .1s ease,background-color .1s ease!important}.bazi-animal-card.tapped{transform:scale(.95)!important;background-color:rgba(255,215,0,.15)!important}.bazi-animal-display{font-size:1.5rem!important;width:64px!important;height:64px!important;margin-bottom:4px!important}.bazi-animal-archetype{font-size:.65rem!important;margin-bottom:2px!important}.bazi-animal-descriptor{font-size:.55rem!important;display:none!important}.bazi-compatibility-section,.bazi-elemental-section,.bazi-historical-section,.bazi-reference-content{display:none!important}.bazi-animal-analysis{gap:16px!important}.bazi-animal-showcase{padding:16px!important;margin-bottom:16px!important}.bazi-section-title{font-size:1.3rem!important;margin-bottom:12px!important}.bazi-section-description{font-size:.9rem!important;margin-bottom:20px!important}.bazi-traits-section{padding:16px!important;gap:12px!important}.bazi-trait-category{margin-bottom:12px!important}.bazi-trait-category h4{font-size:.8rem!important;margin-bottom:8px!important}.bazi-trait-pills{gap:6px!important}.bazi-trait-pill{padding:4px 10px!important;font-size:.7rem!important}.element-enhanced-card{border-radius:12px!important}.element-card-content{padding:16px!important}.element-icon{font-size:2rem!important}.element-name{font-size:1rem!important}.imbalance-guide{margin-top:24px!important}.imbalance-grid{grid-template-columns:1fr!important;gap:12px!important}.imbalance-card{padding:16px!important}.bazi-elements-section{padding:24px 16px!important}.elements-enhanced-grid{gap:12px!important}.bazi-trait-header{padding:10px 12px!important}.bazi-trait-content{padding:12px!important}.bazi-content{padding:.5rem .5rem 60px!important}}.bazi-mobile-nav{display:none}@media (max-width:768px){.bazi-info-row{display:none!important}.bazi-header.collapsible{cursor:pointer;transition:all .3s ease}.bazi-header.collapsible:active{transform:scale(.98)}.bazi-header-title-row{display:flex;align-items:center;justify-content:center;gap:8px}.bazi-header-chevron{color:rgba(255,215,0,.6);transition:transform .3s ease;flex-shrink:0;animation:bounceHint 2s ease-in-out infinite}.bazi-header-chevron.rotated{transform:rotate(180deg);animation:none}@keyframes bounceHint{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.bazi-subtitle.hidden{max-height:0;opacity:0;overflow:hidden;margin:0!important;padding:0!important;transition:all .3s ease}.bazi-header.collapsible .bazi-subtitle{max-height:200px;opacity:1;margin-top:12px;transition:all .3s ease}.bazi-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:rgba(10,10,10,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,215,0,.3);padding:8px 0 max(8px,env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -4px 20px rgba(0,0,0,.5)}.bazi-mobile-nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 10px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;min-width:56px;border-radius:10px;flex:1}.bazi-mobile-nav-tab:hover{background:rgba(255,215,0,.1)}.bazi-mobile-nav-tab.active{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,215,0,.05))}.bazi-mobile-nav-icon{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);transition:all .3s ease;margin-bottom:4px}.bazi-mobile-nav-tab.active .bazi-mobile-nav-icon{color:#ffd700;filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.bazi-mobile-nav-label{font-size:.65rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:rgba(255,255,255,.5);transition:all .3s ease}.bazi-mobile-nav-tab.active .bazi-mobile-nav-label{color:#ffd700;text-shadow:0 0 10px rgba(255,215,0,.5)}}