/* 插画分格与最终排版校准。 */
.result-card,.result-card:nth-child(3n+2),.result-card:nth-child(3n){background:#fffaf1;background-size:auto}
.result-card::before{content:'';position:absolute;inset:0;background:url('assets/card-atlas.webp') 0 0/300% 200%;opacity:.62;pointer-events:none}
.result-card:nth-child(6n+2)::before{background-position:50% 0}
.result-card:nth-child(6n+3)::before{background-position:100% 0}
.result-card:nth-child(6n+4)::before{background-position:0 100%}
.result-card:nth-child(6n+5)::before{background-position:50% 100%}
.result-card:nth-child(6n)::before{background-position:100% 100%}
.result-card>*{position:relative;z-index:1}
.result-card .result-meaning{color:#654a36}
.sample-card,.sample-card:nth-child(2),.sample-card:nth-child(3){background-image:url('assets/card-atlas.webp');background-size:300% 200%;background-position:0 0}
.sample-card:nth-child(2){background-position:50% 0}.sample-card:nth-child(3){background-position:100% 0}
body:has(#payment-view:not([hidden])){background:#a72821 url('assets/hero-art.webp') center/cover fixed}
body:has(#payment-view:not([hidden])) .site-footer{border-color:#e5be8055}
body:has(#payment-view:not([hidden])) .footer-top .brand,body:has(#payment-view:not([hidden])) .footer-top>p,body:has(#payment-view:not([hidden])) .footer-top>div,body:has(#payment-view:not([hidden])) .footer-note{color:#ffdfac}
body:has(#payment-view:not([hidden])) .footer-top .brand-logo{filter:brightness(0) invert(94%) sepia(19%) saturate(404%) hue-rotate(333deg)}
@media(min-width:1101px){.hero-copy{padding-left:22%}.hero::before{background-size:100% 100%;background-position:center}.hero-notes{gap:8px}.hero-notes>span{padding:4px 11px}.hero-description{font-size:15px;letter-spacing:1px}.hero{min-height:720px}.hero-copy{min-height:640px}.name-scroll{right:8px;bottom:36px}}
@media(min-width:781px){.site-header{height:64px}.flow-heading{padding:17px 0 20px;min-height:202px}.flow-heading h1{font-size:40px;line-height:1.5;margin:8px 0}.flow-steps{margin-bottom:8px}.flow-heading>p:not(.eyebrow){margin-bottom:10px;font-size:14px}.result-card{padding:15px 23px 14px}.result-card h2{font-size:43px;line-height:1.4;margin-top:5px}.pinyin{margin-bottom:11px}.result-meaning{min-height:34px;line-height:1.7;margin-bottom:9px}.result-source{margin-bottom:8px}.result-grid{gap:16px 22px}.result-bottom>span{padding:2px 12px}.results-toolbar{margin-bottom:10px}.candidate-progress{margin-bottom:12px}.flow-view{padding-bottom:22px}.site-footer{padding:20px 0 17px}#results-view>.example-note{font-size:9px}.result-card-top{letter-spacing:.5px}}
@media(max-width:780px){.result-card::before{opacity:.48}.sample-card p{color:#654a36}.hero-description{color:#fff3d9;text-shadow:0 1px 3px #882119}.site-header .brand-logo{width:45px;height:40px}}

.name-scope-control{text-align:center;margin:-4px 0 16px;color:#b62f27;font-size:12px}.name-scope-control:has(button[hidden]){display:none}.name-scope-control button{padding:6px 12px;text-decoration:underline;text-underline-offset:4px}