/* 官网共用样式。三个页面都引它，别把样式复制回各自的 HTML 里。 */
:root { --ink:#2b2b2b; --muted:#8a8378; --paper:#faf8f4; --line:#e8e2d8; --accent:#b8935f; }
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;
     font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
     color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}

/* 顶栏 —— 只有内页需要，首页自己就是品牌 */
.site-head{padding:1.5rem;text-align:center;border-bottom:1px solid var(--line)}
.site-head a{color:var(--ink);text-decoration:none;font-size:1rem;font-weight:600;letter-spacing:.08em}
.site-head span{color:var(--muted);font-weight:400;letter-spacing:.04em}

/* 首页 */
main{flex:1}
/* 首页：整屏居中。只作用于 .home，别挂回裸 main —— 协议页要的是常规文档流 */
.home{display:grid;place-items:center;padding:3rem 1.5rem}
.wrap{max-width:34rem;text-align:center}
h1{font-size:2rem;font-weight:600;letter-spacing:.08em;margin:0 0 .75rem}
.tag{font-size:1.0625rem;color:var(--muted);margin:0 0 2.5rem}
.wrap ul{list-style:none;padding:0;margin:0;display:grid;gap:.875rem;text-align:left}
.wrap li{padding-left:1.25rem;position:relative;color:#4a463f;font-size:.9375rem}
.wrap li::before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;
                 border-radius:50%;background:var(--accent);opacity:.65}
.about{margin-top:2.75rem;padding-top:2rem;border-top:1px solid var(--line)}
.about h2{font-size:.75rem;font-weight:600;letter-spacing:.2em;color:var(--muted);
          text-transform:uppercase;margin:0 0 1.125rem}
.about p{margin:0 0 .5rem;font-size:.9375rem;color:#4a463f}
.about p[lang=en]{font-size:.875rem;color:var(--muted)}
.about strong{font-weight:600;color:var(--ink)}
.about .contact{margin:1.125rem 0 0;font-size:.875rem}
.about a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--line)}
.about a:hover{border-bottom-color:var(--accent)}

/* 协议页 */
.doc{max-width:44rem;margin:0 auto;padding:3rem 1.5rem 4rem}
.doc h1{font-size:1.5rem;letter-spacing:.04em;margin:0 0 .5rem}
.doc .meta{color:var(--muted);font-size:.8125rem;margin:0 0 2.5rem}
.doc h2{font-size:1rem;font-weight:600;margin:2.5rem 0 .875rem;
        padding-top:1.25rem;border-top:1px solid var(--line)}
.doc h2:first-of-type{margin-top:1.5rem}
.doc p{margin:0 0 .875rem;color:#4a463f;font-size:.9375rem}
.doc .lead{color:var(--ink)}

footer{border-top:1px solid var(--line);padding:1.5rem;text-align:center;
       font-size:.8125rem;color:var(--muted);line-height:2}
footer a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}
footer a:hover{color:var(--ink)}
footer nav{margin-bottom:.25rem}
footer nav a{margin:0 .25rem}

@media (max-width:480px){ h1{font-size:1.625rem} .doc h1{font-size:1.3125rem} }