.seo-desktop-demo{position:relative;width:100%;min-width:0;border:none;background:transparent}.seo-desktop-demo__surface{position:relative;z-index:1;width:100%;min-height:clamp(420px,52vw,640px);padding:0}.seo-desktop-demo__window{left:0!important;right:0;width:100%!important;position:absolute;z-index:2;overflow:hidden;border-radius:14px;background:var(--canvas,#fff);border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);box-shadow:none}.seo-desktop-demo__window .product-demo-root--embedded{width:100%;height:100%;display:flex;flex-direction:column;border-radius:0;background:transparent}.seo-desktop-demo__window .pd-window{flex:1 1;min-height:0;display:flex;flex-direction:column;height:100%;border-radius:14px}.seo-desktop-demo__window .pd-window__body{flex:1 1;min-height:0;height:100%;max-height:none}.seo-desktop-demo__window--interactive .product-demo-root{position:relative;z-index:5;pointer-events:auto;background:transparent}.seo-desktop-demo__window--interactive .pd-window__chrome,.seo-desktop-demo__window--interactive .pd-window__chrome--draggable{position:relative;z-index:8;cursor:-webkit-grab;cursor:grab;touch-action:none}.seo-desktop-demo__window--interactive .pd-window__chrome:active{cursor:-webkit-grabbing;cursor:grabbing}.seo-desktop-demo__replay{margin-top:12px;border:none;background:transparent;color:var(--body);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}@media (max-width:768px){.seo-desktop-demo__surface{min-height:clamp(380px,92vw,520px)}}.seo-hero-showcase{position:relative;display:flex;align-items:center;justify-content:center;padding:28px 0;isolation:isolate}.seo-hero-showcase__glow{position:absolute;inset:8% 12%;z-index:-1;border-radius:999px;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--ink) 7%,transparent),transparent 68%);filter:blur(12px)}.seo-hero-showcase__card{--dx:0;--rotate:0deg;--lift:0px;display:grid;justify-items:center;grid-gap:10px;gap:10px;margin:0 0 0 -18px;width:clamp(88px,9.5vw,132px);transform:translate(calc(var(--pointer-x) * var(--dx) * 12px),calc(var(--pointer-y) * 9px + var(--lift))) rotate(var(--rotate));transition:transform .26s cubic-bezier(.22,.8,.3,1)}.seo-hero-showcase__card:nth-child(2){margin-left:0;--dx:-1;--rotate:-10deg;--lift:12px;z-index:1}.seo-hero-showcase__card:nth-child(3){--dx:0;--rotate:0deg;--lift:-10px;z-index:3}.seo-hero-showcase__card:nth-child(4){--dx:1;--rotate:10deg;--lift:12px;z-index:2}.seo-hero-showcase__face{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--hairline);box-shadow:0 18px 42px -28px color-mix(in srgb,var(--ink-deep) 62%,transparent)}.seo-hero-showcase__label{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);text-align:center}@media (prefers-reduced-motion:reduce){.seo-hero-showcase__card{transform:translateY(var(--lift)) rotate(var(--rotate));transition:none}}@media (max-width:640px){.seo-hero-showcase{padding:16px 0 8px}.seo-hero-showcase__card{width:clamp(78px,25vw,104px);margin-left:-14px}.seo-hero-showcase__card:nth-child(2){margin-left:0;--rotate:-7deg}.seo-hero-showcase__card:nth-child(4){--rotate:7deg}.seo-hero-showcase__face{box-shadow:none}}.seo-hero-bazi{--pointer-x:0;--pointer-y:0;position:relative;display:grid;place-items:center;width:100%;padding:22px 0 26px;perspective:1200px;isolation:isolate}.seo-hero-bazi__glow{position:absolute;inset:12% 4%;z-index:-1;border-radius:50%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 7%,transparent),transparent 72%);filter:blur(20px)}.seo-hero-bazi__board{position:relative;display:grid;grid-gap:10px;gap:10px;width:min(100%,460px);transform-style:preserve-3d;transform:rotateX(calc(var(--pointer-y) * -10deg + 5deg)) rotateY(calc(var(--pointer-x) * 14deg));transition:transform .42s cubic-bezier(.22,.8,.3,1);will-change:transform}.seo-hero-bazi__captions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1px;gap:1px;padding:0 1px}.seo-hero-bazi__captions>span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seo-hero-bazi__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1px;gap:1px;overflow:hidden;border:1px solid var(--hairline-strong);border-radius:16px;background:var(--hairline);box-shadow:0 1px 0 color-mix(in srgb,#fff 60%,transparent) inset,0 18px 40px -28px color-mix(in srgb,var(--ink) 55%,transparent)}.seo-hero-bazi__cell{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(3px,2.2cqw,8px);aspect-ratio:1/1;padding:clamp(5px,4.2cqw,10px);background:var(--canvas);container-type:inline-size;color:var(--ink)}.seo-hero-bazi__cell[data-alt]{background:color-mix(in srgb,var(--ink) 5%,var(--canvas))}.seo-hero-bazi__top{display:flex;align-items:flex-start;gap:clamp(3px,1.8cqw,8px);min-width:0}.seo-hero-bazi__tag{flex:none;display:flex;align-items:center;justify-content:center;width:clamp(12px,5.6cqw,22px);min-height:clamp(24px,16.5cqw,44px);padding-block:3px;border:1px solid var(--hairline-strong);border-radius:3px;writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;font-size:clamp(6px,3.2cqw,10px);line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}.seo-hero-bazi__char{font-family:SF Pro Rounded,ui-rounded,ui-sans-serif,system-ui,sans-serif;font-size:clamp(14px,20cqw,34px);font-weight:700;line-height:1;color:var(--ink)}.seo-hero-bazi__pinyin{margin-top:2px;font-size:clamp(11px,25cqw,38px);line-height:.95;font-weight:800;letter-spacing:.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seo-hero-bazi__meta{display:flex;align-items:center;gap:clamp(4px,2.2cqw,9px)}.seo-hero-bazi__badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(20px,17cqw,32px);height:clamp(20px,17cqw,32px);border-radius:999px;background:color-mix(in srgb,var(--ink) 7%,transparent);line-height:1.05}.seo-hero-bazi__badge[data-solid]{background:var(--ink);color:var(--canvas)}.seo-hero-bazi__badge-en{font-size:clamp(5px,2.4cqw,7px);font-weight:700;letter-spacing:.02em}.seo-hero-bazi__badge-zh{margin-top:1px;font-size:clamp(6px,2.7cqw,8px)}.seo-hero-bazi__badge[data-element=wood]{color:#3f7d4e}.seo-hero-bazi__badge[data-element=fire]{color:#b4402f}.seo-hero-bazi__badge[data-element=earth]{color:#8a6b3d}.seo-hero-bazi__badge[data-element=metal]{color:#5d6572}.seo-hero-bazi__badge[data-element=water]{color:#2f5d8a}.seo-hero-bazi__shadow{position:absolute;inset:16% 7% -12px;z-index:-1;border-radius:28px;background:color-mix(in srgb,var(--ink) 18%,transparent);filter:blur(26px);transform:translateZ(-40px)}@media (prefers-reduced-motion:reduce){.seo-hero-bazi__board{transform:rotateX(5deg);transition:none}.seo-hero-bazi__shadow{transform:none}}@media (max-width:640px){.seo-hero-bazi{padding:12px 0 16px;perspective:900px}.seo-hero-bazi__captions>span{font-size:9px;letter-spacing:.08em}.seo-hero-bazi__badge{width:26px;height:26px}}.seo-hero-ziwei{--pointer-x:0;--pointer-y:0;position:relative;display:grid;place-items:center;width:100%;padding:22px 0 28px;perspective:1400px;isolation:isolate}.seo-hero-ziwei__glow{position:absolute;inset:8% 2%;z-index:-1;border-radius:50%;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--ink) 8%,transparent),transparent 70%);filter:blur(22px)}.seo-hero-ziwei__board{position:relative;width:min(100%,440px);transform-style:preserve-3d;transform:rotateX(calc(var(--pointer-y) * -9deg + 6deg)) rotateY(calc(var(--pointer-x) * 12deg));transition:transform .42s cubic-bezier(.22,.8,.3,1);will-change:transform}.seo-hero-ziwei__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));aspect-ratio:1/1;grid-gap:1px;gap:1px;overflow:hidden;border:1px solid var(--hairline-strong);border-radius:14px;background:var(--hairline);box-shadow:0 1px 0 color-mix(in srgb,#fff 55%,transparent) inset,0 22px 44px -30px color-mix(in srgb,var(--ink) 60%,transparent)}.seo-hero-ziwei__palace{position:relative;display:flex;flex-direction:column;gap:2px;aspect-ratio:1/1;padding:clamp(5px,2.6cqw,8px);background:var(--canvas);container-type:inline-size;color:var(--ink);overflow:hidden}.seo-hero-ziwei__palace[data-alt]{background:color-mix(in srgb,var(--ink) 4%,var(--canvas))}.seo-hero-ziwei__palace[data-self]{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 32%,transparent)}.seo-hero-ziwei__branch{position:absolute;top:4px;right:5px;font-size:clamp(8px,6.5cqw,11px);line-height:1;color:var(--mute)}.seo-hero-ziwei__name{font-size:clamp(10px,8.4cqw,13px);font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seo-hero-ziwei__stars{display:flex;flex-wrap:wrap;gap:1px 6px;margin-top:auto;min-width:0}.seo-hero-ziwei__star{display:inline-flex;align-items:baseline;gap:1px;font-size:clamp(9px,7.6cqw,12px);line-height:1.25;font-weight:700;color:color-mix(in srgb,var(--ink) 84%,var(--canvas));white-space:nowrap}.seo-hero-ziwei__hua{font-size:.78em;font-weight:700;line-height:1}.seo-hero-ziwei__hua[data-hua=\7984]{color:#3f7d4e}.seo-hero-ziwei__hua[data-hua=\6743]{color:#8a6b3d}.seo-hero-ziwei__hua[data-hua=\79D1]{color:#2f5d8a}.seo-hero-ziwei__hua[data-hua=\5FCC]{color:#b4402f}.seo-hero-ziwei__empty{margin-top:auto;font-size:clamp(8px,6.2cqw,10px);color:var(--mute)}.seo-hero-ziwei__center{grid-column:2/4;grid-row:2/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px;background:color-mix(in srgb,var(--ink) 3%,var(--canvas));text-align:center}.seo-hero-ziwei__bureau{font-size:clamp(15px,2.2vw,19px);font-weight:700;letter-spacing:.08em;color:var(--ink)}.seo-hero-ziwei__master{font-size:11px;line-height:1.4;color:var(--mute);white-space:nowrap}.seo-hero-ziwei__hualist{display:flex;gap:4px;margin-top:4px}.seo-hero-ziwei__huachip{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--ink) 7%,transparent)}.seo-hero-ziwei__huachip[data-hua=\7984]{color:#3f7d4e}.seo-hero-ziwei__huachip[data-hua=\6743]{color:#8a6b3d}.seo-hero-ziwei__huachip[data-hua=\79D1]{color:#2f5d8a}.seo-hero-ziwei__huachip[data-hua=\5FCC]{color:#b4402f}.seo-hero-ziwei__shadow{position:absolute;inset:14% 6% -14px;z-index:-1;border-radius:30px;background:color-mix(in srgb,var(--ink) 18%,transparent);filter:blur(28px);transform:translateZ(-46px)}@media (prefers-reduced-motion:reduce){.seo-hero-ziwei__board{transform:rotateX(6deg);transition:none}.seo-hero-ziwei__shadow{transform:none}}@media (max-width:640px){.seo-hero-ziwei{padding:12px 0 18px;perspective:1000px}.seo-hero-ziwei__master{font-size:10px}.seo-hero-ziwei__huachip{width:17px;height:17px;font-size:10px}}.seo-hero-astro{--pointer-x:0;--pointer-y:0;position:relative;display:grid;place-items:center;width:100%;padding:24px 0 28px;perspective:1300px;isolation:isolate;overflow-x:clip}.seo-hero-astro__glow{position:absolute;inset:6% 0;z-index:-1;border-radius:50%;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--ink) 8%,transparent),transparent 68%);filter:blur(24px)}.seo-hero-astro__board{position:relative;display:grid;place-items:center;width:min(100%,400px);transform-style:preserve-3d;transform:rotateX(calc(var(--pointer-y) * -9deg + 7deg)) rotateY(calc(var(--pointer-x) * 12deg));transition:transform .46s cubic-bezier(.22,.8,.3,1);will-change:transform}.seo-hero-astro__halo{position:absolute;inset:-6%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,color-mix(in srgb,var(--ink) 5%,transparent) 40deg,transparent 80deg,transparent 200deg,color-mix(in srgb,var(--ink) 4%,transparent) 250deg,transparent 300deg);animation:seo-astro-spin 46s linear infinite;pointer-events:none}.seo-hero-astro__wheel{position:relative;z-index:1;display:block;width:100%;height:auto;overflow:visible;color:var(--ink)}.seo-hero-astro__signs>path{fill:var(--canvas)}.seo-hero-astro__signs>path[data-alt]{fill:color-mix(in srgb,var(--ink) 4%,var(--canvas))}.seo-hero-astro__ticks>line{stroke:color-mix(in srgb,var(--ink) 22%,transparent);stroke-width:.8}.seo-hero-astro__ticks>line[data-major]{stroke:color-mix(in srgb,var(--ink) 42%,transparent);stroke-width:1.2}.seo-hero-astro__rim{fill:none;stroke:color-mix(in srgb,var(--ink) 18%,transparent);stroke-width:1.4}.seo-hero-astro__cusps>line{stroke:color-mix(in srgb,var(--ink) 12%,transparent);stroke-width:1}.seo-hero-astro__aspects>line{stroke:color-mix(in srgb,var(--ink) 16%,transparent);stroke-width:.9;stroke-dasharray:3 4}.seo-hero-astro__hub{fill:color-mix(in srgb,var(--ink) 4%,var(--canvas));stroke:color-mix(in srgb,var(--ink) 20%,transparent);stroke-width:1.2}.seo-hero-astro__glyphs{color:color-mix(in srgb,var(--ink) 72%,var(--canvas))}.seo-hero-astro__glyphs circle,.seo-hero-astro__glyphs path{stroke-width:1.7}.seo-hero-astro__planets circle{fill:var(--ink)}.seo-hero-astro__planets text{fill:var(--canvas);font-size:10px;font-variant-emoji:text;text-anchor:middle;dominant-baseline:central}.seo-hero-astro__shadow{position:absolute;inset:12% 8% -14px;z-index:0;border-radius:50%;background:color-mix(in srgb,var(--ink) 16%,transparent);filter:blur(26px);transform:translateZ(-48px)}@keyframes seo-astro-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.seo-hero-astro__board{transform:rotateX(7deg);transition:none}.seo-hero-astro__halo{animation:none}.seo-hero-astro__shadow{transform:none}}@media (max-width:640px){.seo-hero-astro{padding:12px 0 18px;perspective:950px}}.seo-hero-coins{--pointer-x:0;--pointer-y:0;position:relative;display:grid;place-items:center;width:100%;padding:18px 0 26px;perspective:1100px;isolation:isolate;overflow-x:clip}.seo-hero-coins__glow{position:absolute;inset:10% 6%;z-index:-1;border-radius:50%;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,#f4b829 15%,transparent),transparent 70%);filter:blur(28px)}.seo-hero-coins__stage{position:relative;width:min(100%,468px);aspect-ratio:1/.98}.seo-hero-coins__float{position:absolute;left:var(--x);top:var(--y);width:var(--size);aspect-ratio:1/1;transform:translate(-50%,-50%);animation:seo-coins-bob 7s ease-in-out infinite;animation-delay:var(--delay);animation-fill-mode:backwards;will-change:transform}.seo-hero-coins__coin{position:relative;width:100%;height:100%;transform:rotate(var(--rot)) rotateX(calc(var(--rx) + var(--pointer-y) * -10deg)) rotateY(calc(var(--ry) + var(--pointer-x) * 14deg));transition:transform .48s cubic-bezier(.22,.8,.3,1);transform-origin:50% 50%;filter:drop-shadow(0 10px 12px color-mix(in srgb,var(--ink) 22%,transparent))}.seo-hero-coins__edge,.seo-hero-coins__face{position:absolute;inset:0;width:100%;height:100%;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.seo-hero-coins__coin[data-back] .seo-hero-coins__face{filter:brightness(.94) saturate(.94)}.seo-hero-coins__sheen{position:absolute;inset:0;z-index:2;border-radius:50%;background:linear-gradient(128deg,rgba(255,252,240,.42),rgba(255,252,240,.08) 34%,rgba(35,30,22,0) 52%,rgba(35,30,22,.18));mix-blend-mode:soft-light;pointer-events:none}.seo-hero-coins__shadow{position:absolute;left:14%;right:14%;bottom:6%;height:16%;z-index:-1;border-radius:50%;background:color-mix(in srgb,var(--ink) 13%,transparent);filter:blur(24px)}@keyframes seo-coins-bob{0%,to{transform:translate(-50%,-50%) translateY(-5px)}50%{transform:translate(-50%,-50%) translateY(8px)}}@media (prefers-reduced-motion:reduce){.seo-hero-coins__float{animation:none;transform:translate(-50%,-50%)}.seo-hero-coins__coin{transform:rotate(var(--rot)) rotateX(var(--rx)) rotateY(var(--ry));transition:none}}@media (max-width:640px){.seo-hero-coins{padding:10px 0 16px;perspective:900px}.seo-hero-coins__stage{width:min(100%,340px)}}