:root{--brand:#E76F51;--honey:#F4A261;--ink:#1D2D44;--ink-soft:#5b6b7d;
--cream:#FAF7F0;--paper:#fff;--line:#ece4d6}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,
"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
color:var(--ink);background:var(--cream);line-height:1.85;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
a{color:var(--brand)}
nav{background:rgba(250,247,240,.9);border-bottom:1px solid var(--line);
position:sticky;top:0;backdrop-filter:blur(14px)}
nav .wrap{display:flex;align-items:center;height:62px;gap:10px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;
color:var(--ink);text-decoration:none}
.logo .mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;
background:linear-gradient(140deg,var(--brand),var(--honey));color:#fff;font-size:15px}
main{padding:56px 0 72px}
h1{font-size:34px;font-weight:850;margin-bottom:8px;letter-spacing:-.3px}
.upd{color:var(--ink-soft);font-size:14px;margin-bottom:36px}
h2{font-size:19px;font-weight:800;margin:34px 0 10px}
p{margin-bottom:14px;color:var(--ink-soft)}
p strong{color:var(--ink)}
ul{margin:0 0 14px 22px;color:var(--ink-soft)}
li{margin-bottom:7px}
.box{background:var(--paper);border:1px solid var(--line);border-radius:18px;
padding:22px 24px;margin:22px 0}
.box p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--line);padding:34px 0;font-size:13.5px;color:var(--ink-soft)}
footer .wrap{display:flex;gap:18px;flex-wrap:wrap}
footer a{color:var(--ink-soft)}