*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7fa;color:#202027;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;letter-spacing:0}a{color:inherit;text-decoration:none}.top{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(250,250,252,.9);border-bottom:1px solid #dedee5;position:sticky;top:0;z-index:8;backdrop-filter:blur(18px)}.brand{display:flex;gap:12px;align-items:center}.brand b{font-size:17px;letter-spacing:2px}.brand span{font-size:13px;color:#777481}.top nav{display:flex;gap:28px;font-size:14px}.menu{display:none;border:0;background:none;font-size:24px}.hero{height:min(720px,78vh);position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero-copy{position:absolute;left:6vw;top:50%;transform:translateY(-50%);max-width:610px}.hero-copy>p,.taskbar small,.devices small,.method small,.journal small,.faq small{font-size:11px;font-weight:800;letter-spacing:3px;color:#9a2846}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.03;margin:16px 0 25px}.hero strong{display:block;max-width:540px;font-size:19px;color:#52505a}.hero-copy>div{display:flex;gap:12px;margin-top:30px}.hero-copy a{padding:12px 20px;border:1px solid #33313a}.hero-copy .primary{background:#29272f;color:#fff}.taskbar,.devices,.method,.journal,.faq{padding:78px 6vw}.taskbar{display:grid;grid-template-columns:.7fr 1.3fr;background:#fff;border-block:1px solid #e0e0e6}.taskbar header{padding-right:8vw}.taskbar h2,.devices h2,.method h2,.journal h2,.faq h2{font-size:38px;line-height:1.15}.taskbar>div{border-top:2px solid}.taskbar a{display:grid;grid-template-columns:180px 1fr;padding:21px 0;border-bottom:1px solid #d4d4dc}.taskbar a b{font-size:20px}.taskbar a span{color:#6d6a75}.devices{display:grid;grid-template-columns:1fr 1.1fr;gap:10vw}.devices>div p{color:#66636d}.devices ul{list-style:none;margin:0;padding:0;border-top:2px solid}.devices li{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #cbc9d2}.devices li span{color:#716d78}.method{background:#28262e;color:#fff;display:grid;grid-template-columns:.7fr 1.3fr}.method header{padding-right:7vw}.method ol{margin:0;padding:0;list-style:none;border-top:1px solid #77727f}.method li{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid #77727f;padding:17px 0}.method p{margin:0;color:#c9c6cf}.journal{background:#f1edf8}.journal header{max-width:700px}.story-list{border-top:2px solid}.story{display:grid;grid-template-columns:120px 1fr;padding:23px 0;border-bottom:1px solid #c7c1d0}.story time{color:#7b7482}.story b{display:block;font-size:20px}.story em{display:block;font-style:normal;color:#68636f;margin-top:5px}.more{display:inline-block;margin-top:26px;border-bottom:1px solid}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;background:#fff}.faq details{border-top:1px solid #cbc9d1;padding:17px 0}.faq details:last-child{border-bottom:1px solid #cbc9d1}.faq summary{font-weight:800;cursor:pointer}.page,.article-index,.article-main,.legacy{max-width:1080px;margin:auto;padding:65px 24px 110px}.crumb{font-size:13px;color:#76717d}.page>header,.article-index>header{max-width:780px;padding:30px 0 50px}.page h1,.article-index h1,.article-prose h1,.legacy h1{font-size:clamp(40px,5vw,64px);line-height:1.12}.page header strong,.article-index header strong,.article-prose header strong{font-size:18px;color:#68636e}.page>section{border-top:2px solid}.page article{display:grid;grid-template-columns:240px 1fr;padding:28px 0;border-bottom:1px solid #ccc9d1}.page article h2,.page article p{margin:0}.page article p{color:#625f68}.page aside{display:flex;gap:25px;margin-top:35px}.page aside a,.article-prose a,.legacy a{text-decoration:underline}.article-main{max-width:900px}.article-prose header{padding:30px 0 45px;border-bottom:2px solid}.article-prose section{padding-top:30px}.article-prose h2{font-size:29px}.article-prose p{font-size:17px;color:#3f3d45}.article-prose aside{margin-top:42px;padding:20px;border-left:4px solid #9a2846;background:#f1edf8}.legacy{max-width:780px;min-height:62vh}.legacy p{font-size:17px;color:#5f5b65}footer{background:#202027;color:#eeeaf2;padding:42px 6vw;display:grid;grid-template-columns:1fr auto;gap:10px 30px}footer p,footer a{color:#aaa5b0}footer div{display:flex;gap:22px}footer small{grid-column:1/-1;border-top:1px solid #4c4952;padding-top:18px}@media(max-width:760px){.top{padding:0 18px}.top nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.top nav.open{display:flex}.menu{display:block}.hero{height:620px}.hero>img{object-position:60% center}.hero-copy{left:20px;right:20px;top:43%}.hero h1{font-size:50px}.hero-copy>div{flex-direction:column;align-items:flex-start}.taskbar,.devices,.method,.faq{grid-template-columns:1fr;padding:58px 20px;gap:28px}.taskbar a,.method li{grid-template-columns:1fr;gap:4px}.journal{padding:58px 20px}.story{grid-template-columns:1fr;gap:5px}.page,.article-index,.article-main,.legacy{padding:45px 20px 90px}.page article{grid-template-columns:1fr;gap:5px}.page aside{display:block}.page aside a{display:block;margin:10px 0}footer{grid-template-columns:1fr;padding:40px 20px}footer div{flex-wrap:wrap}footer small{grid-column:1}}