.hero{position:relative;padding:var(--sp-3) 0 var(--sp-4);overflow:hidden}.hero-watermark{position:absolute;top:38%;right:6%;transform:translateY(-50%);font-family:var(--font-display);font-size:clamp(140px,24vw,260px);font-weight:700;color:var(--color-gold);opacity:.08;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.hero-glow{position:absolute;top:18%;left:28%;width:320px;height:320px;background:radial-gradient(circle,rgba(212,175,55,.12) 0%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:0}.hero .container{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:start;margin-bottom:40px}@media (min-width: 720px){.hero-grid{grid-template-columns:240px 1fr;gap:var(--sp-4);align-items:center;margin-bottom:40px}}.almanac-card{background:var(--color-card);border:1px solid var(--color-gold-dark);border-radius:var(--radius);padding:16px;box-shadow:inset 0 1px #d4af3726,0 4px 16px #00000040}.almanac-card .ac-label{font-size:11px;color:var(--color-gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.almanac-card .ac-date{font-family:var(--font-body);font-size:22px;font-weight:600;color:var(--color-gold)}.almanac-card .ac-date-num{font-family:"Inter",var(--font-body),sans-serif;font-variant-numeric:tabular-nums;font-weight:600}.almanac-card .ac-ganzhi{font-size:14px;color:var(--color-text);margin-top:2px}.almanac-card .ac-yi,.almanac-card .ac-ji{font-size:12px;margin-top:8px;line-height:1.5}.almanac-card .ac-yi{color:var(--color-text-muted)}.almanac-card .ac-yi span{color:var(--wx-wood)}.almanac-card .ac-ji{color:var(--color-text-muted)}.almanac-card .ac-ji span{color:var(--color-rose)}.almanac-card .ac-link{display:inline-block;margin-top:12px;font-size:12px;color:var(--color-gold);transition:color .3s ease,transform .3s ease}.almanac-card .ac-link:hover{color:var(--color-gold-light);transform:translate(2px)}.hero-copy{text-align:center}@media (min-width: 720px){.hero-copy{text-align:left}}.hero-taiji{width:100px;height:100px;margin:0 auto var(--sp-2);position:relative}@media (min-width: 720px){.hero-taiji{width:120px;height:120px;margin-left:0}}.hero-taiji .bagua-ring{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;opacity:.35}.hero-taiji .hero-logo{position:relative;z-index:1;width:100px;height:100px;object-fit:contain;display:block;margin:0 auto}@media (min-width: 720px){.hero-taiji .hero-logo{width:120px;height:120px;margin-left:0}}.hero-slogan{font-size:28px;color:var(--color-gold);margin-bottom:8px}@media (min-width: 720px){.hero-slogan{font-size:32px}}.hero-slogan-en{font-family:var(--font-english);font-size:16px;font-weight:400;color:var(--color-gold-light);opacity:.85;line-height:1.5;margin-bottom:8px}.hero-sub{font-family:var(--font-body);font-size:13px;color:var(--color-text-muted);line-height:1.55;margin-bottom:20px;max-width:420px}@media (min-width: 720px){.hero-sub{margin-left:0;margin-right:auto}}.birthday-card{background:var(--color-card);border:1px solid var(--color-gold-dark);border-radius:var(--radius);padding:20px 18px;margin-bottom:16px;text-align:left;max-width:420px}@media (min-width: 720px){.birthday-card{margin-left:0;margin-right:auto}}.birthday-title{font-family:var(--font-english);font-size:14px;letter-spacing:.06em;color:var(--color-gold);margin:0 0 14px;text-transform:uppercase}.birthday-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.birthday-fields label,.birthday-gender label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.birthday-fields select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);padding:8px 6px;font-size:14px;font-family:var(--font-body)}.birthday-gender{border:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.birthday-gender legend{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:6px;width:100%}.birthday-gender label{flex-direction:row;align-items:center;font-size:14px;text-transform:none;color:var(--color-text);cursor:pointer}.birthday-error{color:var(--color-rose);font-size:13px;margin:0 0 10px}.birthday-submit{width:100%}.birthday-result{text-align:center}.birthday-result .result-avatar{margin:0 auto 12px}.birthday-result .result-avatar .z-avatar{width:88px;height:88px;border-radius:50%;border:2px solid var(--color-gold);overflow:hidden;display:block;margin:0 auto}.birthday-result .result-avatar img{width:100%;height:100%;object-fit:cover}.birthday-result h3{font-family:var(--font-english);font-size:1.25rem;color:var(--color-gold);margin-bottom:8px}.birthday-result .result-snippet{font-size:14px;color:var(--color-text-muted);line-height:1.55;margin-bottom:16px}.birthday-result .result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.birthday-result .result-actions .btn{flex:1;min-width:140px}.birthday-change{display:block;margin-top:12px;font-size:12px;color:var(--color-text-muted);background:none;border:none;cursor:pointer;text-decoration:underline;width:100%}.hero-trust{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-muted);border:1px solid var(--color-gold-dark);border-radius:999px;padding:6px 14px}.section-zodiac{margin-top:0;margin-bottom:24px}.section-tools{margin-top:56px;margin-bottom:var(--sp-3)}.zodiac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:0}@media (min-width: 768px){.zodiac-grid{grid-template-columns:repeat(6,1fr)}}.zodiac-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:var(--radius);border:1px solid transparent;color:var(--color-text);transition:color .3s ease}.zodiac-btn .z-avatar{display:block;width:56px;height:56px;border-radius:50%;border:2px solid var(--color-gold);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;flex:none}@media (min-width: 768px){.zodiac-btn .z-avatar{width:72px;height:72px}}.zodiac-btn .z-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;transition:transform .3s ease}.zodiac-btn:hover .z-avatar{border-color:var(--color-gold-light);box-shadow:0 0 20px #d4af3766;transform:scale(1.08)}.zodiac-btn:active .z-avatar{transform:scale(.96)}.zodiac-btn.on .z-avatar{border-width:3px;box-shadow:0 0 24px #d4af3773}.zodiac-btn{position:relative}.z-yours{position:absolute;top:-4px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-gold);background:#1a1612eb;border:1px solid var(--color-gold-dark);border-radius:999px;padding:2px 8px;white-space:nowrap;z-index:1}.zodiac-btn .z-name{font-family:var(--font-display);font-size:14px;color:var(--color-gold)}.zodiac-btn .z-en{font-size:11px;color:var(--color-text-muted)}html[data-lang=en] .zodiac-btn .z-name{display:none}.tools-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:var(--sp-3)}@media (min-width: 768px){.tools-grid.cols-3{grid-template-columns:repeat(3,1fr)}.tools-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.tools-grid.cols-4{grid-template-columns:repeat(4,1fr)}}.tool-card{display:flex;flex-direction:column;gap:8px;text-align:center;color:var(--color-text);padding:20px 16px}.tool-card .tool-icon{width:44px;height:44px;margin:0 auto;display:grid;place-items:center}.tool-card .tool-title{font-family:var(--font-display);font-size:18px;color:var(--color-gold)}.tool-card .tool-en{font-size:12px;color:var(--color-text-muted)}.tool-card .tool-desc{font-size:12px;color:var(--color-text-muted);line-height:1.5}.cta-band{margin:var(--sp-4) 0;padding:var(--sp-3);text-align:center}.why-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){.why-grid{grid-template-columns:repeat(3,1fr)}}.why-card h3{color:var(--color-gold);margin-bottom:8px}.why-card p{font-size:13px;color:var(--color-text-muted)}