/* Desktop implementation of the approved 1920 × 1080 compositions. */
:root{--desktop-gutter:clamp(24px,4vw,80px);--gold:#efd098;--serif:"STZhongsong","Noto Serif SC","Songti SC","SimSun",serif}
body{padding:0;background:#11091b;font-size:16px}.site-wrap{width:100%;max-width:none;margin:0;box-shadow:none;background:linear-gradient(#120a1d55,#120a1d88),url('/static/landscape.webp') center bottom/cover fixed}.site-wrap:before{opacity:.25}.header{height:84px;min-height:84px;padding:12px var(--desktop-gutter);background:#140b20a6;border-bottom:1px solid #caa87566}.brand{font-size:34px;gap:18px}.brand-moon{font-size:62px}.header nav{gap:30px;align-items:center;font-size:17px}.header .desktop-nav{display:inline-flex}.header a:hover,.header .current{color:var(--gold)}.header-steps{position:absolute;left:35%;right:32%;top:16px}.header-steps .steps{padding:0;max-width:none}.header-steps .steps li{flex-direction:row;justify-content:center;gap:12px;font-size:22px}.header-steps .steps li:before{left:-17%;right:83%}.header-steps .steps li>span{width:39px;height:39px;font-size:25px}.page-payment .header .back-link,.page-payment .header nav>a[href='/reports']{display:none}.footer{padding:12px 24px;font-size:12px;background:#10091988;border-top:1px solid #9f7a9b33;display:flex;align-items:center;justify-content:center;gap:28px;min-height:44px}.footer>p{margin:0}.page-home .footer{padding-bottom:12px}.sticky-home{display:none}.btn{min-height:46px}.ornate-section{border:13px solid transparent;border-image:url('/static/pc-frame.webp') 23 stretch;border-radius:0;background:linear-gradient(120deg,#130b1ee8,#1a1025d9);box-shadow:none}.ornate-section:before,.ornate-section:after{display:none}.section-title h2{font-size:30px}.section-subtitle{font-size:16px;margin:5px 0 18px}.section-title{gap:16px}.section-title:before,.section-title:after{max-width:95px}.page-home .site-wrap{background:linear-gradient(#12091d55,#12091d55),url('/static/landscape.webp') center bottom/cover}.page-home .header{position:absolute;left:0;right:0;top:0;background:transparent;border:0;padding:15px 11%;height:75px;min-height:75px}.page-home .header nav{margin-right:auto;margin-left:150px;gap:40px;font-size:18px}.page-home .header .current{border-bottom:2px solid #f7c1a4;text-shadow:0 0 18px #ff4e9d;padding-bottom:9px}.hero{height:455px;padding:80px 0 0 11%;background:linear-gradient(90deg,#0c0710aa,transparent 60%),url('/static/hero.webp') center 49%/cover}.hero-art{inset:65px 0 0 49%;background:url('/static/pc-hero-art.webp') center/100% 100% no-repeat;mask-image:linear-gradient(90deg,transparent,#000 8%);opacity:1}.hero:after{background:linear-gradient(0deg,#12091d,transparent 6%);inset:0}.hero-copy{max-width:750px}.hero-copy h1{font-size:76px;line-height:1.16;letter-spacing:3px}.hero-copy h1 em{font-size:72px}.hero-copy>p{max-width:none;font-size:23px;margin-top:12px}.hero-note{font-size:17px;line-height:1.9;letter-spacing:2px;margin:22px 0 0 7px}.hero-action{left:23.3%;right:auto;bottom:28px;width:440px}.hero-action .btn{font-size:22px;padding:12px 14px}.hero-action>p{font-size:16px;margin-top:10px}.home-workspace{display:grid;grid-template-columns:minmax(0,1.57fr) minmax(0,1fr);gap:18px;margin:0 28px}.home-workspace>form{min-width:0}.topic-section,.benefits{margin:0;padding:5px 10px 10px;height:100%}.topics{grid-template-columns:1.1fr 1fr 1fr;gap:18px;margin:14px 0 17px}.topic-inner{height:151px;padding:75px 18px 12px;border-radius:14px;transition:box-shadow .25s,transform .25s}.topic h3{font-size:25px}.topic p{font-size:13px;white-space:nowrap;line-height:1.6}.topic .round-arrow{display:grid;width:33px;height:33px;font-size:24px;position:absolute;right:13px;bottom:15px}.topic-inner>div{max-width:calc(100% - 8px)}.topic-love .topic-inner{background:linear-gradient(0deg,#13091df5 0%,#13091d66 40%,transparent 85%),url('/static/pc-topic-love.webp') center top/100% 68% no-repeat,#150b20}.topic-career .topic-inner{background:linear-gradient(0deg,#13091df5 0%,#13091d66 40%,transparent 85%),url('/static/pc-topic-career.webp') center top/100% 68% no-repeat,#150b20}.topic-self .topic-inner{background:linear-gradient(0deg,#13091df5 0%,#13091d66 40%,transparent 85%),url('/static/pc-topic-self.webp') center top/100% 68% no-repeat,#150b20}.question-panel{padding:10px 17px 9px;border-radius:16px;background:linear-gradient(115deg,#44304caa,#33223d99)}.question-label{margin-bottom:7px}.question-label label{font-size:23px}.question-label small{font-size:12px}.question-input-wrap{position:relative}.question-input-wrap textarea{height:55px;min-height:55px;resize:vertical;font-size:17px;padding:10px 16px 15px}.question-input-wrap #char-count{position:absolute;right:12px;bottom:3px;color:#76607f;font-size:12px;pointer-events:none}.question-meta{display:none}.question-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:9px}.question-chips{margin:0;gap:9px}.question-chips button{font-size:12px;padding:6px 14px}.begin-btn{width:auto;flex-shrink:0;margin:0;padding:8px 21px;font-size:17px;min-height:44px}.mobile-free-note{display:none}.benefits .section-title h2{font-size:27px}.benefits .section-title:before,.benefits .section-title:after{max-width:40px}.benefits .section-subtitle{font-size:14px;margin-bottom:10px}.benefit-content{display:grid;grid-template-columns:1.18fr 1fr;gap:22px;align-items:start}.benefit-grid{grid-template-columns:1fr;gap:10px}.benefit-grid article{min-height:66px;padding:8px 12px;gap:14px;border-color:#d8b88144;border-radius:10px}.benefit-icon{width:44px;font-size:40px}.benefit-grid h3{font-size:18px;white-space:nowrap}.benefit-grid h3 b{font-size:24px;display:inline;margin-right:6px}.benefit-grid p{font-size:12px;margin-top:2px;white-space:nowrap}.report-preview{padding:12px 0 0;display:flex;flex-direction:column;gap:12px;min-height:0;background:none}.report-book{width:180px;padding:7px 12px;transform:rotate(-8deg);box-shadow:9px 5px 0 #ceb1c3,16px 9px 0 #6a4d6588,0 10px 30px #0008;border-width:3px}.report-book h3{font-size:20px}.report-book .tarot-card{height:140px;border-radius:4px;box-shadow:none}.preview-copy h3{font-size:21px;white-space:nowrap;letter-spacing:-1px;margin-bottom:5px;color:var(--cream)}.preview-copy>p:not(.muted){font-size:12px;line-height:1.85}.sample-label{font-size:9px}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:12px 8% 0;min-height:125px}.journey{padding:0;margin:0;display:block;border:0;border-image:none;background:none}.journey>h2{text-align:center;font-size:21px;color:var(--gold);margin-bottom:9px}.journey-flow{display:flex;align-items:center;justify-content:space-between;gap:10px}.journey-flow>div{display:flex;gap:14px;align-items:center}.journey h3{font-size:20px;text-align:left;margin:0}.journey p{font-size:12px;margin-top:3px}.journey-icon{width:58px;height:58px;font-size:35px}.journey-star{font-size:16px}.faq-section{padding:0;background:none}.faq-section .section-title{margin:0 0 5px}.faq-section .section-title h2{font-size:23px}.faq-section details{padding:4px 15px;margin:5px 0;font-size:13px;border-radius:8px}.faq-section details>p{font-size:12px}.page-home .footer{margin-top:0}
/* Shared card art is taken directly from the approved payment composition. */
.tarot-card{background-size:100% 100%;background-position:center;border:1px solid #e2ba7b;box-shadow:0 0 0 3px #160c20,0 0 0 4px #d4b57d88,0 5px 20px #0008}.art-lovers{background-image:url('/static/pc-lovers.webp')}.art-moon{background-image:url('/static/pc-moon.webp')}.art-star{background-image:url('/static/pc-star.webp')}.reversed{transform:none}.spread-card .tarot-card{aspect-ratio:232/365}.payment-body{padding:24px 28px 16px;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:44px;min-height:calc(100vh - 128px);background:none}.payment-body:before{inset:-84px -28px -16px;height:auto;background:linear-gradient(90deg,#140b2050,#140b20bb),url('/static/landscape.webp') center/cover;mask-image:none;opacity:.8}.payment-visual{min-width:0;padding:0 38px;position:relative}.payment-visual>.steps{display:none}.payment-heading{padding:10px 0 16px}.payment-heading h1{font-size:76px;line-height:1.35;letter-spacing:2px}.payment-heading>p{font-family:var(--serif);font-size:28px;margin-top:2px;letter-spacing:2px}.payment-visual>.question-echo{margin:0 0 15px;padding:5px;border:0}.payment-body .spread{gap:42px;padding:6px 25px 20px}.payment-body .spread-card{width:30%;max-width:266px}.payment-body figcaption{margin-top:16px}.payment-body figcaption strong{font-size:27px;padding:3px}.payment-body figcaption small{font-size:18px;margin-top:2px}.quote-panel{margin:7px 0 0;padding:27px 40px 23px;background:linear-gradient(110deg,#39213f88,#1c1229aa),url('/static/landscape.webp') center/cover;min-height:150px}.quote-panel p{font-size:29px;max-width:760px}.ribbon{font-size:17px;top:0;left:12px}.quote-mark{left:35px;font-size:80px}.quote-end{font-size:80px}.payment-details{min-width:0;padding:10px 19px 12px;border:14px solid transparent;border-image:url('/static/pc-frame.webp') 23 stretch;background:#120a1de8}.unlock-panel{padding:0;border:0;border-image:none;background:transparent}.unlock-panel .section-title h2{font-size:37px;white-space:nowrap}.unlock-panel .section-title>span{font-size:46px}.unlock-panel .section-title:before,.unlock-panel .section-title:after{display:none}.unlock-panel .section-subtitle{font-size:18px;margin:0 0 20px}.unlock-grid{grid-template-columns:1fr 1.25fr;gap:30px;min-height:300px}.unlock-list{grid-column:2;grid-row:1}.unlock-list li{gap:15px;margin-bottom:18px}.unlock-list li:last-child{margin-bottom:0}.unlock-list li>span{width:48px;height:48px;font-size:27px;border-width:1px}.unlock-list h3{font-size:21px;white-space:nowrap}.unlock-list p{font-size:14px;line-height:1.6}.locked-report{grid-column:1;grid-row:1;height:318px;min-height:0;transform:none;box-shadow:-12px 13px 0 #96788a99;background:url('/static/pc-report-cover.webp') center/100% 100%;border-radius:6px;margin:0;padding:0}.locked-report>*{visibility:hidden}.price-panel{margin:23px 0 8px;padding:10px 32px;min-height:169px;background:linear-gradient(110deg,#281731aa,#29162a55),url('/static/landscape.webp') right center/cover}.price-panel h3{font-size:22px}.price{font-size:79px;margin:0;line-height:1.1}.price small{font-size:42px}.price-panel .muted{font-size:17px}.price-compass{width:130px;height:130px}.price-compass:before{font-size:85px}.price-compass:after{inset:37px;font-size:30px}.payment-methods{gap:18px;margin-bottom:12px}.payment-methods legend{font-size:20px;margin-bottom:6px}.payment-methods label{padding:8px 15px;font-size:20px;gap:14px;border-radius:10px}.payment-methods input{width:25px;height:25px}.pay-icon{width:35px;height:35px}.agreement{font-size:14px;gap:10px}.agreement input{width:22px;height:22px}.demo-notice{padding:7px 10px;margin:10px 0 8px;font-size:11px;line-height:1.5;border-radius:7px}.demo-notice>p{display:none}.demo-notice .agreement{font-size:11px;line-height:1.6}.demo-notice .agreement input{width:15px;height:15px}.payment-assurance{padding:0;border:0;margin:7px 0;font-size:11px}.pay-bottom{position:static;margin:0;padding:0;border:0;background:none;backdrop-filter:none}.pay-bottom>div{display:none}.pay-bottom .btn{flex:1;border-radius:14px;padding:12px 10px;font-size:24px;min-height:61px}.payment-details>p.tiny{display:none}
/* Report: the spread and core message on the left, three readings on the right. */
.page-result .site-wrap{background:linear-gradient(#140a2077,#140a2088),url('/static/landscape.webp') center/cover fixed}.page-result .header{height:140px;align-items:flex-start;padding-top:35px;background:linear-gradient(#140a2022,#140a2000);border:0}.page-result .header:after{content:'在星光下，看见更真实的自己';position:absolute;left:calc(var(--desktop-gutter) + 80px);top:85px;font:16px var(--serif);letter-spacing:3px;color:#c6adc9}.page-result .header nav{background:#130a1de8;border:1px solid #c7a37788;border-radius:25px;padding:10px 24px;gap:30px}.page-result .header .back-link{display:none}.result-page{max-width:none;margin:0;padding:20px 80px 16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 22px;position:relative}.result-page:before{inset:-140px 0 0;opacity:.9;mask-image:linear-gradient(90deg,#000,transparent 8%,transparent 92%,#000)}.result-board,.report-body{min-width:0;padding:18px 18px 0;background:#120b1eea}.result-intro{display:flex;flex-direction:column}.result-hero{padding:0;text-align:center;min-height:0;width:100%}.result-hero:before{display:none}.result-hero h1{font-size:44px;line-height:1.5;white-space:nowrap}.result-hero h1 br{display:none}.result-hero h1 em{font-size:44px}.result-hero>p{font-size:16px;margin:4px 0 13px}.result-hero>p br{display:none}.result-hero .unlocked{margin:8px 0;order:1}.result-hero{display:flex;flex-direction:column}.result-hero h1{order:0}.result-hero>p{order:0}.result-intro>.question-echo{margin:0 0 15px;border:0;padding:5px;gap:20px}.result-intro>.question-echo>p{font-size:26px}.result-intro>.question-echo>span{font-size:21px}.result-page .spread{padding:6px 25px 0;gap:42px;width:100%}.result-page .spread-card{width:30%;max-width:230px}.result-page figcaption{margin-top:12px}.result-page figcaption strong{font-size:24px}.result-page figcaption small{font-size:16px}.result-summary{border:0;border-top:1px solid #b8956344;border-image:none;margin:17px -18px 0;padding:12px 12px 18px;background:linear-gradient(90deg,#3b233e66,transparent)}.result-summary h2{font-size:23px}.result-summary h3{font-size:28px;margin:7px 0}.result-summary p{font-size:14px}.report-body{padding:0 20px 0}.report-tabs{gap:20px;margin:0;justify-content:space-between}.report-tabs a{padding:10px 27px;font-size:21px;flex:1;text-align:center;white-space:nowrap}.report-tabs a.active{background:linear-gradient(90deg,transparent,#ff328b25,transparent);border-radius:40px 40px 0 0}.report-overview{padding:8px 0;font-size:12px;display:none}.analysis-section{padding:12px 0 3px}.analysis-section>h2{font-size:22px;margin-bottom:8px;gap:20px}.analysis-section>h2>span{font-size:42px}.analysis-grid{grid-template-columns:29% 1fr;gap:24px;padding:0 0 0 10px}.analysis-image{aspect-ratio:1.47;width:100%;height:auto;background-size:cover}.analysis-image.art-lovers{background-image:url('/static/pc-analysis-lovers.webp')}.analysis-image.art-moon{background-image:url('/static/pc-analysis-moon.webp')}.analysis-image.art-star{background-image:url('/static/pc-analysis-star.webp')}.analysis-grid h3{font-size:23px;margin-bottom:5px}.analysis-grid p{font-size:14px;line-height:1.85;margin-bottom:5px}.analysis-grid blockquote{font-size:20px;padding:6px 18px;margin:8px 0 0;line-height:1.4}.analysis-grid blockquote br{display:none}.keyword{font-size:12px;margin-top:2px}.action-panel{grid-column:1/-1;margin:0 345px 0 0;padding:8px 12px;display:flex;gap:16px;align-items:center;min-height:106px}.action-panel>h2{font-size:19px;max-width:190px;min-width:170px;margin:0}.action-panel ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1}.action-panel li{padding:7px 10px;gap:12px;margin:0;align-items:center}.action-panel h3{font-size:15px}.action-panel li p{font-size:11px;line-height:1.6}.action-panel details{display:none}.result-buttons{position:absolute;right:80px;bottom:16px;display:flex;flex-direction:column;gap:8px;margin:0;width:300px}.result-buttons .btn{padding:6px 10px;min-height:44px;font-size:19px}.result-buttons .btn-outline{order:0;background:var(--pink);color:white;border-color:#ffabd1}.result-buttons .btn:last-child{background:#160c20;color:var(--gold);border-color:var(--gold)}.result-page>p.tiny{grid-column:1/-1;margin:0;font-size:10px;display:none}.page-result .footer{min-height:32px;padding:5px 20px;font-size:11px}
/* Draw table. */
.draw-header-label{display:flex;align-items:center;gap:24px;color:#a892b4;font-size:17px}.draw-header-label i{width:65px;height:1px;background:#b4946055}.draw-header-label b{color:var(--gold);font-weight:400}.draw-header-label>span{color:var(--gold)}.draw-page{position:relative;isolation:isolate;min-height:calc(100vh - 128px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:4vw;align-items:center;padding:35px 7%;background:linear-gradient(90deg,#160c22a8,#160c2255),url('/static/landscape.webp') center/cover;overflow:hidden}.draw-intro{position:relative;z-index:2;max-width:650px}.draw-intro .eyebrow{text-align:left;font-size:13px;letter-spacing:6px}.draw-intro h1{font-size:52px;line-height:1.5}.draw-intro h1 em{font-size:57px}.draw-intro .section-subtitle{text-align:left;font-size:18px;margin:16px 0}.draw-emblem{font:100px/1 Georgia;color:var(--gold);margin:18px 0 20px;text-shadow:0 0 45px #e8aa5b99}.draw-emblem>span{font-size:55px;vertical-align:top;margin-left:10px}.draw-page .question-echo{justify-content:flex-start;flex-wrap:wrap;margin:25px 0;border:1px solid #b2976944;border-radius:12px;padding:15px;background:#170c2288}.draw-page .question-echo>p{font-size:20px}.draw-page .question-echo>span{font-size:15px}.draw-slots{display:flex;gap:20px;margin:20px 0}.draw-slots>span{border:1px dashed #aa8c6b77;width:105px;height:100px;border-radius:10px;display:grid;place-content:center;text-align:center;font:30px Georgia;color:#ad8a69;transition:.4s}.draw-slots small{font:13px var(--sans);display:block;margin-top:10px;color:var(--muted)}.draw-slots .filled{color:var(--gold);border:1px solid var(--gold);background:#7d3e6c66;box-shadow:0 0 20px #df92c333}.draw-instruction{color:#d6bfd9;font-size:15px;margin-bottom:14px}.shuffle-btn{border:1px solid #c5a37388;background:#190e25aa;border-radius:30px;color:var(--gold);padding:8px 25px;cursor:pointer}.deck-stage{position:relative;padding:15px 25px;perspective:1400px}.card-deck{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:23px;max-width:650px}.card-back{aspect-ratio:1/1.36;border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#673d6a,#21122f 70%);padding:10px;box-shadow:0 6px 20px #0008,0 0 0 4px #d1b17919}.card-moon{font-size:75px}.card-star{font-size:36px;right:22%;top:26%}.card-back-inner{background:radial-gradient(circle at center,#b68a511c,transparent 60%),repeating-conic-gradient(from 0deg,#c99b6c15 0deg 1deg,transparent 1deg 30deg)}.magic-circle{position:absolute;width:710px;height:710px;max-width:100%;aspect-ratio:1;left:50%;top:50%;border:1px solid #f4d5a533;border-radius:50%;transform:translate(-50%,-50%) rotateX(25deg);background:repeating-conic-gradient(#d8b46d13 0deg .5deg,transparent .5deg 30deg);box-shadow:0 0 70px #b95da833,inset 0 0 70px #b95da822;pointer-events:none}.magic-circle:before,.magic-circle:after{content:'';position:absolute;inset:20px;border:1px dashed #efd09a44;border-radius:50%}.magic-circle:after{inset:55px;border-style:solid}.draw-progress{margin-top:18px;font-size:17px}.draw-progress strong{font-size:28px}#draw-form>.btn{max-width:560px;margin:14px auto 0;font-size:22px;padding:11px 20px}#draw-form>.tiny{margin-top:7px;font-size:12px}.reports-page{max-width:1300px;margin:auto;padding:45px 60px}.legal-page{max-width:1100px;margin:35px auto;padding:35px 50px}.empty-state{min-height:70vh}
@media(min-width:1700px) and (min-height:1000px){.home-workspace{min-height:440px}.home-bottom{min-height:125px;margin-top:16px}.page-home .footer{min-height:40px}.payment-body .spread{padding-top:16px}.payment-visual>.question-echo{margin-bottom:18px}.quote-panel{margin-top:18px}.result-page .spread-card{max-width:240px}.result-summary{margin-top:22px;padding-bottom:22px}.analysis-section{padding-top:18px}.analysis-grid p{font-size:16px}.result-page{padding-top:28px}.analysis-grid{gap:26px}.analysis-grid blockquote{font-size:23px}.keyword{font-size:13px}}
@media(max-width:1600px){.page-home .header{padding-left:8%}.page-home .header nav{margin-left:80px}.hero{height:420px;padding-left:8%;padding-top:85px}.hero-copy h1{font-size:61px}.hero-copy h1 em{font-size:57px}.hero-copy>p{font-size:18px}.hero-action{left:24%;width:350px}.hero-action .btn{font-size:17px}.hero-action>p{font-size:13px}.hero-note{font-size:14px}.home-workspace{gap:12px;margin:0 20px;grid-template-columns:1.5fr 1fr}.section-title h2{font-size:25px}.benefits .section-title h2{font-size:23px}.section-subtitle{font-size:13px}.topic-inner{height:140px;padding:70px 12px 12px}.topic h3{font-size:21px}.topic p{font-size:10px}.topic .round-arrow{width:25px;height:25px;font-size:18px;right:8px}.topics{gap:12px}.question-label label{font-size:20px}.question-label small{font-size:10px}.question-controls{gap:8px}.question-chips{gap:6px}.question-chips button{font-size:10px;padding:5px 8px}.begin-btn{font-size:13px;padding:7px 13px}.benefit-content{gap:15px;grid-template-columns:1.15fr 1fr}.benefit-grid h3{font-size:14px}.benefit-grid h3 b{font-size:19px}.benefit-grid p{font-size:10px}.benefit-icon{font-size:32px;width:32px}.benefit-grid article{gap:8px;min-height:58px;padding:7px 8px}.report-book{width:140px}.report-book .tarot-card{height:115px}.report-book h3{font-size:16px}.preview-copy h3{font-size:16px}.preview-copy>p:not(.muted){font-size:10px}.home-bottom{margin-left:5%;margin-right:5%;gap:25px}.journey h3{font-size:17px}.journey p{font-size:11px}.journey-icon{width:48px;height:48px;font-size:29px}.header-steps{left:32%;right:24%}.header-steps .steps li{font-size:18px}.payment-body{gap:22px;grid-template-columns:1.5fr 1fr}.payment-visual{padding:0 18px}.payment-heading h1{font-size:56px}.payment-heading>p{font-size:23px}.payment-body .spread{gap:30px;padding-left:18px;padding-right:18px}.payment-body figcaption strong{font-size:22px}.payment-body figcaption small{font-size:14px}.quote-panel p{font-size:24px}.quote-panel{padding:27px 23px 15px;min-height:130px}.payment-details{padding:8px 10px}.unlock-panel .section-title h2{font-size:28px}.unlock-panel .section-subtitle{font-size:15px;margin-bottom:13px}.unlock-grid{gap:20px;min-height:240px}.locked-report{height:255px}.unlock-list h3{font-size:16px}.unlock-list p{font-size:11px}.unlock-list li{gap:10px;margin-bottom:13px}.unlock-list li>span{width:35px;height:35px;font-size:22px}.price-panel{padding:10px 20px;margin-top:18px;min-height:135px}.price{font-size:65px}.price-panel h3{font-size:18px}.price-panel .muted{font-size:13px}.price-compass{width:100px;height:100px}.price-compass:before{font-size:65px}.price-compass:after{inset:29px;font-size:23px}.payment-methods label{font-size:16px;padding:8px 10px;gap:9px}.agreement{font-size:12px}.pay-bottom .btn{font-size:19px;min-height:52px}.result-page{padding:10px 45px 15px;gap:15px}.page-result .header{height:115px}.result-hero h1,.result-hero h1 em{font-size:32px}.result-hero>p{font-size:13px}.result-intro>.question-echo>p{font-size:21px}.result-intro>.question-echo>span{font-size:16px}.result-page .spread{gap:27px;padding:5px 12px 0}.result-page figcaption strong{font-size:20px}.result-page figcaption small{font-size:13px}.result-summary h2{font-size:19px}.result-summary h3{font-size:23px}.result-summary p{font-size:12px}.report-tabs a{font-size:18px;padding:10px 12px}.analysis-section>h2{font-size:18px;gap:12px}.analysis-section>h2>span{font-size:33px}.analysis-grid{gap:15px;grid-template-columns:29% 1fr;padding-left:5px}.analysis-grid h3{font-size:19px}.analysis-grid p{font-size:12px;line-height:1.8}.analysis-grid blockquote{font-size:17px;padding:6px 10px}.keyword{font-size:10px}.action-panel{margin-right:270px;gap:10px;min-height:94px}.action-panel>h2{font-size:16px;min-width:120px;max-width:130px}.action-panel h3{font-size:12px}.action-panel li p{font-size:10px}.action-panel li{padding:5px;gap:8px}.action-panel li>span{width:29px;height:29px;font-size:22px}.action-panel ol{gap:8px}.result-buttons{right:45px;width:245px;bottom:15px}.result-buttons .btn{min-height:40px;font-size:16px}.draw-intro h1{font-size:40px}.draw-intro h1 em{font-size:44px}.draw-intro .section-subtitle{font-size:16px}.card-deck{gap:18px;max-width:540px}.card-moon{font-size:60px}.card-star{font-size:26px}.draw-page{padding:28px 6%;gap:3vw}.draw-emblem{font-size:75px}.draw-slots>span{height:85px;width:90px}.draw-slots{margin:15px 0}.draw-page .question-echo{margin:18px 0}.draw-header-label{gap:15px;font-size:15px}.draw-header-label i{width:30px}}
@media(max-width:1200px){.brand{font-size:27px}.header nav{gap:18px;font-size:14px}.page-home .header nav{margin-left:40px;gap:25px}.hero-copy h1{font-size:49px}.hero-copy h1 em{font-size:46px}.hero-copy>p{font-size:15px}.hero-action{left:25%;width:300px}.home-workspace{grid-template-columns:1.4fr 1fr;margin:0 12px}.benefit-content{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid h3{white-space:normal;font-size:13px}.benefit-grid p{white-space:normal}.benefits .report-preview{display:none}.benefit-grid article{min-height:130px;flex-direction:column;align-items:flex-start}.question-controls{flex-wrap:wrap}.begin-btn{flex:1}.question-chips{width:100%;justify-content:space-around}.topics{gap:9px}.topic-inner{padding-left:9px}.topic p{white-space:normal;font-size:10px}.topic .round-arrow{display:none}.home-bottom{margin:12px 25px 0;gap:20px}.journey-flow>div{gap:7px}.journey-icon{width:35px;height:35px;font-size:25px}.journey h3{font-size:14px}.journey p{font-size:9px}.payment-heading h1{font-size:42px}.payment-heading>p{font-size:18px}.payment-body{padding:18px;gap:16px;grid-template-columns:1.4fr 1fr}.payment-visual{padding:0 8px}.payment-body .spread{gap:20px;padding:6px 10px 12px}.payment-body figcaption strong{font-size:18px}.payment-body figcaption small{font-size:12px}.unlock-panel .section-title h2{font-size:23px}.unlock-panel .section-title>span{font-size:30px}.unlock-list h3{font-size:13px}.unlock-list p{font-size:10px}.unlock-list li>span{width:27px;height:27px;font-size:18px}.locked-report{height:225px}.unlock-grid{gap:12px;min-height:225px}.price-panel{padding:8px 12px}.price{font-size:58px}.price-panel .muted{font-size:11px}.price-compass{width:80px;height:80px}.price-compass:before{font-size:50px}.price-compass:after{inset:24px;font-size:20px}.payment-methods label{font-size:14px}.pay-icon{width:27px;height:27px;font-size:20px}.wechat{font-size:12px}.payment-methods input{width:18px;height:18px}.agreement{font-size:11px}.pay-bottom .btn{font-size:16px}.result-page{padding:10px 25px 15px}.result-board,.report-body{padding-left:10px;padding-right:10px}.result-hero h1,.result-hero h1 em{font-size:25px}.result-intro>.question-echo>p{font-size:17px}.result-intro>.question-echo>span{font-size:13px}.result-page .spread{gap:18px;padding:5px 10px 0}.result-page figcaption strong{font-size:16px}.result-page figcaption small{font-size:11px}.result-summary h3{font-size:19px}.analysis-grid{gap:12px;grid-template-columns:27% 1fr}.analysis-grid p{font-size:11px}.analysis-grid h3{font-size:17px}.analysis-section>h2{font-size:16px}.report-tabs a{font-size:16px;padding:9px 7px}.keyword{display:none}.action-panel>h2{min-width:90px;max-width:90px;font-size:14px}.action-panel li p{font-size:9px}.action-panel h3{font-size:11px}.action-panel li>span{display:none}.result-buttons{right:25px;width:205px}.action-panel{margin-right:225px}.result-buttons .btn{font-size:14px}.draw-intro h1,.draw-intro h1 em{font-size:34px}.draw-header-label{display:none}.card-back{padding:7px}.card-moon{font-size:48px}.card-star{font-size:22px}.card-ornament{font-size:8px}.draw-slots>span{width:75px;height:75px}.draw-intro .section-subtitle{font-size:14px}.draw-page .question-echo>p{font-size:17px}}
/* Final optical alignment at the reference desktop size. */
.ornate-section,.payment-details{border-image-source:url('/static/pc-frame-clean.webp');border-image-slice:35}.hero{background:linear-gradient(90deg,#10081bdd 0%,#10081b88 37%,transparent 70%),url('/static/landscape.webp') center 40%/cover}.home-workspace .section-subtitle{margin:0 0 8px;line-height:1.5}.topic-section,.benefits{padding-top:0}.topic-section>.section-title{min-height:40px}.topics{margin:10px 0 12px}.home-bottom{min-height:115px}.page-home .site-wrap{background:linear-gradient(#12091dcc,#12091d88),url('/static/landscape.webp') center bottom/cover}.home-workspace .ornate-section{background:#140b20ed}.payment-details{border-image-slice:35}.price-panel{min-height:147px;margin-top:18px;margin-bottom:5px;padding:7px 25px}.unlock-grid{min-height:280px}.locked-report{height:290px}.unlock-panel .section-subtitle{margin-bottom:13px}.payment-heading{padding-bottom:8px}.payment-visual>.question-echo{margin-bottom:8px}.payment-body .spread{padding-top:8px}.payment-body .spread-card{max-width:250px}.quote-panel{margin-top:8px;min-height:135px;padding-top:23px;padding-bottom:15px}.quote-panel p{font-size:28px}.payment-details{padding-top:4px;padding-bottom:8px}.price{font-size:72px}.price-compass{width:112px;height:112px}.price-compass:before{font-size:75px}.price-compass:after{inset:32px;font-size:25px}.result-hero .unlocked{align-self:center;line-height:1.7}.result-page .spread-card{max-width:212px}.result-summary{margin-top:14px;padding:7px 12px 12px}.result-summary h2{font-size:21px;line-height:1.3}.result-summary h3{font-size:25px;margin:5px 0;line-height:1.4}.result-summary p{font-size:13px;line-height:1.5}.analysis-section{padding-top:12px;padding-bottom:1px}.analysis-section>h2{font-size:21px;line-height:1.4}.analysis-section>h2>span{font-size:36px}.analysis-grid p{font-size:14px;line-height:1.8}.analysis-grid h3{font-size:22px}.analysis-grid blockquote{font-size:20px}.analysis-image{aspect-ratio:1.65}.draw-page .card-deck{max-width:520px;gap:20px}.draw-page .card-back{aspect-ratio:1/1.3}.draw-page .card-moon{font-size:62px}.draw-page .card-star{font-size:28px}.draw-page .card-ornament{font-size:9px}.draw-page .deck-stage{padding-top:10px;padding-bottom:10px}.draw-page .magic-circle{width:600px;height:600px}.draw-page #draw-form>.btn{max-width:470px}.page-result .header{background:linear-gradient(#140a2033,#140a2011),url('/static/landscape.webp') center 40%/cover}.page-result .result-page{padding-top:20px}
@media(min-width:1700px) and (min-height:1000px){.home-workspace{min-height:425px}.home-bottom{min-height:115px;margin-top:12px}.result-page .spread-card{max-width:212px}.result-summary{margin-top:14px;padding:7px 12px 12px}.analysis-section{padding-top:12px}.analysis-grid p{font-size:14px}.analysis-grid blockquote{font-size:20px}.payment-body .spread{padding-top:8px}.payment-visual>.question-echo{margin-bottom:8px}.quote-panel{margin-top:8px}}
@media(max-width:1600px){.unlock-grid{min-height:240px}.locked-report{height:255px}.price-panel{min-height:135px}.price{font-size:65px}.result-page .spread-card{max-width:180px}.result-summary h2{font-size:19px}.result-summary h3{font-size:22px}.result-summary p{font-size:12px}.analysis-section>h2{font-size:18px}.analysis-grid h3{font-size:19px}.analysis-grid p{font-size:12px}.analysis-grid blockquote{font-size:17px}.draw-page .card-deck{max-width:440px}.draw-page .card-moon{font-size:50px}.draw-page .card-star{font-size:23px}}
@media(max-width:1200px){.result-hero h1,.result-hero h1 em{font-size:24px}.result-page .spread-card{max-width:145px}.result-summary h3{font-size:18px}.analysis-grid p{font-size:11px}.analysis-grid h3{font-size:17px}.analysis-section>h2{font-size:16px}.unlock-grid{min-height:225px}.locked-report{height:225px}.price{font-size:58px}}
/* Keep the complete reference composition visible in a Full HD viewport. */
.page-home .site-wrap{display:flex;flex-direction:column;min-height:100vh}.page-home #main{flex:1}.benefits .report-book .tarot-card{height:125px}.benefits .sample-label{display:none}.payment-body,.draw-page{min-height:calc(100vh - 130px)}.result-page .spread-card{max-width:192px}.result-page{padding-bottom:12px}.action-panel{min-height:100px}
@media(min-width:1700px) and (min-height:1000px){.result-page .spread-card{max-width:192px}.home-workspace{min-height:425px}}
@media(max-width:1600px){.result-page .spread-card{max-width:180px}.benefits .report-book .tarot-card{height:115px}}
@media(max-width:1200px){.result-page .spread-card{max-width:145px}}
.page-result .header{height:120px;background:linear-gradient(#140a2033,#140a2011)}
.home-bottom{min-height:110px}
@media(min-width:1700px) and (min-height:1000px){.home-bottom{min-height:110px}}
.home-bottom{margin-top:10px}
@media(min-width:1700px) and (min-height:1000px){.home-bottom{margin-top:10px}}
/* Blend the cropped hero artwork into the sky above and beside it. */
.page-home .hero-art {
  mask-image: linear-gradient(90deg, transparent, #000 8%), linear-gradient(180deg, transparent, #000 90px);
  mask-composite: intersect;
}