: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}}

/* Apple-style reading surface */
html{background:#f5f5f7}body{background:#f5f5f7;color:#1d1d1f;letter-spacing:-.012em;-webkit-font-smoothing:antialiased}.top{height:64px;border-color:rgba(0,0,0,.065);background:rgba(250,250,252,.78);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}.brand:before{width:30px;height:30px;border-radius:9px;background:#6e5cf6}.back{border:0;border-radius:999px;background:#ececef;color:#49494d}.page{width:min(900px,calc(100% - 40px));margin-top:28px;margin-bottom:60px;padding:46px 48px 64px;border:1px solid rgba(0,0,0,.07);border-radius:28px;background:#fff;box-shadow:0 16px 44px rgba(24,20,48,.07)}.page>h1{color:#1d1d1f;font-weight:730}.note{border:0;border-radius:18px;background:#f2f0ff;color:#514d6c}.toc a{border:0;border-radius:999px;background:#f1f1f3;color:#606064}.toc a:hover{background:#ebe8ff;color:#6e5cf6}h2,strong{color:#1d1d1f}p,li{color:#4a4a50}a{color:#6e5cf6}@media(max-width:600px){.top{height:58px}.page{width:calc(100% - 24px);margin-top:12px;margin-bottom:30px;padding:30px 20px 44px;border-radius:22px}.note{border-radius:15px}}

/* 扁平化协议页：以文字、边框和留白表达层级。 */
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)}