@import url("../tokens.css");
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--space-md))}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.75}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{white-space:nowrap}h1,h2,h3{font-family:var(--font-display);line-height:1.08;overflow-wrap:anywhere;min-width:0;margin:0}p{max-width:70ch}.skip{position:fixed;left:var(--space-sm);top:-6rem;z-index:999;background:var(--color-light);padding:var(--space-xs) var(--space-sm);border:2px solid var(--color-ink)}.skip:focus{top:var(--space-sm)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.promo{min-height:2rem;background:var(--color-berry);color:var(--color-light);display:flex;align-items:center;justify-content:center;padding:var(--space-3xs) var(--space-sm);font-size:var(--text-xs);font-weight:700;text-align:center}.mast{position:sticky;top:0;z-index:var(--z-nav);background:var(--color-forest-dark);color:var(--color-light);border-bottom:4px solid var(--color-orange)}.navrow{max-width:1400px;min-height:var(--nav-h);margin:auto;padding:var(--space-2xs) clamp(var(--space-sm),4vw,var(--space-xl));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-md)}.brand{display:flex;align-items:center;gap:var(--space-xs);font-weight:700;line-height:1}.brandmark{width:2.75rem;height:2.75rem;display:grid;place-items:center;background:var(--color-orange);color:var(--color-orange-ink);border:2px solid var(--color-light);clip-path:polygon(0 0,82% 0,100% 22%,100% 100%,18% 100%,0 78%);font-family:var(--font-display);font-size:var(--text-xl)}.brand small{display:block;margin-top:var(--space-3xs);color:var(--color-cyan);font-size:.64rem;letter-spacing:.12em}.navlinks{justify-self:center;display:flex;align-items:center;gap:var(--space-2xs)}.navlinks a{padding:var(--space-2xs) var(--space-xs);font-size:var(--text-sm);font-weight:700;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--color-yellow);border-color:var(--color-yellow)}.menu{display:none;min-height:2.75rem;padding:var(--space-2xs) var(--space-xs);background:var(--color-paper);color:var(--color-ink);border:2px solid var(--color-orange)}.cta{position:relative;isolation:isolate;overflow:hidden;min-height:3rem;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:var(--space-xs) var(--space-md);background:var(--color-orange);color:var(--color-orange-ink);border:2px solid var(--color-ink);border-radius:var(--radius-sm);box-shadow:4px 4px 0 var(--color-ink);font-weight:800;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.cta::before{content:"";position:absolute;z-index:-1;inset:-70% auto -70% -35%;width:22%;background:var(--color-light);opacity:.55;transform:skewX(-18deg);transition:transform var(--dur-slow) var(--ease-out)}.cta:hover{transform:translateY(-2px);box-shadow:4px 6px 0 var(--color-ink)}.cta:hover::before{transform:translateX(650%) skewX(-18deg)}.cta:active{transform:translateY(2px);box-shadow:2px 2px 0 var(--color-ink)}.cta:disabled,.cta[aria-disabled=true]{opacity:.55;cursor:not-allowed;background:var(--color-paper-muted);box-shadow:none}.hero{max-width:1400px;margin:auto;padding:clamp(var(--space-lg),4vw,var(--space-xl)) clamp(var(--space-sm),4vw,var(--space-xl)) clamp(var(--space-2xl),7vw,var(--space-3xl));display:grid;grid-template-columns:minmax(0,1.28fr) minmax(19rem,.72fr);gap:clamp(var(--space-md),4vw,var(--space-2xl));align-items:start}.media{min-width:0}.mainshot{position:relative;overflow:hidden;aspect-ratio:16/9;border:3px solid var(--color-ink);background:var(--color-ink)}.mainshot img{width:100%;height:100%;object-fit:cover;transform:scale(1.025);animation:hero-breathe 16s var(--ease-in-out) infinite alternate}.mainshot::after{content:"灵魔女档案 · CA-II";position:absolute;left:var(--space-sm);bottom:var(--space-sm);padding:var(--space-2xs) var(--space-xs);background:var(--color-forest-dark);color:var(--color-cyan);border:1px solid var(--color-cyan);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em}.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2xs);margin-top:var(--space-2xs)}.thumbs button{padding:0;border:2px solid transparent;background:var(--color-ink);aspect-ratio:16/9;overflow:hidden;cursor:pointer}.thumbs button:hover,.thumbs button[aria-pressed=true]{border-color:var(--color-berry)}.thumbs button:active{opacity:.78}.thumbs button:disabled{opacity:.55;cursor:not-allowed}.thumbs img{width:100%;height:100%;object-fit:cover}.product{min-width:0}.age{display:inline-block;padding:var(--space-3xs) var(--space-2xs);background:var(--color-danger);color:var(--color-light);font-size:var(--text-xs);font-weight:800}.product h1{font-size:var(--text-display);margin:var(--space-sm) 0 var(--space-xs);letter-spacing:-.035em}.product h1 small{display:block;margin-top:var(--space-xs);font:700 var(--text-base) var(--font-body);letter-spacing:.06em;color:var(--color-ink-soft)}.lede{font-size:var(--text-lg);margin:var(--space-md) 0}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-bottom:var(--space-md)}.tag{padding:var(--space-3xs) var(--space-xs);background:var(--color-paper-raised);border:var(--rule);font-size:var(--text-sm)}.offer{border:3px solid var(--color-ink);background:var(--color-paper-raised)}.offerhead{display:grid;grid-template-columns:6.25rem minmax(0,1fr);gap:var(--space-sm);padding:var(--space-sm)}.cover{width:100%;aspect-ratio:16/9;object-fit:cover;border:var(--rule)}.offerhead b{font-size:var(--text-lg)}.offerhead p{margin:var(--space-3xs) 0;color:var(--color-ink-soft)}.offer .cta{width:calc(100% - var(--space-lg));margin:0 var(--space-sm) var(--space-sm)}.microcopy{border-top:var(--rule);padding:var(--space-xs) var(--space-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-ink-soft)}.ledger{background:var(--color-forest-dark);color:var(--color-light);border-top:4px solid var(--color-cyan);border-bottom:4px solid var(--color-orange)}.facts{max-width:1400px;margin:auto;padding:0 clamp(var(--space-sm),4vw,var(--space-xl));display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.facts div{padding:var(--space-sm);border-right:1px solid var(--color-line)}.facts div:last-child{border-right:0}.facts dt{color:var(--color-cyan);font-size:var(--text-xs)}.facts dd{margin:var(--space-3xs) 0 0;font-weight:700}.section{padding:var(--space-3xl) clamp(var(--space-sm),4vw,var(--space-xl))}.wrap{max-width:1200px;margin:auto}.sectionhead{display:flex;flex-direction:column;gap:var(--space-xs);max-width:70ch;margin-bottom:var(--space-xl)}.sectionhead h2{font-size:clamp(2rem,4.5vw,4rem)}.sectionhead p{margin:0;color:var(--color-ink-soft);font-size:var(--text-lg)}.story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-2xl);align-items:center}.story figure{margin:0;border:3px solid var(--color-ink);background:var(--color-paper-raised);padding:var(--space-2xs);box-shadow:12px 12px 0 var(--color-earth)}.story figure img{aspect-ratio:16/9;object-fit:cover}.story figcaption{padding-top:var(--space-2xs);color:var(--color-ink-soft);font-size:var(--text-sm)}.storytext h2{font-size:clamp(2rem,4vw,3.5rem)}.storytext p{font-size:var(--text-lg)}.mechanics{background:var(--color-paper-muted);border-block:1px solid var(--color-line)}.featurelist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:3px solid var(--color-ink);border-left:3px solid var(--color-ink)}.feature{position:relative;padding:var(--space-lg);background:var(--color-paper-raised);border-right:3px solid var(--color-ink);border-bottom:3px solid var(--color-ink);transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.feature:hover{transform:translateY(-3px);background:var(--color-light)}.feature .count{color:var(--color-berry);font-weight:800;font-size:var(--text-xs)}.feature h3{margin:var(--space-xs) 0;font-size:var(--text-2xl)}.feature p{margin:0}.metric{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-forest)}.galleryband{background:var(--color-ink);color:var(--color-light)}.galleryband .sectionhead p{color:var(--color-paper-muted)}.gallerygrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-sm)}.gallerygrid figure{grid-column:span 4;margin:0}.gallerygrid figure:first-child{grid-column:span 8}.galleryopen{display:block;width:100%;padding:0;border:2px solid var(--color-paper-muted);background:var(--color-forest-dark);aspect-ratio:16/9;overflow:hidden;cursor:zoom-in}.galleryopen img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-med) var(--ease-out)}.galleryopen:hover img{transform:scale(1.025)}.galleryopen:active{opacity:.78}.galleryopen:disabled{opacity:.55;cursor:not-allowed}figcaption{padding-top:var(--space-2xs);color:var(--color-cyan);font-size:var(--text-sm)}.guidecards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.guidecard{display:block;padding:var(--space-md);background:var(--color-paper-raised);border:2px solid var(--color-ink);box-shadow:5px 5px 0 var(--color-forest);transition:transform var(--dur-fast) var(--ease-out)}.guidecard:hover{transform:translateY(-3px)}.guidecard:active{transform:translateY(2px)}.guidecard b{display:block;font:700 var(--text-xl) var(--font-display);margin-bottom:var(--space-2xs)}.guidecard span{display:block;white-space:normal;color:var(--color-ink-soft)}.suitability{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--space-xl);align-items:start}.quote{padding:var(--space-lg);background:var(--color-forest-dark);color:var(--color-light);border:3px solid var(--color-ink)}.quote h2{font-size:var(--text-3xl)}.quote p{color:var(--color-paper-muted)}.fitlist{display:grid;gap:var(--space-sm)}.fit{display:grid;grid-template-columns:2.8rem minmax(0,1fr);gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-ink)}.fit strong{display:grid;place-items:center;width:2.8rem;height:2.8rem;background:var(--color-yellow);border:2px solid var(--color-ink);font-family:var(--font-display)}.fit b{display:block}.fit p{margin:var(--space-3xs) 0 0;color:var(--color-ink-soft)}.finalcta{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.55fr);gap:var(--space-xl);align-items:center;padding:var(--space-xl);background:var(--color-forest);color:var(--color-light);border:3px solid var(--color-ink);clip-path:polygon(0 0,96% 0,100% 24%,100% 100%,4% 100%,0 76%)}.finalcta h2{font-size:clamp(2rem,4vw,3.75rem)}.finalpanel{background:var(--color-paper);color:var(--color-ink);padding:var(--space-md);border:3px solid var(--color-ink)}.finalpanel .cta{width:100%}.finalpanel p{font-size:var(--text-sm);color:var(--color-ink-soft)}.faq{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:var(--space-xl)}.faq h2{font-size:var(--text-3xl)}details{border-top:2px solid var(--color-ink);padding:var(--space-sm) 0}summary{cursor:pointer;white-space:normal;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-weight:800;list-style:none}summary::after{content:"+";color:var(--color-berry);font-size:var(--text-xl)}details[open] summary::after{content:"−"}.answer{padding:var(--space-2xs) var(--space-lg) 0 0;color:var(--color-ink-soft)}.pagehero{background:var(--color-forest-dark);color:var(--color-light);padding:var(--space-xl) clamp(var(--space-sm),4vw,var(--space-xl)) var(--space-2xl);border-bottom:4px solid var(--color-orange)}.pagehero .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-lg);align-items:end}.pagehero h1{font-size:clamp(2.35rem,6vw,5.4rem);max-width:16ch}.pagehero p{color:var(--color-paper-muted);font-size:var(--text-lg)}.crumb{color:var(--color-cyan);font-size:var(--text-sm);margin-bottom:var(--space-sm)}.tabs{display:flex;align-items:center;gap:var(--space-2xs);flex-wrap:wrap;margin-bottom:var(--space-lg)}.tab{min-height:2.75rem;padding:var(--space-2xs) var(--space-sm);background:var(--color-paper-raised);border:2px solid var(--color-ink);cursor:pointer}.tab:hover,.tab[aria-pressed=true]{background:var(--color-forest);color:var(--color-light)}.tab:active{transform:translateY(2px)}.tab:disabled{opacity:.55;cursor:not-allowed}.prose{max-width:70ch}.prose h2{font-size:var(--text-3xl);margin:var(--space-2xl) 0 var(--space-sm)}.prose h3{font-size:var(--text-xl);margin:var(--space-lg) 0 var(--space-2xs)}.prose li{margin:var(--space-2xs) 0}.toc{display:grid;gap:var(--space-2xs);padding:var(--space-md);background:var(--color-paper-raised);border:2px solid var(--color-ink)}.toc a{text-decoration:underline;text-decoration-color:var(--color-berry);text-underline-offset:2px}.route{border-left:4px solid var(--color-forest);padding-left:var(--space-md);margin:var(--space-lg) 0}.route h3{margin-top:0}.checklist{padding:var(--space-md);background:var(--color-paper-muted);border:var(--rule)}.steps{counter-reset:step;display:grid;gap:var(--space-sm)}.step{counter-increment:step;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:var(--rule)}.step::before{content:counter(step);display:grid;place-items:center;width:2.75rem;height:2.75rem;background:var(--color-yellow);border:2px solid var(--color-ink);font-weight:800}.platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.platform{padding:var(--space-lg);background:var(--color-paper-raised);border:3px solid var(--color-ink)}.platform.recommended{box-shadow:8px 8px 0 var(--color-orange)}.platform .cta{width:100%;margin-top:var(--space-sm)}.status{display:inline-block;padding:var(--space-3xs) var(--space-2xs);background:var(--color-forest);color:var(--color-light);font-size:var(--text-xs)}.requirements{width:100%;border-collapse:collapse;background:var(--color-paper-raised);border:2px solid var(--color-ink)}.requirements th,.requirements td{text-align:left;padding:var(--space-xs);border-bottom:var(--rule);vertical-align:top}.requirements th{width:30%;color:var(--color-forest)}.footer{background:var(--color-ink);color:var(--color-light);padding:var(--space-xl) clamp(var(--space-sm),4vw,var(--space-xl)) var(--space-3xl)}.footstatement{max-width:1200px;margin:auto;font:700 clamp(2rem,5vw,4.5rem) var(--font-display);padding-bottom:var(--space-lg);border-bottom:3px solid var(--color-orange)}.footgrid{max-width:1200px;margin:var(--space-lg) auto 0;display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:var(--space-xl)}.footgrid p{color:var(--color-paper-muted)}.footgrid h3{font:700 var(--text-sm) var(--font-body);color:var(--color-cyan);margin-bottom:var(--space-xs)}.footlinks{display:grid;gap:var(--space-2xs)}.footlinks a:hover{color:var(--color-orange)}.legal{max-width:1200px;margin:var(--space-lg) auto 0;padding-top:var(--space-sm);border-top:1px solid var(--color-line);display:flex;justify-content:space-between;gap:var(--space-sm);color:var(--color-paper-muted);font-size:var(--text-xs)}.mobilecta{display:none}.lightbox{width:min(96vw,1200px);border:0;padding:0;background:var(--color-ink);color:var(--color-light)}.lightbox::backdrop{background:var(--color-overlay)}.lightbox img{width:100%;max-height:78vh;object-fit:contain}.lightbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs)}.iconbtn{min-height:2.75rem;padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-light);background:var(--color-ink);color:var(--color-light)}.iconbtn:hover{background:var(--color-forest-dark)}.iconbtn:active{opacity:.78}.iconbtn:disabled{opacity:.55;cursor:not-allowed}.hidden{display:none!important}@keyframes hero-breathe{to{transform:scale(1.05)}}
@media(max-width:900px){.navlinks{display:none;position:absolute;top:100%;left:0;right:0;padding:var(--space-sm);background:var(--color-forest-dark);border-bottom:4px solid var(--color-orange);flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{text-align:center}.navrow>.cta{display:none}.menu{display:block;justify-self:end}.hero{grid-template-columns:minmax(0,1fr)}.facts{grid-template-columns:repeat(3,minmax(0,1fr))}.story,.suitability,.faq,.finalcta,.pagehero .wrap,.platforms{grid-template-columns:minmax(0,1fr)}.gallerygrid figure,.gallerygrid figure:first-child{grid-column:span 6}.footgrid{grid-template-columns:minmax(0,1fr)}.mobilecta{position:fixed;z-index:290;left:var(--space-xs);right:var(--space-xs);bottom:var(--space-xs);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-2xs);background:var(--color-paper-raised);border:2px solid var(--color-ink);box-shadow:5px 5px 0 var(--color-ink)}.mobilecta small{display:block;color:var(--color-ink-soft)}.footer{padding-bottom:7rem}}
@media(max-width:600px){.brand small{display:none}.hero{padding-top:var(--space-sm)}.product h1{font-size:clamp(2.3rem,14vw,4rem)}.offerhead{grid-template-columns:5.5rem minmax(0,1fr)}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.featurelist,.guidecards{grid-template-columns:minmax(0,1fr)}.feature{padding:var(--space-md)}.gallerygrid figure,.gallerygrid figure:first-child{grid-column:span 12}.section{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.legal{display:block}.mobilecta>div{display:none}.mobilecta .cta{width:100%}.pagehero .cta{justify-self:start}.requirements{font-size:var(--text-sm)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.mainshot img{transform:none}}