:root { color-scheme:light; --ink:#172033; --muted:#687187; --line:#dfe4ee; --paper:#fff; --violet:#6550e8; --violet-soft:#f0edff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 12% 0%,rgba(101,80,232,.10),transparent 27rem),#f7f8fb; font-family:"Inter","PingFang SC","Microsoft YaHei",sans-serif; }
a { color:inherit; }
.privacy-header { position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; min-height:68px; padding:0 max(24px,calc((100vw - 1180px)/2)); border-bottom:1px solid rgba(208,214,227,.85); background:rgba(255,255,255,.88); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; gap:11px; text-decoration:none; }
.brand span { display:grid; width:36px; height:36px; place-items:center; border-radius:10px; color:#fff; background:linear-gradient(145deg,#7c64ff,#4a76e8); font-weight:850; box-shadow:0 8px 22px rgba(93,76,224,.22); }
.brand b { font-size:1rem; }
.privacy-header nav { display:flex; gap:8px; }
.privacy-header nav a { padding:9px 12px; border-radius:9px; color:#555f74; font-size:.78rem; font-weight:700; text-decoration:none; }
.privacy-header nav a:hover,.privacy-header nav a:focus-visible { color:var(--violet); background:var(--violet-soft); outline:none; }
main { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:64px 0 70px; }
.privacy-hero { max-width:840px; padding:14px 0 50px; }
.eyebrow { margin:0 0 13px; color:var(--violet); font-size:.7rem; font-weight:850; letter-spacing:.18em; }
.privacy-hero h1 { margin:0; font-size:clamp(2.1rem,5vw,4.3rem); line-height:1.05; letter-spacing:-.055em; }
.privacy-hero > p:not(.eyebrow) { max-width:680px; margin:20px 0; color:var(--muted); font-size:1.02rem; line-height:1.8; }
.policy-meta { display:flex; flex-wrap:wrap; gap:8px 18px; color:#7a8294; font-size:.72rem; }
.privacy-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:42px; align-items:start; }
.privacy-layout aside { position:sticky; top:94px; display:grid; gap:4px; padding:12px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.76); }
.privacy-layout aside a { padding:9px 10px; border-radius:8px; color:#677086; font-size:.72rem; font-weight:700; text-decoration:none; }
.privacy-layout aside a:hover,.privacy-layout aside a:focus-visible { color:var(--violet); background:var(--violet-soft); outline:none; }
.privacy-layout article { overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--paper); box-shadow:0 22px 70px rgba(31,42,68,.06); }
.privacy-layout section { padding:38px 44px 40px; border-bottom:1px solid #e8ebf2; scroll-margin-top:90px; }
.privacy-layout section:last-child { border-bottom:0; }
.section-no { display:block; margin-bottom:9px; color:var(--violet); font-size:.65rem; font-weight:850; letter-spacing:.15em; }
.privacy-layout h2 { margin:0 0 15px; font-size:1.34rem; letter-spacing:-.025em; }
.privacy-layout p { margin:10px 0 0; color:#596378; font-size:.86rem; line-height:1.9; }
.external-policies { display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; }
.external-policies a,.feedback-link { display:inline-flex; align-items:center; min-height:42px; padding:0 14px; border:1px solid #d7dcef; border-radius:10px; color:#3f54a4; background:#f8f9ff; font-size:.72rem; font-weight:800; text-decoration:none; }
.external-policies a:hover,.external-policies a:focus-visible,.feedback-link:hover,.feedback-link:focus-visible { border-color:#b8acf9; color:var(--violet); background:var(--violet-soft); outline:none; }
.feedback-link { margin-top:20px; gap:10px; }
footer { display:flex; justify-content:space-between; gap:16px; width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:24px 0 34px; border-top:1px solid var(--line); color:#858da0; font-size:.68rem; }
footer a { text-decoration:none; }
@media (max-width:760px) { .privacy-header { min-height:60px; padding:0 16px; } .privacy-header nav a:not(:last-child) { display:none; } main { width:min(100% - 24px,680px); padding:38px 0 52px; } .privacy-hero { padding-bottom:34px; } .privacy-layout { display:block; } .privacy-layout aside { position:static; grid-template-columns:repeat(3,1fr); margin-bottom:14px; padding:7px; } .privacy-layout aside a { padding:8px 4px; text-align:center; font-size:.63rem; } .privacy-layout section { padding:28px 22px 30px; } .privacy-layout p { font-size:.82rem; } footer { width:calc(100% - 28px); flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }