:root{--cream:#f2eadc;--paper:#fffaf0;--ink:#1d1b22;--night:#171821;--red:#c83d35;--gold:#e1b94b;--blue:#85b8bd;--muted:#716c68;--line:rgba(29,27,34,.2);--shell:1180px;--header:4.4rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:1rem;letter-spacing:0;margin:0;overflow-x:hidden}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.shell{margin-inline:auto;width:min(calc(100% - 2rem),var(--shell))}.skip-link{background:var(--gold);left:1rem;padding:.7rem 1rem;position:fixed;top:-5rem;z-index:100}.skip-link:focus{top:1rem}.site-header{background:rgba(242,234,220,.96);border-bottom:1px solid var(--line);height:var(--header);left:0;position:fixed;right:0;top:0;z-index:50}.header-inner{align-items:center;display:flex;height:100%;justify-content:space-between}.brand{align-items:center;display:flex;gap:.65rem}.brand-seal{background:var(--red);display:grid;height:2.55rem;place-items:center;transform:rotate(-5deg);width:2.55rem}.brand-seal img{height:2.25rem;object-fit:cover;width:2.25rem}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font-size:.98rem;font-weight:900;line-height:1}.brand small{color:var(--muted);font-family:Arial,sans-serif;font-size:.45rem;font-weight:800;letter-spacing:.13em;margin-top:.3rem}.desktop-nav{display:none}.desktop-nav a{font-size:.75rem;font-weight:900}.header-download{align-items:center;background:var(--red);color:#fff;display:none;font-size:.73rem;font-weight:900;gap:.55rem;min-height:42px;padding:0 1rem}.menu-button{background:transparent;border:1px solid var(--ink);display:flex;flex-direction:column;gap:4px;height:44px;justify-content:center;padding:0 11px;width:44px}.menu-button span{background:var(--ink);height:2px;width:20px}.mobile-menu{background:var(--paper);display:flex;flex-direction:column;left:0;max-height:0;overflow:hidden;position:absolute;right:0;top:var(--header);transition:max-height .3s}.mobile-menu.is-open{max-height:24rem}.mobile-menu a{border-bottom:1px solid var(--line);padding:1rem}.mobile-menu .menu-cta{background:var(--red);color:#fff;font-weight:900}.hero{background:var(--cream);margin-top:var(--header);overflow:hidden;position:relative}.hero-paper{background:var(--blue);height:16rem;position:absolute;right:-8rem;top:2rem;transform:rotate(29deg);width:28rem}.hero-grid{display:grid;gap:1.8rem;padding:2.8rem 0 1.4rem;position:relative}.hero-vertical{align-items:center;color:var(--red);display:flex;font-family:Arial,sans-serif;font-size:.55rem;font-weight:900;gap:.7rem;letter-spacing:.13em;order:0}.hero-vertical i{background:var(--red);height:1px;width:3rem}.hero-vertical b{color:var(--ink)}.hero-copy{order:1;position:relative;z-index:1}.eyebrow{color:var(--red);font-size:.65rem;font-weight:900;margin:0}.hero h1{font-size:clamp(4.4rem,19vw,9rem);font-weight:900;letter-spacing:-.08em;line-height:.76;margin:1.1rem 0 1.2rem}.hero h1 em{color:var(--red);font-style:normal}.hero-copy>p:not(.eyebrow){color:#554f4d;font-size:.94rem;line-height:1.85;margin:0;max-width:27rem}.button{align-items:center;border:0;display:inline-flex;font-size:.78rem;font-weight:900;gap:1rem;justify-content:space-between;min-height:50px;padding:.8rem 1rem;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-red{background:var(--red);box-shadow:6px 6px 0 var(--ink);color:#fff;margin-top:1.4rem;min-width:12rem}.button-yellow{background:var(--gold);box-shadow:6px 6px 0 var(--red);color:var(--ink);margin-top:1.3rem;min-width:13rem}.hero-image{order:2;position:relative;z-index:1}.tape{background:var(--gold);color:var(--ink);font-family:Arial,sans-serif;font-size:.5rem;font-weight:900;letter-spacing:.12em;padding:.4rem .55rem;position:absolute;right:.7rem;top:-.8rem;transform:rotate(4deg);z-index:2}.image-frame{background:var(--night);box-shadow:10px 10px 0 var(--red);padding:.5rem;position:relative;transform:rotate(-2deg)}.image-frame img{aspect-ratio:16/10;object-fit:cover;width:100%}.ink-mark{color:var(--gold);font-family:serif;font-size:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.image-caption{bottom:.7rem;color:#fff;font-size:.57rem;line-height:1.15;position:absolute;right:.75rem}.image-caption b{font-size:.8rem}.red-seal{background:var(--red);color:#fff;font-family:serif;font-size:1rem;font-weight:900;line-height:1.05;padding:.65rem;position:absolute;right:-.5rem;top:1.2rem;transform:rotate(9deg);z-index:2}.hero-ledger{background:var(--paper);border:1px solid var(--ink);order:3;padding:1rem;position:relative;z-index:1}.ledger-title{border-bottom:1px solid var(--line);display:flex;font-family:Arial,sans-serif;font-size:.53rem;font-weight:900;justify-content:space-between;letter-spacing:.12em;padding-bottom:.65rem}.ledger-title b{color:var(--red)}.hero-ledger dl{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin:1rem 0}.hero-ledger dl div{border-top:1px solid var(--line);padding-top:.45rem}.hero-ledger dt{color:var(--red);font-size:.57rem;font-weight:900}.hero-ledger dd{font-size:.7rem;line-height:1.5;margin:.2rem 0 0}.hero-ledger>a{border-top:1px solid var(--line);display:flex;font-size:.69rem;font-weight:900;justify-content:space-between;padding-top:.7rem}.hero-foot{border-top:1px solid var(--line);display:flex;font-family:Arial,sans-serif;font-size:.49rem;font-weight:900;justify-content:space-between;letter-spacing:.12em;padding:1rem 0}.hero-foot b{color:var(--red)}.section{padding:5rem 0}.section-mark{align-items:center;color:var(--red);display:flex;font-family:Arial,sans-serif;font-size:.56rem;font-weight:900;gap:.6rem;letter-spacing:.1em}.section-mark span{background:var(--red);color:#fff;padding:.35rem .4rem}.section-mark i{background:currentColor;height:1px;width:2.8rem}.section-mark small{color:var(--muted);font-size:.47rem;letter-spacing:.11em}.section-mark.light{color:var(--gold)}.section-mark.light small{color:#acb0bb}.world{background:var(--paper)}.world-heading,.skills-heading,.screens-heading{display:grid;gap:1rem;margin-top:2rem}.world h2,.skills h2,.screens h2,.guide h2,.faq h2{font-size:clamp(2.9rem,10vw,5.5rem);letter-spacing:-.06em;line-height:.9;margin:0}.world h2 em,.skills h2 em,.screens h2 em,.guide h2 em,.faq h2 em{color:var(--red);font-style:normal}.world-heading p,.skills-heading p,.screens-heading p{color:#625d59;font-size:.83rem;line-height:1.85;margin:0;max-width:28rem}.ledger-table{border-top:2px solid var(--ink);margin-top:2.6rem}.ledger-row{border-bottom:1px solid var(--line);display:grid;gap:.8rem;grid-template-columns:1fr 1.2fr 1fr;min-height:4.2rem;padding:.85rem 0}.ledger-row span{font-size:.7rem;line-height:1.55}.ledger-row span:first-child{font-weight:900}.ledger-row b{color:var(--red);font-family:Arial,sans-serif;font-size:.55rem;margin-right:.25rem}.ledger-head span{color:var(--red);font-family:Arial,sans-serif;font-size:.52rem;font-weight:900;letter-spacing:.12em}.world-note{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:1rem;grid-template-columns:3rem 1fr auto;margin-top:2rem;padding:1rem 0}.quote-mark{color:var(--red);font-family:serif;font-size:4rem;line-height:.6}.world-note p{font-size:.95rem;font-weight:900;line-height:1.5;margin:0}.quote-sign{color:var(--muted);font-family:Arial,sans-serif;font-size:.5rem;letter-spacing:.1em}.skills{background:var(--night);color:#fff;position:relative}.skills-heading p{color:#b5b3b4}.skills h2 em{color:var(--gold)}.skill-rail{border-top:1px solid rgba(255,255,255,.25);margin-top:2.5rem}.skill-rail article{align-items:center;border-bottom:1px solid rgba(255,255,255,.25);display:grid;gap:.8rem;grid-template-columns:3rem 2.5rem 1fr 2rem;min-height:7.7rem;padding:1rem 0}.skill-num{color:var(--gold);font-family:serif;font-size:1.7rem}.skill-rail article>div h3{font-size:1rem;margin:0}.skill-rail article>div p{color:#b3b2b4;font-size:.73rem;line-height:1.65;margin:.35rem 0 0}.skill-rail article>b{color:var(--gold);font-family:Arial,sans-serif;font-size:.55rem}.skill-sticker{background:var(--red);bottom:1rem;color:#fff;font-family:serif;font-size:1.1rem;font-weight:900;line-height:.95;padding:.7rem;position:absolute;right:1rem;transform:rotate(8deg)}.screens{background:var(--cream)}.screens-heading p{color:#625d59}.screen-layout{display:grid;gap:1rem;margin-top:2.5rem}.screen-main{background:var(--night);min-height:33rem;overflow:hidden;position:relative}.screen-main>img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.screen-main:after{background:linear-gradient(0deg,rgba(23,24,33,.93),transparent 55%);content:"";inset:0;position:absolute}.screen-caption{bottom:1rem;left:1rem;position:absolute;z-index:1}.screen-caption span{color:var(--gold);font-family:Arial,sans-serif;font-size:.53rem;font-weight:900;letter-spacing:.1em}.screen-caption b{display:block;font-size:1rem;margin-top:.35rem}.gallery-arrow{align-items:center;background:rgba(23,24,33,.72);border:1px solid rgba(255,255,255,.6);color:#fff;display:flex;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:44px;z-index:2}.gallery-arrow.prev{left:.7rem}.gallery-arrow.next{right:.7rem}.screen-index{border-top:1px solid var(--line);padding-top:.8rem}.screen-index>p{color:var(--muted);font-family:Arial,sans-serif;font-size:.52rem;font-weight:900;letter-spacing:.12em;margin:0 0 .8rem}.screen-index>p b{color:var(--red);float:right}.gallery-list{display:grid;gap:.55rem;grid-template-columns:repeat(4,1fr)}.gallery-thumb{background:var(--night);border:1px solid transparent;padding:.2rem}.gallery-thumb.is-active{border-color:var(--red)}.gallery-thumb img{aspect-ratio:9/16;height:100%;object-fit:cover;width:100%}.guide{background:var(--red);color:#fff}.guide h2 em{color:var(--gold)}.guide-heading>p:not(.section-mark){color:#f4d9d2;font-size:.83rem;line-height:1.85;margin:1.3rem 0 0;max-width:30rem}.pass-list{list-style:none;margin:2.5rem 0 0;padding:0}.pass-list li{border-top:1px solid rgba(255,255,255,.4);display:grid;gap:1rem;grid-template-columns:3rem 1fr;padding:1.15rem 0}.pass-list li:last-child{border-bottom:1px solid rgba(255,255,255,.4)}.pass-list li>span{color:var(--gold);font-family:Arial,sans-serif;font-size:1.15rem;font-weight:900}.pass-list b{font-size:.9rem}.pass-list p{color:#f2d5ce;font-size:.72rem;line-height:1.65;margin:.3rem 0 0}.faq{background:var(--paper)}.faq-grid{display:grid;gap:2.5rem}.faq-list details{border-top:1px solid var(--line);padding:1.1rem 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{align-items:center;cursor:pointer;display:flex;font-size:.86rem;font-weight:900;justify-content:space-between;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-family:Arial,sans-serif;font-size:1.25rem;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#625d59;font-size:.77rem;line-height:1.8;margin:.75rem 2rem 0 0}.site-footer{background:var(--night);color:#fff;padding:2.5rem 0 6rem}.footer-main{align-items:flex-start;display:flex;flex-direction:column;gap:1.2rem}.footer-main>p{color:#b2b0b4;font-size:.74rem;margin:0}.back-top{align-items:center;border:1px solid rgba(255,255,255,.45);display:flex;height:44px;justify-content:center;width:44px}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);color:#85848b;display:flex;flex-direction:column;font-size:.56rem;gap:.35rem;line-height:1.6;margin-top:2rem;padding-top:1.1rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.mobile-menu,.faq-list summary span{transition:none}}@media(min-width:768px){.shell{width:min(calc(100% - 4rem),var(--shell))}.desktop-nav{display:flex;gap:1.8rem}.header-download{display:flex}.menu-button,.mobile-menu{display:none}.hero-grid{grid-template-columns:.12fr .62fr 1.2fr .72fr;min-height:42rem;padding:4rem 0 2rem}.hero-vertical{align-items:flex-start;flex-direction:column;gap:.8rem;padding-top:1rem}.hero-vertical i{height:3rem;width:1px}.hero-copy{align-self:center}.hero-image{align-self:center}.hero-ledger{align-self:end}.hero-paper{height:25rem;right:-9rem;top:1rem;width:38rem}.section{padding:7rem 0}.world-heading,.skills-heading,.screens-heading{align-items:end;grid-template-columns:1fr .75fr}.ledger-row{grid-template-columns:1fr 1.35fr 1fr;min-height:4.7rem}.skill-rail article{grid-template-columns:5rem 3rem 1fr 3rem}.screen-layout{grid-template-columns:1fr 19rem}.screen-main{min-height:48rem}.screen-index{border-left:1px solid var(--line);border-top:0;padding-left:1rem;padding-top:0}.gallery-list{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.gallery-thumb img{aspect-ratio:16/9}.guide-layout{display:grid;gap:5rem;grid-template-columns:.8fr 1.2fr}.pass-list{margin-top:0}.faq-grid{grid-template-columns:.72fr 1.28fr}.footer-main{align-items:center;flex-direction:row;justify-content:space-between}.footer-bottom{flex-direction:row;justify-content:space-between}.site-footer{padding-bottom:2rem}}@media(min-width:1024px){.hero-grid{min-height:46rem}.hero h1{font-size:9rem}.hero-image{max-width:43rem}.screen-main{min-height:53rem}}@media(max-width:420px){.hero h1{font-size:4.55rem}.hero-paper{height:12rem;right:-7rem;top:4rem;width:20rem}.red-seal{right:-.2rem}.ledger-row{grid-template-columns:.85fr 1.15fr 1fr}.ledger-row span{font-size:.64rem}.world-note{grid-template-columns:2.2rem 1fr}.quote-sign{display:none}.screen-main{min-height:30rem}.skills h2,.world h2,.screens h2,.guide h2,.faq h2{font-size:2.65rem}}