/* Hallmark · macrostructure: Workbench · tone: winter-town storefront · anchor hue: forest
 * nav: N12 announcement + dark sticky bar · footer: Ft1 mast-headed · theme: custom supplied palette
 * pre-emit critique: P4 H5 E4 S5 R5 V4 · display: Chinese Songti · body: Chinese system sans
 */
@import url('tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px;overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:var(--text-body)/1.8 var(--font-body);overflow-x:clip}img{display:block;max-width:100%;height:auto}a{color:var(--color-forest);text-underline-offset:4px}button{font:inherit;cursor:pointer}button,a,summary{ -webkit-tap-highlight-color:var(--color-transparent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}a:active,button:active,summary:active{transform:translateY(1px)}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}button[data-state=loading]{cursor:progress}button[data-state=loading]::after{content:' …'}[data-state=error]{border-color:var(--color-error)}[data-state=success]{border-color:var(--color-success)}[hidden]{display:none!important}h1,h2,h3,h4{font-style:normal;min-width:0;overflow-wrap:anywhere;margin:0;line-height:1.3}h1,h2{font-family:var(--font-display)}h1{font-size:var(--text-display);font-weight:800}h2{font-size:1.7rem}h3{font-size:1.1rem}p{margin:0 0 var(--space-lg)}ul,ol{padding-inline-start:var(--space-xl)}figure{margin:0}section[id]{scroll-margin-top:104px}.wrap{width:min(1200px,100% - 32px);margin:auto}.skip{position:fixed;top:-80px;left:16px;z-index:99;background:var(--color-surface);padding:var(--space-lg)}.skip:focus{top:8px}.notice{background:var(--color-forest-light);color:var(--color-forest);font-size:var(--text-small);text-align:center;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-rule)}.notice strong{margin-inline-end:var(--space-md)}.topbar{position:sticky;top:0;z-index:20;background:var(--color-dark);color:var(--color-paper)}.nav-inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg);padding-block:var(--space-lg)}.brand{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-paper);text-decoration:none;line-height:1}.brand strong{font:700 1.15rem var(--font-display)}.brand small{display:block;color:var(--color-dark-muted);font-size:.63rem;letter-spacing:.15em;margin-top:var(--space-xs)}.brand img{width:32px;height:32px}.nav-links{display:flex;align-items:center;gap:var(--space-xs);width:100%;justify-content:space-between;line-height:1}.nav-links a{color:var(--color-paper);text-decoration:none;font-size:.875rem;padding:var(--space-md) var(--space-sm);white-space:nowrap;border-radius:var(--radius-sm)}.nav-links a[aria-current=page]{background:var(--color-paper);color:var(--color-ink)}.nav-links a:hover{background:var(--color-forest);color:var(--color-paper)}.nav-cta{margin-inline-start:auto}.btn{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-md);min-height:48px;padding:var(--space-md) var(--space-xl);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font-weight:650;text-decoration:none;white-space:nowrap;line-height:1.2;transition:transform var(--dur-fast) var(--ease-out)}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline-color:var(--color-focus)}.btn-small{min-height:40px;padding:var(--space-sm) var(--space-lg);font-size:.875rem}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding-block:var(--space-xl);font-size:var(--text-small);color:var(--color-muted)}.breadcrumb a{white-space:nowrap;text-decoration:none}.hero{padding-block:var(--space-lg) var(--space-2xl)}.page-title{margin-bottom:var(--space-xl)}.page-title .en{display:block;font:500 .95rem var(--font-body);letter-spacing:.12em;color:var(--color-muted);margin-top:var(--space-sm)}.title-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-top:var(--space-md)}.title-meta p{margin:0;color:var(--color-muted)}.label{font-size:.75rem;background:var(--color-forest-light);color:var(--color-forest);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);white-space:nowrap}.product-layout{display:grid;gap:var(--space-xl)}.main-media{background:var(--color-dark);color:var(--color-paper);border-radius:var(--radius-md);overflow:clip}.main-media a{display:block;aspect-ratio:16/9;overflow:clip}.main-media img{width:100%;height:100%;object-fit:contain;transform:scale(1.025)}.main-media:not(:hover):not(:focus-within) img{animation:winter-breathe 14s var(--ease-in-out) infinite alternate}.main-media figcaption{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);font-size:var(--text-small);color:var(--color-paper)}.main-media figcaption span:last-child{color:var(--color-dark-muted)}.thumb-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-sm)}.thumb-strip a{display:block;border:2px solid var(--color-transparent);border-radius:var(--radius-sm);overflow:clip;background:var(--color-dark);color:var(--color-paper)}.thumb-strip a:hover{border-color:var(--color-accent)}.thumb-strip img{width:100%;aspect-ratio:16/9;object-fit:contain}.media-note{margin-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-small)}.product-panel{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:var(--radius-md);overflow:clip}.cover{width:100%;aspect-ratio:460/215;object-fit:contain;background:var(--color-paper-2)}.panel-content{padding:var(--space-xl)}.panel-content h2{font:700 1.25rem var(--font-body);margin-bottom:var(--space-md)}.tag-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-md) 0 var(--space-xl)}.tag{padding:var(--space-xs) var(--space-sm);font-size:.75rem;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-muted)}dl{margin:0}.quick-facts>div{display:flex;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-sm);border-bottom:1px solid var(--color-rule);font-size:.875rem}.quick-facts dt{color:var(--color-muted)}.quick-facts dd{margin:0;text-align:right}.panel-actions{display:grid;gap:var(--space-sm);margin-top:var(--space-xl)}.microcopy{font-size:.75rem;line-height:1.7;color:var(--color-muted);margin-top:var(--space-md)}.condition{color:var(--color-berry);font-size:.75rem;border-top:1px solid var(--color-rule);padding-top:var(--space-md);margin-top:var(--space-lg);margin-bottom:0}.anchor-rail{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:var(--radius-sm);margin-bottom:var(--space-2xl)}.anchor-rail a{padding:var(--space-sm) var(--space-md);font-size:.875rem;color:var(--color-ink);text-decoration:none;white-space:nowrap}.anchor-rail a:hover{color:var(--color-forest);text-decoration:underline}.content-columns{display:grid;gap:var(--space-2xl)}.content-section{margin-bottom:var(--space-3xl)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);border-bottom:2px solid var(--color-ink);padding-bottom:var(--space-md);margin-bottom:var(--space-xl)}.section-head a{font-size:var(--text-small);white-space:nowrap}.prose{max-width:72ch}.lead{font-size:1.05rem;line-height:1.9}.story-strip{border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);padding:var(--space-xl) 0;margin:var(--space-xl) 0}.story-strip h3{color:var(--color-brown);margin-bottom:var(--space-sm)}.feature-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);padding-block:var(--space-xl);border-bottom:1px solid var(--color-rule)}.feature-row img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--color-dark);color:var(--color-paper);border-radius:var(--radius-sm)}.feature-row h3{margin:var(--space-xs) 0 var(--space-sm)}.feature-row p{color:var(--color-muted);margin:0}.info-sheet{padding:var(--space-xl);background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:var(--radius-sm);margin-bottom:var(--space-xl)}.info-sheet h2{font-size:1.4rem;margin-bottom:var(--space-lg)}.fact-list>div{padding:var(--space-md) 0;border-bottom:1px solid var(--color-rule)}.fact-list>div:last-child{border:0}.fact-list dt{font-size:var(--text-small);color:var(--color-muted)}.fact-list dd{margin:var(--space-xs) 0 0;font-weight:550;overflow-wrap:anywhere}.aside-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;border-top:1px solid var(--color-rule);padding-block:var(--space-md);text-decoration:none;white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.gallery-card{min-width:0}.gallery-card a{display:block;background:var(--color-dark);color:var(--color-paper);border-radius:var(--radius-sm);overflow:clip;position:relative}.gallery-card img{width:100%;aspect-ratio:16/9;object-fit:contain}.gallery-card a::after{content:'放大查看';position:absolute;right:8px;bottom:8px;background:var(--color-overlay);color:var(--color-paper);font-size:.7rem;padding:var(--space-xs) var(--space-sm);opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.gallery-card a:hover::after,.gallery-card a:focus-visible::after{opacity:1}.gallery-card figcaption{font-size:var(--text-small);padding-block:var(--space-sm);color:var(--color-muted)}.fit-list{padding:0;list-style:none}.fit-list li{padding:var(--space-lg) 0;border-bottom:1px solid var(--color-rule)}.fit-list strong{display:block;margin-bottom:var(--space-xs)}.fit-list span{color:var(--color-muted)}details{border-bottom:1px solid var(--color-rule)}summary{cursor:pointer;font-weight:600;min-height:48px;padding:var(--space-lg) var(--space-xs);color:var(--color-ink)}details[open] summary{color:var(--color-forest)}details .answer{padding:0 var(--space-xl) var(--space-xl);line-height:1.9}.answer p:last-child{margin-bottom:0}.final-cta{display:grid;gap:var(--space-xl);padding:var(--space-2xl);background:var(--color-forest-light);color:var(--color-ink);border-block:1px solid var(--color-rule);margin:var(--space-xl) 0 var(--space-3xl)}.final-cta h2{font-size:1.7rem;margin-bottom:var(--space-md)}.final-cta p{color:var(--color-muted);margin:0;max-width:65ch}.final-cta .cta-side{display:grid;align-content:center;gap:var(--space-md)}.final-cta small{color:var(--color-muted);font-size:.75rem}.footer{background:var(--color-dark);color:var(--color-paper);padding-block:var(--space-3xl);font-size:var(--text-small)}.footer-mast{display:grid;gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer .footer-logo{font:700 1.5rem var(--font-display);color:var(--color-paper)}.footer p{color:var(--color-dark-muted);margin-bottom:var(--space-sm)}.footer a{color:var(--color-paper);white-space:nowrap;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-nav,.related{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md) var(--space-xl)}.related{padding-block:var(--space-xl);border-block:1px solid var(--color-muted)}.footer .disclaimer{padding-top:var(--space-xl);font-size:.75rem}.mobile-cta{position:fixed;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--color-surface);color:var(--color-ink);padding:var(--space-sm) var(--space-lg);padding-bottom:calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--color-rule);z-index:15;box-shadow:0 -2px 12px var(--color-shadow)}.mobile-cta span{font-size:.875rem;font-weight:700}.mobile-cta small{display:block;font-size:.63rem;color:var(--color-muted);font-weight:400}.mobile-cta .btn{min-height:44px;padding-inline:var(--space-md);font-size:.8125rem}body{padding-bottom:80px}.back-top{position:fixed;right:16px;bottom:88px;z-index:10;width:44px;height:44px;border:1px solid var(--color-rule);border-radius:var(--radius-sm);display:grid;place-items:center;text-decoration:none;background:var(--color-surface);color:var(--color-ink);font-size:1.3rem}.intro{padding-block:var(--space-sm) var(--space-2xl)}.intro h1{margin-bottom:var(--space-lg)}.intro p{max-width:65ch;color:var(--color-muted);margin-bottom:var(--space-md)}.download-card{display:grid;gap:var(--space-xl);padding:var(--space-xl);border:1px solid var(--color-rule);background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-md);margin-bottom:var(--space-2xl)}.download-card .cover{max-width:340px;border-radius:var(--radius-sm)}.download-card h2{margin-bottom:var(--space-md)}.download-card .btn{margin-top:var(--space-lg)}.download-card p{margin:0;max-width:65ch}.step-list{list-style:none;padding:0;counter-reset:steps}.step-list li{counter-increment:steps;display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-lg);padding-block:var(--space-xl);border-bottom:1px solid var(--color-rule)}.step-list li::before{content:counter(steps,decimal-leading-zero);font-weight:700;font-size:1.2rem;color:var(--color-brown)}.step-list h3{margin-bottom:var(--space-sm)}.step-list p{margin:0;color:var(--color-muted)}.requirements{display:grid;gap:var(--space-xl)}.requirements .info-sheet{margin:0}.requirements h3{margin-bottom:var(--space-lg)}.requirements .fact-list dd{font-size:.875rem}.guide-layout{display:grid;gap:var(--space-2xl)}.toc{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-rule);padding:var(--space-xl);align-self:start}.toc h2{font:700 1rem var(--font-body);margin-bottom:var(--space-md)}.toc a{display:block;min-height:44px;padding-block:var(--space-sm);text-decoration:none;white-space:nowrap;font-size:.875rem}.guide-article h2{border-bottom:2px solid var(--color-ink);padding-bottom:var(--space-md);margin-bottom:var(--space-xl)}.guide-article h3{margin:var(--space-xl) 0 var(--space-md)}.guide-article section{margin-bottom:var(--space-3xl)}.guide-article li{margin-block:var(--space-sm)}.tip{padding:var(--space-lg) var(--space-xl);background:var(--color-forest-light);color:var(--color-forest);font-size:.875rem;margin-top:var(--space-xl)}.time-table{width:100%;border-collapse:collapse;font-size:.875rem}.time-table th,.time-table td{border-bottom:1px solid var(--color-rule);text-align:left;padding:var(--space-md)}.time-table th{background:var(--color-paper-2);color:var(--color-ink)}.source-note{font-size:var(--text-small);color:var(--color-muted);padding-top:var(--space-xl);border-top:1px solid var(--color-rule)}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.filter-btn{min-height:44px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font-size:.875rem;white-space:nowrap}.filter-btn[aria-pressed=true]{background:var(--color-forest);color:var(--color-paper);border-color:var(--color-forest)}.filter-btn:hover{border-color:var(--color-forest)}.filter-status{font-size:var(--text-small);color:var(--color-muted);margin-bottom:var(--space-xl)}.gallery-page{padding-bottom:var(--space-3xl)}.lightbox{position:fixed;inset:0;margin:auto;width:min(1200px,calc(100% - 24px));max-height:calc(100dvh - 24px);height:fit-content;padding:var(--space-lg);border:1px solid var(--color-muted);border-radius:var(--radius-md);background:var(--color-dark);color:var(--color-paper)}.lightbox::backdrop{background:var(--color-overlay)}.lightbox .toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.lightbox button{min-width:44px;min-height:44px;border:1px solid var(--color-muted);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:var(--color-dark);color:var(--color-paper);font-size:.875rem;white-space:nowrap}.lightbox button:hover{background:var(--color-forest);color:var(--color-paper)}.lightbox button:focus-visible{outline-color:var(--color-accent)}.lightbox img{max-height:calc(100dvh - 200px);width:100%;object-fit:contain;aspect-ratio:16/9;background:var(--color-dark);color:var(--color-paper)}.lightbox figcaption{padding-top:var(--space-md);font-size:.8125rem;color:var(--color-paper)}.lightbox .image-error{color:var(--color-paper);border:1px solid var(--color-berry);padding:var(--space-lg)}.lightbox .image-error a{color:var(--color-accent)}.policy{max-width:75ch;margin-bottom:var(--space-3xl)}.policy h2{margin:var(--space-2xl) 0 var(--space-lg)}.policy h3{margin:var(--space-xl) 0 var(--space-md)}
@keyframes winter-breathe{from{transform:scale(1.025)}to{transform:scale(1.04)}}
@media(min-width:40rem){.feature-row{grid-template-columns:210px minmax(0,1fr)}.requirements{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-page .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-mast{grid-template-columns:minmax(0,1fr) auto}.download-card{grid-template-columns:300px minmax(0,1fr)}.final-cta{grid-template-columns:minmax(0,1fr) auto}.title-meta{flex-direction:row}.nav-inner{flex-wrap:nowrap}.nav-links{width:auto;margin-inline:auto;gap:var(--space-sm)}}
@media(min-width:60rem){.product-layout{grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-xl)}.content-columns{grid-template-columns:minmax(0,1fr) 300px}.guide-layout{grid-template-columns:240px minmax(0,1fr)}.toc{position:sticky;top:88px}.mobile-cta{display:none}body{padding-bottom:0}.back-top{bottom:24px}.gallery-page .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-content{padding:var(--space-lg) var(--space-xl)}.quick-facts>div{padding-block:var(--space-xs)}.panel-content .tag-list{margin-bottom:var(--space-md)}.hero{padding-top:var(--space-sm)}.main-media a{aspect-ratio:16/9}.product-panel .cover{max-height:159px}.nav-inner{gap:var(--space-2xl)}}
@media(max-width:39.99rem){.title-meta{align-items:start;flex-direction:column;gap:var(--space-sm)}.section-head{align-items:start;flex-direction:column;gap:var(--space-sm)}.nav-cta .btn{font-size:.75rem;padding-inline:var(--space-md)}.gallery-grid{gap:var(--space-md)}.gallery-card figcaption{font-size:.75rem}.main-media img{animation:none!important;transform:none!important}.main-media figcaption{font-size:.75rem}.main-media figcaption span:last-child{display:none}.lightbox .toolbar{flex-wrap:wrap}.lightbox .toolbar span{order:3;width:100%}.lightbox{padding:var(--space-md)}.intro h1{font-size:1.9rem}.time-table th,.time-table td{padding:var(--space-sm);font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.main-media img{transform:none!important}.btn:hover,.btn:active,a:active,button:active,summary:active{transform:none!important}}

/* Keep all gameplay UI visible; motion belongs to the backdrop, never the screenshot. */
.main-media a{position:relative;background:var(--color-dark);color:var(--color-paper)}.main-media a::before{content:"";position:absolute;inset:0;background:var(--color-forest);opacity:.1;transform:scale(1.03);animation:winter-breathe 14s var(--ease-in-out) infinite alternate}.main-media img,.main-media:not(:hover):not(:focus-within) img{position:relative;transform:none;animation:none}.nav-cta{order:2}.nav-links{order:3}
@media(min-width:40rem){.nav-links{order:2}.nav-cta{order:3}}
@media(max-width:59.99rem),(prefers-reduced-motion:reduce){.main-media a::before{animation:none;transform:none}}
.main-media a::before{background-image:url('../images/winter-memories-home-01.webp');background-size:cover;background-position:center;filter:blur(8px);opacity:.32;translate:var(--scene-x,0px) var(--scene-y,0px)}.main-media img{padding:var(--space-sm);translate:calc(var(--scene-x,0px) * -.2) calc(var(--scene-y,0px) * -.2)}
@media(max-width:59.99rem),(prefers-reduced-motion:reduce){.main-media a::before,.main-media img{translate:none}}
.topbar a:not(.btn):focus-visible,.footer a:focus-visible{outline-color:var(--color-accent)}.topbar .btn:focus-visible{outline-color:var(--color-focus);box-shadow:0 0 0 6px var(--color-paper)}.main-media a:focus-visible{outline-color:var(--color-accent);outline-offset:-4px}
.nav-links{flex-wrap:wrap}.brand{min-width:0;max-width:100%}.brand>span{min-width:0}.brand small{overflow-wrap:anywhere}.lightbox .toolbar{flex-wrap:wrap}
@media(max-width:39.99rem){.brand small{display:none}.nav-links{justify-content:flex-start;gap:var(--space-xs) var(--space-sm)}.nav-links a{flex:1;text-align:center}.hero{padding-top:var(--space-xl)}}
@media(max-width:24rem){.mobile-cta>span{display:none}.mobile-cta>.btn{width:100%}}