/* 百遍百变官网 · 法律声明页共享样式
   视觉沿用主站 token（活力橙 #FF6B00 / 奶油底 #FFFAF0 / 暖棕字 #2D2A26），
   保持单文件、零构建、内联 SVG favicon 可用。
   注意：本目录为「合规模板」，正式上线前须经法务审阅。 */

:root{
  --cream:#FFFAF0; --card:#FFFFFF;
  --brand:#FF6B00; --brand-dark:#E85D00;
  --ink:#2D2A26; --ink-2:#6B6157; --ink-3:#8A7E72; --ink-4:#A2937F;
  --line:#F2E6D2; --yellow:#FFC857;
  --r-md:20px; --r-pill:999px;
  --sh-1:0 4px 16px -4px rgba(45,42,38,.12);
  --font:"Sarasa Gothic SC","PingFang SC","Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;line-height:1.75}
.wrap{max-width:860px;margin:0 auto;padding:0 24px}

/* 顶部条：与主站导航同色，保证返回路径一致 */
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.bar{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand svg{width:30px;height:30px;flex:none}
.brand b{font-size:20px;font-weight:700}
.back{font-size:15px;color:var(--ink-2);text-decoration:none;white-space:nowrap}
.back:hover{color:var(--brand)}

/* 文档主体 */
.doc{padding:48px 0 96px}
h1{font-size:34px;line-height:1.4;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}
.meta{font-size:14px;color:var(--ink-4);padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:8px}
h2{font-size:22px;font-weight:700;margin:40px 0 12px;line-height:1.5}
h3{font-size:17px;font-weight:600;margin:24px 0 8px;color:var(--ink)}
p{font-size:15.5px;color:var(--ink-2);margin-bottom:12px}
ul,ol{margin:0 0 12px 22px}
li{font-size:15.5px;color:var(--ink-2);margin-bottom:6px}
strong{color:var(--ink);font-weight:600}
a{color:var(--brand-dark)}

/* 审阅提示条：模板内容的醒目免责，上线审阅后应删除 */
.notice{background:#FFF6E5;border:1px solid var(--yellow);border-radius:var(--r-md);padding:20px 22px;margin:28px 0 8px}
.notice b{display:block;font-size:15.5px;color:#8A5200;margin-bottom:6px}
.notice p{font-size:14px;color:#8A5200;margin:0;line-height:1.7}

/* 重点条：儿童信息单独同意等关键提示 */
.key{background:#FFF1E8;border-left:4px solid var(--brand);border-radius:0 12px 12px 0;padding:16px 20px;margin:16px 0}
.key p{margin:0;font-size:15px;color:var(--ink-2)}

table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;color:var(--ink-2);vertical-align:top}
th{background:#FFF6E8;color:var(--ink);font-weight:600}

.toc{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 22px;margin:28px 0}
.toc b{font-size:14px;display:block;margin-bottom:8px}
.toc ol{margin:0 0 0 18px}
.toc li{font-size:14px;margin-bottom:4px}

footer{border-top:1px solid var(--line);padding:28px 0 40px;margin-top:40px}
.fnav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:14px}
.fnav a{font-size:14px;color:var(--ink-2);text-decoration:none}
.fnav a:hover{color:var(--brand)}
.fmeta{font-size:13px;color:var(--ink-4);line-height:1.9}
/* 备案号链接需与本行灰字同色，否则会继承全局 a 的橙色、看起来像强调按钮 */
.fmeta a{color:var(--ink-4);text-decoration:none}
.fmeta a:hover{color:var(--brand);text-decoration:underline}

a:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
@media (max-width:600px){
  h1{font-size:27px}
  .bar{height:64px}
  .doc{padding:32px 0 72px}
}