/* ═══════════════════════════════════════════════════════════════
   天讯 API · 静态内容页样式 (tx-page.css)
   配合 tx-page.js：给「关于」等纯文本页做居中玻璃卡片布局
   ═══════════════════════════════════════════════════════════════ */

.tx-page{
  position:relative;z-index:2;
  max-width:880px;margin:0 auto;
  padding:52px 28px 72px;
}

/* 外层标题（正文卡片在 shadow 内部，由 tx-page.js 注入样式） */
.tx-page-head-wrap{ text-align:center; margin-bottom:26px; }
.tx-page-h1{
  font-size:clamp(26px,3.4vw,36px); font-weight:800; letter-spacing:-.02em; margin:0 0 10px;
  background:linear-gradient(115deg,#1d4ed8,#0891b2 55%,#7c3aed);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  display:inline-block;
}
.tx-page-sub{ font-size:14.5px; color:#6b7a96; margin:0; }

/* shadow 宿主的容器 */
.tx-page-mount{ display:block; }

/* 底部按钮 */
.tx-page-foot{
  display:flex; gap:12px; justify-content:center; flex-wrap:wrap;
  margin-top:28px;
}
.tx-page-btn{
  display:inline-block; text-decoration:none; font-weight:650; font-size:14.5px;
  padding:11px 24px; border-radius:13px;
  background-image:linear-gradient(135deg,#2563eb,#06b6d4); color:#fff !important;
  box-shadow:0 8px 22px rgba(37,99,235,.28), inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .2s cubic-bezier(.22,1,.36,1), box-shadow .2s;
}
.tx-page-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(37,99,235,.36); }
.tx-page-btn-ghost{
  background:rgba(255,255,255,.6); background-image:none; color:#243447 !important;
  border:1px solid rgba(15,23,42,.1); box-shadow:0 6px 18px rgba(23,37,84,.06);
}
.tx-page-btn-ghost:hover{ background:rgba(255,255,255,.85); }

/* 暗色 */
html.dark .tx-page-card{
  background:linear-gradient(150deg,rgba(255,255,255,.1),rgba(255,255,255,.05));
  border-color:rgba(255,255,255,.15);
}
html.dark .tx-page-head h1{ color:#e8eefc; -webkit-text-fill-color:#e8eefc; }
html.dark .tx-page-body{ color:#c3cee0; }
html.dark .tx-page-lede{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); }

@media (max-width:640px){
  .tx-page{ padding:32px 16px 48px; }
  .tx-page-card{ padding:26px 20px 24px; border-radius:18px; }
  .tx-page-body{ font-size:15px; }
}