:root{color-scheme:light;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#335852;background:#f8f5eb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 10%,#fff1cc80,transparent 65%),linear-gradient(145deg,#fffaf0,#edf5ef);min-height:100dvh}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #b48131;outline-offset:5px}header,main,footer{max-width:1160px;margin:auto}header{height:94px;display:flex;justify-content:space-between;align-items:center;padding:0 30px}header>a:first-child{font-size:24px;font-weight:bold}header .back{border:1px solid #b7caba;border-radius:8px;padding:11px 18px;font-size:13px;background:#fffcf1}main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.8fr);gap:60px;align-items:center;padding:30px 30px 60px}figure{margin:0;background:#fdfbf5;border:1px solid #c6d3c8;border-radius:16px;overflow:hidden;box-shadow:0 18px 45px #4d6e5910}figure img{width:100%;height:auto;display:block}figcaption{padding:17px 22px;font-size:14px;color:#57776d}.draft{color:#988252;font-size:13px;margin:0 0 16px}h1{font-size:48px;line-height:1.2;margin:0 0 18px;font-weight:700;letter-spacing:3px}.intro{font-size:20px;color:#456d63}section>p:not(.draft):not(.intro){color:#6b8177;font-size:14px;line-height:1.9;max-width:330px}.plan{border-top:1px solid #bfd0c3;margin-top:32px;padding-top:20px}h2{font-size:16px;margin:0 0 10px}.plan>p{font-size:13px;line-height:1.8;color:#6c8277}ol{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 30px}li{font-size:12px;color:#7e9186;padding:7px 10px;border:1px solid #d0dbd1;border-radius:6px}li[aria-current]{background:#f5e8bd;color:#8a6929;border-color:#ddc68b}.source{display:inline-block;border-bottom:1px solid #749687;font-size:13px;padding-bottom:3px}small{display:block;color:#7e9186;font-size:11px;line-height:1.8;margin-top:18px}footer{padding:0 30px 30px;font-size:10px;line-height:1.8;color:#81958a}@media(max-width:700px){header{height:72px;padding:0 20px}header>a:first-child{font-size:20px}main{grid-template-columns:1fr;gap:28px;padding:15px 20px 40px}figure{max-width:500px;width:100%;margin:auto}section{max-width:500px;width:100%;margin:auto}h1{font-size:34px}.intro{font-size:18px}.plan{margin-top:24px}section>p:not(.draft):not(.intro){max-width:none}footer{padding:0 20px 24px}}
