/* pdbear shared shell (v8): one header, one content width/left edge, one type scale, one footer.
   Loaded LAST on every page (hub + checklist) so it wins over page CSS. Keep page-specific styling out of here. */
:root{--sh-acc:#23756C;--sh-ink:#1d1d1f;--sh-mut:#56666a;--sh-fine:#6e6e73;--sh-line:#e3e8e9;--sh-soft:#f5f7f8;--sh-max:1200px;--sh-pad:20px;
--sh-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--sh-ink);font:17px/1.6 var(--sh-font)}
h1,h2,h3,h4,button,input,select,textarea{font-family:var(--sh-font)}
.wrap{max-width:var(--sh-max);margin-left:auto;margin-right:auto;padding-left:var(--sh-pad);padding-right:var(--sh-pad)}
/* header: logo / page name ...... [tag] [中文 / EN] */
header.top{background:#fff;border:0;margin:0;padding:0}
header.top .wrap{display:flex;align-items:center;gap:10px;height:56px;padding-top:0;padding-bottom:0;border-bottom:1px solid var(--sh-line)}
header.top .pdb{display:block;flex:none}header.top .pdb img{height:26px;width:auto;display:block}
header.top .sep{color:#b7c4c5}
header.top .tool{font:600 16px/1.3 var(--sh-font);color:var(--sh-ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
header.top .tag{margin-left:auto;font-size:14px;color:var(--sh-mut);white-space:nowrap}
header.top .lang{margin-left:auto;font-size:15px;color:var(--sh-mut);white-space:nowrap}header.top .tag+.lang{margin-left:16px}
header.top .lang a{color:var(--sh-acc);font-weight:600;text-decoration:none}header.top .lang b{color:var(--sh-ink);font-weight:600}
@media(max-width:600px){header.top .tag{display:none}header.top .tag+.lang{margin-left:auto}}
@media(max-width:420px){header.top .wrap{gap:8px}header.top .pdb img{height:24px}header.top .sep,header.top .tool,header.top .lang{font-size:15px}}
/* footer */
footer.pdbf{max-width:none;margin:40px 0 0;padding:28px 0 40px;border-top:1px solid var(--sh-line);background:transparent;color:var(--sh-mut);font:14px/1.6 var(--sh-font)}
footer.pdbf .pdbf-in{display:flex;flex-direction:column;gap:12px}
footer.pdbf a,footer.pdbf a:visited{color:var(--sh-acc);text-decoration:none}footer.pdbf a:hover{text-decoration:underline}
footer.pdbf .pdbf-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
footer.pdbf a.pdbf-brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:var(--sh-ink)}
footer.pdbf .pdbf-brand img{width:28px;height:28px;border-radius:7px;display:block}
footer.pdbf a.pdbf-mail{margin:0;padding:0;border:0;font-size:14px;line-height:1.6}
footer.pdbf .pdbf-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;border:0;font-size:14px}
footer.pdbf .pdbf-links a{display:inline;min-height:0;padding:0;margin:0;font-size:14px}
footer.pdbf .pdbf-fine{margin:0;font-size:13px;line-height:1.55;color:var(--sh-fine);max-width:760px}
footer.pdbf .pdbf-fine a{color:inherit}
/* text pages (privacy, terms, 404): same container + left edge, readable column */
main.wrap.doc{padding-top:28px;padding-bottom:0}
.doc .prose{max-width:720px}
.doc h1{font-size:30px;line-height:1.2;letter-spacing:-.02em;font-weight:700;margin:0 0 6px}
.doc .zh{color:var(--sh-mut);margin:0}
.doc .upd{color:var(--sh-mut);font-size:14.5px;margin:12px 0 0}
.doc a{color:var(--sh-acc)}
.doc h2{font-size:20px;line-height:1.3;margin:32px 0 0;scroll-margin-top:16px}.doc h2 span{font-weight:500;color:var(--sh-mut);font-size:16px;margin-left:6px}
.doc .toc{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;font-size:15px}
.doc .box{border:1px solid var(--sh-line);border-radius:12px;background:var(--sh-soft);padding:18px 20px;margin-top:14px}
.doc .box p{margin:0}.doc .box p+p{margin-top:14px;padding-top:14px;border-top:1px solid var(--sh-line);color:#3e4c59}.doc .box p.how{margin-top:0;padding-top:0;border-top:0}
.doc .box h2{font-size:17px;margin:0 0 8px}.doc .box ul{margin:0;padding-left:20px}.doc .box li{margin:0 0 8px;color:#3e4c59}.doc .box li:last-child{margin-bottom:0}
.doc .box [lang=zh-Hans]{margin-top:14px;padding-top:14px;border-top:1px solid var(--sh-line)}.doc .box[lang=zh-Hans]{margin-top:14px;padding-top:18px;border-top:1px solid var(--sh-line)}
.doc .lead{font-size:18px;font-weight:600;margin:0 0 6px}.doc .how{color:#3e4c59}
.doc .btn{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;padding:10px 18px;border-radius:999px;background:var(--sh-acc);color:#fff!important;font-weight:600;text-decoration:none}
.doc details{border-top:1px solid var(--sh-line);margin-top:18px;padding-top:4px}.doc summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;color:var(--sh-acc)}
@media(max-width:420px){main.wrap.doc{padding-top:20px}.doc h1{font-size:26px}}