/* ============================================================
   千序写作 · 全站视觉微调（纯新增，叠加覆盖）
   ------------------------------------------------------------
   原则：
   1) 不改动任何原有 CSS 文件，不在本文件里改变各页主色与布局；
   2) 只统一控件质感：按钮过渡/圆角、卡片阴影与悬停、导航玻璃感、
      输入框聚焦环、滚动条、字体平滑、微动效；
   3) 所有规则均为可被原样式覆盖的低风险属性。
   ============================================================ */

/* ---------- 1. 基础质感 ---------- */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
::selection{background:rgba(8,145,178,.16)}
img{max-width:100%}

/* 滚动条 */
*{scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.18) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(15,23,42,.16);border-radius:8px;border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.28);background-clip:content-box}

/* ---------- 2. 按钮与链接统一过渡 ---------- */
button,
[class*="btn"],
[class*="button"],
[role="button"]{
  transition-property:transform,background-color,border-color,color,box-shadow;
  transition-duration:.18s;
  transition-timing-function:cubic-bezier(.2,.8,.2,1);
}
button:active,
[class*="btn"]:active,
[class*="button"]:active,
[role="button"]:active{transform:scale(.98)}

/* 键盘焦点统一（不干扰鼠标点击） */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible{outline:2px solid rgba(8,145,178,.45);outline-offset:2px}

/* 输入框聚焦环（仅视觉增强，不改尺寸） */
input:focus-visible,
textarea:focus-visible,
select:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(8,145,178,.12)}

/* ---------- 3. 导航栏玻璃质感（所有页面共用，auth.js 注入的 #civioNav） ---------- */
#civioNav nav{
  background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(14px) saturate(1.6);
  backdrop-filter:blur(14px) saturate(1.6);
  border-bottom:1px solid rgba(15,23,42,.06);
  box-shadow:0 1px 0 rgba(15,23,42,.04),0 10px 30px -22px rgba(15,23,42,.35);
}
[data-theme="dark"] #civioNav nav{
  background:rgba(11,18,32,.86);
  border-bottom-color:rgba(148,163,184,.14);
}

/* ---------- 4. theme-book 组件质感（知识库系页面） ---------- */
.bk-btn{
  border-radius:12px;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.bk-btn svg{width:16px;height:16px;flex-shrink:0}
.bk-btn-primary{box-shadow:0 6px 18px -10px rgba(8,145,178,.45)}
.bk-btn-primary:hover{box-shadow:0 10px 24px -12px rgba(8,145,178,.5)}

.bk-kb-card{
  border-radius:20px;
  border-color:rgba(15,23,42,.08);
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 28px -14px rgba(16,24,40,.14);
  transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s;
}
.bk-kb-card:hover{
  transform:translateY(-2px);
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 18px 40px -18px rgba(16,24,40,.22);
}
[data-theme="dark"] .bk-kb-card{
  border-color:rgba(148,163,184,.14);
  box-shadow:0 1px 2px rgba(0,0,0,.24),0 12px 30px -18px rgba(0,0,0,.5);
}
[data-theme="dark"] .bk-kb-card:hover{
  box-shadow:0 1px 2px rgba(0,0,0,.28),0 20px 44px -20px rgba(0,0,0,.58);
}

/* 表单控件圆角与高度微调（不影响已有尺寸类） */
.bk-input,
.bk-select{border-radius:10px}

/* 数字等宽，避免统计数字跳动 */
.num,
.bk-hero-stats .num,
[data-num]{font-variant-numeric:tabular-nums}

/* ---------- 5. 微动效 ---------- */
@keyframes polishFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.polish-fade{animation:polishFadeUp .45s cubic-bezier(.2,.8,.2,1) both}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}