:root { color-scheme: dark; --green:#7dffcb; --line:rgba(255,255,255,.14); --muted:#a9b8c7; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; color:#f8fbff; font-family:"Microsoft YaHei",Arial,sans-serif; background:linear-gradient(145deg,#070910,#101927 55%,#071019); }
.terms-page-header { display:flex; align-items:center; justify-content:space-between; width:min(1050px,calc(100% - 40px)); margin:0 auto; padding:26px 0; border-bottom:1px solid var(--line); }.terms-header-actions { display:flex; align-items:center; gap:22px; }.terms-language-switch { display:flex; gap:5px; }.terms-language-switch button { min-width:30px; border:1px solid transparent; border-radius:4px; padding:5px; color:var(--muted); background:transparent; cursor:pointer; font:inherit; font-size:12px; font-weight:800; }.terms-language-switch button.active { color:#071019; background:var(--green); }
.terms-brand { display:flex; align-items:center; gap:10px; color:#f8fbff; font-size:20px; font-weight:800; text-decoration:none; }.terms-brand img { width:36px; height:36px; border-radius:7px; }.back-home { color:var(--green); font-weight:700; text-decoration:none; }
.terms-page { width:min(800px,calc(100% - 40px)); margin:0 auto; padding:88px 0 110px; }.eyebrow { margin:0 0 14px; color:var(--green); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.terms-page h1 { margin:0; font-size:clamp(32px,6vw,54px); line-height:1.2; }.lead { max-width:620px; margin:22px 0 56px; color:var(--muted); font-size:17px; line-height:1.8; }
article { border-top:1px solid var(--line); padding-top:35px; color:#d5e0ec; font-size:16px; line-height:2; } article p { margin:0 0 22px; } article h2 { margin:46px 0 14px; color:#f8fbff; font-size:23px; } article ul { margin:-6px 0 22px; padding-left:26px; }.effective { color:var(--green); }.feedback { color:#d5e0ec; }.feedback a { color:var(--green); font-weight:800; overflow-wrap:anywhere; }.signoff { margin-top:45px; color:var(--muted); font-weight:700; letter-spacing:.05em; }
@media (max-width:600px) { .terms-page-header,.terms-page { width:calc(100% - 28px); }.terms-header-actions { gap:12px; }.terms-page { padding:55px 0 72px; }.terms-page h1 { font-size:32px; }.lead { margin-bottom:40px; font-size:15px; } article { font-size:15px; } article h2 { font-size:20px; } }