:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#263b55;background:#fff;font-synthesis:none;line-height:1.85;font-size:16px;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.3em}a:focus-visible{outline:3px solid #286cad;outline-offset:6px}header,main,footer{width:min(100% - 48px,880px);margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;padding-block:32px}.name{font-size:24px;font-weight:600;text-decoration:none;letter-spacing:.12em}.name span{margin-left:12px;color:#aa671c;font-size:24px}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:15px}.intro{position:relative;padding:76px 0 68px;overflow:hidden}.intro h1{font-size:clamp(36px,5.8vw,58px);line-height:1.4;font-weight:500;letter-spacing:.04em;margin:0 0 26px;position:relative}.intro p{font-size:18px;color:#52647b;margin:0;position:relative}.horizon{position:absolute;right:0;top:15px;width:230px;height:230px;border-radius:50%;background:#e9f0f8;overflow:hidden;opacity:.6}.horizon:after{content:"";position:absolute;left:0;right:0;top:58%;bottom:0;background:#c1d4e7;border-top:1px solid #9cb9d2}.horizon span{position:absolute;width:66px;height:66px;border-radius:50%;background:#efb853;left:82px;top:94px}.notes{border-top:1px solid #dbe3ed;padding-top:38px}h2{font-size:22px;font-weight:600;margin:0 0 28px}article{max-width:690px;margin:0 0 48px}article:last-child{margin-bottom:56px}.topic{font-size:14px;color:#66758a;margin:0 0 8px}h3{font-size:25px;line-height:1.5;font-weight:500;margin:0 0 18px}article p:not(.topic),.about p{color:#42556d;margin:0 0 16px}.about{background:#f1f5fa;border-radius:6px;padding:30px 34px;margin-bottom:56px}.about h2{margin-bottom:14px}.about p{max-width:680px;margin:0}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:24px 36px;border-top:1px solid #dbe3ed;font-size:14px;color:#586a80}.skip{position:fixed;top:-100px;left:16px;z-index:10;background:#fff;padding:8px 16px}.skip:focus{top:12px}@media(max-width:600px){header,main,footer{width:calc(100% - 40px)}header{padding-block:22px}.intro{padding:48px 0}.horizon{width:146px;height:146px;right:-45px;top:8px;opacity:.42}.horizon span{width:46px;height:46px;left:45px;top:59px}.intro h1{font-size:34px}.intro p{font-size:16px}.wide-only{display:none}.about{padding:24px}h3{font-size:23px}footer{gap:8px;flex-direction:column}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}