/* 首页自定义样式 */
/* 基础容器样式（不要全站 flex，避免导航/页脚错位） */
.container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

/* 首页主栏 + 侧栏布局容器 */
.container.layout-main {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: visible !important;
}

/* 主栏在 flex 布局下自适应 */
.container.layout-main .main {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    position: relative;
    order: 1;
    float: none !important;
}

/* 移除分隔线 */
.main::after {
    display: none !important;
    content: none !important;
    /* 完全移除分隔线 */
}

/* 去掉主栏卡片边框，避免出现左侧竖线重影 */
.main .card {
    border: none !important;
}

/* 侧栏固定宽度 */
.container.layout-main .side {
    width: 300px;
    padding-top: 8px;
    margin-left: 10px;
    padding-right: 0;
    order: 2;
    flex: 0 0 300px;
    float: none !important;
}

/* 确保广告模块尺寸正确 */
/* 重置container样式，使广告模块单独处理 */
.container:has(.ad-wrapper) {
    display: block !important;
    /* 覆盖flex布局 */
    width: 100% !important;
    max-width: 1200px !important;
}

.container .card .ad-wrapper {
    width: 100% !important;
}

.container .card .ggcontainer {
    max-width: 1265px !important;
    /* 保持原始宽度 */
    width: 100% !important;
    margin: 0 auto !important;
    height: 229px !important;
    /* 保持原始高度 */
}

.container .card .ggcontainer iframe {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

/* 快审站点模块样式 */
.quick-sites .card-body {
    padding: 10px !important;
}

.quick-sites-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
}

.quick-site-item {
    display: flex !important;
    flex-direction: row !important;
    /* 改为横向排列 */
    align-items: center !important;
    justify-content: flex-start !important;
    /* 左对齐 */
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    /* 调整内边距 */
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    width: auto !important;
    /* 宽度自动 */
    min-width: 80px !important;
    /* 最小宽度 */
    max-width: calc(20% - 8px) !important;
    /* 最大宽度，每行最多5个 */
    flex-grow: 1 !important;
    /* 允许元素增长 */
}

.quick-site-item:hover {
    background-color: #f0f8ff !important;
    border-color: #c0d9f0 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08) !important;
}

.quick-site-item .icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 6px !important;
    /* 添加右侧边距 */
    margin-bottom: 0 !important;
    /* 移除底部边距 */
    flex-shrink: 0 !important;
    /* 防止图标缩小 */
}

.quick-site-item .icon img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 4px !important;
    object-fit: contain !important;
}

.quick-site-item .name,
.quick-site-item .link-name {
    font-size: 13px !important;
    color: #555 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
    /* 改为左对齐 */
    max-width: calc(100% - 26px) !important;
    /* 考虑图标宽度和边距 */
    display: inline-block !important;
    /* 确保文本可以应用宽度限制 */
    max-width: 5em !important;
    /* 限制最多显示5个汉字的宽度 */
}

.quick-site-item:hover .name {
    color: #4a90e2 !important;
}

/* 响应式调整 */
@media (max-width: 991px) {
    .quick-site-item {
        width: calc(25% - 8px) !important;
        /* 每行4个 */
    }
}

@media (max-width: 768px) {
    .quick-site-item {
        width: calc(33.33% - 8px) !important;
        /* 每行3个 */
    }
}

@media (max-width: 480px) {
    .quick-site-item {
        width: calc(50% - 8px) !important;
        /* 每行2个 */
    }
}

/* 待审网站模块样式 */
.empty-notice {
    text-align: center;
    color: #999;
    padding: 15px 0;
    font-style: italic;
}

/* 友情链接和待审网站模块整体样式 */
.card.links {
    width: 100% !important;
    /* 宽度 - 设置为100%占满容器 */
    margin: 8px auto !important;
    /* 外边距 - 上下8px，左右自动居中 */
    order: 3;
    /* 排序 - 确保友情链接在最底部 */
    flex: 0 0 100%;
    /* 弹性布局 - 占据整行 */
    border: 1px solid #d4edda !important;
    /* 边框 - 浅橙色边框 */
    border-radius: 8px !important;
    /* 边框圆角 - 圆角边框 */
    overflow: hidden !important;
    /* 溢出处理 - 确保内容不溢出 */
}

/* 待审网站模块特殊样式 */
.apply-links {
    margin-bottom: 15px !important;
    /* 与友情链接模块之间的间距 */
}

/* 友情链接模块标题样式 */
.card.links .card-head {
    font-size: 15px !important;
    /* 字体大小 - 设置为15像素 */
    font-weight: 700 !important;
    /* 字体粗细 - 加粗显示 */
    padding: 12px 15px !important;
    /* 内边距 - 上下12px，左右15px */
    border-bottom: 1px solid #f2f2f2 !important;
    /* 底部边框 - 浅灰色分隔线 */
    background: #ffffff !important;
    /* 背景 - 渐变背景 */
    position: relative !important;
    /* 相对定位 - 用于定位more链接 */
}

/* 标题右侧的"更多"链接样式 */
.card.links .card-head .more {
    position: absolute !important;
    /* 绝对定位 - 相对于card-head */
    right: 15px !important;
    /* 右侧距离 - 与右边框保持15px距离 */
    top: 50% !important;
    /* 垂直居中 - 从顶部50%开始 */
    transform: translateY(-50%) !important;
    /* 垂直居中 - 向上移动自身高度的50% */
    font-size: 13px !important;
    /* 字体大小 - 稍小于标题 */
    font-weight: normal !important;
    /* 字体粗细 - 正常粗细 */
    color: #666 !important;
    /* 文字颜色 - 灰色 */
    transition: all 0.3s ease !important;
    /* 过渡效果 - 平滑过渡 */
}

.card.links .card-head .more:hover {
    color: #5cb85c !important;
    /* 鼠标悬停颜色 - 与边框颜色一致 */
}

/* 友情链接模块内容区域样式 */
.card.links .card-body {
    padding: 10px !important;
    /* 内边距 - 四周10px */
    text-align: left !important;
    /* 文本对齐 - 左对齐 */
}

/* 友情链接项目样式 */
.card.links a {
    margin: 3px !important;
    /* 链接项目外边距 - 控制链接项目之间的间距为3px */
    display: inline-flex !important;
    /* 显示方式 - 使用flex布局便于对齐图标和文字 */
    align-items: center !important;
    /* 垂直对齐 - 使图标和文字在垂直方向上居中对齐 */
    color: #666 !important;
    /* 文字颜色 - 设置为灰色 */
    padding: 3px 8px !important;
    /* 内边距 - 控制链接项目内部的空间 */
    transition: all 0.3s ease !important;
    /* 过渡效果 - 使hover状态变化平滑 */
    position: relative !important;
    /* 定位方式 - 相对定位，便于添加伪元素 */
    text-decoration: none !important;
    /* 文本装饰 - 移除下划线 */
    background-color: #f8f9fa !important;
    /* 背景颜色 - 浅灰色背景 */
    border: 1px solid #e9ecef !important;
    /* 边框样式 - 浅色边框 */
    border-radius: 4px !important;
    /* 边框圆角 - 长方形倒圆角效果 */
}

/* 友情链接图标样式 */
.card.links a .link-icon {
    width: 18px !important;
    /* 图标宽度 - 可以在这里调整图标大小 */
    height: 18px !important;
    /* 图标高度 - 可以在这里调整图标大小 */
    margin-right: 5px !important;
    /* 图标右侧间距 - 控制图标与文字之间的距离 */
    border-radius: 2px !important;
    /* 图标圆角 - 使图标有轻微的圆角效果 */
    object-fit: contain !important;
    /* 图片填充方式 - 确保图标完整显示不变形 */
    vertical-align: middle !important;
    /* 垂直对齐方式 - 使图标与文字垂直居中对齐 */
}

/* 友情链接网站名称样式 */
.card.links a .link-name {
    font-size: 13px !important;
    /* 字体大小 - 设置为13像素 */
    white-space: nowrap !important;
    /* 文本换行 - 禁止文本换行 */
    overflow: hidden !important;
    /* 溢出处理 - 隐藏溢出部分 */
    text-overflow: ellipsis !important;
    /* 文本溢出 - 使用省略号表示溢出部分 */
    max-width: 5em !important;
    /* 限制最多显示5个汉字的宽度 */
    display: inline-block !important;
    /* 确保文本可以应用宽度限制 */
}

/* 待审核网站友链状态样式 */
.card.links a .link-status {
    font-size: 11px !important;
    /* 字体大小 - 设置为11像素 */
    padding: 1px 4px !important;
    /* 内边距 - 控制状态标签内部的空间 */
    border-radius: 3px !important;
    /* 边框圆角 - 圆角效果 */
    margin-left: 5px !important;
    /* 左侧间距 - 与网站名称保持一定距离 */
    background-color: #f0f0f0 !important;
    /* 背景颜色 - 浅灰色背景 */
    color: #666 !important;
    /* 文字颜色 - 灰色 */
    display: inline-block !important;
    /* 显示方式 - 行内块元素 */
}

/* 有友链状态样式 */
.card.links a .link-status.has-link,
.status-badge.has-link {
    background-color: #e6f7e6 !important;
    /* 背景颜色 - 浅绿色背景 */
    color: #28a745 !important;
    /* 文字颜色 - 绿色 */
}

/* 无友链状态样式 */
.card.links a .link-status.no-link,
.status-badge.no-link {
    background-color: #e8f5e8 !important;
    /* 背景颜色 - 浅绿色背景 */
    color: #5cb85c !important;
    /* 文字颜色 - 绿色 */
}

/* 友情链接鼠标悬停效果 */
.card.links a:hover {
    color: #4a90e2 !important;
    /* 文字颜色 - 鼠标悬停时变为蓝色 */
    background-color: #f0f0f0 !important;
    /* 背景颜色 - 鼠标悬停时变为浅灰色 */
    border-color: #ddd !important;
    /* 边框颜色 - 鼠标悬停时变为灰色 */
}

/* 最新收录模块样式优化 */
.side-latest {
    padding: 5px 0 !important;
}

.side-latest .latest-item {
    display: flex !important;
    align-items: center !important;
    padding: 8px 10px !important;
    margin-bottom: 8px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    text-decoration: none !important;
}

.side-latest .latest-item:hover {
    background-color: #f0f8ff !important;
    /* 淡蓝色背景 */
    border-color: #c0d9f0 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08) !important;
}

/* 排号样式 */
.side-latest .rank {
    flex: none !important;
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    margin-right: 8px !important;
    text-align: center !important;
    line-height: 22px !important;
    border-radius: 50% !important;
    background: rgba(124, 124, 124, 0.3) !important;
    color: #fff !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
}

/* 前三名特殊样式 */
.side-latest .latest-item:nth-child(1) .rank {
    background: #f1404b !important;
}

.side-latest .latest-item:nth-child(2) .rank {
    background: #c56831 !important;
}

.side-latest .latest-item:nth-child(3) .rank {
    background: #b89e2c !important;
}

.side-latest .site-info {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    overflow: hidden !important;
}

.side-latest .icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
    line-height: 20px !important;
}

.side-latest .icon img {
    width: 20px !important;
    height: 20px !important;
    border-radius: 3px !important;
    object-fit: contain !important;
    border: 1px solid #eaeaea !important;
}

.side-latest .name {
    font-size: 13px !important;
    color: #555 !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 !important;
}

.side-latest .date {
    font-size: 12px !important;
    color: #5cb85c !important;
    /* 橘黄色，与总浏览TOP10模块数字颜色一致 */
    flex-shrink: 0 !important;
    margin-left: 8px !important;
    font-style: italic !important;
}

.side-latest .latest-item:hover .name {
    color: #4a90e2 !important;
}

/* 置顶站点模块样式 */
.card-body>.top-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 5px 0 !important;
    justify-content: flex-start !important;
    /* 确保项目从左侧开始排列 */
}

/* 置顶站点项目样式 */
.card-body>.top-grid .item {
    display: flex !important;
    flex-direction: column !important;
    /* 垂直排列 */
    align-items: center !important;
    /* 居中对齐 */
    justify-content: center !important;
    padding: 8px !important;
    margin: 5px !important;
    width: calc(16.666% - 10px) !important;
    /* 每行6个 */
    min-width: 0 !important;
    /* 移除最小宽度限制，允许项目缩小 */
    text-decoration: none !important;
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    /* 添加相对定位，用于放置VIP角标 */
    overflow: visible !important;
    /* 确保角标不会被裁剪 */
    box-sizing: border-box !important;
    /* 确保边框和内边距包含在宽度内 */
}

/* VIP角标样式 */
@keyframes badge-breathe {
    0% {
        background: linear-gradient(135deg, #ff6b6b, #ee5253);
    }

    50% {
        background: linear-gradient(135deg, #ff8787, #ee5253);
    }

    100% {
        background: linear-gradient(135deg, #ff6b6b, #ee5253);
    }
}

.vip-badge {
    position: absolute !important;
    top: -2px !important;
    right: -2px !important;
    left: auto !important;
    background: linear-gradient(135deg, #ff6b6b, #ee5253) !important;
    color: white !important;
    font-size: 10px !important;
    font-weight: bold !important;
    padding: 2px 6px !important;
    border-radius: 0 6px 0 6px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    z-index: 2 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    animation: badge-breathe 3s infinite ease-in-out !important;
    transform-origin: center !important;
    text-shadow: none !important;
}

.vip-badge:hover {
    transform: scale(1.1) !important;
}

.top-grid .item {
    position: relative !important;
    overflow: hidden !important;
}

.top-grid .item:hover .vip-badge {
    transform: scale(1.1) !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3) !important;
}

.top-grid .item:hover {
    background-color: #f0f8ff !important;
    border-color: #c0d9f0 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08) !important;
}

.top-grid .item .icon {
    width: 32px !important;
    /* 更大的图标 */
    height: 32px !important;
    margin-bottom: 5px !important;
    /* 图标与文字之间的间距 */
}

.top-grid .item .icon img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 4px !important;
    object-fit: contain !important;
}

.top-grid .item .name {
    font-size: 13px !important;
    color: #555 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}

.top-grid .item:hover .name {
    color: #4a90e2 !important;
}

/* 响应式调整 */
@media (max-width: 1200px) {
    .card-body>.top-grid .item {
        width: calc(20% - 10px) !important;
        /* 每行5个 */
        min-width: 110px !important;
    }
}

@media (max-width: 991px) {
    .card-body>.top-grid .item {
        width: calc(25% - 10px) !important;
        /* 每行4个 */
        min-width: 100px !important;
    }
}

@media (max-width: 768px) {
    .card-body>.top-grid .item {
        width: calc(33.33% - 10px) !important;
        /* 每行3个 */
        min-width: 90px !important;
    }
}

@media (max-width: 480px) {
    .card-body>.top-grid .item {
        width: calc(50% - 10px) !important;
        /* 每行2个 */
        min-width: 80px !important;
    }
}

/* 呼吸灯动画定义 */
@keyframes breathe {
    0% {
        color: #f1404b;
    }

    /* 红色 */
    25% {
        color: #5cb85c;
    }

    /* 橙色 */
    50% {
        color: #4a90e2;
    }

    /* 蓝色 */
    75% {
        color: #32cd32;
    }

    /* 绿色 */
    100% {
        color: #f1404b;
    }

    /* 回到红色 */
}

/* 最新点入模块样式 - 第一个点入的网址文字颜色为呼吸灯效果 */
.card .card-body a:first-child .name {
    font-weight: 600 !important;
    /* 加粗显示 */
    animation: breathe 4s infinite ease-in-out !important;
    /* 应用呼吸灯动画 */
}

/* 分类网址模块样式 - 第一个网址文字颜色为呼吸灯效果 */
.card .card-body .item:first-child .name {
    font-weight: 600 !important;
    /* 加粗显示 */
    animation: breathe 4s infinite ease-in-out !important;
    /* 应用呼吸灯动画 */
}

/* 限制置顶站点模块只显示3行 */
.card.top-sites .card-body {
    max-height: calc(3 * (10px + 10px + 20px + 8px));
    /* 3行 * (上下内边距 + 图标高度 + 文字高度) */
    overflow: hidden !important;
}

/* 响应式调整 */
@media (max-width: 991px) {
    .container.layout-main {
        flex-wrap: wrap;
        /* 移动端允许换行 */
    }

    .container.layout-main .main,
    .container.layout-main .side {
        width: 100%;
        float: none;
        margin-left: 0;
        padding: 0;
        flex: 1 1 100%;
    }

    .main::after {
        display: none;
    }

    /* 置顶站点在平板上每行显示4个 */
    .card-body>.top-grid .item {
        width: calc(25% - 10px) !important;
    }
}

@media (max-width: 768px) {
    .side-latest .name {
        font-size: 12px !important;
    }

    .side-latest .date {
        font-size: 11px !important;
    }

    .side-latest .rank {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        margin-right: 6px !important;
    }

    .side-latest .icon {
        width: 18px !important;
        height: 18px !important;
        margin-right: 6px !important;
    }

    .side-latest .icon img {
        width: 18px !important;
        height: 18px !important;
    }

    /* 置顶站点在手机上每行显示3个 */
    .card-body>.top-grid .item {
        width: calc(33.333% - 10px) !important;
        padding: 6px !important;
    }

    .card-body>.top-grid .item .name {
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {

    /* 置顶站点在小屏手机上每行显示2个 */
    .card-body>.top-grid .item {
        width: calc(50% - 10px) !important;
        margin: 4px !important;
    }
}


/* 排行榜选项卡样式 - 现代化美化版 */
.ranking-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 15px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    background: linear-gradient(to right, #ffffff, #f8f9fa) !important;
}

.left-title {
    font-size: 15px !important;
    font-weight: bold !important;
    color: #444 !important;
}

.left-title i {
    margin-right: 6px !important;
    color: #5cb85c !important;
}

/* 胶囊式选项卡容器 */
.right-tabs {
    display: inline-flex !important;
    background-color: #e9ecef !important;
    border-radius: 20px !important;
    padding: 2px !important;
    gap: 3px !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

/* 选项卡按钮 - 胶囊式设计 */
.rank-tab {
    cursor: pointer !important;
    font-size: 12px !important;
    color: #666 !important;
    padding: 4px 10px !important;
    border-radius: 16px !important;
    position: relative !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    font-weight: 500 !important;
    background-color: transparent !important;
    border: none !important;
    white-space: nowrap !important;
}

.rank-tab:hover {
    color: #333 !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
}

/* 激活状态 - 渐变胶囊效果 */
.rank-tab.active {
    color: #fff !important;
    background: linear-gradient(135deg, var(--theme-color, #5cb85c) 0%, var(--theme-color, #4cae4c) 100%) !important;
    box-shadow: 0 2px 8px rgba(var(--theme-color-rgb, 92, 184, 92), 0.3) !important;
    font-weight: 600 !important;
}

.rank-tab.active::after {
    display: none !important;
}


/* 适配侧边栏的 view-list 样式 */
.rank-list.view-list {
    margin-top: 5px !important;
    padding: 0 5px !important;
}

.rank-list.view-list a {
    padding: 8px 6px !important;
    border-radius: 6px !important;
    margin-bottom: 2px !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

.rank-list.view-list a .rank {
    flex: none !important;
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    margin-right: 8px !important;
    font-size: 12px !important;
    text-align: center !important;
    border-radius: 50% !important;
    background: rgba(124, 124, 124, 0.3) !important;
    color: #fff !important;
}

/* 确保前三名显示皇冠图片 */
.rank-list.view-list a:nth-child(1) .rank {
    font-size: 0 !important;
    background: url("assets/images/rank_1.png") no-repeat 50% 50%/85% !important;
}

.rank-list.view-list a:nth-child(2) .rank {
    font-size: 0 !important;
    background: url("assets/images/rank_2.png") no-repeat 50% 50%/85% !important;
}

.rank-list.view-list a:nth-child(3) .rank {
    font-size: 0 !important;
    background: url("assets/images/rank_3.png") no-repeat 50% 50%/85% !important;
}

.rank-list.view-list a .icon {
    flex: none !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
}

.rank-list.view-list a .icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.rank-list.view-list a .name {
    flex: auto !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #555 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.rank-list.view-list a .view {
    flex: none !important;
    font-size: 13px !important;
    font-style: italic !important;
    color: #5cb85c !important;
    margin-left: 5px !important;
}

.view-all-rank {
    display: block !important;
    text-align: center !important;
    margin-top: 10px !important;
    padding: 10px !important;
    background-color: #f9f9f9 !important;
    color: #777 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    border: 1px solid #eee !important;
}

.view-all-rank:hover {
    background-color: #f1404b !important;
    color: #fff !important;
    border-color: #f1404b !important;
}

/* 侧边栏个人/站点信息卡片 - 深度重设计 */
#branding-info-card {
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 25px !important;
    background: #fff !important;
    font-family: "Microsoft Yahei", sans-serif !important;
    height: 250px !important;
    display: flex !important;
    flex-direction: column !important;
}

#branding-info-card .info-header {
    background: linear-gradient(135deg, #81d4fa 0%, #ce93d8 100%) !important;
    /* 浅蓝+浅紫时尚渐变 */
    padding: 15px 15px 10px !important;
    position: relative !important;
    color: #fff !important;
    overflow: hidden !important;
    height: 120px !important;
    border-radius: 12px 12px 0 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* 对角线背景装饰 - 针对浅色背景优化 */
#branding-info-card .header-pattern {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0px, rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 10px) !important;
    pointer-events: none !important;
    z-index: 1 !important;
    opacity: 0.8 !important;
}

#branding-info-card .info-profile {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 5px !important;
    position: relative !important;
    z-index: 2 !important;
}

#branding-info-card .info-avatar {
    width: 50px !important;
    height: 50px !important;
    background: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 12px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    padding: 5px !important;
    flex-shrink: 0 !important;
}

#branding-info-card .info-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

#branding-info-card .info-text {
    flex: 1 !important;
}

#branding-info-card .info-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    line-height: 1.2 !important;
}

#branding-info-card .info-subtitle {
    font-size: 11px !important;
    opacity: 0.85 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.3 !important;
}

/* 社交工具栏 - 增强可见度 */
#branding-info-card .info-social {
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(8px) !important;
    border-radius: 6px !important;
    display: flex !important;
    justify-content: space-around !important;
    padding: 6px 10px !important;
    position: relative !important;
    z-index: 5 !important;
}

#branding-info-card .info-social a {
    color: #fff !important;
    font-size: 17px !important;
    display: inline-block !important;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

#branding-info-card .info-social a:hover {
    transform: scale(1.2) !important;
}

/* 统计区域 - 高度压缩至 130px */
#branding-info-card .info-stats {
    padding: 10px 15px !important;
    height: 130px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

#branding-info-card .stats-top {
    margin-bottom: 6px !important;
}

#branding-info-card .stats-box {
    border-radius: 6px !important;
    padding: 6px 5px !important;
    text-align: center !important;
}

#branding-info-card .stats-box .num {
    font-size: 16px !important;
    font-weight: 800 !important;
    margin-bottom: 0 !important;
}

#branding-info-card .stats-box .label {
    font-size: 11px !important;
}

/* 统计盒子颜色主题 */
#branding-info-card .box-red {
    border: 1px solid #ff425d !important;
    background-color: #fff5f6 !important;
}

#branding-info-card .box-red .num,
#branding-info-card .box-red .label {
    color: #ff425d !important;
}

#branding-info-card .stats-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
}

#branding-info-card .box-blue {
    border: 1px solid #1c8dff !important;
    background-color: #f0f7ff !important;
}

#branding-info-card .box-blue .num,
#branding-info-card .box-blue .label {
    color: #1c8dff !important;
}

#branding-info-card .box-green {
    border: 1px solid #36b300 !important;
    background-color: #f4fff0 !important;
}

#branding-info-card .box-green .num,
#branding-info-card .box-green .label {
    color: #36b300 !important;
}

#branding-info-card .box-red-light {
    border: 1px solid #ff7a00 !important;
    background-color: #fffaf0 !important;
}

#branding-info-card .box-red-light .num,
#branding-info-card .box-red-light .label {
    color: #ff7a00 !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    #branding-info-card {
        margin: 10px 10px !important;
    }
}

/* 修复排行皇冠显示 - 使用相对路径确保加载 */
.rank-list.view-list a:nth-child(1) .rank {
    font-size: 0 !important;
    background: url("../images/rank_1.png") no-repeat 50% 50%/85% !important;
}

.rank-list.view-list a:nth-child(2) .rank {
    font-size: 0 !important;
    background: url("../images/rank_2.png") no-repeat 50% 50%/85% !important;
}

.rank-list.view-list a:nth-child(3) .rank {
    font-size: 0 !important;
    background: url("../images/rank_3.png") no-repeat 50% 50%/85% !important;
}

