@charset "utf-8";
/* ==========================================================================
   罗布乐思 Roblox · 子页面样式（隐私政策 / 用户协议 / 联系与反馈）
   顶栏与按钮沿用首页的深海蓝配色，这里只补充正文容器与表单
   1 正文容器 / 2 条款面板 / 3 底部提示 / 4 反馈表单 / 5 轻提示 / 6 页脚 / 7 响应式
   ========================================================================== */

/* ===== 1. 正文容器 ===== */
.page{max-width:900px;margin:0 auto;padding:56px 24px 40px;}
.page-head{padding-left:16px;margin-bottom:26px;border-left:3px solid transparent;border-image:var(--rail-v) 1;}
.page-head h1{font-family:var(--font-display);font-size:clamp(26px,4vw,36px);font-weight:800;line-height:1.28;letter-spacing:-.01em;}
.page-meta{margin-top:12px;font-size:14px;line-height:1.7;color:var(--text-faint);}

/* ===== 2. 条款面板 ===== */
.doc{
  position:relative;
  padding:34px 32px 30px;
  background:var(--surface);
  border:1px solid var(--line-2);border-radius:var(--r);
  box-shadow:var(--shadow);
}
.doc::after{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--rail);border-radius:var(--r) var(--r) 0 0;
}
.doc-block + .doc-block{margin-top:26px;padding-top:24px;border-top:1px solid var(--line);}
.doc-block h2{
  display:flex;align-items:baseline;gap:10px;
  font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--text);
}
.doc-block h2::before{content:"";width:12px;height:2px;flex:none;background:var(--rail);transform:translateY(-5px);}
.doc-block p{margin-top:10px;font-size:15.5px;color:var(--text-muted);}
.doc-block strong{color:var(--text);}
.doc-block ul{margin-top:10px;display:grid;gap:8px;}
.doc-block li{position:relative;padding-left:16px;font-size:15.5px;color:var(--text-muted);}
.doc-block li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:.85;}
.doc-block a{color:var(--brand-soft);font-weight:700;}
.doc-block a:hover{color:var(--accent);text-decoration:underline;}
.doc-block .kv{margin-top:12px;display:grid;border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden;}
.doc-block .kv-row{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:12px 16px;font-size:14.8px;color:var(--text-muted);}
.doc-block .kv-row:nth-child(odd){background:var(--bg-elev);}
.doc-block .kv-row dt{font-weight:700;color:var(--text-faint);}
.doc-block .kv-row dd{margin:0;}

/* ===== 3. 底部提示条 ===== */
.doc-tip{
  margin-top:26px;padding:16px 18px;
  font-size:14.5px;color:var(--text-muted);
  background:var(--bg-elev);
  border:1px solid var(--line-2);border-left:3px solid var(--brand);
  border-radius:var(--r-sm);
}
.doc-tip a{color:var(--brand-soft);font-weight:700;}

/* ===== 4. 反馈表单（联系与反馈页） ===== */
.form{margin-top:16px;display:grid;gap:16px;}
.field{display:grid;gap:7px;}
.field label{font-size:14.5px;font-weight:700;}
.field label i{font-style:normal;color:var(--accent);}
.field input,.field select,.field textarea{
  width:100%;padding:12px 14px;
  font:inherit;font-size:15px;color:var(--text);
  background:var(--surface);
  border:1px solid var(--line-3);border-radius:var(--r-sm);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.field select option{color:var(--text);background:var(--surface);}
.field textarea{min-height:130px;resize:vertical;line-height:1.7;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--glow);}
.field-hint{font-size:13px;color:var(--text-faint);}
.field-error{display:none;font-size:13px;color:#C42A16;}
.field.has-error .field-error{display:block;}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:#C42A16;}
[data-theme="dark"] .field-error,[data-theme="dark"] .field.has-error input,[data-theme="dark"] .field.has-error select,[data-theme="dark"] .field.has-error textarea{color:#FF7A66;}
[data-theme="dark"] .field.has-error input,[data-theme="dark"] .field.has-error select,[data-theme="dark"] .field.has-error textarea{border-color:#FF7A66;}
.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.form-tip{font-size:13px;color:var(--text-faint);}

/* ===== 5. 轻提示 ===== */
.notify{
  position:fixed;left:50%;bottom:34px;z-index:120;
  padding:12px 22px;font-size:14.5px;color:#fff;
  background:rgba(6,14,36,.95);border:1px solid var(--line-3);border-radius:var(--pill);
  opacity:0;visibility:hidden;transform:translate(-50%,16px);
  transition:opacity .25s ease,visibility .25s ease,transform .25s ease;
  max-width:88vw;text-align:center;
}
.notify.is-show{opacity:1;visibility:visible;transform:translate(-50%,0);}

/* ===== 6. 页脚 ===== */
.footer{margin-top:44px;padding:32px 0 26px;border-top:1px solid var(--line-2);background:var(--footer-bg);}
.footer-inner{
  max-width:1180px;margin:0 auto;padding:0 24px;
  display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;
  font-size:13.5px;color:var(--text-faint);
}
.footer-inner a:hover{color:var(--brand-soft);}

/* ===== 7. 响应式 ===== */
@media (max-width:880px){
  .nav-links,.nav-cta .btn-primary{display:none;}
  .nav-cta{margin-left:auto;}
  .nav-toggle{display:flex;}
}
@media (max-width:760px){
  .header .nav{padding:0 18px;height:80px;}
  .logo-img{width:52px;height:52px;}
  .page{padding:34px 20px 28px;}
  .doc{padding:24px 20px 22px;}
  .doc-block .kv-row{grid-template-columns:1fr;gap:4px;}
}
@media (max-width:820px){
  .footer-inner{flex-direction:column;align-items:center;gap:8px;text-align:center;}
  .footer-inner > span{display:block;width:100%;}
  .footer-inner > span:first-child{order:2;}
  .footer-inner > span:last-child{order:1;line-height:2;}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
  html{scroll-behavior:auto;}
}