.horoscope-page{padding-bottom:var(--page-bottom-with-nav);overflow-x:hidden}.app-page.horoscope-page>[data-component=bottom-nav]{min-height:64px;margin-bottom:0}.horoscope-page .bottom-nav,.horoscope-page .bottom-nav__viewport{height:64px}.horoscope-page .bottom-nav{flex-basis:64px}.horoscope-page .bottom-nav__track{height:64px;padding:12px 0 16px}.topbar,.page-title-wrap,.horoscope-hero-card,.period-switch,.section-title-block,.event-card,.site-footer{width:var(--w-content);margin:0 auto}.topbar{width:var(--w-topbar);justify-content:space-between;align-items:center;height:27px;display:flex}.brand{margin:0}.topbar-actions{justify-content:flex-end;align-items:center;gap:12px;width:auto;height:16px;display:flex}.icon-btn{background:0 0;border:0;place-items:center;width:16px;height:16px;padding:0;display:grid}.icon-image{object-fit:contain;width:16px;height:16px;display:block}.menu-icon{width:12px;height:12px}.page-title-wrap{margin-top:-2px}.page-title{letter-spacing:normal;color:#f9d366;margin:0;font-size:20px;font-weight:700;line-height:normal}.horoscope-hero-card{width:var(--w-content);height:auto;position:relative;overflow:visible}.horoscope-hero-viewport{box-sizing:border-box;border:1px solid #fdf5d7;border-radius:30px;width:100%;position:relative;overflow:hidden}.horoscope-hero-track{will-change:transform;width:100%;transition:transform .32s;display:flex}.horoscope-hero-slide{cursor:pointer;z-index:1;flex:0 0 100%;width:100%;height:180px;position:relative;overflow:hidden}.horoscope-hero-image{object-fit:cover;z-index:0;width:100%;height:100%;display:block;position:relative}.horoscope-hero-slide:after{content:"";pointer-events:none;background:linear-gradient(#08080c00 34%,#08080c42 58%,#08080ce0 100%);position:absolute;inset:0}.horoscope-hero-overlay{z-index:3;position:absolute;bottom:18px;left:18px;right:18px}.horoscope-hero-title{color:#fff;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-family:Plus Jakarta Sans,PingFang SC,Microsoft YaHei,sans-serif;font-size:18px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.horoscope-hero-dots{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.horoscope-hero-dot{opacity:.9;background:#ffffff47;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .24s,background-color .24s,opacity .24s}.horoscope-hero-dot.is-active{background:#f9d366;width:20px}.horoscope-hero-card.is-loading .horoscope-hero-dot{pointer-events:none}.horoscope-hero-slide-skeleton{cursor:default}.horoscope-hero-slide-skeleton:after{background:linear-gradient(#08080c00 34%,#08080c38 58%,#08080cc2 100%)}.horoscope-hero-slide-skeleton .horoscope-hero-image.skeleton-box{border-radius:0;position:absolute;inset:0}.horoscope-hero-slide.horoscope-hero-empty{cursor:default}.horoscope-hero-empty-text{color:#ffffff8c;text-align:center;margin:0;font-size:13px}.horoscope-hero-title-skeleton{border-radius:8px;width:calc(100% - 8px);height:16px}.horoscope-hero-title-skeleton.short{width:76%;margin-top:8px}.period-switch{--active-index:0;--thumb-left:0px;--thumb-width:72px;--period-gap:6px;--period-inline-padding-start:5px;--period-inline-padding-end:5px;--period-block-padding:5px;--period-btn-inline-padding:12px;--period-btn-min-inline-size:72px;width:var(--w-content);box-sizing:border-box;-webkit-backdrop-filter:blur(14px)saturate(150%);justify-content:flex-start;align-items:center;gap:var(--period-gap);height:44px;padding:var(--period-block-padding) var(--period-inline-padding-end) var(--period-block-padding) var(--period-inline-padding-start);scroll-snap-type:x proximity;scroll-padding-left:var(--period-inline-padding-start);scroll-padding-right:var(--period-inline-padding-end);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#00000057;border:1px solid #ffffff2e;border-radius:80px;display:flex;position:relative;overflow:auto hidden;box-shadow:0 8px 24px #0000003d,inset 0 1px #ffffff1a}.period-switch:not(.is-scrollable) .period-btn{width:0;flex:1 1 0;min-inline-size:0}.period-switch::-webkit-scrollbar{display:none}.period-switch:before{content:"";border-radius:inherit;opacity:.78;pointer-events:none;z-index:0;background:linear-gradient(#ffffff1a 0%,#ffffff05 30%,#fff0 100%);position:absolute;inset:1px}.period-switch:after{content:"";border-radius:inherit;opacity:1;pointer-events:none;z-index:0;background:#ffffff03;position:absolute;inset:1px}.period-thumb{left:0;top:var(--period-block-padding);width:var(--thumb-width);height:calc(100% - (var(--period-block-padding) * 2));transform:translateX(var(--thumb-left));pointer-events:none;z-index:1;will-change:transform;background:#feb83538;border-radius:80px;transition:transform .42s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1);position:absolute;box-shadow:inset 0 1px #ffffff24,0 4px 12px #00000024}.period-btn{height:calc(100% - (var(--period-block-padding) * 2));width:max-content;min-inline-size:var(--period-btn-min-inline-size);z-index:2;padding:0 var(--period-btn-inline-padding);color:#ffffff9e;letter-spacing:normal;white-space:nowrap;background:0 0;border:0;border-radius:80px;flex:none;font-size:14px;font-weight:500;line-height:normal;transition:color .24s;position:relative}.period-btn.active{color:#feb835}.period-btn:focus-visible{outline:none}.period-switch.is-scrollable{justify-content:flex-start}.period-switch.is-scrollable .period-btn{scroll-snap-align:center}@media (prefers-reduced-motion:reduce){.period-thumb,.period-btn{transition:none}}.section-title-block .title-section{letter-spacing:normal;color:#fff;margin:0;font-size:20px;font-weight:700;line-height:normal}.all-signs{height:auto}.all-signs [data-signs-skeleton],.all-signs.is-loading [data-signs-grid]{display:none}.all-signs.is-loading [data-signs-skeleton],.all-signs:not(.is-loading) [data-signs-grid]{display:grid}.signs-grid{grid-template-columns:repeat(3,108px);gap:14px 13px;margin-top:20px;display:grid}.signs-grid-skeleton .sign-card-skeleton{pointer-events:none}.sign-card-skeleton{background:linear-gradient(#0d123647 0%,#0d12367a 100%),#090d2a9e;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff14,0 6px 18px #090c203d}.skeleton-box,.skeleton-line{background:linear-gradient(100deg,#ffffff14 28%,#ffffff38 45%,#ffffff14 62%) 0 0/240% 100%;animation:1.8s linear infinite horoscope-skeleton-shimmer;position:relative;overflow:hidden}.signs-grid-skeleton .sign-icon.skeleton-box{border-radius:50%;width:66px;height:66px;margin:0 auto 8px;transform:translateY(3px)}.sign-title-skeleton{border-radius:6px;width:58px;height:14px}.sign-date-skeleton{border-radius:6px;width:72px;height:12px;margin-top:8px}@keyframes horoscope-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sign-card{isolation:isolate;border-radius:var(--radius-md);background:linear-gradient(#0d123638 0%,#0d123666 100%),url(./all-signs-default-bg-T4TVCVjg.webp?v=20260417122805) 50%/100% 100% no-repeat;border:0;flex-direction:column;align-items:center;height:128px;padding-top:12px;display:flex}.sign-card.active{background:url(./all-signs-active-bg-CvnHVMHv.webp?v=20260417122805) 50%/170% 150% no-repeat;border:1px solid #b7c7fff2;box-shadow:0 10px 22px #8eabff2e}.sign-card:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 20% 30%,#ffffff0f 0 2px,#0000 3px),radial-gradient(circle at 80% 15%,#ffffff0d 0 2px,#0000 3px),radial-gradient(circle at 70% 70%,#ffffff0a 0 1px,#0000 2px),radial-gradient(circle at 35% 80%,#ffffff0d 0 1px,#0000 2px);position:absolute;inset:0}.sign-card>*{z-index:2;position:relative}.sign-icon{object-fit:contain;width:66px;height:66px;margin:0 auto 3px;transform:translateY(3px)}.sign-card p{letter-spacing:normal;text-align:center;color:#fff;width:100%;margin:2px 0 0;font-family:Plus Jakarta Sans,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:400;line-height:normal}.sign-card h3{text-transform:capitalize;letter-spacing:normal;color:#fff;text-align:center;width:100%;margin:0;font-family:Plus Jakarta Sans,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:700;line-height:normal}.sign-card.active h3,.sign-card.active p{color:#fff}.event-card{height:118px;width:var(--w-content);border:1px solid #fdf5d7d9;border-radius:20px;padding:0;position:relative;overflow:hidden;box-shadow:0 12px 24px #1512072e}.event-bg-image{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.event-arrow-shell{z-index:2;-webkit-backdrop-filter:blur(10px)saturate();background:#9d93d847;border-top-left-radius:20px;border-bottom-right-radius:20px;place-items:center;width:49px;height:39px;display:grid;position:absolute;bottom:0;right:0;box-shadow:inset 0 1px #ffffff38,0 0 0 1px #ffffff14}.event-arrow-icon{object-fit:contain;width:9px;height:16px}@media (width<=767px){.topbar,.page-title-wrap,.horoscope-hero-card,.period-switch,.section-title-block,.event-card,.site-footer{width:100%}.signs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-title,.section-title-block .title-section{font-size:20px}}