:root{--violet:#7354ef;--ink:#29263c;--muted:#777388;--line:#ece9f2;--lav:#f2f0ff}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#fbfaff,#fff);color:var(--ink);font:15px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.top{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--line);background:#fffffff0;backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:850;letter-spacing:-.04em}.brand:before{content:"S";display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#997fff,var(--violet));color:#fff;font-size:12px}
.back{padding:8px 13px;border-radius:999px;background:var(--lav);color:var(--violet);font-size:13px;font-weight:750;text-decoration:none}
.page{width:min(850px,calc(100% - 40px));margin:0 auto;padding:54px 0 84px}.page>h1{margin:0;font-size:clamp(32px,5vw,48px);line-height:1.1;letter-spacing:-.065em}.meta{margin:10px 0 0;color:var(--muted);font-size:13px}
.note{margin:32px 0 25px;padding:19px 20px;border:1px solid #e5e0fb;border-radius:19px;background:linear-gradient(135deg,#f7f5ff,#fbfaff);color:#5d587a}.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 40px}.toc a{padding:7px 11px;border-radius:999px;background:#f7f6fa;color:#746f83;text-decoration:none;font-size:12px;font-weight:700}.toc a:hover{background:var(--lav);color:var(--violet)}
h2{margin:43px 0 11px;font-size:22px;letter-spacing:-.035em;line-height:1.35}h3{margin:25px 0 8px;font-size:17px}p,ul{max-width:760px}p{margin:0 0 14px;color:#494659}ul{padding-left:23px;margin:0 0 14px}li{margin:6px 0}a{color:var(--violet)}strong{color:var(--ink)}
footer{display:block;margin-top:54px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer:before{content:"隐私咨询、投诉与申诉：wuguopeng1989@gmail.com";display:block;margin-bottom:10px;color:var(--ink);font-weight:750}
@media(max-width:600px){.top{height:62px;padding:0 16px}.page{width:calc(100% - 32px);padding:36px 0 58px}.note{margin-top:24px;padding:16px;border-radius:16px}.toc{margin-bottom:28px}h2{margin-top:34px;font-size:20px}}
@media(max-width:390px){.top{height:58px;padding:0 12px;padding-top:env(safe-area-inset-top)}.brand{font-size:15px}.back{font-size:12px;white-space:nowrap}.page{width:calc(100% - 24px);padding:26px 0 calc(42px + env(safe-area-inset-bottom))}h1{font-size:28px;line-height:1.2}.meta{font-size:12px}.note{padding:14px;font-size:14px}.toc{display:flex;gap:7px;overflow-x:auto;white-space:nowrap;padding-bottom:7px}.toc a{flex:0 0 auto;padding:7px 9px}p,li{font-size:14px;line-height:1.75}h2{margin-top:29px;font-size:19px}footer{display:flex;flex-wrap:wrap;gap:6px 12px}}

/* 扁平化协议页：以文字、边框和留白表达层级。 */
body{background:#fff}.top{background:#fff;backdrop-filter:none}.brand:before{border-radius:6px;background:var(--violet)}.back{border:1px solid #dfdbe9;border-radius:6px;background:#fff}.note{border-color:#dfdbe9;border-radius:8px;background:#f5f3ff}.toc a{border:1px solid #e7e4ed;border-radius:6px;background:#fff}.toc a:hover{background:var(--lav)}