/* ============================================
   最新点入/点出/收录模块样式 - 胶囊式选项卡
   ============================================ */

/* 容器样式 - 全幅宽 */
.latest-activity-container {
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto 10px !important;
}

/* 模块卡片样式 */
.latest-activity-card {
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    border-left: 3px solid #ff7f00 !important;
}

/* 选项卡头部样式 */
.latest-activity-card .tab-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 20px !important;
    background: linear-gradient(to right, #ffffff, #f8f9fa) !important;
    border-bottom: 1px solid #e9ecef !important;
    flex-wrap: nowrap !important;
    gap: 15px !important;
}

.latest-activity-card .left-section {
    font-size: 15px !important;
    font-weight: bold !important;
    color: #444 !important;
    flex-shrink: 0 !important;
}

.latest-activity-card .left-section i {
    color: #ff7f00 !important;
    margin-right: 5px !important;
}

/* 胶囊式选项卡容器 - 真正的Segmented Control风格 */
.capsule-tabs {
    display: inline-flex !important;
    background-color: #e0e0e0 !important;
    /* 稍深的浅灰色底框 */
    border-radius: 25px !important;
    /* 更圆润的胶囊型 */
    padding: 2px !important;
    gap: 0 !important;
    flex-shrink: 0 !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    /* 内阴影增强立体感 */
    border: 1px solid #dcdcdc !important;
    /* 增加边框确保可见 */
}

/* 胶囊式选项卡按钮 */
.capsule-tab {
    display: inline-block !important;
    /* 强制显示属性 */
    padding: 4px 10px !important;
    font-size: 12px !important;
    cursor: pointer !important;
    border-radius: 20px !important;
    /* 圆角 */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    white-space: nowrap !important;
    user-select: none !important;
    /* 非激活态样式 */
    background-color: transparent !important;
    color: #666 !important;
    /* 深灰色文字 */
    font-weight: 500 !important;
    border: none !important;
    margin: 0 !important;
    /* 清除可能的外边距 */
    line-height: normal !important;
}

/* 胶囊选项卡悬停效果 */
.capsule-tab:hover:not(.active) {
    color: #333 !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
}

/* 胶囊选项卡激活态样式 - 真正的胶囊效果 */
.capsule-tab.active {
    background: linear-gradient(135deg, var(--theme-color, #5cb85c) 0%, var(--theme-color, #4cae4c) 100%) !important;
    box-shadow: 0 2px 8px rgba(var(--theme-color-rgb, 92, 184, 92), 0.3) !important;
    /* 鲜艳的红色背景 */
    color: #ffffff !important;
    /* 白色文字 */
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(241, 64, 75, 0.4), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    transform: scale(1.02) !important;
    /* 轻微放大效果 */
}

/* 提示文字样式 */
/* 提示文字样式 */
.tab-hint {
    flex: 1 !important;
    text-align: center !important;
    font-size: 18px !important;
    /* 增大字体 */
    font-weight: 700 !important;
    /* 加粗 */
    line-height: 1.4 !important;
    margin: 0 15px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    /* 时尚彩色渐变字 */
    background: linear-gradient(90deg, #ff0000, #ff7f00, #d800ff, #0000ff) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: rainbow 5s linear infinite !important;
    /* 添加流动动画 */
}

/* 彩虹文字动画 */
@keyframes rainbow {
    to {
        background-position: 200% center;
    }
}

.latest-activity-card .more {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    float: none !important;
    /* 强制清除浮动 */
    margin-top: 0 !important;
    /* 清除可能的上边距 */
    height: auto !important;
}

/* 选项卡内容区域 */
.latest-activity-card .card-body {
    padding: 10px !important;
    /* 调整内边距以适应无边框设计 */
    min-height: 150px !important;
}

.latest-activity-card .tab-content {
    display: none;
    /* 默认隐藏，不要加!important以便JS控制，或者配合active类 */
    flex-wrap: wrap !important;
    gap: 0 !important;
    /* 清除gap，使用百分比宽度控制 */
    margin: 0 -5px !important;
    /* 抵消item的padding/margin */
    width: 100% !important;
    /* 确保占满容器 */
}

.latest-activity-card .tab-content.active {
    display: flex !important;
    /* 激活时显示为flex */
}

/* 内容项样式 - 参考目录导航 */
.latest-activity-card .item {
    display: flex !important;
    /* 保持flex布局以便内部对齐 */
    flex-direction: row !important;
    /* 确保图标和文字横向排列 */
    align-items: center !important;
    width: 14.2857143% !important;
    /* 每行7个 */
    padding: 10px 5px !important;
    /* 调整内边距 */
    background-color: transparent !important;
    /* 无背景 */
    border: none !important;
    /* 无边框 */
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    flex: 0 0 auto !important;
    /* 固定宽度 */
    min-width: 0 !important;
    box-shadow: none !important;
    /* 去除阴影 */
    margin: 0 !important;
    /* 清除外边距 */
}

.latest-activity-card .item:hover {
    background-color: #eee !important;
    /* 悬停背景 */
    transform: scale(1.05) !important;
    /* 悬停放大 */
    box-shadow: none !important;
    z-index: 1 !important;
}

.latest-activity-card .item .icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 6px !important;
    flex-shrink: 0 !important;
}

.latest-activity-card .item .icon img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 3px !important;
    object-fit: contain !important;
    vertical-align: middle !important;
}

.latest-activity-card .item .name {
    font-size: 14px !important;
    /* 调整字体大小 */
    color: #666 !important;
    font-weight: normal !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 !important;
}

.latest-activity-card .item:hover .name {
    color: #333 !important;
    /* 悬停文字颜色加深 */
    font-weight: 600 !important;
}

/* 最新点出的访问次数样式 */
.latest-activity-card .item .hits {
    font-size: 12px !important;
    color: #ff7f00 !important;
    font-weight: 600 !important;
    margin-left: 4px !important;
    flex-shrink: 0 !important;
}

/* 最新收录的时间样式 */
.latest-activity-card .item .time {
    font-size: 12px !important;
    color: #5cb85c !important;
    font-weight: 500 !important;
    margin-left: 4px !important;
    flex-shrink: 0 !important;
    font-style: italic !important;
}

/* 响应式设计 - 参考style.css */
@media (max-width: 1300px) {
    .latest-activity-card .item {
        width: 16.6666667% !important;
        /* 每行6个 */
    }
}

@media (max-width: 991px) {
    .latest-activity-container {
        padding: 0 10px !important;
    }

    .latest-activity-card .tab-header {
        flex-wrap: wrap !important;
    }

    .capsule-tabs {
        order: 1 !important;
        width: auto !important;
        margin-bottom: 10px !important;
    }

    .tab-hint {
        order: 2 !important;
        width: 100% !important;
        margin: 5px 0 !important;
        font-size: 12px !important;
    }

    .latest-activity-card .more {
        order: 3 !important;
        width: 100% !important;
        justify-content: center !important;
        margin-top: 5px !important;
    }

    .latest-activity-card .item {
        width: 25% !important;
        /* 每行4个 */
    }
}

@media (max-width: 768px) {
    .latest-activity-card .card-body {
        padding: 5px !important;
    }

    .latest-activity-card .item {
        padding: 6px 5px !important;
        width: 33.3333333% !important;
        /* 每行3个 */
    }

    .latest-activity-card .item .name {
        font-size: 13px !important;
    }

    .capsule-tab {
        padding: 6px 14px !important;
        font-size: 12px !important;
    }

    .tab-hint {
        font-size: 11px !important;
    }
}

@media (max-width: 480px) {
    .latest-activity-card .item {
        width: 33.3333333% !important;
        /* 每行3个 */
    }

    /* 手机模式下标题区域改为多行布局 */
    .latest-activity-card .tab-header {
        flex-direction: column !important;
        align-items: center !important;
        padding: 10px 15px !important;
        gap: 8px !important;
    }

    .capsule-tabs {
        order: 1 !important;
        margin-bottom: 0 !important;
    }

    .tab-hint {
        order: 2 !important;
        width: 100% !important;
        margin: 0 !important;
        font-size: 12px !important;
        white-space: normal !important;
        line-height: 1.5 !important;
        text-align: center !important;
    }

    .latest-activity-card .more {
        order: 3 !important;
        width: auto !important;
        margin-top: 0 !important;
    }
}

/* 侧边栏排行榜模块样式 */
.ranking-card .card-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 15px !important;
}

.rank-tabs {
    display: flex !important;
    gap: 15px !important;
}

.rank-tab {
    cursor: pointer !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 15px !important;
    position: relative !important;
    padding-bottom: 5px !important;
}

.rank-tab.active {
    color: #333 !important;
}

.rank-tab.active::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background-color: #ff7f00 !important;
    border-radius: 2px !important;
}

.reset-hint {
    font-size: 12px !important;
    color: #999 !important;
}

.rank-list {
    padding: 5px 0 !important;
}

.rank-item {
    display: flex !important;
    align-items: center !important;
    padding: 8px 10px !important;
    border-bottom: 1px dashed #eee !important;
    text-decoration: none !important;
    transition: background-color 0.2s !important;
}

.rank-item:last-child {
    border-bottom: none !important;
}

.rank-item:hover {
    background-color: #f9f9f9 !important;
}

/* 排名图标/数字样式 */
.rank-icon,
.rank-num {
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    text-align: center !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}

/* 前三名皇冠图标 - 使用FontAwesome */
.rank-icon::before {
    font-family: FontAwesome !important;
    font-size: 18px !important;
}

.rank-1::before {
    content: "\f091" !important;
    /* fa-trophy */
    color: #ff8c00 !important;
    /* Gold/Orange */
}

.rank-2::before {
    content: "\f091" !important;
    color: #7b68ee !important;
    /* MediumSlateBlue */
}

.rank-3::before {
    content: "\f091" !important;
    color: #cd7f32 !important;
    /* Bronze */
}

