/* ============================================================
   OneNav 现代简约白 · 覆盖层
   2026-09-18 面壁人浮川 · 保留红 #f1404b
   本文件由 functions.php 以 priority 99 在主题样式之后加载。
   回滚：删除本文件 + functions.php 中「custom 覆盖样式」段。
   ============================================================ */

/* --- 基础变量：圆角升级、边框更淡 --- */
:root{
    --main-radius: 14px;
    --main-border-color: rgba(20,24,34,.07);
}

/* --- 页面底色：微暖灰白，衬托白色卡片 --- */
body{
    background-color: #f6f7f9;
}

/* --- 顶部导航：毛玻璃 + 细分隔线 --- */
.page-header.sticky{
    background: rgba(255,255,255,.82) !important;
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    backdrop-filter: saturate(180%) blur(14px);
    border-bottom: 1px solid rgba(20,24,34,.06) !important;
    box-shadow: 0 1px 12px rgba(16,24,40,.04);
}
/* 夜间模式回退主题深色 */
.io-black-mode .page-header.sticky{
    background: #2c2e2f !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
    border-bottom-color: rgba(255,255,255,.06) !important;
}

/* --- 站点卡片：统一大圆角 --- */
.card{
    border-radius: var(--main-radius);
}

/* --- 站点卡片：细边框 + 柔和阴影 + 悬浮上浮 --- */
.url-card .card{
    border: 1px solid var(--main-border-color);
    border-radius: var(--main-radius);
    box-shadow: 0 1px 2px rgba(16,24,40,.03), 0 1px 8px rgba(16,24,40,.03);
    -webkit-transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.url-card .card:hover{
    border-color: rgba(241,64,76,.16);
    box-shadow: 0 6px 24px rgba(16,24,40,.10);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

/* --- 区块标题：略加字重与字距 --- */
.widget-header{
    letter-spacing: .02em;
}
.widget-header .text-lg,
.widget-header .card-title{
    font-weight: 600;
}

/* --- 搜索框：胶囊 + 柔和投影 --- */
#search-text{
    border-radius: 999px !important;
    padding-left: 1.25rem;
    border: none !important;
    box-shadow: 0 4px 16px rgba(16,24,40,.08);
}

/* --- 侧栏卡片圆角跟随 --- */
.sidebar .card{
    border-radius: var(--main-radius);
}