*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:#222326;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #728fa5;outline-offset:5px}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;height:112px;border-bottom:1px solid #ededee;gap:24px}.wordmark{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:750;letter-spacing:.03em}.brand-symbol{width:43px;height:43px;border-radius:14px;background:#222326;color:#fff;display:grid;place-items:center;font-family:serif;font-size:29px;line-height:1}.brand-sub{font-size:15px;font-weight:450;margin-left:8px;letter-spacing:.04em}.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px}.button{border:1px solid #222326;display:inline-flex;align-items:center;justify-content:center;gap:35px;background:#222326;color:#fff;padding:15px 25px;border-radius:13px;font-weight:550;line-height:1.5;transition:background .2s}.button:hover{background:#414247}.button-small{padding:11px 18px;gap:24px}.button:disabled{opacity:.55;cursor:wait}.quiet-link{font-size:15px;display:inline-flex;gap:15px;align-items:center}.quiet-link:hover{text-decoration:underline;text-underline-offset:6px}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:86px;padding-block:86px 100px;align-items:center}.eyebrow{font-size:13px;letter-spacing:.1em;font-weight:600;color:#6d7176;margin:0 0 24px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#647965;margin-right:9px;vertical-align:middle}.hero h1,.login-intro h1{font-size:clamp(42px,5.1vw,68px);line-height:1.22;font-weight:650;letter-spacing:-.04em;margin:0 0 26px}.hero-lead{font-size:22px;margin:0 0 17px}.hero-description{max-width:490px;color:#6b6e73;margin:0;font-size:16px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.subtle{font-size:13px;color:#85888c;margin-top:17px}.story-card{border:1px solid #e6e7e8;border-radius:23px;overflow:hidden;box-shadow:0 16px 48px #22232608;scroll-margin-top:30px}.card-top{display:flex;justify-content:space-between;padding:17px 24px;color:#70747a;font-size:12px;letter-spacing:.06em;background:#fff}.story-cover{background:#f3f4f3;border-top:1px solid #e6e7e8;border-bottom:1px solid #e6e7e8;padding:28px 33px 33px}.story-genre{color:#737872;font-size:13px}.story-cover h2{font-family:"Songti SC","STSong","SimSun",serif;font-size:54px;line-height:1.15;font-weight:500;letter-spacing:.035em;margin:20px 0 22px}.story-period{color:#8c948d}.story-cover p{font-size:16px;color:#676c67;margin:0;line-height:1.8}.story-details{padding:24px}.story-specs{display:flex;justify-content:space-between;gap:14px;font-size:13px;color:#74787c}.story-specs strong{display:block;font-size:24px;color:#25272a;font-weight:500;line-height:1.3;margin-bottom:6px}.story-details>p{font-size:14px;color:#70747a;margin:23px 0;line-height:1.9}.story-foot{border-top:1px solid #eee;padding-top:18px;display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#888c91}.story-foot a{color:#272a2e;font-size:14px;font-weight:550}.about-section{border-top:1px solid #e8e9eb;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:75px 85px}.section-intro h2,.testing-section h2{font-size:36px;line-height:1.45;letter-spacing:-.025em;font-weight:550;margin:0 0 23px}.section-intro>p:last-child{color:#777b80;max-width:370px;line-height:1.9}.principles{display:grid;gap:23px}.principles article{display:flex;gap:22px;padding-bottom:22px;border-bottom:1px solid #eceef0}.principles article:last-child{border-bottom:0;padding-bottom:0}.index{font-size:13px;color:#969a9e;padding-top:7px}.principles h3,.steps h3{font-size:18px;font-weight:550;margin:0 0 9px}.principles p,.steps p{font-size:15px;color:#797d81;margin:0;line-height:1.9}.testing-section{background:#f7f8f8;border-radius:24px;padding:44px 45px;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.testing-section h2{margin-bottom:0}.testing-copy>p{color:#73777b;margin:0 0 16px;font-size:15px;line-height:1.95}.testing-copy a{margin-top:9px}.steps-section{padding-block:70px 78px}.steps-section>h2{font-size:25px;font-weight:550;margin:0 0 27px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps li{border-top:1px solid #dedfe1;padding-top:22px}.steps li>span{font-size:13px;color:#94989d;display:block;margin-bottom:10px}.site-footer{border-top:1px solid #e8e9eb;padding-block:29px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:16px;font-weight:650}.footer-brand span{display:block;font-size:13px;font-weight:400;color:#8b8f94;margin-top:5px}.site-footer>p{font-size:12px;color:#92969a;text-align:right;line-height:1.8}.login-layout{min-height:calc(100vh - 244px);display:grid;grid-template-columns:1.1fr .9fr;gap:100px;padding-block:75px 90px;align-items:center}.login-intro h1{font-size:clamp(38px,4.7vw,60px)}.login-intro>p:not(.eyebrow){color:#7a7d82;line-height:1.95}.login-story{border-top:1px solid #e7e8e9;margin-top:48px;padding-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;color:#868b90}.login-story strong{color:#36393c;font-weight:550}.login-card{width:100%;max-width:440px;border:1px solid #e5e6e8;border-radius:24px;padding:35px 36px;box-shadow:0 16px 50px #22232606}.login-card .eyebrow{margin-bottom:12px}.login-card h2{font-size:28px;line-height:1.3;margin:0 0 12px;font-weight:600}.login-caption{font-size:14px;color:#85898e;margin:0 0 29px}.login-card label{display:block;font-size:14px;color:#555b61;margin:19px 0 8px}.login-card input{width:100%;height:53px;border:1px solid #dddfe2;border-radius:11px;background:#fafafa;padding:12px 14px;font-size:16px;color:#242629}.login-card input::placeholder{color:#a0a4aa}.login-submit{width:100%;justify-content:space-between;margin-top:28px}.login-help{border-top:1px solid #eceef0;padding-top:15px;margin-top:24px}.login-help p{font-size:13px;color:#90949a;margin:4px 0}#login-error{font-size:14px;line-height:1.6;color:#ac4138;background:#fff4f2;border-radius:9px;padding:10px 12px;margin:14px 0 0}[hidden]{display:none!important}
@media(max-width:980px){.wrap{width:calc(100% - 48px)}.hero,.about-section,.login-layout{gap:45px}.hero{padding-block:64px 74px}.hero h1{font-size:48px}.hero-actions{flex-wrap:wrap;gap:17px}.testing-section{gap:40px;padding:35px}.story-cover h2{font-size:45px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.site-header{height:85px}.wordmark{font-size:22px}.brand-sub{font-size:13px}.site-header nav{gap:12px}.site-header nav>a:not(.button){display:none}.button-small{font-size:13px;padding:10px 12px;gap:12px}.hero,.about-section,.testing-section,.login-layout{grid-template-columns:1fr;gap:36px}.hero{padding-block:46px 55px}.hero h1{font-size:45px}.hero-lead{font-size:20px}.hero-description{font-size:15px}.hero-actions{margin-top:25px}.story-card{max-width:470px;width:100%}.about-section{padding-block:46px 50px}.section-intro h2,.testing-section h2{font-size:30px}.section-intro>p:last-child{max-width:none}.testing-section{padding:28px;gap:20px}.steps-section{padding-block:47px}.steps{grid-template-columns:1fr;gap:25px}.steps li{padding-top:16px}.steps li>span{margin-bottom:6px}.site-footer{align-items:flex-start;flex-direction:column;gap:12px}.site-footer>p{text-align:left;margin:0}.login-layout{padding-block:40px 55px;min-height:0}.login-intro h1{font-size:39px}.login-intro .eyebrow{margin-bottom:15px}.login-story{margin-top:23px;padding-top:17px}.login-card{max-width:none;padding:28px 23px}.login-page .site-header>.quiet-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}