/* PC-SCOPE-GUARD (2026-10-24): 本文件是 PC 首页专用样式，但含 .hero/.library/.book/.section/.footer
等**未限定**的全局类名，会污染手机首页（同名 class），实测把 .hero 撑成 1180px，导致仪盘居中到
x=590、整块跑出 390 视口。整份包进 min-width:843px，手机端不再命中；PC 行为完全不变。 */
@media (min-width: 843px) {
:root{color-scheme:dark;--bg:#050b0e;--bg2:#0b1718;--ink:#edf2ec;--muted:#aab8ae;--line:rgba(205,222,211,.16);--line2:rgba(205,222,211,.28);--gold:#d7b878;--jade:#9ab9a6;--blue:#829a8d;--panel:rgba(8,22,22,.82);--shadow:rgba(0,0,0,.42)}
html[data-mode=day]{color-scheme:light;--bg:#eee9df;--bg2:#ded7ca;--ink:#2e2a24;--muted:#756d61;--line:rgba(74,62,47,.18);--line2:rgba(74,62,47,.3);--gold:#9a7040;--jade:#7d6f5a;--blue:#887e70;--panel:rgba(246,241,232,.86);--shadow:rgba(74,62,47,.18)}
*{box-sizing:border-box}html,body{margin:0;min-width:1180px;background:var(--bg);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif}body{overflow-x:hidden;transition:background .8s,color .8s}
.page{min-height:100vh;position:relative;overflow:hidden;background-color:#050b0e;background-image:linear-gradient(90deg,rgba(4,10,14,.88) 0%,rgba(4,10,14,.42) 32%,rgba(4,10,14,.12) 72%,rgba(4,10,14,.55) 100%),linear-gradient(0deg,rgba(3,8,11,.74),rgba(3,8,11,.12) 52%,rgba(3,8,11,.52)),url("/home/eso-milky-way-1920.webp");background-position:center;background-size:cover;transition:background .8s}
.page:before{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(circle at 12% 24%,var(--gold) 0 1px,transparent 1.5px),radial-gradient(circle at 83% 13%,var(--blue) 0 1px,transparent 1.6px),radial-gradient(circle at 91% 68%,var(--gold) 0 1px,transparent 1.6px),radial-gradient(circle at 44% 75%,var(--jade) 0 1px,transparent 1.5px);background-size:360px 280px,470px 360px,310px 330px,410px 340px;pointer-events:none}
.page:after{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(transparent,var(--line2) 28%,transparent 77%);opacity:.32;pointer-events:none}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;position:relative;z-index:2;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;letter-spacing:.16em;font-family:Georgia,serif}.brand-mark{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:19px;box-shadow:0 0 0 5px color-mix(in srgb,var(--gold) 8%,transparent)}.brand small{display:block;font:10px "Segoe UI";letter-spacing:.26em;color:var(--muted);margin-top:4px}.navlinks{display:flex;gap:30px;color:var(--muted);font-size:13px}.navlinks a{color:inherit;text-decoration:none}.navlinks a:first-child{color:var(--ink)}.navtools{display:flex;gap:11px;align-items:center}.mode{border:1px solid var(--line2);border-radius:99px;background:transparent;color:var(--ink);padding:9px 15px;font-size:12px;cursor:pointer}.search{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.hero{width:1180px;margin:0 auto;min-height:710px;display:grid;grid-template-columns:43% 57%;align-items:center;position:relative;z-index:1}.hero-copy{padding-left:28px;margin-top:-24px}.kicker{color:var(--gold);font-size:12px;letter-spacing:.32em;margin-bottom:26px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:70px;line-height:1.12;letter-spacing:.06em;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--jade)}.hero p{width:420px;color:var(--muted);font-size:15px;line-height:2.05;margin:0 0 35px}.hero-actions{display:flex;align-items:center;gap:24px}.primary{border:0;background:var(--gold);color:#17211e;padding:15px 25px;border-radius:2px;font-size:13px;letter-spacing:.12em;cursor:pointer}.secondary{color:var(--ink);font-size:13px;text-decoration:none;border-bottom:1px solid var(--line2);padding-bottom:7px}.hero-note{margin-top:73px;color:var(--muted);font-size:11px;letter-spacing:.08em}.hero-note strong{color:var(--ink);font-weight:400}
.mirror-wrap{height:610px;display:grid;place-items:center;position:relative}.orbit{position:absolute;width:590px;height:590px;border:1px solid var(--line);border-radius:50%;transform:rotate(-18deg)}.orbit:before,.orbit:after{content:"";position:absolute;inset:42px;border:1px dashed var(--line);border-radius:50%}.orbit:after{inset:110px;border-style:solid;border-color:var(--line2);opacity:.55}.orbit-label{position:absolute;top:8px;left:50%;color:var(--muted);font-size:10px;letter-spacing:.22em;transform:translateX(-50%)}.mirror{width:438px;height:438px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 42% 34%,color-mix(in srgb,var(--jade) 32%,transparent),transparent 25%),radial-gradient(circle at 58% 66%,color-mix(in srgb,var(--blue) 13%,transparent),transparent 44%),color-mix(in srgb,var(--bg2) 86%,transparent);border:1px solid color-mix(in srgb,var(--gold) 62%,transparent);box-shadow:0 0 0 12px color-mix(in srgb,var(--gold) 5%,transparent),0 0 80px color-mix(in srgb,var(--jade) 15%,transparent),inset 0 0 70px color-mix(in srgb,var(--blue) 9%,transparent)}.mirror:before{content:"";position:absolute;inset:34px;border:1px solid var(--line2);border-radius:50%;opacity:.28}.mirror:after{content:"";position:absolute;inset:88px;border:1px solid var(--line2);border-radius:50%;opacity:.18}.hexagram-stage{position:absolute;z-index:2;inset:55px;width:328px;height:328px;opacity:.96;animation:hexField 14s ease-in-out infinite alternate}.hex-field{fill:none;stroke:var(--jade);stroke-width:1;stroke-dasharray:2 8;opacity:.28}.hex-line{stroke:var(--gold);stroke-width:3.2;stroke-linecap:round;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--gold) 42%,transparent))}.hex-yin{stroke-dasharray:none}.hex-change{opacity:0}.hex-caption{font:10px "Segoe UI","Microsoft YaHei",sans-serif;fill:var(--muted);letter-spacing:.24em}.taiji-orbit{fill:none;stroke:var(--jade);stroke-width:1;stroke-dasharray:2 9;opacity:.26;transform-origin:164px 150px;animation:taijiOrbit 20s linear infinite}.taiji-ring{fill:none;stroke:var(--gold);stroke-width:1;opacity:.34;transform-origin:164px 150px;animation:taijiRing 6s ease-in-out infinite}.taiji-core{transform-origin:164px 150px;animation:taijiFlow 20s linear infinite}.taiji-disc{fill:#edf2ec;stroke:rgba(215,184,120,.84);stroke-width:1.2}.taiji-yang{fill:#061011;filter:drop-shadow(0 0 4px rgba(0,0,0,.72))}.taiji-dot{stroke:none;opacity:1;animation:none}.taiji-dot-yang{fill:#fffdf4;filter:drop-shadow(0 0 3px rgba(255,255,255,.98)) drop-shadow(0 0 8px rgba(215,235,226,.72))}.taiji-dot-yin{fill:#030506;stroke:none;filter:none}.taiji-caption{font:10px "Segoe UI","Microsoft YaHei",sans-serif;fill:var(--muted);letter-spacing:.24em}.mirror-core{position:absolute;z-index:3;left:0;right:0;bottom:30px;text-align:center}.mirror-core .symbol{font-family:Georgia,serif;font-size:40px;color:var(--gold);line-height:1}.mirror-core small{display:block;color:var(--muted);font-size:9px;letter-spacing:.3em;margin-top:9px}.star{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px 3px color-mix(in srgb,var(--gold) 65%,transparent)}.s1{left:24%;top:23%}.s2{right:21%;top:35%;background:var(--jade)}.s3{left:31%;bottom:22%;background:var(--blue)}.s4{right:28%;bottom:19%}
.section{width:1180px;margin:0 auto;padding:80px 28px 95px;position:relative;z-index:1}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section h2{font:400 34px/1.3 Georgia,serif;margin:0;letter-spacing:.04em}.section-intro{color:var(--muted);font-size:13px;line-height:1.8;width:390px}.question-line{display:none}.questions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:0;background:transparent}.q{min-height:148px;background:radial-gradient(ellipse at center,rgba(4,11,12,.16) 0%,rgba(4,11,12,.08) 46%,transparent 82%);padding:26px 25px;display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid rgba(226,229,210,.07);text-shadow:0 1px 8px rgba(0,0,0,.5)}.q:first-child{background:radial-gradient(ellipse at center,rgba(4,11,12,.16) 0%,rgba(4,11,12,.08) 46%,transparent 82%);border-top-color:rgba(215,184,120,.2)}.q span{color:var(--gold);font-size:11px;letter-spacing:.18em}.q h3{font:400 23px Georgia,serif;margin:18px 0 8px}.q p{font-size:12px;color:var(--muted);margin:0}.q a{align-self:flex-end;color:var(--ink);text-decoration:none;font-size:12px}
.qian-gua{position:absolute;z-index:3;left:50%;top:157.5px;transform:translateX(-50%);width:28px;height:39px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;filter:drop-shadow(0 0 3px rgba(255,255,255,.25))}.qian-line{width:28px;height:2px;background:#fffdf4;border-radius:1px;opacity:.7;animation:qianLineBreath 12s ease-in-out infinite}.qian-line:nth-child(1){animation-delay:4.5s}.qian-line:nth-child(2){animation-delay:3.6s}.qian-line:nth-child(3){animation-delay:2.7s}.qian-line:nth-child(4){animation-delay:1.8s}.qian-line:nth-child(5){animation-delay:.9s}.qian-line:nth-child(6){animation-delay:0s}.qian-yin{display:flex;justify-content:space-between;background:transparent}.qian-yin:before,.qian-yin:after{content:"";display:block;width:11.5px;height:2px;background:#fffdf4;border-radius:1px}@keyframes qianLineBreath{0%,100%{opacity:.7;filter:none}20%,42%{opacity:1;filter:drop-shadow(0 0 6px rgba(255,255,255,.62))}68%{opacity:.7;filter:none}}.system{display:grid;grid-template-columns:46% 54%;gap:70px;align-items:center}.system-map{height:350px;position:relative;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 8%,transparent),transparent 55%)}.system-map:after{content:"";position:absolute;border:1px solid var(--line);width:150px;height:150px;transform:rotate(0);border-radius:50%;opacity:.72}.beidou-map{position:absolute;z-index:2;top:8px;left:50%;width:338px;height:292px;transform:translateX(calc(-50% + 10px));overflow:visible;opacity:.94}.beidou-path{fill:none;stroke:rgba(220,232,229,.62);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;opacity:.72}.beidou-point{transform:none}.beidou-star{fill:#fffdf4;filter:drop-shadow(0 0 3px rgba(255,255,245,.94)) drop-shadow(0 0 8px rgba(225,235,232,.52));transform-box:fill-box;transform-origin:center;animation:beidouDot 14s ease-in-out infinite;animation-delay:calc(var(--i)*2s);animation-fill-mode:both}.beidou-halo{fill:#f4faf7;opacity:.04;filter:blur(8px);animation:none}.beidou-label{font:9px "Segoe UI","Microsoft YaHei",sans-serif;fill:var(--ink);letter-spacing:.04em;opacity:.86}.beidou-caption{font:9px "Segoe UI","Microsoft YaHei",sans-serif;fill:var(--muted);letter-spacing:.18em;opacity:.8}.node{position:absolute;color:var(--ink);font-size:13px;text-align:center}.node small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.n1{top:42px;left:50%;transform:translateX(-50%)}.n2{right:52px;top:50%;transform:translateY(-50%)}.n3{bottom:20px;left:50%;transform:translateX(-50%)}.n4{left:52px;top:50%;transform:translateY(-50%)}.system-copy p{color:var(--muted);line-height:2;font-size:14px}.principles{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.principles div{font-size:13px}.principles span{display:block;color:var(--gold);font-size:11px;margin-bottom:6px}
.ai{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,transparent,rgba(145,177,157,.045),transparent)}.ai-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.prompt{border:1px solid rgba(226,229,210,.22);padding:25px;background:rgba(4,11,12,.5);box-shadow:inset 0 1px 0 rgba(215,184,120,.18)}.prompt-label{color:var(--gold);font-size:11px;letter-spacing:.2em}.prompt-text{font:25px Georgia,serif;margin:25px 0 28px}.prompt-line{height:1px;background:var(--line);margin-bottom:22px}.prompt-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.ai-copy h2{margin-bottom:21px}.ai-copy p{font-size:14px;color:var(--muted);line-height:2}.ai-copy strong{color:var(--ink);font-weight:400}
.library{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.book{min-height:190px;border-top:1px solid var(--line2);padding:20px 0}.book:first-child{border-top:2px solid var(--gold)}.book-tag{color:var(--gold);font-size:11px;letter-spacing:.18em}.book h3{font:22px Georgia,serif;margin:23px 0 10px}.book p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.footer{width:1180px;margin:0 auto;padding:40px 28px 55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.08em}.footer b{color:var(--ink);font-family:Georgia,serif;font-size:16px;font-weight:400}
.system-map:before{content:none}.system-map:after{animation:systemPulse 8s ease-in-out infinite alternate}.system-map .node{animation:nodeFloat 5s ease-in-out infinite alternate}.system-map .n2{animation-delay:1.2s}.system-map .n3{animation-delay:2.1s}.system-map .n4{animation-delay:3s}
@media(prefers-reduced-motion:no-preference){.star{animation:twinkle 4s ease-in-out infinite alternate}.s2{animation-delay:1s}.s3{animation-delay:2s}.mirror{animation:breathe 7s ease-in-out infinite alternate}.orbit{animation:orbitDrift 28s linear infinite alternate}.mirror:before{animation:innerTurn 36s linear infinite alternate}@keyframes twinkle{to{opacity:.25;transform:scale(.65)}}@keyframes breathe{to{box-shadow:0 0 0 12px color-mix(in srgb,var(--gold) 5%,transparent),0 0 110px color-mix(in srgb,var(--jade) 24%,transparent),inset 0 0 90px color-mix(in srgb,var(--blue) 15%,transparent)}}@keyframes orbitDrift{to{transform:rotate(-14deg) scale(1.015)}}@keyframes innerTurn{to{transform:rotate(8deg)}}@keyframes hexField{to{transform:rotate(3deg) scale(1.015);opacity:.72}}@keyframes hexFade{0%,34%{opacity:1}48%,72%{opacity:.08}86%,100%{opacity:1}}@keyframes hexChange{0%,34%{opacity:0}48%,72%{opacity:1}86%,100%{opacity:0}}.hex-orig{animation:hexFade 12s ease-in-out infinite}.hex-change{animation:hexChange 12s ease-in-out infinite}@keyframes systemTurn{to{transform:rotate(405deg)}}@keyframes systemPulse{to{transform:rotate(12deg) scale(1.08);opacity:.72}}@keyframes nodeFloat{to{translate:0 -4px;opacity:.76}}@keyframes beidouDrift{to{transform:translateX(-50%) translate(8px,5px) rotate(3deg);opacity:.62}}@keyframes beidouCore{0%,100%{opacity:.78}50%{opacity:1}}@keyframes beidouHalo{0%,100%{opacity:.08}50%{opacity:.86}}@keyframes beidouDot{0%,100%{transform:scale(.62);opacity:.38}50%{transform:scale(1.5);opacity:1}}}
html[data-mode=day] .page{background-image:linear-gradient(90deg,rgba(238,233,223,.95) 0%,rgba(238,233,223,.8) 32%,rgba(238,233,223,.54) 72%,rgba(238,233,223,.8) 100%),linear-gradient(0deg,rgba(238,233,223,.8),rgba(238,233,223,.4) 52%,rgba(238,233,223,.76)),url("/home/eso-milky-way-1920.webp")}.page,body{transition:background .8s,color .8s}.page:before{transition:opacity .8s}.mirror{transition:background .8s,border-color .8s,box-shadow .8s}.qian-line{transition:background .8s,filter .8s}.beidou-star,.beidou-path{transition:fill .8s,stroke .8s,filter .8s}.q{transition:background .8s,box-shadow .8s;text-shadow:0 1px 8px rgba(0,0,0,.5)}.prompt{transition:background .8s,box-shadow .8s}html[data-mode=day] .mirror{box-shadow:0 0 0 12px rgba(154,112,64,.07),0 0 48px rgba(125,111,90,.14),inset 0 0 54px rgba(136,126,112,.12)}html[data-mode=day] .mirror-core{bottom:60px}html[data-mode=day] .qian-yin:before,html[data-mode=day] .qian-yin:after{background:#514536}html[data-mode=day] .beidou-star{fill:#514536;filter:drop-shadow(0 0 3px rgba(81,69,54,.5))}html[data-mode=day] .beidou-path{stroke:rgba(81,69,54,.68)}html[data-mode=day] .q{background:rgba(246,241,232,.58);text-shadow:none}html[data-mode=day] .q:first-child{background:rgba(246,241,232,.72)}html[data-mode=day] .ai{background:linear-gradient(90deg,transparent,rgba(154,112,64,.1),transparent)}html[data-mode=day] .prompt{background:rgba(246,241,232,.78);box-shadow:inset 0 1px 0 rgba(154,112,64,.3)}html[data-mode=day] .qian-line{background:#514536!important}html[data-mode=day] .qian-yin:before,html[data-mode=day] .qian-yin:after{background:#514536!important}html[data-mode=day] .beidou-star{fill:#514536!important;filter:drop-shadow(0 0 3px rgba(81,69,54,.5))}html[data-mode=day] .beidou-path{stroke:rgba(81,69,54,.68)!important}
.home-pc-redesign{margin-top:-64px;display:block}
@media(min-width:843px){html:has(.home-pc-redesign) .page .hero h1 em{color:var(--ink)!important}html:not([data-mode=day]):has(.home-pc-redesign) .home-pc-redesign .page{color:var(--ink)!important;background-color:var(--bg)!important}html:not([data-mode=day]):has(.home-pc-redesign) .home-pc-redesign .page h1,html:not([data-mode=day]):has(.home-pc-redesign) .home-pc-redesign .page h2,html:not([data-mode=day]):has(.home-pc-redesign) .home-pc-redesign .page h3{color:var(--ink)!important}}
@media(max-width:842px){.home-pc-redesign{display:none}}
.hero-cta-notes{margin-top:14px}.hero-cta-notes p{margin:0}.hero-result-note{color:var(--ink);font-size:12px;line-height:1.6}.hero-cta-note{margin-top:4px!important;color:var(--muted);font-size:11px;line-height:1.6}.ai-entry{display:inline-block;margin-top:22px;color:var(--gold);font-size:13px;letter-spacing:.08em;text-decoration:none}.ai-entry:hover{text-decoration:underline}.prompt-entry{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.prompt-entry:hover{border-color:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 25%,transparent),inset 0 1px 0 rgba(215,184,120,.28)}.book-entry{display:inline-block;margin-top:15px;color:var(--gold);font-size:12px;text-decoration:none}.book-entry:hover{text-decoration:underline}.q-card-entry{color:inherit;text-decoration:none;cursor:pointer}.q-entry-label{align-self:flex-end;color:var(--ink);font-size:12px}.q-card-entry:hover .q-entry-label{color:var(--gold)}.system-map .node{z-index:4;color:var(--ink);text-decoration:none;cursor:pointer;transition:color .2s,opacity .2s}.system-map .node:hover{color:var(--gold)}.how-work{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.how-work>div{min-width:0}.how-work span{display:block;color:var(--gold);font-size:12px;letter-spacing:.08em;margin-bottom:7px}.how-work small{display:block;color:var(--muted);font-size:11px;line-height:1.7}.how-work>div:nth-child(4) small{max-width:180px}html:has(.home-pc-redesign) button[title=\"专家解析\"]{display:none!important}@media(prefers-reduced-motion:reduce) and (min-width:843px){html:has(.home-pc-redesign) .page *{animation:none!important;transition:none!important}}
@media(min-width:843px){html:has(.home-pc-redesign) .page .orbit,html:has(.home-pc-redesign) .page .mirror:before,html:has(.home-pc-redesign) .page .mirror:after{opacity:0!important;border-color:transparent!important}html:has(.home-pc-redesign) .page .taiji-core{animation:jgTaijiFlow 18s linear infinite!important;transform-box:fill-box;transform-origin:164px 150px}html:has(.home-pc-redesign) .page .taiji-orbit{animation:jgTaijiOrbit 24s linear infinite!important;transform-box:fill-box;transform-origin:164px 150px}html:has(.home-pc-redesign) .page .taiji-ring{animation:jgTaijiRing 7s ease-in-out infinite!important}html:has(.home-pc-redesign) .page .star{animation:jgStarPulse 4.5s ease-in-out infinite!important}}
@media(min-width:843px){html:has(.home-pc-redesign) .page .mirror-core{bottom:12px!important}html:has(.home-pc-redesign) .page .hexagram-stage{animation:none!important}html:has(.home-pc-redesign) .page .bagua-stage{position:absolute;z-index:3;inset:55px;width:328px;height:328px;opacity:.96;transform-origin:164px 150px;animation:jgBaguaStage 42s linear infinite}.bagua-slot path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:square}.bagua-slot text{fill:currentColor;font:5px Georgia,"Times New Roman",serif;letter-spacing:.25px}}
@keyframes jgBaguaStage{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes jgTaijiFlow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes jgTaijiOrbit{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@keyframes jgTaijiRing{0%,100%{opacity:.2;transform:scale(.98)}50%{opacity:.72;transform:scale(1.04)}}
@keyframes jgStarPulse{0%,100%{opacity:.22;transform:scale(.72)}50%{opacity:1;transform:scale(1.35)}}
@media(min-width:843px){html:not([data-mode=day]):has(.home-pc-redesign) .page .mirror{background:#050b0e!important;background-image:none!important}html:not([data-mode=day]):has(.home-pc-redesign) .page .taiji-core{animation:none!important;transform:none!important}html:not([data-mode=day]):has(.home-pc-redesign) .page .taiji-orbit{stroke:#edf2ec!important;animation:jgRadialOrbit 12s ease-out infinite!important;transform-box:fill-box;transform-origin:164px 150px}html:not([data-mode=day]):has(.home-pc-redesign) .page .taiji-ring{stroke:#d7b878!important;animation:jgRadialRing 8s ease-out infinite!important;transform-box:fill-box;transform-origin:164px 150px}html:not([data-mode=day]):has(.home-pc-redesign) .page .taiji-disc{stroke:#d7b878!important}html:not([data-mode=day]):has(.home-pc-redesign) .page .star{background:#d7b878!important}}
@keyframes jgRadialRing{0%{transform:scale(.72);opacity:0}18%{opacity:.8}62%{opacity:.3}100%{transform:scale(1.7);opacity:0}}
@media(min-width:843px){html:has(.home-pc-redesign) .page .mirror,html:has(.home-pc-redesign) .page .mirror-wrap{background:transparent!important;background-image:none!important;box-shadow:none!important}html:has(.home-pc-redesign) .page .mirror:before,html:has(.home-pc-redesign) .page .mirror:after{background:transparent!important;background-image:none!important;box-shadow:none!important}}
@media(min-width:843px){html:not([data-mode=day]):has(.home-pc-redesign) .page .mirror{background:transparent!important;background-image:none!important;box-shadow:none!important}html:not([data-mode=day]):has(.home-pc-redesign) .page .mirror .mirror-core{background:transparent!important}}
@keyframes jgRadialOrbit{0%{transform:scale(.82);opacity:0}25%{opacity:.55}70%{opacity:.18}100%{transform:scale(1.48);opacity:0}}
@media(min-width:843px){html:has(.home-pc-redesign) .page .planetary-system{position:absolute;inset:0;z-index:3;pointer-events:none;transform:translateY(-2px)}html:has(.home-pc-redesign) .page .planetary-orbit{position:absolute;left:50%;top:47%;border:1px solid rgba(215,184,120,.34);border-radius:50%;transform:translate(-50%,-50%);transform-origin:center;animation-timing-function:linear;animation-iteration-count:infinite}html:has(.home-pc-redesign) .page .po-1{width:150px;height:78px;animation:jgPlanetOrbit1 18s linear infinite}html:has(.home-pc-redesign) .page .po-2{width:226px;height:122px;border-color:rgba(237,242,236,.24);animation:jgPlanetOrbit2 28s linear infinite reverse}html:has(.home-pc-redesign) .page .po-3{width:306px;height:168px;animation:jgPlanetOrbit3 42s linear infinite}html:has(.home-pc-redesign) .page .po-4{width:382px;height:214px;border-color:rgba(215,184,120,.22);animation:jgPlanetOrbit4 58s linear infinite reverse}html:has(.home-pc-redesign) .page .planet{position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:#edf2ec;box-shadow:0 0 5px rgba(237,242,236,.9),0 0 12px rgba(215,184,120,.42);transform:translate(-50%,-50%);animation:jgPlanetPulse 5s ease-in-out infinite}html:has(.home-pc-redesign) .page .planet:nth-child(2){top:100%;animation-delay:2.4s}html:has(.home-pc-redesign) .page .p-1,html:has(.home-pc-redesign) .page .p-5{width:5px;height:5px}html:has(.home-pc-redesign) .page .p-2,html:has(.home-pc-redesign) .page .p-6{width:8px;height:8px;background:#d7b878}html:has(.home-pc-redesign) .page .p-3,html:has(.home-pc-redesign) .page .p-7{width:10px;height:10px;background:#edf2ec;box-shadow:0 0 7px rgba(237,242,236,.95),0 0 16px rgba(215,184,120,.46)}html:has(.home-pc-redesign) .page .p-4,html:has(.home-pc-redesign) .page .p-8{width:6px;height:6px;background:#d7b878}}
@keyframes jgPlanetOrbit1{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgPlanetOrbit2{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgPlanetOrbit3{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgPlanetOrbit4{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgPlanetPulse{0%,100%{opacity:.55;filter:brightness(.82)}50%{opacity:1;filter:brightness(1.35)}}
@media(min-width:843px){html:has(.home-pc-redesign) .page .po-1{width:112px;height:58px;animation:jgPlanetOrbit1 14s linear infinite}html:has(.home-pc-redesign) .page .po-2{width:156px;height:82px;animation:jgPlanetOrbit2 19s linear infinite reverse}html:has(.home-pc-redesign) .page .po-3{width:202px;height:108px;animation:jgPlanetOrbit3 25s linear infinite}html:has(.home-pc-redesign) .page .po-4{width:248px;height:132px;animation:jgPlanetOrbit4 31s linear infinite reverse}html:has(.home-pc-redesign) .page .po-5{width:294px;height:156px;border-color:rgba(237,242,236,.22);animation:jgPlanetOrbit5 38s linear infinite}html:has(.home-pc-redesign) .page .po-6{width:338px;height:180px;border-color:rgba(215,184,120,.26);animation:jgPlanetOrbit6 46s linear infinite reverse}html:has(.home-pc-redesign) .page .po-7{width:374px;height:202px;border-color:rgba(237,242,236,.18);animation:jgPlanetOrbit7 55s linear infinite}html:has(.home-pc-redesign) .page .po-8{width:408px;height:222px;border-color:rgba(215,184,120,.2);animation:jgPlanetOrbit8 66s linear infinite reverse}html:has(.home-pc-redesign) .page .planet{display:block;width:7px;height:7px!important;background:#edf2ec!important;box-shadow:0 0 5px rgba(237,242,236,.9),0 0 12px rgba(215,184,120,.42);transform:translate(-50%,-50%)}html:has(.home-pc-redesign) .page .gua-symbol{position:absolute;left:50%;top:15px;width:28px;height:30px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;opacity:0;transform:translateX(-50%) scale(.72);transform-origin:top center;animation:jgGuaReveal 14s ease-in-out infinite;pointer-events:none}html:has(.home-pc-redesign) .page .gua-line{display:block;width:26px;height:2px;background:#edf2ec;box-shadow:0 0 4px rgba(237,242,236,.65)}html:has(.home-pc-redesign) .page .gua-line.yin{display:flex;justify-content:space-between;background:transparent;box-shadow:none}html:has(.home-pc-redesign) .page .gua-line.yin:before,html:has(.home-pc-redesign) .page .gua-line.yin:after{content:\"\";display:block;width:11px;height:2px;background:#edf2ec;box-shadow:0 0 4px rgba(237,242,236,.65)}html:has(.home-pc-redesign) .page .p-2 .gua-symbol{animation-duration:19s}html:has(.home-pc-redesign) .page .p-3 .gua-symbol{animation-duration:25s}html:has(.home-pc-redesign) .page .p-4 .gua-symbol{animation-duration:31s}html:has(.home-pc-redesign) .page .p-5 .gua-symbol{animation-duration:38s}html:has(.home-pc-redesign) .page .p-6 .gua-symbol{animation-duration:46s}html:has(.home-pc-redesign) .page .p-7 .gua-symbol{animation-duration:55s}html:has(.home-pc-redesign) .page .p-8 .gua-symbol{animation-duration:66s}html:not([data-mode=day]):has(.home-pc-redesign) .page .taiji-core{transform:scale(.6)!important;transform-box:fill-box;transform-origin:164px 150px}}
@keyframes jgPlanetOrbit5{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgPlanetOrbit6{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgPlanetOrbit7{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgPlanetOrbit8{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgGuaReveal{0%,28%{opacity:0;transform:translateX(-50%) scale(.72)}40%,60%{opacity:1;transform:translateX(-50%) scale(1)}74%,100%{opacity:0;transform:translateX(-50%) scale(.72)}}
@media(min-width:843px){html:has(.home-pc-redesign) .page .taiji-orbit,html:has(.home-pc-redesign) .page .taiji-ring,html:has(.home-pc-redesign) .page .orbit,html:has(.home-pc-redesign) .page .star{display:none!important}html:has(.home-pc-redesign) .page .planetary-system{transform:none!important}html:has(.home-pc-redesign) .page .planetary-orbit{top:50%!important;transform:translate(-50%,-50%);transform-origin:center!important;border-color:rgba(215,184,120,.2)!important;border-style:solid!important}html:has(.home-pc-redesign) .page .po-1{width:112px!important;height:58px!important;animation:jgCleanOrbit1 12s linear infinite}html:has(.home-pc-redesign) .page .po-2{width:156px!important;height:82px!important;animation:jgCleanOrbit2 15s linear infinite}html:has(.home-pc-redesign) .page .po-3{width:202px!important;height:108px!important;animation:jgCleanOrbit3 18s linear infinite}html:has(.home-pc-redesign) .page .po-4{width:248px!important;height:132px!important;animation:jgCleanOrbit4 22s linear infinite}html:has(.home-pc-redesign) .page .po-5{width:294px!important;height:156px!important;animation:jgCleanOrbit5 27s linear infinite}html:has(.home-pc-redesign) .page .po-6{width:338px!important;height:180px!important;animation:jgCleanOrbit6 33s linear infinite}html:has(.home-pc-redesign) .page .po-7{width:374px!important;height:202px!important;animation:jgCleanOrbit7 40s linear infinite}html:has(.home-pc-redesign) .page .po-8{width:408px!important;height:222px!important;animation:jgCleanOrbit8 48s linear infinite}html:has(.home-pc-redesign) .page .planet{top:-4px!important;opacity:.78;animation:jgPlanetPulse 5s ease-in-out infinite}html:has(.home-pc-redesign) .page .planet:nth-child(2){top:-4px!important}html:has(.home-pc-redesign) .page .gua-symbol{top:14px!important;animation-name:jgGuaNear!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important}html:has(.home-pc-redesign) .page .p-1 .gua-symbol{animation-duration:12s!important}html:has(.home-pc-redesign) .page .p-2 .gua-symbol{animation-duration:15s!important}html:has(.home-pc-redesign) .page .p-3 .gua-symbol{animation-duration:18s!important}html:has(.home-pc-redesign) .page .p-4 .gua-symbol{animation-duration:22s!important}html:has(.home-pc-redesign) .page .p-5 .gua-symbol{animation-duration:27s!important}html:has(.home-pc-redesign) .page .p-6 .gua-symbol{animation-duration:33s!important}html:has(.home-pc-redesign) .page .p-7 .gua-symbol{animation-duration:40s!important}html:has(.home-pc-redesign) .page .p-8 .gua-symbol{animation-duration:48s!important}}
@keyframes jgCleanOrbit1{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgCleanOrbit2{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgCleanOrbit3{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgCleanOrbit4{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgCleanOrbit5{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgCleanOrbit6{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgCleanOrbit7{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgCleanOrbit8{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes jgGuaNear{0%,38%{opacity:0;transform:translateX(-50%) scale(.72)}46%,54%{opacity:1;transform:translateX(-50%) scale(1)}62%,100%{opacity:0;transform:translateX(-50%) scale(.72)}}
@media(min-width:843px){html[data-mode=day]:has(.home-pc-redesign) .page .taiji-core{animation:none!important;transform:none!important}html[data-mode=day]:has(.home-pc-redesign) .page .planetary-orbit{border-color:rgba(81,69,54,.52)!important;box-shadow:0 0 3px rgba(154,112,64,.18)}html[data-mode=day]:has(.home-pc-redesign) .page .planetary-system .planet{filter:brightness(1.08) contrast(1.08)}}
@media(min-width:843px){html:has(.home-pc-redesign) .page .gua-center-display{position:absolute;left:50%;top:47%;z-index:8;width:30px;height:34px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;opacity:0;transform:translate(-50%,-50%) scale(.72);transition:opacity .42s ease,transform .42s ease;pointer-events:none}html:has(.home-pc-redesign) .page .gua-center-display.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}html:has(.home-pc-redesign) .page .gua-center-display .gua-line{display:block;width:28px;height:2px;background:#edf2ec;box-shadow:0 0 5px rgba(237,242,236,.72)}html:has(.home-pc-redesign) .page .gua-center-display .gua-line.yin{display:flex;justify-content:space-between;background:transparent;box-shadow:none}html:has(.home-pc-redesign) .page .gua-center-display .gua-line.yin:before,html:has(.home-pc-redesign) .page .gua-center-display .gua-line.yin:after{content:\"\";display:block;width:12px;height:2px;background:#edf2ec;box-shadow:0 0 5px rgba(237,242,236,.72)}html[data-mode=day]:has(.home-pc-redesign) .page .gua-center-display .gua-line{background:#514536;box-shadow:0 0 4px rgba(81,69,54,.35)}html[data-mode=day]:has(.home-pc-redesign) .page .gua-center-display .gua-line.yin{background:transparent;box-shadow:none}html[data-mode=day]:has(.home-pc-redesign) .page .gua-center-display .gua-line.yin:before,html[data-mode=day]:has(.home-pc-redesign) .page .gua-center-display .gua-line.yin:after{background:#514536;box-shadow:0 0 4px rgba(81,69,54,.35)}}
@media(min-width:843px){.jh-m-page{display:none!important}html:has(.home-pc-redesign) nav.fixed.top-0.left-0.right-0.z-50{display:none!important}html:has(.home-pc-redesign) footer.jg-footer{background-image:linear-gradient(180deg,rgba(5,11,14,.62),rgba(5,11,14,.9) 22%,rgba(3,8,11,.98)),url('/home/eso-milky-way-1920.webp');background-position:center;background-size:cover;background-color:#050b0e;color:#edf2ec!important;border-top:1px solid rgba(205,222,211,.18);padding-top:64px!important}html:has(.home-pc-redesign) footer.jg-footer .jhf-art{display:none!important}html:has(.home-pc-redesign) footer.jg-footer .jhf-body{background:transparent!important}html:has(.home-pc-redesign) footer.jg-footer .jhf-title,html:has(.home-pc-redesign) footer.jg-footer .jhf-item a,html:has(.home-pc-redesign) footer.jg-footer .jhf-name{color:#edf2ec!important}html:has(.home-pc-redesign) footer.jg-footer .jhf-latin,html:has(.home-pc-redesign) footer.jg-footer .jhf-tag,html:has(.home-pc-redesign) footer.jg-footer .jhf-copy,html:has(.home-pc-redesign) footer.jg-footer .jhf-note{color:#aab8ae!important}html:has(.home-pc-redesign) footer.jg-footer .jgf-vline{background:rgba(205,222,211,.16)!important}html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer{background-image:linear-gradient(90deg,rgba(238,233,223,.95) 0%,rgba(238,233,223,.8) 32%,rgba(238,233,223,.54) 72%,rgba(238,233,223,.8) 100%),linear-gradient(0deg,rgba(238,233,223,.8),rgba(238,233,223,.4) 52%,rgba(238,233,223,.76)),url('/home/eso-milky-way-1920.webp');background-position:center;background-size:cover;background-color:#eee9df;color:#24231f!important}html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-title,html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-item a,html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-name{color:#2e2a24!important}html:not([data-mode=day]):has(.home-pc-redesign) .page,html:not([data-mode=day]):has(.home-pc-redesign) footer.jg-footer{background-color:#050b0e!important;background-image:linear-gradient(180deg,rgba(5,11,14,.2),rgba(5,11,14,.5) 58%,rgba(5,11,14,.76)),url('/home/eso-milky-way-1920.webp')!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}html:not([data-mode=day]):has(.home-pc-redesign) footer.jg-footer .jhf-body,html:not([data-mode=day]):has(.home-pc-redesign) .page footer.jg-footer .jhf-art,html:not([data-mode=day]):has(.home-pc-redesign) .page footer.jg-footer .jhf-shell{background:transparent!important;background-image:none!important}}
@media(min-width:843px){html:has(.home-pc-redesign) .page .questions .q,html:has(.home-pc-redesign) .page .questions .q:first-child,html:has(.home-pc-redesign) .page .prompt{background:transparent!important;background-image:none!important;box-shadow:none!important}}
@media(min-width:843px){html[data-mode=day]:has(.home-pc-redesign) .page .hero h1,html[data-mode=day]:has(.home-pc-redesign) .page .section h2,html[data-mode=day]:has(.home-pc-redesign) .page .q h3,html[data-mode=day]:has(.home-pc-redesign) .page .book h3,html[data-mode=day]:has(.home-pc-redesign) .page .prompt-text{color:#24201b!important}html[data-mode=day]:has(.home-pc-redesign) .page .hero p,html[data-mode=day]:has(.home-pc-redesign) .page .hero-note,html[data-mode=day]:has(.home-pc-redesign) .page .section-intro,html[data-mode=day]:has(.home-pc-redesign) .page .q p,html[data-mode=day]:has(.home-pc-redesign) .page .book p,html[data-mode=day]:has(.home-pc-redesign) .page .prompt-foot,html[data-mode=day]:has(.home-pc-redesign) .page .navlinks{color:#4b443a!important}html[data-mode=day]:has(.home-pc-redesign) .page .kicker,html[data-mode=day]:has(.home-pc-redesign) .page .q span,html[data-mode=day]:has(.home-pc-redesign) .page .book-tag,html[data-mode=day]:has(.home-pc-redesign) .page .prompt-label{color:#805b2e!important}html[data-mode=day]:has(.home-pc-redesign) .page .secondary,html[data-mode=day]:has(.home-pc-redesign) .page .q a{color:#2d2821!important}}
@media(min-width:843px){html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-tag,html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-copy,html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-note,html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-latin,html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-tag{color:#4a4339!important;opacity:1!important;text-shadow:0 1px 1px rgba(255,255,255,.58)}html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-title,html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-item a,html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-name{color:#29241e!important;opacity:1!important;text-shadow:0 1px 1px rgba(255,255,255,.58)}}
@media(min-width:843px){html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-social{color:#3f382f!important;opacity:1!important}html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-social button{color:#3f382f!important;opacity:1!important;text-shadow:0 1px 1px rgba(255,255,255,.62)}html[data-mode=day]:has(.home-pc-redesign) footer.jg-footer .jhf-social button:hover{color:#7a5428!important}}
@media(min-width:843px){html[data-mode=day] footer.jg-footer .jhf-social button[data-jg-social-mark]{color:#3f382f!important;opacity:1!important}html[data-mode=day] footer.jg-footer .jhf-social button[data-jg-social-mark] svg{color:#3f382f!important;stroke:currentColor!important}}
@media(min-width:843px){html[data-mode=day] footer.jg-footer .jhf-social button[data-jg-social-mark] svg{stroke:#3f382f!important;color:#3f382f!important;filter:contrast(1.08)}}
@media(min-width:843px){html[data-mode=night] footer.jg-footer .jhf-social button[data-jg-social-mark] svg{stroke:#edf2ec!important;color:#edf2ec!important;filter:contrast(1.06)}html[data-mode=night] footer.jg-footer .jhf-social button[data-jg-social-mark]{color:#edf2ec!important;opacity:1!important}}
@media(min-width:843px){html:not([data-mode=day]):has(.home-pc-redesign) .page .taiji-core{transform:scale(1)!important;transform-box:fill-box;transform-origin:164px 150px}}
@media(min-width:843px){html[data-mode=day]:has(.home-pc-redesign) .beidou-label{fill:#4b4338!important;opacity:1!important}html[data-mode=day]:has(.home-pc-redesign) .beidou-caption{fill:#5a5044!important;opacity:1!important}html[data-mode=day]:has(.home-pc-redesign) .system-map .node{color:#302a23!important}html[data-mode=day]:has(.home-pc-redesign) .system-map .node small{color:#5a5044!important;opacity:1!important}}
@media(min-width:843px){body.jg-pc-home-active>button.fixed[title=\"专家解析\"]{display:none!important}}
@media(prefers-reduced-motion:reduce) and (min-width:843px){body.jg-pc-home-active .page .star,body.jg-pc-home-active .page .bagua-stage,body.jg-pc-home-active .page .taiji-core,body.jg-pc-home-active .page .taiji-orbit,body.jg-pc-home-active .page .taiji-ring,body.jg-pc-home-active .page .mirror,body.jg-pc-home-active .page .orbit,body.jg-pc-home-active .page .mirror:before,body.jg-pc-home-active .page .mirror:after{animation:none!important;transition:none!important}}
@media(min-width:843px){html[data-mode=day]:has(.home-pc-redesign) body.jg-pc-home-active .home-pc-redesign .page .system-map .node{color:#302a23!important}html[data-mode=day]:has(.home-pc-redesign) body.jg-pc-home-active .home-pc-redesign .page .system-map .node small{color:#5a5044!important}html:has(.home-pc-redesign) .page .book{cursor:pointer;transition:color .2s,opacity .2s}html:has(.home-pc-redesign) .page .book:hover,html:has(.home-pc-redesign) .page .book:focus-visible{outline:none;border-top-color:var(--gold);opacity:.92}html:has(.home-pc-redesign) .page .book:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 45%,transparent);border-radius:2px}}
@media(min-width:843px) and (max-width:1179px){html,body{min-width:0!important;overflow-x:hidden!important}.home-pc-redesign .page,.home-pc-redesign .hero,.home-pc-redesign .section,.home-pc-redesign .footer{width:100%!important}.home-pc-redesign .nav{padding-left:32px;padding-right:32px}.home-pc-redesign .navlinks{gap:14px;font-size:12px}.home-pc-redesign .hero{grid-template-columns:43% 57%}.home-pc-redesign .mirror-wrap{transform:scale(.88);transform-origin:center}.home-pc-redesign .section{padding-left:28px;padding-right:28px}.home-pc-redesign .system{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:24px}.home-pc-redesign .system-map{height:310px}.home-pc-redesign .beidou-map{transform:translateX(calc(-50% + 4px)) scale(.88);transform-origin:center}.home-pc-redesign .ai-inner{gap:24px}.home-pc-redesign .library{gap:12px}.home-pc-redesign .how-work{gap:8px}.home-pc-redesign .footer{padding-left:28px;padding-right:28px}.jg-footer{min-width:0!important;width:100%!important}}\n@media(min-width:843px){html[data-mode=day]:has(.home-pc-redesign) .home-pc-redesign .page .system-map .node{color:#302a23!important;-webkit-text-fill-color:#302a23!important}html[data-mode=day]:has(.home-pc-redesign) .home-pc-redesign .page .system-map .node small{color:#5a5044!important;-webkit-text-fill-color:#5a5044!important}}\n@media(min-width:843px){html:has(.home-pc-redesign) footer.jg-footer a[href=\"/experts\"],html:has(.home-pc-redesign) footer.jg-footer a[href=\"/experts/\"]{display:none!important}}
}
/* MOBILE-HIDE-GUARD (2026-10-24): 整个文件已包进 @media(min-width:843px)，
原本文件内的 @media(max-width:842px){.home-pc-redesign{display:none}} 被一起包住、永远失效，
导致 PC 首页在手机上渲染并压住手机页。这里在包裹层之外重新声明一次。 */
@media (max-width: 842px) {
.home-pc-redesign { display: none !important; }
.jh-m-page { display: block !important; }
}
/* ⚠️ 本文件 = 【手机端】首页专属，改这里不影响另一端
另一端在：src/app/home-1to1.css + src/components/home/Home{Hero,Engines,Ai,Library,Tools,LifeMap,Trust}.tsx
共用层见 docs/PLATFORM-MAP.md（改共用层必须两端各自验证：PC 1440×900 + 手机 390×844）
禁：在此文件里引用另一端的类名/组件 · 闸门：node scripts/check-home-isolation.mjs */
/* ═══════════════════════════════════════════════════════════════════════════════
九宫首页 · 手机端专属样式（手机方案 v4 · **逐项对齐用户设计图 + 用户代码包**）
═══════════════════════════════════════════════════════════════════════════════
用户报障 2026-09-18：「太极完全被你变样了，距离也不对 —— 严格按照我提供的一比一复刻」
→ 本轮重做：① 仪盘改用**用户代码包的分层结构 + 设计图画形**（v3 复用站内 TaijiWheel
classic 几何 = 偏橙粗环 + 近黑实心太极，与设计图的「暖金细线浅色罗盘」不符 → 已弃用）；
② 全部间距改为设计图实测值（v3 的 hero 72vh 造成 442px 死区 = 用户说的「距离不对」）。
唯一视觉标准 = 设计图 C:\Users\4513\Desktop\手机端\4776b953-….png（853×1844 = 390×844
屏的 2.1872 倍稿；本文件写的 px = 实测 png px ÷ 2.1872）
结构/文案/动画 = 用户代码包（index.html + styles/mobile-home.css + scripts/mobile-home.js）
+ HERMES_MOBILE_PROMPT.md
── 设计图实测总表（css px @390；本轮以此逐条落地）────────────────────────
页边距 21.5 · 四格卡 167.3×77.3（row2 75.0）· 卡横距 12.3 / 纵距 6.8
卡内：图标 52（左内缩 2.3）· 标题 12px（字面 40.7×11.0）· 副标题 9px（字面 45.7×7.3）
箭头 10×6.5（右 11.6 / 底 22.4）
仪盘：外径 164 · top 26（y26..190，圆心 (195,108)）· 中心太极 36 · 顶针 x=195 y0→108
文案：h1 字面 y174.2..207.6 · h2 219.0..233.6 · 短语 246.0..255.6 · 胶囊 147×34 y273..307
区块：hero 0..336 · 入口 339.7..498.8 · 易学书馆 505..611.3 · 九宫文库 621.4..730.6
· 页脚盒 740.3..787 · 花形纹横线 792 · 底部山水带 800..843（整页 843 = 单屏稿）
── 与用户代码包的 5 处「集成适配」（都不改设计图视觉，逐条列明）──────────
① 作用域：用户样式是独立 demo（html/body 级裸选择器）→ 全部规则加 `.jgm-home`
前缀、整份包在 `@media (max-width:842px)` 内 → 结构上不可能命中 PC 视口；
② `.mountains` 由「div + background(cover)」改为「![]()
+ width:100%」= 只缩放不裁切；
③ 站内 PC 版式（固定导航 / PC 页脚 / 旧长图页）在本页让位；
④ 繁/简 与 昼/夜 两个站内开关保留在抽屉里（用户 2026-09-17 明确要求）；
⑤ 仪盘：用户包 assets/taiji-wheel.svg **实际不存在**（zip 只有 5 个文件）→ 按设计图
逐环实测还原为手机端内联 SVG（分层结构照用户 mobile-home.css 的 .orbit/.bagua/
.grid/.glow/.taiji 五层），分层参数照用户指令。
── 素材来源（**一份也不重绘**）────────────────────────────────────────────
· 顶部山水 /home/mobile-hero.webp = 站内既有九宫宣纸山水原稿（只缩放）
· 书脊照片 /home/mobile-books.webp = public/home/sec-library.webp 的书脊局部（只缩放）
· 底部山水带 /home/mobile-foot.webp = public/home/footer-bg.webp 的下部（只缩放、贴底）
· 仪盘 / 徽章 / 统计图标 / 页脚图标 / 角饰 / 云纹带 = 按设计图形状内联 SVG 描线
（交付包无 assets/；颜色走令牌 → 昼夜两套都能跟随）
── P3-A 新增（2026-09-19 · 方案A 插入式）────────────────────────────────────
在 Hero 与四格入口之间插入两块：① AI 入口按钮（金色胶囊「问 AI 一句话 →」）
② 人生场景（标题 + 副题 + 一张大卡四行）。样式见本文件「══ 3c.」段，
结构见 HomeMobilePage.tsx 的 （唯一 AI 入口区，2026-10-01 三块合一）。
**既有 5 个区块（hero/entries/book/library/foot）尺寸一字未改**，只整体下移
341.9px@390（文档高 846 → 1188）。图稿与令牌出处：
docs/v2phase1-20260919/P3-DESIGN-NOTES.md + P3-mockup-mobile-ai.html（业主选定方案A）。
═══════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 842px) {
/* ══ 0. 集成适配（只让站内 PC 版式让位；不动设计图任何视觉值） ══════════ */
/* ★ 2026-10-24 修复：home-pc-redesign.css 的 html,body{min-width:1180px} 是无条件的，
手机端布局盒被撑到 1180px（实测 innerWidth=1180 / outerWidth=390，卡片右缘被裁切）。
仅在移动作用域内压回；PC（≥843px）规则完全不受影响。 */
html, body {
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
body:has(main > .jh-home) .jh-m-page,
body:has(main.jg-home-main) .jh-m-page,
html.jg-home-page .jh-m-page {
padding-top: 0 !important;
min-height: 100dvh;
}
/* 站内固定导航（6 胶囊工具条 / 繁简 / 昼夜 / 汉堡）：整条让位给本页 .jg-header */
body:has(main > .jh-home) nav.fixed,
body:has(main.jg-home-main) nav.fixed,
html.jg-home-page nav.fixed {
display: none !important;
}
/* 站内 PC 页脚：本页不渲染（本页自带设计图那条页脚） */
main:has(> .jh-home) ~ footer,
main.jg-home-main ~ footer,
html.jg-home-page main ~ footer {
display: none;
}
/* 页面底色跟随本页令牌（压过 BRAND 组的暗底；PC 断点下的规则不受影响） */
html:has(main > .jh-home),
html:has(main.jg-home-main) {
background-color: #f4f0e7;
}
html:has(main > .jh-home) body,
html:has(main.jg-home-main) body {
background-color: #f4f0e7;
color: #24231f;
}
html:has(main > .jh-home):has(.jgm-home[data-jgm-theme='ink']),
html:has(main.jg-home-main):has(.jgm-home[data-jgm-theme='ink']) {
background-color: #080b0c;
}
html:has(main > .jh-home):has(.jgm-home[data-jgm-theme='ink']) body,
html:has(main.jg-home-main):has(.jgm-home[data-jgm-theme='ink']) body {
background-color: #080b0c;
color: #f0e9da;
}
/* ══ 1. 页面令牌（昼夜两套值逐字取自用户方案）══════════════════════════ */
.jh-m-page.jgm-home {
--jgm-bg: #f4f0e7;
--jgm-surface: #faf8f2;
--jgm-soft: #ece7dc;
--jgm-ink: #24231f;
--jgm-muted: #6f695d;
--jgm-gold: #b08a3c;
--jgm-line: rgba(80, 65, 40, 0.14);
/* 设计图卡片/环线描边：实测 (210,186,150) = #b08a3c 于 #faf8f2 上 α≈0.5 */
--jgm-cardline: rgba(176, 138, 60, 0.5);
/* 仪盘细线（设计图：暖金发丝线，最外圈最淡） */
--jgm-wline: rgba(176, 138, 60, 0.55);
--jgm-wline-soft: rgba(176, 138, 60, 0.34);
/* 仪盘中心太极（设计图实测色）：底 奶米黄 / 半瓣 暖褐 / 点 暖褐 & 奶白 */
--jgm-tj-bg: #fbe7bc;
--jgm-tj-tan: #c79a5c;
--jgm-tj-deep: #a9783c;
--jgm-tj-light: #fef6df;
/* 用户 .hero:after 渐变里的暖白色（按主题换成墨色，只换颜色、不动构图） */
--jgm-haze: 250, 248, 242;
display: block;
position: relative;
width: 100%;
margin: 0;
padding-bottom: 0;
background: var(--jgm-bg);
color: var(--jgm-ink);
font-family: 'Noto Serif SC', 'Songti SC', serif;
line-height: 1.5;
overflow-x: clip;
}
.jh-m-page.jgm-home[data-jgm-theme='ink'] {
--jgm-bg: #080b0c;
--jgm-surface: #111517;
--jgm-soft: #171b1d;
--jgm-ink: #f0e9da;
--jgm-muted: #aaa292;
--jgm-gold: #c6a060;
--jgm-line: rgba(198, 160, 96, 0.18);
--jgm-cardline: rgba(198, 160, 96, 0.42);
--jgm-wline: rgba(198, 160, 96, 0.6);
--jgm-wline-soft: rgba(198, 160, 96, 0.36);
--jgm-tj-bg: #e8d3a6;
--jgm-tj-tan: #a9814a;
--jgm-tj-deep: #8d6934;
--jgm-tj-light: #f2e3c0;
--jgm-haze: 8, 11, 12;
}
.jh-m-page.jgm-home a {
color: inherit;
text-decoration: none;
}
.jh-m-page.jgm-home img {
max-width: 100%;
}
/* ══ 2. 顶部导航（设计图：透明、浮在山水上；印 26 / 字标 18 / 汉堡 14×11 / 右距 24）
顶距：设计图实测印顶 y8.7，用户书面指令「顶部约 20~28px」→ 取 20（+安全区）══ */
.jh-m-page.jgm-home .jg-header {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
right: 0;
padding: calc(20px + env(safe-area-inset-top, 0px)) 24px 12px;
display: flex;
align-items: center;
justify-content: space-between;
background: transparent;
border-bottom: 1px solid transparent;
transition: 0.25s;
box-shadow: none !important;
}
.jh-m-page.jgm-home .jg-header.scrolled {
background: color-mix(in srgb, var(--jgm-surface) 88%, transparent);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom-color: var(--jgm-cardline);
}
.jh-m-page.jgm-home .jg-logo {
display: flex;
align-items: center;
gap: 7px;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.06em;
color: #24231f;
}
.jh-m-page.jgm-home .jg-header.scrolled .jg-logo,
.jh-m-page.jgm-home .jg-header.scrolled .menu {
color: var(--jgm-ink);
}
/* 太极印：设计图实测直径 26 */
.jh-m-page.jgm-home .mark {
width: 26px;
height: 26px;
border: 1.2px solid currentColor;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 17px;
line-height: 1;
}
/* 汉堡：设计图实测线长 14、线粗 1、线距 4；点击区 ≥44×34 不可见（无障碍） */
.jh-m-page.jgm-home .menu {
width: 44px;
height: 34px;
border: 0;
background: transparent;
color: #24231f;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
gap: 4px;
cursor: pointer;
padding: 0;
}
.jh-m-page.jgm-home .menu i {
display: block;
width: 14px;
height: 1px;
background: currentColor;
}
/* ══ 3. Hero（设计图实测：hero 区 0..336 = 336/390 = 86.15vw；山水只缩放不裁切）
v3 用的是 72vh(=608) → 山水(260) 与文案(442) 之间 182px 死区 = 「距离不对」主因
→ 本轮整条按设计图重排：文案贴山水下缘，h1 字面落在 y174.2（设计图实测）══ */
.jh-m-page.jgm-home .hero {
position: relative;
height: 86.15vw;
min-height: 0;
overflow: hidden;
display: flex;
align-items: flex-end;
justify-content: center;
background: var(--jgm-bg);
}
/* 山水：只缩放（宽高比由文件 1200×800 决定 → 390 宽出 260 高）；下缘羽化融进纸面。
羽化 = 只做 alpha 渐隐，不加滤镜/不改色/不裁切、不动构图。 */
.jh-m-page.jgm-home .mountains {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
display: block;
opacity: 0.98;
-webkit-mask-image: linear-gradient(180deg, #000 0 74%, transparent 100%);
mask-image: linear-gradient(180deg, #000 0 74%, transparent 100%);
-webkit-user-drag: none;
user-select: none;
pointer-events: none;
}
/* 用户原 .hero:after 渐变（暖白 → 透明 → 暖白 78%）：把山水带下缘融进纸面/墨面。
只把暖白换成主题令牌（--jgm-haze），角度/停靠点/透明度一字未改。 */
.jh-m-page.jgm-home .hero:after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
rgba(var(--jgm-haze), 0.08),
transparent 38%,
rgba(var(--jgm-haze), 0.78)
);
pointer-events: none;
}
/* 设计图 hero 下缘那道「云纹双细线 + 中心花饰」装饰带（实测 y320~336，页宽贯通）。
交付包无此素材 → 按设计图形状内联 SVG 描线（只做装饰线，不占布局高度）。 */
.jh-m-page.jgm-home .hero-band {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4.1vw;
background: var(--jgm-band);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% 100%;
opacity: 0.95;
pointer-events: none;
z-index: 4;
}
/* ── 3a. 仪盘（设计图实测：外径 164、top 26、圆心 (195,108)；顶针 x=195 y0→108）
分层结构照用户 mobile-home.css 的 .orbit / .bagua / .grid / .glow / .taiji 五层；
分层旋转照用户指令（见下 .jgm-w-* 各条）。**不旋转整张图**，山水/建筑静止。── */
.jh-m-page.jgm-home .wheel {
position: absolute;
z-index: 2;
top: 6.67vw; /* 设计图实测 26/390 */
left: 50%;
width: 42.05vw; /* 设计图实测 164/390 */
aspect-ratio: 1;
transform: translateX(-50%);
pointer-events: none;
}
/* 顶部竖针：设计图实测一条发丝金线，从页面最顶(y0)垂到仪盘圆心(y108)，
中部一枚菱形花饰。放在仪盘外层（**不参与任何旋转**）。 */
.jh-m-page.jgm-home .wheel .needle {
position: absolute;
left: 50%;
bottom: 50%; /* 圆心高度 */
width: 1px;
/* 设计图实测：针从页面最顶 y0 垂到圆心 y108 → 高 108/390 = 27.7vw */
height: 27.7vw;
transform: translateX(-50%);
background: linear-gradient(180deg, transparent 0, var(--jgm-wline) 30%, var(--jgm-wline) 100%);
}
.jh-m-page.jgm-home .wheel .needle i {
position: absolute;
top: 44%; /* 设计图菱形花饰 ≈ y47 */
left: 50%;
width: 4px;
height: 4px;
margin-left: -2px;
border: 1px solid var(--jgm-wline);
transform: rotate(45deg);
}
.jh-m-page.jgm-home .wheel .needle i:last-child {
top: 76%; /* 设计图：针与仪盘外环相交处 y26 一枚细环 */
width: 7px;
height: 7px;
margin-left: -3.5px;
border-radius: 50%;
transform: none;
}
/* 分层：每层各一块