.astrology-page{background-color:var(--color-bg);min-height:80vh;padding:40px 0 60px}.astrology-page .breadcrumb{color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;font-weight:500;display:flex}.astrology-page .breadcrumb a{transition:color var(--transition-fast)}.astrology-page .breadcrumb a:hover{color:var(--color-primary)}.astrology-page .breadcrumb .current{color:var(--color-text-main);font-weight:600}.astrology-page-header{margin-bottom:32px;position:relative}.astrology-page-title{font-family:var(--font-display);color:var(--color-text-main);letter-spacing:-.5px;align-items:center;gap:12px;margin:0;font-size:2.2rem;font-weight:800;display:flex}.astrology-page-title svg{color:#6366f1}.astrology-page-header .title-underline-large{background-color:#6366f1;border-radius:4px;width:80px;height:5px;margin:14px 0 16px}.astrology-page-subtitle{color:var(--color-text-muted);max-width:640px;margin:0;font-size:1rem}.astrology-page-selector{scrollbar-width:thin;gap:12px;margin-bottom:24px;padding:4px 0 16px;display:flex;overflow-x:auto}.astrology-page-zodiac-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;min-width:92px;transition:all var(--transition-fast);color:var(--color-text-main);flex-direction:column;align-items:center;padding:12px 14px;display:flex}.astrology-page-zodiac-btn:hover{border-color:#6366f1;transform:translateY(-3px)}.astrology-page-zodiac-btn.active{background:#6366f11a;border-color:#6366f1;box-shadow:0 4px 15px #6366f133}.astrology-page-zodiac-btn .zodiac-emoji{margin-bottom:6px;font-size:1.8rem}.astrology-page-zodiac-btn .zodiac-name{font-size:.85rem;font-weight:700}.astrology-page-zodiac-btn .zodiac-date{color:var(--color-text-muted);font-size:.7rem}.astrology-page-detail{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0b0c10 0%,#14152b 100%);border:1px solid #6366f14d;margin-bottom:40px;padding:32px;position:relative;overflow:hidden}.astrology-page-detail:before{content:"";background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);width:100%;height:4px;position:absolute;top:0;left:0}.astrology-page-detail-header{align-items:center;gap:20px;margin-bottom:20px;display:flex}.astrology-page-detail-header .big-emoji{text-shadow:0 0 20px #6366f199;font-size:4rem;line-height:1}.astrology-page-detail-header h2{color:#e0e7ff;margin:0 0 4px;font-size:1.5rem;font-weight:800}.astrology-page-meta{color:#818cf8;margin:0;font-size:.9rem}.astrology-page-detail-body p{color:#d1d5db;margin:0;font-size:1.05rem;line-height:1.7}.astrology-page-detail-body .loading-text{color:#9ca3af;font-style:italic}.astrology-page-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.astrology-page-grid-card{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:18px}.astrology-page-grid-card:hover{border-color:#6366f1;transform:translateY(-2px)}.astrology-page-grid-card.active{border-color:#6366f1;box-shadow:0 4px 15px #6366f126}.astrology-page-grid-card-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.astrology-page-grid-card-header .zodiac-emoji{font-size:1.6rem}.astrology-page-grid-card-header h3{color:var(--color-text-main);margin:0;font-size:1rem;font-weight:700}.astrology-page-grid-card-header .zodiac-date{color:var(--color-text-muted);font-size:.72rem}.astrology-page-grid-card-content{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}@media (max-width:1239.98px) and (min-width:1024.02px){.astrology-page-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.astrology-page-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.astrology-page-title{font-size:1.6rem}.astrology-page-detail{padding:22px}.astrology-page-detail-header .big-emoji{font-size:3rem}.astrology-page-grid{grid-template-columns:1fr}}@media (max-width:400px){.astrology-page-zodiac-btn{min-width:76px;padding:10px}}