:root {
  --bg: #090b0e;
  --panel: rgba(17, 21, 28, .86);
  --line: rgba(255, 255, 255, .09);
  --text: #f8fafc;
  --muted: #94a3b8;
  --accent: #a3e635;
  --accent-dark: #65a30d;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; color: var(--text); background:
    radial-gradient(circle at 50% -10%, rgba(132, 204, 22, .16), transparent 34rem),
    radial-gradient(circle at 90% 20%, rgba(132, 204, 22, .06), transparent 28rem), var(--bg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
  line-height: 1.7;
}
.policy-shell { width: min(920px, calc(100% - 28px)); margin: 30px auto 42px; }
.policy-header, .policy-card { background: var(--panel); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 20px 48px rgba(0,0,0,.42); backdrop-filter: blur(16px); }
.policy-header { padding: 30px 34px 24px; display: flex; justify-content: space-between; gap: 22px; align-items: flex-start; }
.eyebrow { color: var(--accent); font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
h1 { margin: 5px 0 4px; font-size: clamp(1.65rem, 4vw, 2.35rem); line-height: 1.25; letter-spacing: -.02em; }
.effective { color: var(--muted); font-size: .86rem; }
.back-link { flex: 0 0 auto; color: var(--accent); text-decoration: none; border: 1px solid rgba(163, 230, 53, .45); background: rgba(132, 204, 22, .08); border-radius: 10px; padding: 9px 15px; font-weight: 650; }
.back-link:hover, .policy-footer a:hover { background: rgba(132, 204, 22, .18); text-decoration: underline; }
.policy-card { margin-top: 16px; padding: 28px 34px; }
.policy-section { padding: 0 0 17px; margin: 0 0 17px; border-bottom: 1px solid var(--line); }
.policy-section:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
h2 { margin: 0 0 8px; font-size: 1.05rem; line-height: 1.35; }
.en { margin: 0 0 9px; color: #cbd5e1; }
.zh { margin: 0; padding-left: 12px; border-left: 2px solid var(--accent-dark); color: #aab6c5; }
.policy-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 20px 5px 0; color: var(--muted); font-size: .84rem; }
.policy-footer a { color: var(--accent); }
@media (max-width: 640px) { .policy-shell { margin-top: 14px; } .policy-header { padding: 23px 20px 19px; display: block; } .back-link { display: inline-block; margin-top: 15px; } .policy-card { padding: 22px 20px; border-radius: 18px; } }