.landing{background:#1f1d1a}.landing main{flex:1}.hero-wrap{background:radial-gradient(60% 70% at 72% 40%,#f2c66d1f,#f2c66d00 70%)}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;max-width:1120px;margin:0 auto;padding:56px 24px 64px;display:grid}.hero__title{color:var(--c-lamp);margin:0 0 18px;font-size:48px;font-weight:400;line-height:1}.hero__lead{color:#efe6cf;max-width:34ch;margin:0 0 28px;font-size:22px;line-height:1.45}.hero__cta{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.hero__button{padding:10px 18px;font-size:24px}.hero__note{color:#b9ae95;font-size:15px}.hero-scene{background:#2b2a26;border:4px solid #0d0c0b;width:415px;height:340px;margin:0;position:relative;overflow:hidden;box-shadow:0 0 0 2px #4a3222,10px 12px #0006}.hero-scene--loading{background:#2b2a26}.hero-scene__art{transform-origin:0 0;width:415px;height:340px;position:absolute;top:0;left:0}.hero-scene__office{width:415px;height:206px;position:absolute;top:0;left:0;overflow:hidden}.hero-scene__office>img{width:415px;height:234px;position:absolute;top:0;left:0}.hero-scene__desk{width:415px;height:134px;position:absolute;top:206px;left:0}.hero-scene__desk>img:first-child{width:415px;height:134px}.hero-scene__item{filter:drop-shadow(1px 2px #00000059);position:absolute}.landing-section{color:#e8e0cc;max-width:1120px;margin:0 auto;padding:40px 24px;font-size:18px;line-height:1.55}.landing-section p{max-width:64ch}.landing-section__title{color:var(--c-lamp);margin:0 0 18px;font-size:24px;font-weight:400;line-height:1.2}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.step__frame{background:#2b2a26;border:3px solid #0d0c0b;height:250px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #4a3222}.step__title{color:#f3ead6;margin:14px 0 6px;font-size:18px;font-weight:600}.step__n{text-align:center;color:#1f1d1a;background:var(--c-lamp);min-width:22px;margin-right:4px;padding:2px 4px;font-size:12px;line-height:14px;display:inline-block}.step__text{color:#d9cfb6;margin:0;font-size:16px}.how__note{border-left:4px solid var(--c-red);color:#f3ead6;margin:24px 0 0;padding-left:12px}.frame{position:absolute;inset:0}.frame--loading{background:#2b2a26}.frame--notebook{background:#faf7f0 repeating-linear-gradient(#0000 0 23px,#c0d0e04d 23px 24px);flex-direction:column;gap:6px;padding:10px;display:flex}.frame--notebook .msg{max-width:100%;padding:6px;font-size:12px;line-height:16px}.frame--notebook .question{padding:4px;font-size:12px;line-height:14px;display:block}.frame--exam{image-rendering:pixelated;background:#c8cac2 url(/art/office.png) -312px -80px/830px 468px no-repeat}.frame-exam__body{width:192px;height:300px;position:absolute;top:-40px;left:12px}.frame-exam__body .portrait{animation:none}.frame-exam__tool{transform-origin:0 0;position:absolute;transform:scale(2)}.frame-exam__bubble{font-size:12px;line-height:14px;animation:none;position:absolute;bottom:18px;right:8px;transform:none}.frame--paper{background-color:#eef3f6;overflow:hidden}.frame--paper .sheet--print{font-size:16px}.frame--blank{text-align:center;color:#333;flex-direction:column;align-items:center;margin:12px 18px;display:flex}.frame-blank__clinic{color:#7a7468;font-size:12px}.frame-blank__title{color:#222;font-size:24px}.frame-blank__name{margin-bottom:4px;font-size:12px}.frame-blank__decision{color:#1e2e4e;border-top:1px solid #b9ae95;width:100%;padding-top:6px;font-size:18px;line-height:20px}.frame-blank__bottom{align-items:flex-end;gap:4px;width:100%;margin-top:auto;display:flex}.frame-blank__doctor{color:#7a7468;font-size:12px}.frame-blank__bottom .scribble{border-bottom:1px solid #9a8f78}.frame-blank__mark{opacity:.92;width:56px;height:48px;transform:rotate(-9deg)}.badge{vertical-align:middle;color:#1f1d1a;background:var(--c-amber);margin-left:8px;padding:3px 6px;font-size:12px;line-height:12px;display:inline-block}.soon__honest{color:#b9ae95;font-size:16px}.soon .btn,.game .btn{font-size:18px}@media (width<=1000px){.hero{grid-template-columns:1fr;gap:32px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.hero{padding:36px 16px 44px}.hero__title{font-size:36px}.hero__lead{font-size:19px}.hero__scene{max-width:100%;overflow-x:auto}.landing-section{padding:28px 16px}.steps{grid-template-columns:1fr}}:root{--font-pixel:"pixel-ui-ja-0", "pixel-ui-ja-1", "pixel-ui-ja-2", "pixel-ui-ja-3", system-ui, sans-serif;--font-print:"pixel-print-0", var(--font-pixel);--font-text:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--c-night:#17161a;--c-wall:#2b2a26;--c-wall-light:#3a3a32;--c-wood:#4a3222;--c-wood-dark:#2e1f16;--c-felt:#2f5446;--c-lamp:#f2c66d;--c-amber:#e8b84b;--c-amber-soft:#ffe88a;--c-paper:#f6eeda;--c-paper-light:#faf7f0;--c-ink:#2e2822;--c-ink-soft:#5d5446;--c-fade:#847e70;--c-red:#b0342c;--c-red-ink:#c23b3b;--c-blue-ink:#2a4a7a;--c-bar:#22232b;--c-bar-line:#3a3b45;--c-btn:#2a2a2e;--c-btn-border:#555;--c-btn-text:#f0e8d8;--c-focus:#ffe88a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[lang=zh-CN]{--font-pixel:"pixel-ui-zh-0", "pixel-ui-zh-1", "pixel-ui-zh-2", "pixel-ui-zh-3", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--c-night);color:var(--c-btn-text);font-family:var(--font-text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}img.px,.px{image-rendering:pixelated}button{font:inherit;color:inherit}a{color:var(--c-amber-soft)}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.pixel{font-family:var(--font-pixel);-webkit-font-smoothing:none;font-smooth:never;font-synthesis:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.boot{background:var(--c-night);min-height:100vh}.boot-error{font-family:var(--font-text);color:#f0a0a0;padding:24px}.btn{border:2px solid var(--c-btn-border);background:var(--c-btn);min-height:36px;color:var(--c-btn-text);font-family:var(--font-pixel);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:6px 14px;font-size:24px;line-height:1;text-decoration:none;display:inline-flex}.btn:hover,.btn:focus-visible{border-color:var(--c-amber-soft);color:var(--c-amber-soft)}.btn:active{background:#1a1a1e}.btn[disabled]{opacity:.5;cursor:not-allowed;border-color:var(--c-btn-border);color:var(--c-btn-text)}.btn--primary{border-color:var(--c-amber);color:#fff3d6;background:#6b4a1f}.btn--small{min-height:28px;padding:4px 10px;font-size:12px}.page{background:var(--c-night);flex-direction:column;min-height:100vh;display:flex}.site-header{background:var(--c-bar);border-bottom:2px solid #000;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.site-logo{color:var(--c-lamp);letter-spacing:1px;font-size:24px;line-height:1;text-decoration:none}.site-nav{align-items:center;gap:16px;display:flex}.site-nav__link{font-family:var(--font-pixel);color:var(--c-btn-text);font-size:12px;text-decoration:none}.site-nav__link:hover{color:var(--c-amber-soft)}.lang-switch select{font-family:var(--font-pixel);color:var(--c-btn-text);background:var(--c-btn);border:2px solid var(--c-btn-border);border-radius:3px;padding:3px 6px;font-size:12px}.lang-switch select:hover{border-color:var(--c-amber-soft)}.page__main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:40px 24px 56px}.page__main--narrow{max-width:680px}.page__title{color:var(--c-lamp);margin:0 0 16px;font-size:24px;font-weight:400;line-height:1.25}.site-footer{color:#b9ae95;background:#121115;border-top:2px solid #000;padding:20px 24px 28px;font-size:14px}.site-footer__disclaimer{max-width:760px;margin:0 0 10px}.site-footer__links{gap:18px;display:flex}.site-footer__links a{color:#d9cfb6}.auth-stub__kind{color:var(--c-fade);text-transform:uppercase;margin:0 0 8px;font-size:12px}.auth-stub__form{margin:24px 0}.auth-stub__form label{margin-bottom:6px;display:block}.auth-stub__row{flex-wrap:wrap;gap:8px;display:flex}.auth-stub__row input{border:2px solid var(--c-btn-border);background:var(--c-paper-light);min-height:36px;color:var(--c-ink);font:16px var(--font-text);border-radius:3px;flex:240px;padding:6px 10px}.auth-stub__note{color:#b9ae95;margin-top:8px;font-size:14px}.credits h2{text-transform:uppercase;color:var(--c-amber);margin-top:28px;font-size:12px;font-weight:400}.credits__fonts{padding-left:18px}.credits__fonts li{margin-bottom:10px}.credits__note{color:#b9ae95;font-size:14px}@media (width<=640px){.site-header{flex-wrap:wrap;padding:10px 16px}.site-nav{gap:10px}.page__main{padding:28px 16px 40px}}