:root { color-scheme: light; --ink: #17353b; --muted: #597177; --line: #c8d7da; --teal: #087c74; --purple: #754093; --gold: #b37600; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; color: var(--ink); background: #eef3f3; font: 14px/1.7 Inter, "Noto Sans SC", "Microsoft YaHei", sans-serif; letter-spacing: 0; }
.privacy-page { width: min(1060px, calc(100% - 28px)); margin: 0 auto; padding-bottom: 72px; }
header { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 3px solid #e9a51b; }
header a { color: var(--teal); font-weight: 800; text-decoration: none; }
header span { color: var(--muted); font-size: 12px; }
.intro { padding: 58px 0 28px; }
.intro > p:first-child { margin: 0; color: var(--teal); font-size: 12px; font-weight: 800; }
h1 { margin: 8px 0 10px; font-size: 38px; line-height: 1.2; }
.intro > p:last-child { max-width: 760px; margin: 0; color: var(--muted); }
.content-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
article, .english { padding: 20px; border: 1px solid var(--line); border-top: 4px solid var(--teal); background: #fff; }
article:nth-child(2) { border-top-color: var(--purple); }
article:nth-child(3) { border-top-color: var(--gold); }
article:nth-child(4) { border-top-color: #2a61c8; }
h2 { margin: 0 0 10px; font-size: 17px; }
p, ul { margin: 0; }
ul { padding-left: 20px; }
.english { margin-top: 10px; border-top-color: #607d84; color: var(--muted); }
.english h2 { color: var(--ink); }
@media (max-width: 720px) { .content-grid { grid-template-columns: 1fr; } .intro { padding-top: 40px; } h1 { font-size: 30px; } }