/* ============================================================
   皮肤:Ocean 海洋蓝(精修版)
   说明:浅色底 + 青蓝主色调,清爽科技感。
   精修:加微妙水波氛围底 + 卡片悬停青蓝微辉光 + 按钮渐变。
   启用:add_filter( 'navstack_skin', fn() => 'ocean' );
   ============================================================ */
:root{
  --bg:#f6fbfc;
  --surface:#ffffff;
  --surface-2:#eef7f9;
  --border-color:#dceef2;
  --shadow-dark:rgba(0,84,110,.08);
  --shadow-light:transparent;
  --text:#1f2d34;
  --text-soft:#51676f;
  --text-muted:#7d929a;
  --accent:#0e9bb5;
  --accent-soft:#dff7fb;
  --danger:#ef5777;
  --ok:#1fb89a;
  --sh-hover:0 8px 24px rgba(14,155,181,.16);
}

/* 微妙水波氛围底 */
body{
  background-image:
    radial-gradient(circle at 12% 8%,rgba(14,155,181,.06),transparent 50%),
    radial-gradient(circle at 88% 92%,rgba(31,184,154,.05),transparent 50%);
  background-attachment:fixed;
}

/* 卡片悬停:青蓝微辉光 */
.site-card:hover{box-shadow:0 8px 24px rgba(14,155,181,.14),0 0 0 1px rgba(14,155,181,.15)}

/* 主按钮:青蓝渐变 + 微辉 */
.search-box .btn-go{
  background:linear-gradient(135deg,#0e9bb5,#1fb89a) !important;
  box-shadow:0 4px 14px rgba(14,155,181,.35) !important;
}
.search-box .btn-go:hover{box-shadow:0 6px 20px rgba(14,155,181,.45) !important}

/* 选中态:青蓝柔光 */
.nav-link.is-active{box-shadow:inset 2px 0 0 var(--accent) !important}
.posts-nav .page-numbers.current{
  background:linear-gradient(135deg,#0e9bb5,#1fb89a) !important;color:#fff !important;
}

/* 选区色 + 滚动条 */
:root{--selection-bg:rgba(14,155,181,.2);--scroll-thumb:rgba(14,155,181,.22)}
::selection{background:rgba(14,155,181,.2)}
::-webkit-scrollbar-thumb{background:rgba(14,155,181,.22)}
::-webkit-scrollbar-thumb:hover{background:#0e9bb5}
