/* ============================================================
   完整风格预设:Modern 现代玻璃拟态(Glassmorphism)
   ------------------------------------------------------------
   设计语言:紫蓝渐变背景 + 半透明磨砂玻璃面板 + 大圆角 + 柔和投影。
   学习自参考站「现代玻璃拟态」(#667eea→#764ba2)。
   说明:不仅覆盖配色,还重定义圆角/阴影并把全站主要面板改为玻璃质感。
   启用:后台「主题设置 → 网站配色」选「现代玻璃拟态」,或
        add_filter( 'navstack_skin', fn() => 'modern' );
   ============================================================ */
:root{
  --bg:#667eea;                       /* 渐变兜底色 */
  --surface:rgba(255,255,255,.72);    /* 玻璃面板 */
  --surface-2:rgba(255,255,255,.5);
  --border-color:rgba(255,255,255,.5);
  --shadow-dark:rgba(31,38,135,.18);
  --shadow-light:rgba(255,255,255,.6);
  --text:#20243f;
  --text-soft:#4a4f6e;
  --text-muted:#6b7095;
  --accent:#5a4bd6;
  --accent-soft:rgba(102,126,234,.16);
  --danger:#ef5777;
  --ok:#1fb89a;
  --radius:16px;
  --radius-sm:12px;
  --radius-lg:22px;
  --sh-raised:0 8px 32px rgba(31,38,135,.18);
  --sh-raised-sm:0 4px 16px rgba(31,38,135,.12);
  --sh-pressed:inset 0 0 0 1px rgba(255,255,255,.45);
  --sh-pressed-sm:inset 0 0 0 1px rgba(255,255,255,.4);
  --sh-hover:0 14px 42px rgba(31,38,135,.3);
}

/* 渐变背景固定铺满视口 */
body{
  background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) fixed !important;
}

/* 侧栏 / 顶栏 改磨砂玻璃 */
.sidebar{
  background:rgba(255,255,255,.5) !important;
  -webkit-backdrop-filter:saturate(160%) blur(20px);
  backdrop-filter:saturate(160%) blur(20px);
  border-right:1px solid rgba(255,255,255,.4) !important;
}
.topbar{
  background:rgba(255,255,255,.4) !important;
  -webkit-backdrop-filter:saturate(160%) blur(16px);
  backdrop-filter:saturate(160%) blur(16px);
  box-shadow:0 4px 24px rgba(31,38,135,.14) !important;
}

/* 主要面板加磨砂质感 */
.site-card,.search-box,.topbar-search,.bulletin,.comment,.detail-card,
.neu,.neu-inset,.contribute,.nothing,.engine-tab.is-active,.engine-chip,
.flink a,.btn-neu,.icon-btn,.section-head .more,.posts-nav .page-numbers,.to-top{
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.45);
}

/* 主按钮:渐变实色 + 白字 */
.search-box .btn-go,
.comment-form .submit{
  background:linear-gradient(135deg,#667eea,#764ba2) !important;
  color:#fff !important;
  box-shadow:0 6px 18px rgba(102,75,162,.4) !important;
  border:0 !important;
}
.posts-nav .page-numbers.current{
  background:linear-gradient(135deg,#667eea,#764ba2) !important;
  color:#fff !important;border:0 !important;
}

/* 选中态 */
.nav-link.is-active{background:var(--accent-soft) !important;box-shadow:none !important}

/* 分隔线在玻璃上更柔和 */
.detail-content{border-top-color:rgba(255,255,255,.5) !important}
.footer{border-top-color:rgba(255,255,255,.4) !important}
