.product-theory-frame{position:relative;z-index:1;width:70cqw;max-width:100%;margin-inline:auto;box-sizing:border-box}.product-theory-frame__inner{position:relative;z-index:1;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.product-theory-frame--panel{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md,12px)}.product-theory-frame--panel .product-theory-frame__inner{width:100%}.product-theory-frame--panel .product-panel-mount{width:100%;max-width:100%}.product-theory-frame--interactive{padding:var(--spacing-md,12px);display:flex;align-items:center;justify-content:center;min-height:100%;box-sizing:border-box}.product-theory-frame--interactive .product-theory-frame__inner{width:100%;min-height:inherit;align-items:stretch}.product-theory-frame--interactive .product-panel-mount{width:100%;min-width:0;align-self:stretch}@media (max-width:960px){.product-theory-frame--interactive,.product-theory-frame--panel{padding-inline:var(--spacing-xs,4px);padding-block:var(--spacing-sm,8px)}}.product-theories{margin-bottom:var(--spacing-md,12px);display:flex;flex-direction:column;gap:var(--spacing-md,12px)}.product-theories__header{max-width:640px;margin-bottom:var(--spacing-md,12px)}.product-theories__title{margin:0;font-family:SF Pro Rounded,ui-rounded,ui-sans-serif,system-ui,sans-serif;font-size:clamp(24px,2.8vw,32px);font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--ink)}.product-theories__desc{margin:var(--spacing-md,12px) 0 0;max-width:560px}.product-theories__list{display:flex;flex-direction:column;gap:var(--spacing-md,12px)}.product-theory__demo{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;width:100%;overflow:hidden;border-radius:16px}:root[data-theme=dark] .product-theory-frame--interactive .product-panel-mount .liuyao-panel,:root[data-theme=dark] .product-theory-frame--interactive .product-panel-mount .tarot-panel,:root[data-theme=dark] .product-theory-frame--panel .product-panel-mount .astro-panel,:root[data-theme=dark] .product-theory-frame--panel .product-panel-mount .bazi-panel,:root[data-theme=dark] .product-theory-frame--panel .product-panel-mount .ziwei-panel{box-shadow:0 8px 32px rgba(0,0,0,.45)}.product-theory__demo-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden}.product-theory__demo-backdrop-image{object-fit:cover;object-position:center}.product-theory__demo--panel{min-height:clamp(360px,40vw,520px)}.product-theory__demo--interactive{min-height:clamp(560px,56vh,680px)}.product-theory__demo--interactive .product-theory-frame,.product-theory__demo--panel .product-theory-frame{align-self:stretch;min-height:100%}.product-theory-frame--interactive .product-panel-mount,.product-theory-frame--panel .product-panel-mount{width:100%;min-width:0}.product-theory{container-type:inline-size;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;grid-gap:var(--spacing-md,12px);gap:var(--spacing-md,12px);padding:var(--spacing-md,12px);scroll-margin-top:88px}.product-theory--reverse{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.product-theory__copy{display:flex;flex-direction:column;gap:var(--spacing-md,12px)}.product-theory__name{margin:0;color:var(--ink)}.product-page .product-theory__demo :is(.bazi-panel__title,.ziwei-panel__title,.tarot-panel__title,.astro-panel__title,.liuyao-panel__title){color:var(--ink)}.product-theory__compute,.product-theory__intro{margin:0}@media (min-width:961px){.product-theory--reverse .product-theory__demo{order:-1}}@media (max-width:960px){.product-theory,.product-theory--reverse{grid-template-columns:1fr;padding-inline:var(--spacing-xs,4px)}.product-theory-frame{width:100%}}@supports not (width:1cqw){.product-theory-frame{width:70%}}.product-theory__seo-link{margin:.75rem 0 0}