/* 4-10名数字样式 */
.rank-num {
    background-color: #eee !important;
    color: #666 !important;
    border-radius: 50% !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.rank-item:nth-child(1) .rank-num {
    background-color: #ff8c00 !important;
    color: white !important;
}

.rank-item:nth-child(2) .rank-num {
    background-color: #7b68ee !important;
    color: white !important;
}

.rank-item:nth-child(3) .rank-num {
    background-color: #cd7f32 !important;
    color: white !important;
}

.rank-item .name {
    flex: 1 !important;
    font-size: 14px !important;
    color: #333 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.rank-item .hits {
    font-size: 14px !important;
    color: #ff7f00 !important;
    font-style: italic !important;
    margin-left: 10px !important;
    font-family: Georgia, serif !important;
}

/* ===== 首页分类文章推荐模块 ===== */
.article-category-card {
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.article-category-card .card-head {
    display: flex !important;
    align-items: center !important;
    padding: 12px 15px !important;
    background: linear-gradient(135deg, #81d4fa 0%, #ce93d8 100%) !important;
    color: #fff !important;
    border-radius: 8px 8px 0 0 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    border-bottom: none !important;
}

.article-category-card .card-head i {
    margin-right: 8px !important;
    font-size: 18px !important;
    color: #fff !important;
}

.article-category-card .card-head .cate-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #fff !important;
}

.article-category-card .card-head .more {
    margin-left: auto !important;
    color: rgba(255, 255, 255, 0.8) !important;
    transition: color 0.3s !important;
    position: static !important;
}

.article-category-card .card-head .more:hover {
    color: #fff !important;
}

.article-grid-body {
    padding: 15px !important;
    background: #f8f9fa;
}

.article-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.article-grid-item {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    text-decoration: none;
}

.article-grid-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.article-grid-img {
    position: relative;
    width: 100%;
    padding-top: 60%;
    /* 宽高比 */
    overflow: hidden;
    background: #eee;
}

.article-grid-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.article-grid-item:hover .article-grid-img img {
    transform: scale(1.05);
}

.article-grid-info {
    padding: 12px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.article-grid-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 39px;
}

.article-grid-item:hover .article-grid-title {
    color: #667eea;
}

.article-grid-meta {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #999;
    margin-top: auto;
}

.article-grid-meta span {
    display: flex;
    align-items: center;
    gap: 4px;
}

.article-grid-meta i {
    font-size: 11px;
}

/* 响应式 - 平板 */
@media (max-width: 992px) {
    .article-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 响应式 - 手机 */
@media (max-width: 768px) {
    .article-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .article-grid-body {
        padding: 10px !important;
    }

    .article-grid-info {
        padding: 10px;
    }

    .article-grid-title {
        font-size: 13px;
        min-height: 36px;
    }
}

/* 响应式 - 小手机 */
@media (max-width: 480px) {
    .article-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .article-grid-title {
        font-size: 12px;
        -webkit-line-clamp: 2;
    }

    .article-grid-meta {
        font-size: 11px;
    }
}

/* onenav final tune: top-sites 4x2 + unified url card height */
body.theme-onenav .top-sites .top-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 12px !important;
}

body.theme-onenav .top-sites .top-grid>.item {
    width: auto !important;
    margin: 0 !important;
}

body.theme-onenav .top-sites .card-body {
    overflow: hidden !important;
}

body.theme-onenav .latest-activity-card .item,
body.theme-onenav .top-sites .top-grid>.item,
body.theme-onenav .onenav-sites-body .onenav-site-item,
body.theme-onenav .main>.card:not(.article-category-card):not(.latest-activity-card):not(.top-sites) .card-body>a.item {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 7px 10px !important;
    border: 1px solid #e5ebf4 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.theme-onenav .latest-activity-card .item:hover,
body.theme-onenav .top-sites .top-grid>.item:hover,
body.theme-onenav .onenav-sites-body .onenav-site-item:hover,
body.theme-onenav .main>.card:not(.article-category-card):not(.latest-activity-card):not(.top-sites) .card-body>a.item:hover {
    transform: none !important;
    box-shadow: none !important;
}

@media (max-width: 768px) {
    body.theme-onenav .top-sites .top-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* onenav tune: nav 4x4 + blue tools + stream head + logo left */
body.theme-onenav .onenav-nav-card .onenav-sites-body {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 12px !important;
}

body.theme-onenav .onenav-nav-card .onenav-sites-body .onenav-site-item {
    width: auto !important;
    margin: 0 !important;
}

body.theme-onenav .onenav-stream-card .card-head.stream-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: linear-gradient(180deg, #f4f9ff 0%, #eaf3ff 100%) !important;
    border-bottom: 1px solid #d8e8ff !important;
    color: #1d4ed8 !important;
}

body.theme-onenav .onenav-stream-card .stream-head-icon {
    background: linear-gradient(135deg, #38bdf8 0%, #2563eb 45%, #7c3aed 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important;
    font-size: 16px !important;
}

body.theme-onenav .onenav-stream-card .stream-head-title {
    font-weight: 800 !important;
    letter-spacing: 0.3px !important;
}

body.theme-onenav .onenav-float-tools {
    position: fixed !important;
    right: 18px !important;
    bottom: 22px !important;
    top: auto !important;
    z-index: 98 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

body.theme-onenav .onenav-float-tools a {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    border: 0 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 10px 22px rgba(31, 41, 55, 0.22) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}

body.theme-onenav .onenav-float-tools a i {
    font-size: 24px !important;
    line-height: 1 !important;
}

body.theme-onenav .onenav-float-tools a:hover {
    transform: translateY(-2px) scale(1.03) !important;
    box-shadow: 0 14px 28px rgba(31, 41, 55, 0.28) !important;
    filter: saturate(1.05) brightness(1.02) !important;
}

/* 视觉顺序：顶部 > 榜单 > 收录 > 留言（功能链接不变） */
body.theme-onenav .onenav-float-tools a[href="#top"] {
    order: 1 !important;
    background: linear-gradient(180deg, #5b7cff 0%, #3f63f4 100%) !important;
}

body.theme-onenav .onenav-float-tools a[href*="/ranking"] {
    order: 2 !important;
    background: linear-gradient(180deg, #228eff 0%, #0d6de8 100%) !important;
}

body.theme-onenav .onenav-float-tools a[href*="/apply"] {
    order: 3 !important;
    background: linear-gradient(180deg, #58c83a 0%, #37ad1f 100%) !important;
}

body.theme-onenav .onenav-float-tools a[href*="/feedback"] {
    order: 4 !important;
    background: linear-gradient(180deg, #f39a1c 0%, #e77b00 100%) !important;
}

body.theme-onenav .header .container {
    justify-content: flex-start !important;
    padding-left: 8px !important;
    padding-right: 12px !important;
}

body.theme-onenav .header .nav-bar {
    display: none !important;
}

body.theme-onenav .header .logo {
    margin-left: 0 !important;
    margin-right: 12px !important;
    justify-content: flex-start !important;
}

body.theme-onenav .header .logo img.logo-main {
    margin-left: 0 !important;
}

body.theme-onenav .onenav-top-tools .tool-btn {
    border: 1px solid #bfdbfe !important;
    background: #eff6ff !important;
    color: #2563eb !important;
}

body.theme-onenav .onenav-top-tools .tool-btn:hover {
    background: #dbeafe !important;
    border-color: #60a5fa !important;
    color: #1d4ed8 !important;
}

@media (max-width: 768px) {
    body.theme-onenav .onenav-nav-card .onenav-sites-body {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* onenav tune v2: icon visibility + stream date + compact unified cards */
body.theme-onenav .onenav-stream-card .card-head.stream-head i::after {
    content: '' !important;
    display: none !important;
}

body.theme-onenav .onenav-stream-card .card-head.stream-head {
    min-height: 42px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.theme-onenav .onenav-stream-card .stream-head-icon {
    display: inline-block !important;
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
}

body.theme-onenav .onenav-stream-card .card-body {
    gap: 8px !important;
}

body.theme-onenav .onenav-stream-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
}

body.theme-onenav .onenav-stream-item .stream-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

body.theme-onenav .onenav-stream-item .stream-icon img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

body.theme-onenav .onenav-stream-item .stream-name {
    min-width: 0 !important;
    flex: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .onenav-stream-item .stream-date {
    flex: 0 0 auto !important;
    font-size: 11px !important;
    color: #3b82f6 !important;
    font-weight: 600 !important;
    margin-left: 6px !important;
}

body.theme-onenav .onenav-top-tools .tool-btn {
    border: 1px solid #bfdbfe !important;
    background: #eff6ff !important;
    color: #2563eb !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

body.theme-onenav .onenav-top-tools .tool-btn i {
    font-size: 15px !important;
    line-height: 1 !important;
    color: currentColor !important;
}

body.theme-onenav .onenav-top-tools .tool-search {
    color: #2563eb !important;
}

body.theme-onenav .onenav-top-tools .tool-msg {
    color: #0284c7 !important;
}

body.theme-onenav .onenav-top-tools .tool-user {
    color: #1d4ed8 !important;
}

body.theme-onenav .latest-activity-card .item,
body.theme-onenav .top-sites .top-grid>.item,
body.theme-onenav .onenav-sites-body .onenav-site-item,
body.theme-onenav .main>.card:not(.article-category-card):not(.latest-activity-card):not(.top-sites):not(.onenav-stream-card) .card-body>a.item {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 5px 9px !important;
    border-radius: 11px !important;
    border: 1px solid #dfe8f7 !important;
    border-left: 3px solid #8db3ff !important;
    background: linear-gradient(90deg, #f7faff 0%, #fff 100%) !important;
    box-shadow: none !important;
    transform: none !important;
}

body.theme-onenav .top-sites .top-grid>.item:nth-child(3n+2) {
    border-left-color: #73d6b6 !important;
    background: linear-gradient(90deg, #f6fffc 0%, #fff 100%) !important;
}

body.theme-onenav .top-sites .top-grid>.item:nth-child(3n+3) {
    border-left-color: #fb8fb0 !important;
    background: linear-gradient(90deg, #fff7fa 0%, #fff 100%) !important;
}

body.theme-onenav .latest-activity-card .item .icon,
body.theme-onenav .top-sites .top-grid>.item .icon,
body.theme-onenav .onenav-sites-body .onenav-site-item .icon,
body.theme-onenav .main>.card:not(.article-category-card):not(.latest-activity-card):not(.top-sites):not(.onenav-stream-card) .card-body>a.item .icon {
    width: 18px !important;
    height: 18px !important;
    margin: 0 7px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    flex: 0 0 18px !important;
}

body.theme-onenav .latest-activity-card .item .icon img,
body.theme-onenav .top-sites .top-grid>.item .icon img,
body.theme-onenav .onenav-sites-body .onenav-site-item .icon img,
body.theme-onenav .main>.card:not(.article-category-card):not(.latest-activity-card):not(.top-sites):not(.onenav-stream-card) .card-body>a.item .icon img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

body.theme-onenav .top-sites .top-grid>.item .site-text,
body.theme-onenav .onenav-sites-body .onenav-site-item .site-text {
    min-width: 0 !important;
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
}

body.theme-onenav .latest-activity-card .item .name,
body.theme-onenav .top-sites .top-grid>.item .name,
body.theme-onenav .onenav-sites-body .onenav-site-item .name,
body.theme-onenav .main>.card:not(.article-category-card):not(.latest-activity-card):not(.top-sites):not(.onenav-stream-card) .card-body>a.item .name {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #45566f !important;
    line-height: 1.2 !important;
}

body.theme-onenav .top-sites .top-grid>.item .meta,
body.theme-onenav .onenav-sites-body .onenav-site-item .meta {
    display: none !important;
}

/* onenav tune v3: fix icon/title overlap + unify capsule tabs */
body.theme-onenav .onenav-nav-card .onenav-sites-body {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body.theme-onenav .onenav-nav-card .onenav-sites-body .onenav-site-item,
body.theme-onenav .top-sites .top-grid>.item,
body.theme-onenav .main>.card:not(.article-category-card):not(.latest-activity-card):not(.top-sites):not(.onenav-stream-card) .card-body>a.item {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

body.theme-onenav .onenav-nav-card .onenav-sites-body .onenav-site-item .icon,
body.theme-onenav .top-sites .top-grid>.item .icon,
body.theme-onenav .main>.card:not(.article-category-card):not(.latest-activity-card):not(.top-sites):not(.onenav-stream-card) .card-body>a.item .icon {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    position: static !important;
    z-index: 2 !important;
}

body.theme-onenav .onenav-nav-card .onenav-sites-body .onenav-site-item .site-text,
body.theme-onenav .top-sites .top-grid>.item .site-text,
body.theme-onenav .main>.card:not(.article-category-card):not(.latest-activity-card):not(.top-sites):not(.onenav-stream-card) .card-body>a.item .site-text {
    min-width: 0 !important;
    flex: 1 !important;
    display: block !important;
    overflow: hidden !important;
}

body.theme-onenav .onenav-nav-card .onenav-sites-body .onenav-site-item .name,
body.theme-onenav .top-sites .top-grid>.item .name,
body.theme-onenav .main>.card:not(.article-category-card):not(.latest-activity-card):not(.top-sites):not(.onenav-stream-card) .card-body>a.item .name {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
}

body.theme-onenav .capsule-tabs,
body.theme-onenav .right-tabs,
body.theme-onenav .onenav-tabs-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #f2f7ff !important;
    border: 1px solid #d9e6fb !important;
    border-radius: 999px !important;
    padding: 3px !important;
    box-shadow: none !important;
}

body.theme-onenav .capsule-tab,
body.theme-onenav .rank-tab,
body.theme-onenav .onenav-pill {
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #51678f !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

body.theme-onenav .capsule-tab:hover,
body.theme-onenav .rank-tab:hover,
body.theme-onenav .onenav-pill:hover {
    background: #eaf1ff !important;
    color: #2f4f86 !important;
}

body.theme-onenav .capsule-tab.active,
body.theme-onenav .rank-tab.active,
body.theme-onenav .onenav-pill.active {
    border-color: #4f8df7 !important;
    background: linear-gradient(135deg, #4f8df7, #3f78d8) !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* onenav tune v4: stable 4-column website cards */
body.theme-onenav .onenav-nav-card .onenav-sites-body {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: 52px !important;
    gap: 12px !important;
    padding: 12px !important;
}

body.theme-onenav .onenav-nav-card .onenav-sites-body>a.onenav-site-item {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    display: none !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    overflow: hidden !important;
}

body.theme-onenav .onenav-nav-card .onenav-sites-body>a.onenav-site-item.show {
    display: flex !important;
}

body.theme-onenav .onenav-nav-card .onenav-sites-body>a.onenav-site-item .icon {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: transparent !important;
}

body.theme-onenav .onenav-nav-card .onenav-sites-body>a.onenav-site-item .icon img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

body.theme-onenav .onenav-nav-card .onenav-sites-body>a.onenav-site-item .site-text {
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    display: block !important;
}

body.theme-onenav .onenav-nav-card .onenav-sites-body>a.onenav-site-item .name {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
}

body.theme-onenav .onenav-nav-card .onenav-sites-body>a.onenav-site-item .meta {
    display: none !important;
}

body.theme-onenav .top-sites .top-grid>.item,
body.theme-onenav .main>.card:not(.article-category-card):not(.latest-activity-card):not(.top-sites):not(.onenav-stream-card) .card-body>a.item {
    flex-direction: row !important;
    justify-content: flex-start !important;
}

@media (max-width: 768px) {
    body.theme-onenav .onenav-nav-card .onenav-sites-body {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: 48px !important;
    }

    body.theme-onenav .onenav-nav-card .onenav-sites-body>a.onenav-site-item {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
    }
}

/* onenav final v6: enforce image cards (blue) + top-sites (red) */
body.theme-onenav .main>.card.onenav-nav-card>.card-body.onenav-sites-body {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 12px !important;
}

body.theme-onenav .main>.card.onenav-nav-card>.card-body.onenav-sites-body>a.item.onenav-site-item {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    border: 1px solid #a8c8ff !important;
    border-left: 4px solid #5a92f8 !important;
    background: #f4f8ff !important;
    box-shadow: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    overflow: hidden !important;
}

body.theme-onenav .main>.card.onenav-nav-card>.card-body.onenav-sites-body>a.item.onenav-site-item.show {
    display: flex !important;
}

body.theme-onenav .main>.card.onenav-nav-card>.card-body.onenav-sites-body>a.item.onenav-site-item .icon {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    overflow: hidden !important;
}

body.theme-onenav .main>.card.onenav-nav-card>.card-body.onenav-sites-body>a.item.onenav-site-item .icon img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    background: transparent !important;
}

body.theme-onenav .main>.card.onenav-nav-card>.card-body.onenav-sites-body>a.item.onenav-site-item .site-text {
    flex: 1 !important;
    min-width: 0 !important;
    display: block !important;
    overflow: hidden !important;
}

body.theme-onenav .main>.card.onenav-nav-card>.card-body.onenav-sites-body>a.item.onenav-site-item .name {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #2d496f !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main>.card.onenav-nav-card>.card-body.onenav-sites-body>a.item.onenav-site-item .meta {
    display: none !important;
}

body.theme-onenav .main>.card.top-sites>.card-body .top-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 12px !important;
}

body.theme-onenav .main>.card.top-sites>.card-body .top-grid>a.item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    border: 1px solid #ffc0ca !important;
    border-left: 4px solid #ff6f8f !important;
    background: #fff6f8 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    overflow: hidden !important;
}

body.theme-onenav .main>.card.top-sites>.card-body .top-grid>a.item .icon {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    overflow: hidden !important;
}

body.theme-onenav .main>.card.top-sites>.card-body .top-grid>a.item .icon img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

body.theme-onenav .main>.card.top-sites>.card-body .top-grid>a.item .site-text {
    flex: 1 !important;
    min-width: 0 !important;
}

body.theme-onenav .main>.card.top-sites>.card-body .top-grid>a.item .name {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #7a3b4a !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main>.card.top-sites>.card-body .top-grid>a.item .meta {
    display: none !important;
}

@media (max-width: 768px) {

    body.theme-onenav .main>.card.onenav-nav-card>.card-body.onenav-sites-body,
    body.theme-onenav .main>.card.top-sites>.card-body .top-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.theme-onenav .main>.card.onenav-nav-card>.card-body.onenav-sites-body>a.item.onenav-site-item,
    body.theme-onenav .main>.card.top-sites>.card-body .top-grid>a.item {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 0 10px !important;
    }
}

/* onenav article cards: 2 modules per row, 5 latest items each */
body.theme-onenav .main .onenav-article-section {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 0 14px !important;
}

body.theme-onenav .main .onenav-article-rank-card {
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 10px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-head {
    position: relative !important;
    height: 94px !important;
    padding: 16px 18px 12px !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-head::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(10, 16, 30, 0.72) !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-title,
body.theme-onenav .main .onenav-article-rank-card .oa-desc {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    text-decoration: none !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-desc {
    margin-top: 8px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    color: rgba(238, 245, 255, 0.9) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-body {
    padding: 12px 16px 14px !important;
    background: #ffffff !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    height: 34px !important;
    text-decoration: none !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-item+.oa-item {
    margin-top: 4px !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-rank {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 800 !important;
    text-align: center !important;
    color: #fff !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-rank-1 {
    background: #ff4d4f !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-rank-2 {
    background: #4caf50 !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-rank-3 {
    background: #f0b429 !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-rank-4 {
    background: #1baad3 !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-rank-5 {
    background: #8b9bb2 !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-name {
    flex: 1 !important;
    min-width: 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    color: #4f5968 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-hot {
    flex: 0 0 auto !important;
    margin-left: 6px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: #f2a8b4 !important;
}

body.theme-onenav .main .onenav-article-rank-card .oa-fire {
    flex: 0 0 auto !important;
    font-size: 14px !important;
    color: #f2a8b4 !important;
}

@media (max-width: 768px) {
    body.theme-onenav .main .onenav-article-section {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body.theme-onenav .main .onenav-article-rank-card .oa-head {
        height: 82px !important;
        padding: 12px 14px 10px !important;
    }

    body.theme-onenav .main .onenav-article-rank-card .oa-title {
        font-size: 16px !important;
    }

    body.theme-onenav .main .onenav-article-rank-card .oa-desc {
        font-size: 12px !important;
    }

    body.theme-onenav .main .onenav-article-rank-card .oa-item {
        height: 32px !important;
    }

    body.theme-onenav .main .onenav-article-rank-card .oa-name {
        font-size: 13px !important;
    }
}

/* onenav featured article block: left list + right hero image */
body.theme-onenav .main .onenav-featured-article-card {
    margin: 0 0 14px !important;
    padding: 10px !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 10px !important;
    background: #f2f4f8 !important;
    box-shadow: none !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) !important;
    gap: 14px !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-item {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 116px !important;
    padding: 8px !important;
    border-radius: 8px !important;
    border: 1px solid #e7eaf0 !important;
    background: #ffffff !important;
    text-decoration: none !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-thumb {
    width: 150px !important;
    height: 100px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    display: block !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-thumb img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-main {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 7px !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-tags {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #8c96a7 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-tags i {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    flex: 0 0 8px !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-tags i.dot-blue {
    background: #5b8ef6 !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-tags i.dot-yellow {
    background: #f2bf4e !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-title {
    display: block !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #3a475d !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #8f98a8 !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-meta span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-hits {
    align-self: center !important;
    color: #e2a2b0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding-right: 8px !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-hits i {
    font-size: 14px !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-right {
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    display: block !important;
    min-height: 494px !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-right img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-right-mask {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(18, 22, 34, 0.08) 40%, rgba(18, 22, 34, 0.5) 100%) !important;
}

body.theme-onenav .main .onenav-featured-article-card .ofa-right-title {
    position: absolute !important;
    left: 14px !important;
    bottom: 12px !important;
    z-index: 2 !important;
    display: inline-block !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: rgba(34, 47, 72, 0.72) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

@media (max-width: 1100px) {
    body.theme-onenav .main .onenav-featured-article-card .ofa-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.theme-onenav .main .onenav-featured-article-card .ofa-right {
        min-height: 320px !important;
    }
}

@media (max-width: 768px) {
    body.theme-onenav .main .onenav-featured-article-card {
        padding: 8px !important;
    }

    body.theme-onenav .main .onenav-featured-article-card .ofa-item {
        grid-template-columns: 112px minmax(0, 1fr) !important;
        gap: 10px !important;
        min-height: 98px !important;
        padding: 7px !important;
    }

    body.theme-onenav .main .onenav-featured-article-card .ofa-thumb {
        width: 112px !important;
        height: 80px !important;
    }

    body.theme-onenav .main .onenav-featured-article-card .ofa-title {
        font-size: 16px !important;
    }

    body.theme-onenav .main .onenav-featured-article-card .ofa-meta {
        font-size: 12px !important;
        gap: 9px !important;
    }

    body.theme-onenav .main .onenav-featured-article-card .ofa-hits {
        grid-column: 2 !important;
        align-self: start !important;
        padding-right: 0 !important;
        font-size: 12px !important;
        color: #c58795 !important;
    }

    body.theme-onenav .main .onenav-featured-article-card .ofa-hits i {
        font-size: 12px !important;
    }

    body.theme-onenav .main .onenav-featured-article-card .ofa-right {
        min-height: 210px !important;
    }
}

/* onenav new article blocks: first split slider + second 3x2 grid */
body.theme-onenav .main .onenav-featured-split-card,
body.theme-onenav .main .onenav-second-article-card {
    margin: 0 0 14px !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 12px !important;
    background: #f4f6fa !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-head,
body.theme-onenav .main .onenav-second-article-card .osg-head {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    background: #fff !important;
    border-bottom: 1px solid #e5ecf7 !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-icon,
body.theme-onenav .main .onenav-second-article-card .osg-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #4ea7ff 0%, #8b5cf6 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(79, 134, 243, 0.24) !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-title,
body.theme-onenav .main .onenav-second-article-card .osg-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #2f3f5a !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48% !important;
    gap: 12px !important;
    padding: 12px !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-item {
    display: grid !important;
    grid-template-columns: 146px minmax(0, 1fr) !important;
    gap: 12px !important;
    min-height: 116px !important;
    padding: 8px !important;
    border: 1px solid #e7ebf1 !important;
    border-radius: 9px !important;
    background: #fff !important;
    text-decoration: none !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-thumb {
    width: 146px !important;
    height: 100px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    display: block !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-main {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 8px !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-tags,
body.theme-onenav .main .onenav-second-article-card .osg-tags {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 12px !important;
    color: #8f97a5 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-tags i,
body.theme-onenav .main .onenav-second-article-card .osg-tags i {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    display: inline-block !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-tags .dot-blue,
body.theme-onenav .main .onenav-second-article-card .osg-tags .dot-blue {
    background: #5a90f6 !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-tags .dot-yellow,
body.theme-onenav .main .onenav-second-article-card .osg-tags .dot-yellow {
    background: #f3bf51 !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-item-title {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #3a485f !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-meta,
body.theme-onenav .main .onenav-second-article-card .osg-meta {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    color: #8d98a9 !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-meta span,
body.theme-onenav .main .onenav-second-article-card .osg-meta span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-right {
    position: relative !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    min-height: 244px !important;
    background: #121926 !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-slide {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    transition: opacity 0.45s ease !important;
    pointer-events: none !important;
    display: block !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-slide.active {
    opacity: 1 !important;
    pointer-events: auto !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-slide img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-slide-mask {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(21, 28, 45, 0.06) 40%, rgba(21, 28, 45, 0.58) 100%) !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-slide-title {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    z-index: 2 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-dots {
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.55) !important;
    cursor: pointer !important;
}

body.theme-onenav .main .onenav-featured-split-card .ofs-dot.active {
    background: #ffffff !important;
}

body.theme-onenav .main .onenav-second-article-card .osg-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 12px !important;
}

body.theme-onenav .main .onenav-second-article-card .osg-item {
    display: block !important;
    border-radius: 9px !important;
    border: 1px solid #e5ebf4 !important;
    background: #fff !important;
    overflow: hidden !important;
    text-decoration: none !important;
    min-width: 0 !important;
}

body.theme-onenav .main .onenav-second-article-card .osg-thumb {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    overflow: hidden !important;
}

body.theme-onenav .main .onenav-second-article-card .osg-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

body.theme-onenav .main .onenav-second-article-card .osg-badge {
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #ff5a5f, #f59e0b) !important;
}

body.theme-onenav .main .onenav-second-article-card .osg-item .osg-tags,
body.theme-onenav .main .onenav-second-article-card .osg-item .osg-name,
body.theme-onenav .main .onenav-second-article-card .osg-item .osg-meta {
    display: block !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

body.theme-onenav .main .onenav-second-article-card .osg-item .osg-tags {
    margin-top: 8px !important;
}

body.theme-onenav .main .onenav-second-article-card .osg-item .osg-name {
    margin-top: 7px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #3a4860 !important;
    line-height: 1.28 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main .onenav-second-article-card .osg-item .osg-meta {
    margin-top: 8px !important;
    margin-bottom: 10px !important;
}

@media (max-width: 1100px) {
    body.theme-onenav .main .onenav-featured-split-card .ofs-body {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.theme-onenav .main .onenav-featured-split-card .ofs-right {
        min-height: 220px !important;
    }
}

@media (max-width: 768px) {

    body.theme-onenav .main .onenav-featured-split-card .ofs-body,
    body.theme-onenav .main .onenav-second-article-card .osg-grid {
        padding: 10px !important;
        gap: 10px !important;
    }

    body.theme-onenav .main .onenav-featured-split-card .ofs-item {
        grid-template-columns: 108px minmax(0, 1fr) !important;
        min-height: 92px !important;
    }

    body.theme-onenav .main .onenav-featured-split-card .ofs-thumb {
        width: 108px !important;
        height: 76px !important;
    }

    body.theme-onenav .main .onenav-featured-split-card .ofs-item-title {
        font-size: 14px !important;
    }

    body.theme-onenav .main .onenav-featured-split-card .ofs-right {
        min-height: 200px !important;
    }

    body.theme-onenav .main .onenav-second-article-card .osg-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.theme-onenav .main .onenav-second-article-card .osg-item .osg-name {
        font-size: 14px !important;
    }
}

/* onenav article-info modules (auto by first-level categories + child pills) */
body.theme-onenav .main .onenav-article-info-card {
    margin: 0 0 14px !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 12px !important;
    background: #f4f6fa !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    background: #fff !important;
    border-bottom: 1px solid #e5ecf7 !important;
    flex-wrap: wrap !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-title-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #4ea7ff 0%, #8b5cf6 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(79, 134, 243, 0.24) !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #2f3f5a !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-subtitle {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #7a8699 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-tabs {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #f2f7ff !important;
    border: 1px solid #d9e6fb !important;
    border-radius: 999px !important;
    padding: 3px !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-pill {
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #51678f !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    user-select: none !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-pill:hover {
    background: #eaf1ff !important;
    color: #2f4f86 !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-pill.active {
    border-color: #4f8df7 !important;
    background: linear-gradient(135deg, #4f8df7, #3f78d8) !important;
    color: #fff !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 12px !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-item {
    display: none !important;
    border-radius: 9px !important;
    border: 1px solid #e5ebf4 !important;
    background: #fff !important;
    overflow: hidden !important;
    text-decoration: none !important;
    min-width: 0 !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-item.show {
    display: block !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-thumb {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    overflow: hidden !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-badge {
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #ff5a5f, #f59e0b) !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-tags,
body.theme-onenav .main .onenav-article-info-card .osi-name,
body.theme-onenav .main .onenav-article-info-card .osi-meta {
    display: block !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-tags {
    margin-top: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 12px !important;
    color: #8f97a5 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-tags i {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    display: inline-block !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-tags .dot-blue {
    background: #5a90f6 !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-tags .dot-yellow {
    background: #f3bf51 !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-name {
    margin-top: 7px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #3a4860 !important;
    line-height: 1.28 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-meta {
    margin-top: 8px !important;
    margin-bottom: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    color: #8d98a9 !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

body.theme-onenav .main .onenav-article-info-card .osi-meta span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

@media (max-width: 768px) {
    body.theme-onenav .main .onenav-article-info-card .osi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding: 10px !important;
        gap: 10px !important;
    }

    body.theme-onenav .main .onenav-article-info-card .osi-name {
        font-size: 14px !important;
    }
}

/* onenav sidebar tune: unified blue titles + colorful icons + soft rank cards */
body.theme-onenav .side>.card>.card-head,
body.theme-onenav .side>.card>.card-head .left-title,
body.theme-onenav .side>.card>.card-head .stream-head-title {
    color: #2563eb !important;
    font-weight: 800 !important;
}

body.theme-onenav .side>.card>.card-head>i,
body.theme-onenav .side>.card>.card-head .left-title>i,
body.theme-onenav .side>.card>.card-head .stream-head-icon {
    background: linear-gradient(135deg, #34d399 0%, #3b82f6 46%, #f59e0b 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

body.theme-onenav .side .ranking-card .rank-list {
    padding: 8px 0 !important;
}

body.theme-onenav .side .ranking-card .side-rank-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
    margin: 0 0 8px !important;
    border-radius: 10px !important;
    border-bottom: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

body.theme-onenav .side .ranking-card .side-rank-item:last-child {
    margin-bottom: 0 !important;
}

body.theme-onenav .side .ranking-card .side-rank-item.side-rank-green {
    background: linear-gradient(90deg, #f6fffc 0%, #fff 100%) !important;
    border: 1px solid #dff5ef !important;
    border-left: 4px solid #73d6b6 !important;
}

body.theme-onenav .side .ranking-card .side-rank-item.side-rank-blue {
    background: #f2f8ff !important;
    border: 1px solid #c9ddff !important;
    border-left: 4px solid #5b8ef6 !important;
}

body.theme-onenav .side .ranking-card .side-rank-item:hover {
    transform: none !important;
    box-shadow: none !important;
}

body.theme-onenav .side .ranking-card .side-rank-item .rank-icon,
body.theme-onenav .side .ranking-card .side-rank-item .rank-num,
body.theme-onenav .side .ranking-card .side-rank-item .rank {
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    margin-right: 0 !important;
    text-align: center !important;
    border-radius: 50% !important;
    flex: 0 0 22px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: #94a3b8 !important;
}

body.theme-onenav .side .ranking-card .side-rank-item .rank-icon::before {
    font-family: FontAwesome !important;
    content: "\f091" !important;
    font-size: 14px !important;
}

body.theme-onenav .side .ranking-card .side-rank-item:nth-child(1) .rank-icon,
body.theme-onenav .side .ranking-card .side-rank-item:nth-child(1) .rank-num,
body.theme-onenav .side .ranking-card .side-rank-item:nth-child(1) .rank {
    background: #f59e0b !important;
}

body.theme-onenav .side .ranking-card .side-rank-item:nth-child(2) .rank-icon,
body.theme-onenav .side .ranking-card .side-rank-item:nth-child(2) .rank-num,
body.theme-onenav .side .ranking-card .side-rank-item:nth-child(2) .rank {
    background: #8b5cf6 !important;
}

body.theme-onenav .side .ranking-card .side-rank-item:nth-child(3) .rank-icon,
body.theme-onenav .side .ranking-card .side-rank-item:nth-child(3) .rank-num,
body.theme-onenav .side .ranking-card .side-rank-item:nth-child(3) .rank {
    background: #ef4444 !important;
}

body.theme-onenav .side .ranking-card .side-rank-item .rank-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    flex: 0 0 8px !important;
    margin-right: 0 !important;
}

body.theme-onenav .side .ranking-card .side-rank-item.side-rank-green .rank-dot {
    background: #74cf97 !important;
}

body.theme-onenav .side .ranking-card .side-rank-item.side-rank-blue .rank-dot {
    background: #6ea0ff !important;
}

body.theme-onenav .side .ranking-card .side-rank-item .icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

body.theme-onenav .side .ranking-card .side-rank-item .icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 50% !important;
}

body.theme-onenav .side .ranking-card .side-rank-item .name {
    flex: 1 !important;
    min-width: 0 !important;
    font-size: 13px !important;
    color: #3f506e !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.theme-onenav .side .ranking-card .side-rank-item .hits,
body.theme-onenav .side .ranking-card .side-rank-item .view {
    margin-left: 6px !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 700 !important;
}

body.theme-onenav .side .ranking-card .side-rank-item.side-rank-green .hits,
body.theme-onenav .side .ranking-card .side-rank-item.side-rank-green .view {
    color: #2bb389 !important;
}

body.theme-onenav .side .ranking-card .side-rank-item.side-rank-blue .hits,
body.theme-onenav .side .ranking-card .side-rank-item.side-rank-blue .view {
    color: #376fd8 !important;
}

/* onenav header/mobile final fixes: left alignment + right tools + mobile nav + mobile main visibility */
body.theme-onenav .header .container {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-left: 0 !important;
    padding-right: 8px !important;
}

body.theme-onenav .header .logo {
    margin-left: 0 !important;
    margin-right: 14px !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
}

body.theme-onenav .header .nav {
    margin-left: 0 !important;
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

body.theme-onenav .onenav-top-tools {
    position: static !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

@media (max-width: 1100px) {
    body.theme-onenav .header .container {
        padding-right: 52px !important;
    }

    body.theme-onenav .onenav-top-tools {
        display: none !important;
    }

    body.theme-onenav .header .nav-bar {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        left: auto !important;
        right: 10px !important;
        top: 50% !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 8px !important;
        border: 1px solid #dbe4f2 !important;
        background: #ffffff !important;
        transform: translateY(-50%) !important;
        z-index: 1006 !important;
    }

    body.theme-onenav .header .nav-bar span {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        margin: 0 !important;
        width: 16px !important;
        height: 2px !important;
        background: #475569 !important;
    }

    body.theme-onenav .header .nav-bar span::before,
    body.theme-onenav .header .nav-bar span::after {
        width: 16px !important;
        left: 0 !important;
        right: auto !important;
        background: #475569 !important;
    }

    body.theme-onenav .header .nav-bar span::before {
        top: -5px !important;
    }

    body.theme-onenav .header .nav-bar span::after {
        bottom: -5px !important;
    }

    body.theme-onenav .header .nav {
        display: none !important;
        position: fixed !important;
        left: 10px !important;
        right: 10px !important;
        top: 72px !important;
        margin: 0 !important;
        padding: 8px !important;
        flex-direction: column !important;
        gap: 6px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        box-shadow: 0 12px 26px rgba(15, 23, 42, 0.16) !important;
        max-height: calc(100vh - 84px) !important;
        overflow-y: auto !important;
        z-index: 1005 !important;
    }

    body.theme-onenav .header .nav.show {
        display: flex !important;
    }

    body.theme-onenav .header .nav li {
        right: 0 !important;
        transform: none !important;
    }

    body.theme-onenav .header .nav li a {
        display: inline-flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 38px !important;
        line-height: 38px !important;
        padding: 0 12px !important;
        margin: 0 !important;
        border-radius: 8px !important;
        background: #f8fafc !important;
        box-shadow: none !important;
        color: #334155 !important;
    }

    body.theme-onenav .header .nav li a:hover,
    body.theme-onenav .header .nav li.active a {
        background: #eef4ff !important;
        color: #1e293b !important;
    }

    body.theme-onenav .container.layout-main {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        gap: 10px !important;
    }

    body.theme-onenav .container.layout-main .main,
    body.theme-onenav .container.layout-main .side {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        flex: 1 1 100% !important;
    }

    body.theme-onenav .container.layout-main .main {
        order: 1 !important;
        position: relative !important;
        z-index: 1 !important;
    }

    body.theme-onenav .container.layout-main .side {
        order: 2 !important;
        position: relative !important;
        top: auto !important;
        max-height: none !important;
        overflow: visible !important;
        z-index: 1 !important;
    }
}

@media (min-width: 1101px) {
    body.theme-onenav .header .nav-bar {
        display: none !important;
    }
}

/* onenav desktop density final: 7 columns for latest activity, 6 columns for site modules */
@media (min-width: 1101px) {
    body.theme-onenav .latest-activity-card .tab-content {
        display: none !important;
    }

    body.theme-onenav .latest-activity-card .tab-content.active {
        display: grid !important;
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.theme-onenav .latest-activity-card .item {
        width: 100% !important;
        margin: 0 !important;
    }

    body.theme-onenav .main > .card.top-sites > .card-body .top-grid,
    body.theme-onenav .main > .card.onenav-nav-card > .card-body.onenav-sites-body {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.theme-onenav .main > .card.top-sites > .card-body .top-grid > a.item,
    body.theme-onenav .main > .card.onenav-nav-card > .card-body.onenav-sites-body > a.item.onenav-site-item {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
    }
}

/* onenav header alignment final */
body.theme-onenav .header .container {
    justify-content: flex-start !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.theme-onenav .header .logo {
    margin-left: 0 !important;
}

@media (min-width: 1101px) {
    body.theme-onenav .header .nav {
        margin-left: 0 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    body.theme-onenav .onenav-top-tools {
        margin-left: auto !important;
        justify-content: flex-end !important;
    }

    body.theme-onenav .header .nav li a,
    body.theme-onenav .header .nav li a span,
    body.theme-onenav .category li a,
    body.theme-onenav .category li a span {
        font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
    }
}

/* left category menu dynamic height (no fixed full-height lock) */
@media (min-width: 1101px) {
    body.theme-onenav .category,
    body.theme-onenav.onenav-menu-collapsed .category {
        bottom: auto !important;
        height: auto !important;
        max-height: calc(100vh - 108px) !important;
        overflow-y: auto !important;
    }
}

/* mobile fallback: keep right nav switch + float tools visible */
@media (max-width: 1100px) {
    body.theme-onenav .header .nav-bar {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        right: 10px !important;
        left: auto !important;
        z-index: 1006 !important;
    }

    body.theme-onenav .header .nav-bar span {
        width: 14px !important;
        height: 2px !important;
        background: #475569 !important;
    }

    body.theme-onenav .header .nav-bar span::before,
    body.theme-onenav .header .nav-bar span::after {
        display: none !important;
    }

    body.theme-onenav .onenav-float-tools {
        display: flex !important;
        right: 12px !important;
        bottom: 16px !important;
        top: auto !important;
        z-index: 1000 !important;
        gap: 10px !important;
    }
}

/* homepage top-sites mobile: remove old clipping limit (was showing only ~2 rows) */
@media (max-width: 768px) {
    body.theme-onenav .main > .card.top-sites > .card-body {
        max-height: none !important;
        overflow: visible !important;
    }
}

/* onenav desktop header refresh: light-blue modern style */
@media (min-width: 1101px) {
    body.theme-onenav .header {
        height: 72px !important;
        background: linear-gradient(180deg, #f4f9ff 0%, #ecf5ff 100%) !important;
        border-bottom: 1px solid #d4e6ff !important;
        box-shadow: 0 8px 24px rgba(67, 117, 194, 0.12) !important;
    }

    body.theme-onenav .header::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        height: 3px !important;
        background: linear-gradient(90deg, #80b8ff 0%, #9fd4ff 100%) !important;
        z-index: 1 !important;
    }

    body.theme-onenav .header .container {
        height: 100% !important;
        align-items: center !important;
    }

    body.theme-onenav .header .nav li a,
    body.theme-onenav .header .nav li a span {
        color: #2d4f7f !important;
        text-shadow: none !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        letter-spacing: 0.2px !important;
    }

    body.theme-onenav .header .nav li a i {
        font-size: 14px !important;
        text-shadow: none !important;
        opacity: 0.95 !important;
    }

    body.theme-onenav .header .nav li a:hover,
    body.theme-onenav .header .nav li.active a {
        color: #1f5fff !important;
        background: #deecff !important;
        border-radius: 10px !important;
        text-shadow: none !important;
        box-shadow: inset 0 0 0 1px #bdd7ff !important;
    }

    body.theme-onenav .header.fixed {
        height: 64px !important;
        background: linear-gradient(180deg, #f6fbff 0%, #edf6ff 100%) !important;
        border-bottom: 1px solid #d4e6ff !important;
        box-shadow: 0 8px 24px rgba(67, 117, 194, 0.14) !important;
    }

    body.theme-onenav .onenav-top-tools .tool-btn {
        background: #ecf4ff !important;
        border: 1px solid #bcd8ff !important;
        color: #3d73c4 !important;
        box-shadow: none !important;
    }

    body.theme-onenav .onenav-top-tools .tool-btn:hover {
        background: #ddecff !important;
        border-color: #9ec5ff !important;
        color: #1f5fff !important;
    }
}

/* onenav category empty state */
body.theme-onenav .onenav-nav-card .onenav-empty-state {
    grid-column: 1 / -1 !important;
    min-height: 68px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7485a6;
    font-size: 14px;
    border: 1px dashed #c9daf4;
    border-radius: 10px;
    background: #f6f9ff;
}

/* onenav homepage header redesign v3 (desktop) */
@media (min-width: 1101px) {
    body.theme-onenav {
        background: #f5f7fb !important;
    }

    /* layer 1: brand/header */
    body.theme-onenav .header {
        height: 74px !important;
        background: linear-gradient(135deg, #f8fafd 0%, #f1f4f9 100%) !important;
        border-bottom: 1px solid #e9edf4 !important;
        box-shadow: 0 8px 24px rgba(36, 64, 106, 0.08) !important;
    }

    body.theme-onenav .header::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 2px !important;
        background: linear-gradient(90deg, #9ec9ff 0%, #c3e0ff 100%) !important;
        z-index: 2 !important;
    }

    body.theme-onenav .header::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        pointer-events: none !important;
        z-index: 1 !important;
        background-image:
            linear-gradient(rgba(150, 176, 214, 0.03) 1px, transparent 1px),
            linear-gradient(90deg, rgba(150, 176, 214, 0.03) 1px, transparent 1px) !important;
        background-size: 16px 16px, 16px 16px !important;
    }

    body.theme-onenav .header .container {
        height: 100% !important;
        align-items: center !important;
        z-index: 3 !important;
    }

    body.theme-onenav .header .nav {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    body.theme-onenav .header .nav li::after {
        display: none !important;
    }

    body.theme-onenav .header .nav li a,
    body.theme-onenav .header .nav li a span {
        height: 44px !important;
        line-height: 44px !important;
        padding: 0 16px !important;
        border-radius: 20px !important;
        color: #2c3e50 !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.theme-onenav .header .nav li a i {
        font-size: 14px !important;
        margin-right: 6px !important;
        text-shadow: none !important;
    }

    body.theme-onenav .header .nav li a:hover {
        color: #2c6bff !important;
        background: rgba(255, 255, 255, 0.6) !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    }

    body.theme-onenav .header .nav li.active a {
        color: #2c6bff !important;
        background: rgba(255, 255, 255, 0.9) !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    }

    body.theme-onenav .onenav-top-tools .tool-btn {
        background: #edf4ff !important;
        border: 1px solid #c7dbfb !important;
        color: #3f6fb4 !important;
        box-shadow: none !important;
    }

    body.theme-onenav .onenav-top-tools .tool-btn:hover {
        background: #e1edff !important;
        border-color: #accbfb !important;
        color: #2c6bff !important;
    }

    /* layer 2: nav tabs + search */
    body.theme-onenav .banner {
        height: 250px !important;
        margin-top: 74px !important;
        padding: 20px 0 26px !important;
        justify-content: flex-start !important;
        align-items: center !important;
        position: relative !important;
        overflow: hidden !important;
        background: linear-gradient(135deg, #f8fafd 0%, #f1f4f9 100%) !important;
        box-shadow: inset 0 -1px 0 #e9edf4 !important;
    }

    body.theme-onenav .banner::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        pointer-events: none !important;
        background-image:
            linear-gradient(rgba(140, 168, 209, 0.03) 1px, transparent 1px),
            linear-gradient(90deg, rgba(140, 168, 209, 0.03) 1px, transparent 1px) !important;
        background-size: 20px 20px, 20px 20px !important;
    }

    body.theme-onenav .banner .search-type,
    body.theme-onenav .banner .search-main {
        width: 100% !important;
        max-width: 860px !important;
        z-index: 2 !important;
        overflow: visible !important;
    }

    body.theme-onenav .banner .search-type {
        display: flex !important;
        align-items: center !important;
        background: rgba(255, 255, 255, 0.45) !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 24px !important;
        padding: 4px !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02) !important;
    }

    body.theme-onenav .banner .search-type .title {
        color: #9ba7bb !important;
        padding: 0 12px !important;
    }

    body.theme-onenav .banner .search-type li {
        color: #2c3e50 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        border-radius: 20px !important;
        padding: 8px 18px !important;
        background: transparent !important;
        margin-right: 2px !important;
        transition: all .25s ease !important;
    }

    body.theme-onenav .banner .search-type li:hover {
        color: #2c6bff !important;
        background: rgba(255, 255, 255, 0.6) !important;
    }

    body.theme-onenav .banner .search-type li.active {
        color: #2c6bff !important;
        background: rgba(255, 255, 255, 0.9) !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    }

    body.theme-onenav .banner .search-main {
        position: relative !important;
        margin-top: 16px !important;
    }

    body.theme-onenav .banner .search-main::before {
        content: "\f002" !important;
        font-family: FontAwesome !important;
        font-size: 16px !important;
        color: #a7b5cb !important;
        position: absolute !important;
        left: 16px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 3 !important;
        pointer-events: none !important;
    }

    body.theme-onenav .banner .search-main .search-input {
        height: 52px !important;
        border-radius: 30px 0 0 30px !important;
        border: 1px solid #e2e8f0 !important;
        border-right: 0 !important;
        background: rgba(255, 255, 255, 0.8) !important;
        color: #334155 !important;
        padding: 0 18px 0 44px !important;
        font-size: 17px !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02) !important;
        transition: all .2s ease !important;
    }

    body.theme-onenav .banner .search-main .search-input:focus {
        border-color: #2c6bff !important;
        background: #fff !important;
        box-shadow: 0 6px 16px rgba(44, 107, 255, 0.18) !important;
    }

    body.theme-onenav .banner .search-main .search-btn {
        width: 132px !important;
        height: 52px !important;
        border-radius: 0 30px 30px 0 !important;
        margin-left: 0 !important;
        background: linear-gradient(135deg, #2c6bff 0%, #1e4fd9 100%) !important;
        color: #fff !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        box-shadow: 0 4px 10px rgba(44, 107, 255, 0.2) !important;
        transition: all .2s ease !important;
    }

    body.theme-onenav .banner .search-main .search-btn:hover {
        transform: translateY(-1px) !important;
        box-shadow: 0 8px 16px rgba(44, 107, 255, 0.26) !important;
    }

    /* layer 3: ad area */
    body.theme-onenav .one-yuan-ad-container {
        background: #ffffff !important;
        border: 1px solid #e5eaf2 !important;
        border-radius: 16px !important;
        box-shadow: 0 10px 24px rgba(43, 83, 130, 0.06) !important;
    }

    body.theme-onenav .one-yuan-ad-container::before {
        height: 2px !important;
        background: linear-gradient(90deg, #d7e9ff, #cde2ff) !important;
    }
}

/* onenav header final fix: prevent nav wrapping + refresh top accent */
@media (min-width: 1101px) {
    body.theme-onenav .header {
        top: 0 !important;
        border-top: none !important;
        border-radius: 0 !important;
        background: linear-gradient(135deg, #f7fbff 0%, #eef4ff 100%) !important;
        box-shadow: 0 8px 20px rgba(32, 62, 120, 0.08) !important;
    }

    body.theme-onenav .header::before {
        height: 3px !important;
        background: linear-gradient(90deg, #38bdf8 0%, #60a5fa 45%, #a78bfa 100%) !important;
        z-index: 2 !important;
    }

    body.theme-onenav .header::after {
        display: none !important;
    }

    body.theme-onenav .header .container {
        max-width: 1400px !important;
        gap: 10px !important;
    }

    body.theme-onenav .header .nav {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        flex-wrap: nowrap !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        gap: 4px !important;
        width: auto !important;
    }

    body.theme-onenav .header .nav li {
        flex: 0 0 auto !important;
    }

    body.theme-onenav .header .nav li a,
    body.theme-onenav .header .nav li a span {
        height: 40px !important;
        line-height: 40px !important;
        padding: 0 10px !important;
        font-size: 15px !important;
        white-space: nowrap !important;
    }

    body.theme-onenav .onenav-top-tools {
        margin-left: 8px !important;
    }

    body.theme-onenav .onenav-top-tools .tool-btn {
        width: 34px !important;
        height: 34px !important;
    }
}

@media (min-width: 1101px) and (max-width: 1366px) {
    body.theme-onenav .header .nav li a,
    body.theme-onenav .header .nav li a span {
        padding: 0 8px !important;
        font-size: 14px !important;
    }
}

/* onenav: move 1-yuan area to top with modern multi-color gradient */
body.theme-onenav .one-yuan-ad-container.onenav-one-yuan-top {
    margin: 86px auto 18px !important;
    max-width: 1200px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(99, 102, 241, 0.12) !important;
    background: linear-gradient(135deg, #fdf5ff 0%, #eef6ff 35%, #e9fff5 70%, #fff3e6 100%) !important;
    box-shadow: 0 12px 28px rgba(36, 72, 120, 0.12) !important;
    position: relative !important;
    z-index: 3 !important;
}

body.theme-onenav .banner {
    margin-top: 12px !important;
}

body.theme-onenav .one-yuan-ad-container.onenav-one-yuan-top::before {
    height: 4px !important;
    background: linear-gradient(90deg, #ff6b6b 0%, #f59e0b 25%, #34d399 55%, #60a5fa 75%, #a78bfa 100%) !important;
}

body.theme-onenav .one-yuan-ad-container.onenav-one-yuan-top .one-yuan-ad-title .title-outline {
    color: #1f3b6f !important;
}

body.theme-onenav .one-yuan-ad-container.onenav-one-yuan-top .one-yuan-ad-item {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
}

/* onenav content area: keep ads + latest activity on flat background */
body.theme-onenav .one-yuan-ad-container {
    background: #ffffff !important;
    border: 1px solid #e6edf5 !important;
    box-shadow: 0 8px 20px rgba(32, 62, 120, 0.06) !important;
}

body.theme-onenav .one-yuan-ad-container::before {
    height: 2px !important;
    background: linear-gradient(90deg, #d7e9ff, #cde2ff) !important;
}

body.theme-onenav .ad-divider-text {
    background: rgba(255, 255, 255, 0.92) !important;
    color: #6b21a8 !important;
    border-radius: 999px !important;
    padding: 6px 22px !important;
    box-shadow: 0 8px 18px rgba(88, 24, 124, 0.2) !important;
}

body.theme-onenav .ad-divider {
    margin: 12px 0 8px !important;
}

body.theme-onenav .ad-divider,
body.theme-onenav .text-ads-section,
body.theme-onenav .image-ads-section {
    display: block !important;
}

body.theme-onenav .one-yuan-ad-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 12px !important;
    padding: 0 10px !important;
}

@media (min-width: 1101px) {
    body.theme-onenav .one-yuan-ad-list {
        overflow-x: hidden !important;
        justify-content: space-between !important;
    }
}

body.theme-onenav .one-yuan-ad-item {
    flex: 0 0 auto !important;
    width: calc((100% - 108px) / 10) !important;
    min-width: 90px !important;
    max-width: 112px !important;
    height: 48px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    padding: 0 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
}

@media (max-width: 768px) {
    body.theme-onenav .one-yuan-ad-item {
        height: 44px !important;
    }
}

@media (max-width: 480px) {
    body.theme-onenav .one-yuan-ad-item {
        height: 40px !important;
        font-size: 11px !important;
        padding: 0 8px !important;
    }
}

body.theme-onenav .text-ad-item {
    background: #ffffff !important;
    color: var(--ad-theme-color) !important;
    border: 2px solid transparent !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

body.theme-onenav .text-ad-item::before {
    display: block !important;
    opacity: 0;
}

body.theme-onenav .text-ad-item:hover {
    transform: translateY(-3px) !important;
    background: var(--ad-theme-color) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 25px rgba(var(--ad-theme-rgb), 0.3) !important;
}

body.theme-onenav .text-ad-item:hover::before {
    opacity: 1 !important;
}

body.theme-onenav .small-ad-item,
body.theme-onenav .big-ad-item {
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

body.theme-onenav .small-ad-item:hover,
body.theme-onenav .big-ad-item:hover {
    transform: translateY(-5px) scale(1.02) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2) !important;
}

/* onenav ads: force 10-in-row + hide image ads + refresh text ads */
body.theme-onenav .one-yuan-ad-container {
    max-width: 1200px !important;
    margin: 18px auto 22px !important;
    padding: 22px 16px !important;
    background: #ffffff !important;
    border: 1px solid #e6edf5 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(43, 83, 130, 0.06) !important;
}

body.theme-onenav.onenav-menu-collapsed .one-yuan-ad-container {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.theme-onenav .one-yuan-ad-list {
    justify-content: space-between !important;
    overflow-x: hidden !important;
}

body.theme-onenav .one-yuan-ad-item {
    height: 44px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12) !important;
}

body.theme-onenav .one-yuan-ad-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18) !important;
}

body.theme-onenav .text-ads-section {
    margin-top: 4px !important;
}

body.theme-onenav .text-ads-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding-bottom: 8px !important;
}

body.theme-onenav .text-ad-item {
    width: calc((100% - 48px) / 5) !important;
    min-width: 160px !important;
    height: 44px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

body.theme-onenav .image-ads-section {
    display: none !important;
}

@media (max-width: 1100px) {
    body.theme-onenav .banner {
        padding-bottom: 320px !important;
    }

    body.theme-onenav .one-yuan-ad-list {
        overflow-x: auto !important;
        justify-content: flex-start !important;
    }

    body.theme-onenav .text-ad-item {
        width: calc((100% - 12px) / 2) !important;
        min-width: 0 !important;
    }
}

@media (max-width: 768px) {
    body.theme-onenav .banner {
        padding-bottom: 360px !important;
    }

    body.theme-onenav .one-yuan-ad-container {
        margin-top: 0 !important;
    }

    body.theme-onenav .one-yuan-ad-list {
        flex-wrap: wrap !important;
        overflow-x: hidden !important;
        gap: 10px !important;
    }

    body.theme-onenav .one-yuan-ad-item {
        width: calc(50% - 6px) !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body.theme-onenav .text-ad-item {
        width: calc(50% - 6px) !important;
    }
}

@media (max-width: 480px) {
    body.theme-onenav .text-ad-item {
        width: calc(50% - 6px) !important;
    }
}

/* onenav content layout: collapsed menu should only affect content area */
@media (min-width: 1101px) {
    body.theme-onenav.onenav-menu-collapsed .onenav-content-wrap {
        grid-template-columns: 68px minmax(0, 1fr) !important;
    }

    body.theme-onenav.onenav-menu-collapsed .onenav-content-wrap > .category {
        width: 68px !important;
    }
}

/* onenav content layout: left category aligned with latest activity (desktop) */
@media (min-width: 1101px) {
    body.theme-onenav .container.layout-main {
        align-items: stretch !important;
    }

    body.theme-onenav .container.layout-main .side {
        align-self: stretch !important;
        height: calc(480vh - 110px) !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        position: sticky !important;
        top: 98px !important;
        max-height: calc(480vh - 110px) !important;
    }

    body.theme-onenav .container.layout-main {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 332px !important;
        gap: 16px !important;
    }

    body.theme-onenav .container.layout-main .main {
        width: auto !important;
    }

    body.theme-onenav .container.layout-main .side {
        width: auto !important;
        max-height: none !important;
    }

    body.theme-onenav .onenav-content-wrap {
        display: grid !important;
        grid-template-columns: 180px minmax(0, 1fr) !important;
        gap: 16px !important;
        align-items: start !important;
        margin-top: 16px !important;
    }

    body.theme-onenav .onenav-content-wrap > .category {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        position: static !important;
        top: 0 !important;
        left: 0 !important;
        bottom: auto !important;
        transform: none !important;
        width: 180px !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
    }

    body.theme-onenav .category {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

body.theme-onenav .category.fixed {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

body.theme-onenav .category {
    position: static !important;
    top: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    transform: none !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

    body.theme-onenav .onenav-content-wrap > .latest-activity-container,
    body.theme-onenav .onenav-content-wrap > .container.layout-main {
        grid-column: 2 !important;
    }

    body.theme-onenav .onenav-content-wrap > .container.layout-main {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }

    body.theme-onenav .onenav-content-wrap > .container.latest-activity-container {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media (max-width: 1100px) {
    body.theme-onenav .onenav-content-wrap {
        display: block !important;
    }
}

/* onenav header + search region: modern animated gradient */
@keyframes onenavHeaderFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@media (min-width: 1101px) {
    body.theme-onenav {
        --onenav-head-grad: linear-gradient(135deg, #7c0bff 0%, #b117ff 40%, #ff4fd8 70%, #ff9a6b 100%);
        --onenav-head-grad-soft: linear-gradient(135deg, rgba(124, 11, 255, 0.38) 0%, rgba(177, 23, 255, 0.34) 40%, rgba(255, 79, 216, 0.28) 70%, rgba(255, 154, 107, 0.24) 100%);
    }

    body.theme-onenav .header {
        background: var(--onenav-head-grad) !important;
        background-size: 200% 200% !important;
        animation: onenavHeaderFlow 14s ease infinite !important;
        height: 74px !important;
        border-top: none !important;
        border-radius: 0 !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        border-bottom: none !important;
        box-shadow: 0 6px 16px rgba(103, 35, 140, 0.18) !important;
    }

    body.theme-onenav .header::before,
    body.theme-onenav .header::after {
        display: none !important;
    }

    body.theme-onenav .header::before {
        display: block !important;
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 6px !important;
        background: #c117ff !important;
        z-index: 3 !important;
    }

    body.theme-onenav .banner {
        background: var(--onenav-head-grad) !important;
        background-size: 200% 200% !important;
        animation: onenavHeaderFlow 16s ease infinite !important;
        margin-top: 74px !important;
        height: auto !important;
        min-height: 420px !important;
        padding-top: 120px !important;
        padding-bottom: 230px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15) !important;
    }

    body.theme-onenav .banner::before {
        display: none !important;
    }
}

@media (min-width: 1101px) {
    body.theme-onenav .banner .search-type {
        background: rgba(255, 255, 255, 0.18) !important;
        border: 1px solid rgba(255, 255, 255, 0.45) !important;
        box-shadow: 0 10px 24px rgba(88, 24, 124, 0.2) !important;
        color: rgba(255, 255, 255, 0.9) !important;
        margin-bottom: 16px !important;
    }

    body.theme-onenav .banner .search-type .title {
        color: rgba(255, 255, 255, 0.9) !important;
    }

    body.theme-onenav .banner .search-type li {
        color: rgba(255, 255, 255, 0.88) !important;
    }

    body.theme-onenav .banner .search-type li.active {
        color: #7c0bff !important;
        background: #ffffff !important;
        border-bottom: 2px solid #ffffff !important;
        box-shadow: 0 6px 14px rgba(255, 255, 255, 0.35) !important;
    }

    body.theme-onenav .banner .search-main {
        background: rgba(255, 255, 255, 0.98) !important;
        border-radius: 999px !important;
        padding: 4px !important;
        height: 58px !important;
        min-height: 58px !important;
        border: 1px solid rgba(255, 255, 255, 0.7) !important;
        display: flex !important;
        align-items: center !important;
        overflow: hidden !important;
        box-shadow: 0 12px 30px rgba(47, 16, 84, 0.28) !important;
    }

    body.theme-onenav .banner .search-main::before {
        display: none !important;
    }

    body.theme-onenav .banner .search-main .search-input {
        border: 0 !important;
        outline: 0 !important;
        border-radius: 999px 0 0 999px !important;
        background: transparent !important;
        height: 50px !important;
        padding: 0 20px !important;
        flex: 1 1 auto !important;
        width: auto !important;
        font-size: 16px !important;
        color: #2d1b3d !important;
        line-height: 50px !important;
        box-sizing: border-box !important;
    }

    body.theme-onenav .banner .search-main .search-input:focus {
        box-shadow: none !important;
    }

    body.theme-onenav .banner .search-main .search-btn {
        background: #ff4d4f !important;
        box-shadow: none !important;
        border-radius: 0 999px 999px 0 !important;
        height: 50px !important;
        width: 128px !important;
        line-height: 50px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.theme-onenav .banner .search-main .search-btn:hover {
        background: #ff6b6e !important;
    }

    body.theme-onenav .header .nav li a,
    body.theme-onenav .header .nav li a span {
        color: #ffffff !important;
        text-shadow: 0 2px 8px rgba(48, 16, 84, 0.45) !important;
    }

    body.theme-onenav .header .nav li a {
        background: rgba(255, 255, 255, 0.12) !important;
    }

    body.theme-onenav .header .nav li a:hover,
    body.theme-onenav .header .nav li.active a {
        background: rgba(255, 255, 255, 0.22) !important;
        color: #ffffff !important;
    }

    body.theme-onenav .onenav-top-tools .tool-btn {
        background: rgba(255, 255, 255, 0.2) !important;
        border: 1px solid rgba(255, 255, 255, 0.45) !important;
        color: #ffffff !important;
    }
}

/* onenav ad block: move into header gradient area + compact height */
body.theme-onenav .one-yuan-ad-container {
    margin-top: -140px !important;
    padding: 18px 14px !important;
    background: linear-gradient(135deg, rgba(124, 11, 255, 0.35) 0%, rgba(177, 23, 255, 0.3) 40%, rgba(255, 79, 216, 0.26) 70%, rgba(255, 154, 107, 0.22) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 14px 30px rgba(88, 24, 124, 0.25) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

body.theme-onenav .one-yuan-ad-container::before {
    background: rgba(255, 255, 255, 0.35) !important;
}

body.theme-onenav .one-yuan-ad-item {
    height: 34px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12) !important;
}

body.theme-onenav .text-ad-item {
    height: 38px !important;
    font-size: 12px !important;
}