/* OneNav 颜色选择器 - 右下角悬浮按钮 + 面板 */

/* ============ 全局字体 ============ */
/* 已移除微软雅黑字体声明，恢复主题默认字体 */

/* ============ 详情页标题字体加大 ============ */
/* 已在概括句规则中统一设置2.5rem */

/* ============ 详情页卡片间距统一 ============ */
/* 简介卡片与详情卡片间距:默认mb-md-5=48px太大,统一为16px */
/* 圆角统一使用父主题 --main-radius */
:root {
    --cp-card-radius: var(--main-radius, 12px);
    --cp-tabbar-radius: var(--main-radius, 12px);
    --cp-tab-hover-radius: var(--main-radius, 12px);
    --cp-sidebar-card-radius: var(--main-radius, 12px);
}

.single .site-content.mb-4.mb-md-5 {
    margin-bottom: 20px !important;
}
/* 详情卡片内部padding过大,统一缩减 */
.single .panel.site-content.card .card-body {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
/* 数据统计/相关导航标题与卡片间距统一 */
.single .content-layout > .text-gray.text-lg.my-4 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
/* 相关导航卡片底部不留多余空间 */
.single .content-layout > .posts-row {
    margin-bottom: 0 !important;
}
/* 侧边栏卡片间距统一为20px */
.single .sidebar-tools .io-sidebar-widget {
    margin-top: 20px !important;
}
.single .sidebar-tools .io-sidebar-widget:first-child {
    margin-top: 0 !important;
}

/* ============ 首页热门网址模块 - 统一卡片样式，仅显示小卡片 ============ */
.io-widget-big-posts-list {
    background-color: #ffffff !important;
    border-radius: var(--main-radius, 12px) !important;
    padding: 12px !important;
}
.io-black-mode .io-widget-big-posts-list {
    background-color: #222222 !important;
}
/* 小卡片内阴影统一（与新闻资讯等板块一致） */
.io-widget-big-posts-list .posts-item.sites-item {
    box-shadow: rgba(116, 116, 116, 0.1) 0px 0px 25px 0px inset, rgba(0, 0, 0, 0.1) 0px 0px 0px 0px !important;
}
.io-black-mode .io-widget-big-posts-list .posts-item.sites-item {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px 0px 0px 0px !important;
}
/* 隐藏标题标签栏、More+、底部加载更多 */

/* ============ 首页 More+ 按钮hover动态效果(不设position，不干扰主题默认绝对定位) ============ */
.tab-more.btn-more {
    z-index: 1 !important;
    overflow: hidden !important;
    transition: color 0.3s !important;
}
.tab-more.btn-more::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: var(--theme-color, #3DA668) !important;
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
    z-index: -1 !important;
    transform: scaleY(0) !important;
    transform-origin: center center !important;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.tab-more.btn-more:hover::after {
    transform: scaleY(1) !important;
}
.tab-more.btn-more:hover {
    color: #ffffff !important;
}



.io-widget-big-posts-list .sidebar-header {
    display: none !important;
}
.io-widget-big-posts-list .ajax-more {
    display: none !important;
}
.io-widget-big-posts-list ~ .cp-more-link,
.io-widget-big-posts-list .cp-more-link {
    display: none !important;
}

/* ============ 详情页内容区网址链接hover动态效果（与子分类标签一致性） ============ */
.single .panel-body .cp-site-link a,
.single .panel-body p > a.external {
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
    padding: 2px 6px !important;
    transition: color 0.3s !important;
}
.single .panel-body .cp-site-link a::after,
.single .panel-body p > a.external::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: var(--theme-color, #3DA668) !important;
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
    z-index: -1 !important;
    transform: scaleY(0) !important;
    transform-origin: center center !important;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.single .panel-body .cp-site-link a:hover::after,
.single .panel-body p > a.external:hover::after {
    transform: scaleY(1) !important;
}

/* ============ 右下角悬浮按钮 ============ */
.cp-float-btn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999998;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    transition: transform 0.2s, box-shadow 0.2s;
}

.cp-float-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 18px rgba(0,0,0,0.25);
}

/* 4色拼接四叶草图标 */
.cp-header-icon {
    width: 24px;
    height: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1px;
    overflow: visible;
}

.cp-header-icon .cp-quad {
    width: 100%;
    height: 100%;
    display: block;
}

.cp-header-icon .cp-quad:nth-child(1) {
    border-radius: 50% 0 0 0;
}
.cp-header-icon .cp-quad:nth-child(2) {
    border-radius: 0 50% 0 0;
}
.cp-header-icon .cp-quad:nth-child(3) {
    border-radius: 0 0 0 50%;
}
.cp-header-icon .cp-quad:nth-child(4) {
    border-radius: 0 0 50% 0;
}

/* 悬浮面板 */
.cp-panel {
    display: none;
    background: #fff;
    border-radius: 6px;
    padding: 6px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    flex-direction: row;
    gap: 4px;
}

.cp-panel.cp-panel-show {
    display: flex;
    animation: cp-in 0.12s ease;
}

@keyframes cp-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

.cp-panel-item {
    cursor: pointer;
    padding: 3px;
    border-radius: 4px;
}

.cp-panel-item:hover {
    background: #f5f5f5;
}

.cp-panel-dot {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    display: block;
    transition: transform 0.15s;
    border: 1px solid rgba(0,0,0,0.1);
}

.cp-panel-item:hover .cp-panel-dot {
    transform: scale(1.1);
}

.cp-panel-item.active .cp-panel-dot {
    box-shadow: 0 0 0 2px currentColor, 0 0 4px rgba(0,0,0,0.3);
}

.cp-name {
    display: none;
}

/* ============ 详情页网站信息区卡片模式 ============ */
.cp-taxonomy-card .site-content.mb-4.mb-md-5 {
    position: relative !important;
    background: rgba(255,255,255,0.85) !important;
    -webkit-backdrop-filter: saturate(2) blur(15px) !important;
    backdrop-filter: saturate(2) blur(15px) !important;
    box-shadow: 0 5px 25px 0 rgba(0,0,0,0.1) !important;
    border-radius: var(--cp-card-radius, 3px) !important;
    padding: 32px 20px !important;
}
.cp-taxonomy-card .site-content.mb-4.mb-md-5::before {
    content: "" !important;
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
    border: 1px solid rgba(220, 222, 224, var(--cp-card-border-opacity, 1)) !important;
    border-radius: var(--cp-card-radius, 3px) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}
/* 夜间模式 */
.io-black-mode .cp-taxonomy-card .site-content.mb-4.mb-md-5 {
    background: rgba(30,30,30,0.85) !important;
}
.io-black-mode .cp-taxonomy-card .site-content.mb-4.mb-md-5::before {
    border-color: rgba(80, 80, 80, var(--cp-card-border-opacity, 1)) !important;
}
/* 分类标签行数控制(后台可设置) */
.cp-taxonomy-card .site-content.mb-4.mb-md-5 .terms-list {
    max-height: calc(var(--cp-terms-lines, 1) * 2.4em) !important;
    overflow: hidden !important;
}

/* ============ 详情页布局优化 ============ */
/* 简介卡片标题：1.75rem加粗保持醒目 */
.cp-taxonomy-card .site-content.mb-4.mb-md-5 .site-name.h3 {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
}
/* 截图保持原样 */

/* ============ 详情页介绍排版美化 ============ */
.cp-taxonomy-card .panel-body.single {
    line-height: 1.8 !important;
    font-size: 15px !important;
}
/* 详情页内容标题由JS动态覆盖（比内联样式优先级更高） */
/* 小标题(如 🛠️ 核心功能) */
.cp-taxonomy-card .panel-body.single .cp-section-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--main-color) !important;
    margin: 16px 0 8px 0 !important;
    display: inline-block !important;
}
/* 列表项 - 与原版面一致 */
.cp-taxonomy-card .panel-body.single .cp-feature-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 4px 0 12px 0 !important;
}
.cp-taxonomy-card .panel-body.single .cp-feature-list li {
    padding: 3px 0 3px 16px !important;
    position: relative !important;
    color: inherit !important;
    font-size: 16px !important;
}
.cp-taxonomy-card .panel-body.single .cp-feature-list li::before {
    content: '•' !important;
    position: absolute !important;
    left: 0 !important;
    color: var(--theme-color) !important;
    font-weight: bold !important;
}
/* 网站网址链接 */
.cp-taxonomy-card .panel-body.single .cp-site-link {
    color: var(--theme-color) !important;
    font-size: 16px !important;
    font-weight: bold !important;
    word-break: break-all !important;
}
.cp-taxonomy-card .site-content.mb-4.mb-md-5 .site-go {
    text-align: left !important;
    display: flex !important;
    justify-content: flex-start !important;
}
/* 收藏按钮移到手机查看后面 - 与手机查看风格一致 */
.cp-taxonomy-card .site-content.mb-4.mb-md-5 .site-go .cp-fav-btn-moved {
    color: var(--theme-color) !important;
    border: 1px solid var(--theme-color) !important;
    background: transparent !important;
    padding: 6px 16px !important;
    border-radius: 50rem !important;
    font-size: 14px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 8px !important;
}
/* 收藏按钮隐藏模式 */
.cp-fav-hidden .site-content.mb-4.mb-md-5 .io-posts-like[data-type="favorite"],
.cp-fav-hidden .site-content.mb-4.mb-md-5 .cp-fav-btn-moved {
    display: none !important;
}
/* 介绍与截图之间分隔线(横排竖线,竖排横线) */
.cp-taxonomy-card .site-content.mb-4.mb-md-5 > .site-body {
    padding-left: 16px !important;
    border-left: 1px solid rgba(0,0,0,0.06) !important;
    order: 2 !important;
}
.cp-taxonomy-card .site-content.mb-4.mb-md-5 > .sites-preview {
    padding-right: 16px !important;
    order: 1 !important;
    border-radius: var(--cp-card-radius, 3px) !important;
}
/* 截图居中显示,超出隐藏 - 针对详情页实际结构 */
.cp-taxonomy-card .site-content.mb-4.mb-md-5 .sites-preview .site-img.img-sites {
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    border-radius: var(--cp-card-radius, 3px) !important;
    justify-content: center !important;
}
.cp-taxonomy-card .site-content.mb-4.mb-md-5 .sites-preview .site-img.img-sites img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}
.io-black-mode .cp-taxonomy-card .site-content.mb-4.mb-md-5 > .site-body {
    border-left-color: rgba(255,255,255,0.08) !important;
}
@media (max-width: 767px) {
    .cp-taxonomy-card .site-content.mb-4.mb-md-5 > .site-body {
        border-left: none !important;
        border-bottom: none !important;
        padding-left: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .io-black-mode .cp-taxonomy-card .site-content.mb-4.mb-md-5 > .site-body {
        border-bottom-color: rgba(255,255,255,0.08) !important;
    }
    .cp-taxonomy-card .site-content.mb-4.mb-md-5 > .sites-preview {
        padding-right: 0 !important;
        padding-bottom: 16px !important;
        border-bottom: 1px solid rgba(0,0,0,0.06) !important;
        margin-bottom: 16px !important;
    }
}

/* ============ 面包屑导航美化 ============ */
.cp-taxonomy-card nav[aria-label="breadcrumb"] {
    font-size: 15px !important;
}

/* 网站名称与元信息之间加分隔线 - 约1/4长度跟随主题色 */
.site-content.mb-4.mb-md-5 .site-name-box {
    border-bottom: none !important;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
    position: relative !important;
}
.site-content.mb-4.mb-md-5 .site-name-box::after {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 12.5% !important;
    height: 2px !important;
    background: var(--theme-color) !important;
    border-radius: 1px !important;
}
.io-black-mode .site-content.mb-4.mb-md-5 .site-name-box {
    border-bottom-color: rgba(255,255,255,0.08) !important;
}

/* ============ 分类页配色跟随主题色 ============ */
/* 分类页头部已改用搜索模块（io_head_search），taxonomy-head 相关样式已移除 */

/* body 渐变背景 */
.cp-category-theme {
    background: linear-gradient(180deg, rgba(var(--theme-color-rgb), var(--cp-gradient-opacity, 0.5)) 0%, rgba(var(--theme-color-rgb), var(--cp-gradient-end-opacity, 0)) var(--cp-gradient-height, 50%)), linear-gradient(0deg, rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04)), rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04))), var(--cp-bg-image, none) !important;
    background-attachment: fixed !important;
    background-size: auto, auto, cover !important;
    background-position: 0 0, 0 0, center center !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-color: #f5f7f9 !important;
}

/* 分类页fx-header-bg跟随主题色渐变 */
.cp-category-theme .fx-header-bg {
    background: linear-gradient(rgba(var(--theme-color-rgb), 0.2) 0%, var(--main-bg-color, #fff) 30%) !important;
}
.io-black-mode .cp-category-theme {
    background: linear-gradient(rgba(0,0,0,0.85), rgba(0,0,0,0.85)), var(--cp-bg-image, none) !important;
    background-size: auto, cover !important;
    background-position: 0 0, center center !important;
    background-repeat: no-repeat, no-repeat !important;
}

.io-black-mode .cp-category-theme .fx-header-bg {
    background: linear-gradient(rgba(var(--theme-color-rgb), 0.15) 0%, #222 30%) !important;
}
.cp-category-theme .fx-header-bg::before {
    opacity: 0.5 !important;
}
.cp-category-theme .fx-header-bg::after {
    opacity: 0.25 !important;
}

/* 详情页独立背景渐变 - 新建类名 .cp-detail-bg,不改 fx-header-bg */
.single.cp-detail-bg {
    background: linear-gradient(180deg, rgba(var(--theme-color-rgb), var(--cp-gradient-opacity, 0.5)) 0%, rgba(var(--theme-color-rgb), var(--cp-gradient-end-opacity, 0)) var(--cp-gradient-height, 50%)), linear-gradient(0deg, rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04)), rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04))), var(--cp-bg-image, none) !important;
    background-attachment: fixed !important;
    background-size: auto, auto, cover !important;
    background-position: 0 0, 0 0, center center !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-color: #f5f7f9 !important;
}
.io-black-mode .single.cp-detail-bg {
    background: linear-gradient(rgba(0,0,0,0.85), rgba(0,0,0,0.85)), var(--cp-bg-image, none) !important;
    background-size: auto, cover !important;
    background-position: 0 0, center center !important;
    background-repeat: no-repeat, no-repeat !important;
}

/* 首页/页面背景渐变 */
.home.cp-home-bg,
.page.cp-home-bg {
    background: linear-gradient(180deg, rgba(var(--theme-color-rgb), var(--cp-gradient-opacity, 0.5)) 0%, rgba(var(--theme-color-rgb), var(--cp-gradient-end-opacity, 0)) var(--cp-gradient-height, 50%)), linear-gradient(0deg, rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04)), rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04))), var(--cp-bg-image, none) !important;
    background-attachment: fixed !important;
    background-size: auto, auto, cover !important;
    background-position: 0 0, 0 0, center center !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-color: #f5f7f9 !important;
}
.io-black-mode .home.cp-home-bg,
.io-black-mode .page.cp-home-bg {
    background: linear-gradient(rgba(0,0,0,0.85), rgba(0,0,0,0.85)), var(--cp-bg-image, none) !important;
    background-size: auto, cover !important;
    background-position: 0 0, center center !important;
    background-repeat: no-repeat, no-repeat !important;
}

/* 移动端 */
@media (max-width: 768px) {
    .cp-float-btn {
        width: 40px;
        height: 40px;
        right: 14px;
        bottom: 14px;
    }
    .cp-header-icon {
        width: 22px;
        height: 22px;
    }
    .cp-panel-dot {
        width: 22px;
        height: 22px;
    }
    /* 手机版渐变 - 使用后台独立参数 */
    .cp-category-theme {
        background: linear-gradient(180deg, rgba(var(--theme-color-rgb), var(--cp-mobile-opacity, 0.1)) 0%, rgba(var(--theme-color-rgb), var(--cp-gradient-end-opacity, 0)) var(--cp-mobile-height, 75vh)), linear-gradient(0deg, rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04)), rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04))), var(--cp-bg-image, none) !important;
        background-attachment: scroll !important;
        background-size: auto, auto, cover !important;
        background-position: 0 0, 0 0, center center !important;
        background-repeat: no-repeat, no-repeat, no-repeat !important;
        background-color: #f5f7f9 !important;
    }
    .single.cp-detail-bg {
        background: linear-gradient(180deg, rgba(var(--theme-color-rgb), var(--cp-mobile-opacity, 0.1)) 0%, rgba(var(--theme-color-rgb), var(--cp-gradient-end-opacity, 0)) var(--cp-mobile-height, 75vh)), linear-gradient(0deg, rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04)), rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04))), var(--cp-bg-image, none) !important;
        background-attachment: scroll !important;
        background-size: auto, auto, cover !important;
        background-position: 0 0, 0 0, center center !important;
        background-repeat: no-repeat, no-repeat, no-repeat !important;
        background-color: #f5f7f9 !important;
    }
    .home.cp-home-bg,
        .page.cp-home-bg {
        background: linear-gradient(180deg, rgba(var(--theme-color-rgb), var(--cp-mobile-opacity, 0.1)) 0%, rgba(var(--theme-color-rgb), var(--cp-gradient-end-opacity, 0)) var(--cp-mobile-height, 75vh)), linear-gradient(0deg, rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04)), rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04))), var(--cp-bg-image, none) !important;
        background-attachment: scroll !important;
        background-size: auto, auto, cover !important;
        background-position: 0 0, 0 0, center center !important;
        background-repeat: no-repeat, no-repeat, no-repeat !important;
        background-color: #f5f7f9 !important;
    }
    .io-black-mode .cp-category-theme,
    .io-black-mode .single.cp-detail-bg,
    .io-black-mode .home.cp-home-bg,
        .io-black-mode .page.cp-home-bg {
        background: linear-gradient(rgba(0,0,0,0.85), rgba(0,0,0,0.85)), var(--cp-bg-image, none) !important;
        background-size: auto, cover !important;
        background-position: 0 0, center center !important;
        background-repeat: no-repeat, no-repeat !important;
    }
}

/* ============ 详情页链接跟随主题色 ============ */
/* 未点击(link)、已访问(visited)、悬停(hover)全部跟随主题色 */
.lib-item a:link,
.lib-item a:visited {
    color: var(--theme-color, #333) !important;
}
.lib-item a:hover {
    color: var(--hover-color, #0066cc) !important;
}
.area-title {
    color: var(--theme-color, #2d7cf5) !important;
    border-left-color: var(--theme-color, #2d7cf5) !important;
    margin: 12px 0 !important;
}

/* 网址链接跟随主题色 */
.cp-taxonomy-card .panel-body.single a.cp-site-link {
    color: var(--theme-color) !important;
}
.cp-taxonomy-card .panel-body.single a.cp-site-link:hover {
    color: var(--hover-color) !important;
}

/* 详情页内容中的普通链接也跟随主题色(可选) */
.cp-taxonomy-card .panel-body.single a[target="_blank"] {
    color: var(--theme-color) !important;
}

/* 详情页段落标题前的小竖线分隔符(主题色) */
.cp-taxonomy-card .panel-body.single .cp-bar {
    display: inline-block !important;
    padding-left: 10px !important;
    border-left: 4px solid var(--theme-color) !important;
    border-radius: 2px !important;
    line-height: 1.4 !important;
}

/* ============ 页头Header透明度 ============ */
.main-header {
    opacity: var(--cp-header-opacity, 1) !important;
}
.main-header .header-nav {
    -webkit-backdrop-filter: saturate(2) blur(15px) !important;
    backdrop-filter: saturate(2) blur(15px) !important;
}
/* 透明模式下确保背景色也带透明度 */
.main-header .header-nav.blur-bg {
    background: rgba(255, 255, 255, var(--cp-header-opacity, 1)) !important;
}
.io-black-mode .main-header .header-nav.blur-bg {
    background: rgba(45, 46, 47, 0.75) !important;
}

/* ============ 子分类标签栏背景 ============ */
/* 跟随主题色模式 */
.io-slider-tab .slider-tab {
    background: rgba(var(--theme-color-rgb, 51, 153, 0), var(--cp-tabbar-opacity, 0.15)) !important;
    -webkit-backdrop-filter: saturate(2) blur(10px) !important;
    backdrop-filter: saturate(2) blur(10px) !important;
    border: 1px solid rgba(var(--theme-color-rgb, 51, 153, 0), var(--cp-tabbar-border-opacity, 0.12)) !important;
    border-radius: var(--cp-tabbar-radius, 8px) !important;
}
.io-black-mode .io-slider-tab .slider-tab {
    background: rgba(45, 46, 47, 0.75) !important;
    border-color: rgba(80, 80, 80, var(--cp-card-border-opacity, 1)) !important;
}
.io-black-mode .io-slider-tab .slider-tab .tab-item:not(.active) {
    color: rgba(255, 255, 255, 0.7) !important;
}
/* 自定义颜色模式 */
.cp-tabbar-custom .io-slider-tab .slider-tab {
    background: rgba(var(--cp-tabbar-rgb, 230, 232, 234), var(--cp-tabbar-opacity, 0.15)) !important;
    border: 1px solid rgba(var(--cp-tabbar-rgb, 230, 232, 234), var(--cp-tabbar-border-opacity, 0.12)) !important;
}
.io-black-mode .cp-tabbar-custom .io-slider-tab .slider-tab {
    background: rgba(45, 46, 47, 0.75) !important;
    border-color: rgba(80, 80, 80, var(--cp-card-border-opacity, 1)) !important;
}
/* ============ 标签hover动态效果(圆角统一) ============ */
/* 首页子分类标签基础 */
.io-slider-tab .slider-tab .tab-item {
    position: relative !important;
    z-index: 1 !important;
    align-items: center !important;
    vertical-align: top !important;
    background-color: transparent !important;
    overflow: hidden !important;
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
    transition: color 0.3s !important;
}
/* hover时纵向展开的主题色背景块 */
.io-slider-tab .slider-tab .tab-item::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: var(--theme-color, #3DA668) !important;
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
    z-index: -1 !important;
    transform: scaleY(0) !important;
    transform-origin: center center !important;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
/* hover时展开 + 白字 */
.io-slider-tab .slider-tab .tab-item:not(.active):hover::before {
    transform: scaleY(1) !important;
}
.io-slider-tab .slider-tab .tab-item:not(.active):hover {
    background-color: transparent !important;
    color: #ffffff !important;
}
/* active滑块(.anchor)圆角统一 - 点击后形状 */
.io-slider-tab .slider-tab .anchor {
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
}

/* ============ 面包屑导航hover动态效果(与子分类标签一致) ============ */
/* 面包屑容器flex居中,消除链接与分隔符高度差导致的错位 */
.single nav[aria-label="breadcrumb"],
.cp-breadcrumb-enhance nav[aria-label="breadcrumb"] {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}
/* 面包屑链接基础 */
.single nav[aria-label="breadcrumb"] a,
.cp-breadcrumb-enhance nav[aria-label="breadcrumb"] a {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    overflow: hidden !important;
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
    padding: 0 6px !important;
    margin: 0 1px !important;
    line-height: 1.4 !important;
    transition: color 0.3s !important;
}
/* hover时纵向展开的主题色背景块 */
.single nav[aria-label="breadcrumb"] a::before,
.cp-breadcrumb-enhance nav[aria-label="breadcrumb"] a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: var(--theme-color, #3DA668) !important;
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
    z-index: -1 !important;
    transform: scaleY(0) !important;
    transform-origin: center center !important;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
/* hover时展开 + 白字 */
.single nav[aria-label="breadcrumb"] a:hover::before,
.cp-breadcrumb-enhance nav[aria-label="breadcrumb"] a:hover::before {
    transform: scaleY(1) !important;
}
.single nav[aria-label="breadcrumb"] a:hover,
.cp-breadcrumb-enhance nav[aria-label="breadcrumb"] a:hover {
    color: #ffffff !important;
}

/* ============ 底部页脚链接hover动态效果(与子分类标签一致) ============ */
/* 用::after代替::before,彻底避开主题 a+a::before 分隔符圆点冲突 */
/* 公共链接样式 */
.main-footer .footer-links a,
.main-footer .footer-copyright a,
.main-footer .friend-link a {
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    padding: 2px 6px !important;
    margin: 0 4px !important;
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
    line-height: 1.4 !important;
    color: var(--text-color, #484b4f) !important;
    transition: color 0.3s !important;
}
/* ::after纵向展开背景 */
.main-footer .footer-links a::after,
.main-footer .footer-copyright a::after,
.main-footer .friend-link a::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: var(--theme-color, #3DA668) !important;
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
    z-index: -1 !important;
    transform: scaleY(0) !important;
    transform-origin: center center !important;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
/* hover时纵向展开 + 白字 */
.main-footer .footer-links a:hover::after,
.main-footer .footer-copyright a:hover::after,
.main-footer .friend-link a:hover::after {
    transform: scaleY(1) !important;
}
.main-footer .footer-links a:hover,
.main-footer .footer-copyright a:hover,
.main-footer .friend-link a:hover {
    color: #ffffff !important;
}

/* ============ 左侧边栏菜单hover动态效果 ============ */
/* 一级分类按钮 */
.aside-item > .aside-btn {
    position: relative !important;
    z-index: 1 !important;
    background-color: transparent !important;
    overflow: hidden !important;
}
/* hover时从中间纵向展开的主题色背景块 */
.aside-item > .aside-btn::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: var(--theme-color, #3DA668) !important;
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
    z-index: -1 !important;
    transform: scaleY(0) !important;
    transform-origin: center center !important;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
/* hover时展开 + 图标文字变白 */
.aside-item > .aside-btn:hover::before {
    transform: scaleY(1) !important;
}
.aside-item > .aside-btn:hover {
    background-color: transparent !important;
    color: #ffffff !important;
}
.aside-item > .aside-btn:hover i,
.aside-item > .aside-btn:hover span {
    color: #ffffff !important;
}

/* 子分类按钮 */
.aside-sub .aside-btn {
    position: relative !important;
    z-index: 1 !important;
    background-color: transparent !important;
    overflow: hidden !important;
}
.aside-sub .aside-btn::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: var(--theme-color, #3DA668) !important;
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
    z-index: -1 !important;
    transform: scaleY(0) !important;
    transform-origin: center center !important;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.aside-sub .aside-btn:hover::before {
    transform: scaleY(1) !important;
}
.aside-sub .aside-btn:hover {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* ============ 网站卡片边框 ============ */
/* 日间模式 - 首页卡片 */
.posts-item.sites-item {
    border: 1px solid rgba(220, 222, 224, var(--cp-card-border-opacity, 1)) !important;
}
/* 日间模式 - 详情页排行卡片(去掉muted-bg灰色,保留同款白色背景) */
.io-sidebar-widget .posts-item.sites-item.muted-bg {
    background-color: var(--main-bg-color) !important;
    border: 1px solid rgba(220, 222, 224, var(--cp-card-border-opacity, 1)) !important;
    border-radius: var(--cp-sidebar-card-radius, 8px) !important;
    box-shadow: inset 0 0 25px 0 var(--muted-shadow), 0 0 0 0 var(--main-shadow) !important;
}
/* 详情页排行卡片hover效果 - 跟首页一致 */
.io-sidebar-widget .posts-item.sites-item.muted-bg:hover {
    box-shadow: inset 0 0 2px 0 var(--muted-shadow), 0 20px 25px -10px var(--main-shadow) !important;
}
/* 夜间模式 - 首页卡片 */
.io-black-mode .posts-item.sites-item {
    border-color: rgba(80, 80, 80, var(--cp-card-border-opacity, 1)) !important;
}
/* 夜间模式 - 详情页排行卡片 */
.io-black-mode .io-sidebar-widget .posts-item.sites-item.muted-bg {
    background-color: var(--main-bg-color) !important;
    border-color: rgba(80, 80, 80, var(--cp-card-border-opacity, 1)) !important;
    box-shadow: inset 0 0 25px 0 var(--muted-shadow), 0 0 0 0 var(--main-shadow) !important;
}
/* 夜间模式hover */
.io-black-mode .io-sidebar-widget .posts-item.sites-item.muted-bg:hover {
    box-shadow: inset 0 0 2px 0 var(--muted-shadow), 0 20px 25px -10px var(--main-shadow) !important;
}

/* ============ 左侧边栏背景透明度 ============ */
/* 日间模式 */
.home .aside-card.blur-bg,
.ioui-aside .aside-card.blur-bg {
    background: rgba(255, 255, 255, var(--cp-sidebar-opacity, 1)) !important;
    -webkit-backdrop-filter: saturate(2) blur(15px) !important;
    backdrop-filter: saturate(2) blur(15px) !important;
}
/* 夜间模式 */
.io-black-mode .home .aside-card.blur-bg,
.io-black-mode .ioui-aside .aside-card.blur-bg {
    background: rgba(45, 46, 47, 0.75) !important;
}

/* ============ 文章列表页头部渐变背景 ============ */
/* 文章列表页: .category 或 .tag 或 .date 等归档页 */
.archive.cp-category-theme,
.taxonomy.cp-category-theme,
.category.cp-category-theme {
    background: linear-gradient(180deg, rgba(var(--theme-color-rgb), var(--cp-gradient-opacity, 0.5)) 0%, rgba(var(--theme-color-rgb), var(--cp-gradient-end-opacity, 0)) var(--cp-gradient-height, 50%)), linear-gradient(0deg, rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04)), rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04))), var(--cp-bg-image, none) !important;
    background-attachment: fixed !important;
    background-size: auto, auto, cover !important;
    background-position: 0 0, 0 0, center center !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-color: #f5f7f9 !important;
}
.io-black-mode .archive.cp-category-theme,
.io-black-mode .taxonomy.cp-category-theme,
.io-black-mode .category.cp-category-theme {
    background: linear-gradient(rgba(0,0,0,0.85), rgba(0,0,0,0.85)), var(--cp-bg-image, none) !important;
    background-size: auto, cover !important;
    background-position: 0 0, center center !important;
    background-repeat: no-repeat, no-repeat !important;
}
@media (max-width: 768px) {
    .archive.cp-category-theme,
    .taxonomy.cp-category-theme,
    .category.cp-category-theme {
        background: linear-gradient(180deg, rgba(var(--theme-color-rgb), var(--cp-mobile-opacity, 0.1)) 0%, rgba(var(--theme-color-rgb), var(--cp-gradient-end-opacity, 0)) var(--cp-mobile-height, 75vh)), linear-gradient(0deg, rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04)), rgba(var(--theme-color-rgb), var(--cp-bg-tint, 0.04))), var(--cp-bg-image, none) !important;
        background-attachment: scroll !important;
        background-size: auto, auto, cover !important;
        background-position: 0 0, 0 0, center center !important;
        background-repeat: no-repeat, no-repeat, no-repeat !important;
        background-color: #f5f7f9 !important;
    }
    .io-black-mode .archive.cp-category-theme,
    .io-black-mode .taxonomy.cp-category-theme,
    .io-black-mode .category.cp-category-theme {
        background: linear-gradient(rgba(0,0,0,0.85), rgba(0,0,0,0.85)), var(--cp-bg-image, none) !important;
        background-size: auto, cover !important;
        background-position: 0 0, center center !important;
        background-repeat: no-repeat, no-repeat !important;
    }
}

/* ============ 文章卡片样式增强 ============ */
/* 文章列表页 .posts-item（文章卡片）圆角+边框跟首页网址卡片一致 */
.posts-item.post-item {
    border-radius: var(--cp-card-radius, 3px) !important;
    border: 1px solid rgba(220, 222, 224, var(--cp-card-border-opacity, 1)) !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease !important;
}
.io-black-mode .posts-item.post-item {
    border-color: rgba(80, 80, 80, var(--cp-card-border-opacity, 1)) !important;
}
/* 文章卡片 hover 上浮（跟首页卡片一致） */
.cp-hover-float .posts-item.post-item:hover {
    transform: translateY(calc(-1 * var(--cp-hover-float-px, 2px))) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
}
.io-black-mode .cp-hover-float .posts-item.post-item:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.35) !important;
}
/* 文章卡片图标 hover 放大 */
.cp-hover-icon-scale .posts-item.post-item .post-img {
    transition: transform 0.22s ease !important;
}
.cp-hover-icon-scale .posts-item.post-item:hover .post-img {
    transform: scale(1.15) !important;
}

/* ============ 分类页子分类标签hover特效(对齐首页) ============ */
.cat-select {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: top !important;
    padding: 4px 10px !important;
    overflow: hidden !important;
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
    transition: color 0.3s !important;
}
.cat-select::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: var(--theme-color, #3DA668) !important;
    border-radius: var(--cp-tab-hover-radius, 6px) !important;
    z-index: -1 !important;
    transform: scaleY(0) !important;
    transform-origin: center center !important;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.cat-select:hover::before {
    transform: scaleY(1) !important;
}
.cat-select:hover {
    background-color: transparent !important;
    color: #ffffff !important;
}
.cat-select.active:hover {
    color: #ffffff !important;
}
/* 分类页标签栏容器暗色模式适配(背景和边框与网址卡片一致) */
.io-black-mode .taxonomy-selects.card.selects-box {
    background: rgba(45, 46, 47, 0.75) !important;
    border-color: rgba(80, 80, 80, var(--cp-card-border-opacity, 1)) !important;
}


/* ============ 分区13:动效与美化 ============ */

/* --- 卡片hover上浮 --- */
.cp-hover-float .posts-item.sites-item {
    transition: transform 0.22s ease, box-shadow 0.22s ease !important;
}
.cp-hover-float .posts-item.sites-item:hover {
    transform: translateY(calc(-1 * var(--cp-hover-float-px, 2px))) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
}
.io-black-mode .cp-hover-float .posts-item.sites-item:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.35) !important;
}

/* --- 卡片图标放大 --- */
.cp-hover-icon-scale .posts-item.sites-item .sites-icon {
    transition: transform 0.22s ease !important;
}
.cp-hover-icon-scale .posts-item.sites-item:hover .sites-icon {
    transform: scale(1.15) !important;
}

/* --- 简介截断 --- */
.posts-item.sites-item .text-muted.text-xs {
    display: -webkit-box !important;
    -webkit-line-clamp: var(--cp-excerpt-lines, 2) !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.5 !important;
}

/* --- 详情页面板增强 --- */
.cp-detail-panel .panel.site-content.card {
    border-radius: var(--main-radius, 12px) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    padding: 20px !important;
}
.cp-detail-panel .panel.site-content.card .card-body {
    padding: 2rem !important;
    border: 1px solid rgba(220, 222, 224, var(--cp-card-border-opacity, 1)) !important;
    border-radius: var(--main-radius, 12px) !important;
}
.io-black-mode .cp-detail-panel .panel.site-content.card .card-body {
    border-color: rgba(80, 80, 80, var(--cp-card-border-opacity, 1)) !important;
}
.io-black-mode .cp-detail-panel .panel.site-content.card,
.io-black-mode .cp-detail-panel .panel.site-content.card .card-body {
    background: #1a1a1a !important;
    border-radius: var(--main-radius, 12px) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
}

/* --- 面包屑圆角背景 --- */
.cp-breadcrumb-enhance nav[aria-label="breadcrumb"] {
    background: rgba(0,0,0,0.03) !important;
    border-radius: var(--main-radius, 12px) !important;
    padding: 10px 16px !important;
    margin-bottom: 1.5rem !important;
}
.io-black-mode .cp-breadcrumb-enhance nav[aria-label="breadcrumb"] {
    background: rgba(255,255,255,0.05) !important;
}

/* --- 侧边栏圆角 --- */
.io-sidebar-widget .card,
.sidebar-tools .card {
    border-radius: var(--cp-sidebar-card-radius, 8px) !important;
}

/* --- 搜索框增强 --- */
.cp-search-enhance .form-control.search-key,
.cp-search-enhance .search-modal .form-control {
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.cp-search-enhance .form-control.search-key:focus,
.cp-search-enhance .search-modal .form-control:focus {
    border-color: var(--theme-color, #2271b1) !important;
    box-shadow: 0 0 0 3px rgba(var(--theme-color-rgb, 34,113,177), 0.12) !important;
}
.cp-search-enhance .search-bar .btn,
.cp-search-enhance .search-modal .btn {
    background: var(--theme-color, #2271b1) !important;
    border-color: var(--theme-color, #2271b1) !important;
    color: #fff !important;
    transition: opacity 0.2s ease !important;
}
.cp-search-enhance .search-bar .btn:hover,
.cp-search-enhance .search-modal .btn:hover {
    opacity: 0.85 !important;
}
.io-black-mode .cp-search-enhance .form-control.search-key,
.io-black-mode .cp-search-enhance .search-modal .form-control {
    background: rgba(255,255,255,0.06) !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: #e0e0e0 !important;
}
.io-black-mode .cp-search-enhance .form-control.search-key:focus,
.io-black-mode .cp-search-enhance .search-modal .form-control:focus {
    border-color: var(--theme-color, #2271b1) !important;
    box-shadow: 0 0 0 3px rgba(153,153,153,0.15) !important;
}

/* --- cp-bar间距增强 --- */
.cp-cpbar-spacing .single-sites .cp-bar {
    margin-top: 2.5rem !important;
    margin-bottom: 1.5rem !important;
}

/* === 配色选择器圆点（无emoji，纯CSS） === */
.cp-icon-default::before { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #3DA668; margin-right: 4px; vertical-align: middle; }
.cp-icon-red::before    { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #f1404b; margin-right: 4px; vertical-align: middle; }
.cp-icon-blue::before   { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #3498db; margin-right: 4px; vertical-align: middle; }
.cp-icon-pink::before   { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #E45E97; margin-right: 4px; vertical-align: middle; }
.cp-icon-purple::before { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #9b59b6; margin-right: 4px; vertical-align: middle; }
.cp-icon-orange::before { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #F2714F; margin-right: 4px; vertical-align: middle; }
.cp-icon-cyan::before   { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #00bcd4; margin-right: 4px; vertical-align: middle; }

/* --- 详情页直达网站按钮圆角 --- */
/* --- 详情页直达网站按钮圆角（截图旁+文本下方） --- */
.detail-screenshot .preview-btn,
.site-img .preview-btn,
.sites-review .preview-btn,
.btn.vc-theme.btn-i-r,
.btn.vc-theme.btn-shadow {
    border-radius: var(--cp-card-radius, 3px) !important;
}
/* --- 侧边栏查看完整榜单按钮：背景色跟随主题色 + 文字白色 --- */
.io-sidebar-widget .btn.vc-l-yellow {
    background-color: var(--theme-color, #3DA668) !important;
    border-color: var(--theme-color, #3DA668) !important;
    color: #ffffff !important;
    border-radius: var(--cp-card-radius, 3px) !important;
}

/* --- 详情页底部版权说明背景色跟随主题色 + 透明度 --- */
.card-footer.text-muted.text-xs {
    background-color: rgba(var(--theme-color-rgb), var(--cp-copyright-opacity, 0.2)) !important;
    border-radius: var(--cp-card-radius, 3px) !important;
}

/* --- 查看完整榜单按钮 hover 效果（同直达网站按钮） --- */
.io-sidebar-widget .btn.vc-l-yellow:hover {
    opacity: 0.85 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px -8px rgba(var(--theme-color-rgb), 0.35) !important;
}

/* ============


/* ============ 动态问候时钟小工具 ============ */
.dynamic-greeting {
    text-align: center;
    margin: 15px;
    padding: 14px 12px;
    border: 1px solid rgba(220, 222, 224, var(--cp-card-border-opacity, 1));
    border-radius: var(--main-radius, 12px);
}

/* ===== 眼睛 — 毛玻璃质感 ===== */
.dg-eyes-wrapper {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 16px;
    padding: 2px 0;
}
.dg-eye {
    width: 42px;
    height: 42px;
    background: linear-gradient(145deg, #ffffff 0%, #f0f3f6 100%);
    border: 1px solid rgba(var(--theme-color-rgb, 61,166,104), 0.18);
    border-radius: 50%;
    position: relative;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06), inset 0 -4px 8px rgba(0,0,0,0.04);
    transform: scaleY(0.9);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.dg-eyes-wrapper:hover .dg-eye {
    border-color: rgba(var(--theme-color-rgb, 61,166,104), 0.35);
    box-shadow: 0 6px 18px rgba(var(--theme-color-rgb, 61,166,104), 0.12), inset 0 -4px 8px rgba(0,0,0,0.04);
}
.dg-eye::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 11px;
    width: 11px;
    height: 7px;
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    transform: rotate(-18deg);
    pointer-events: none;
}
.dg-pupil {
    width: 18px;
    height: 18px;
    background: radial-gradient(circle at 38% 35%, #4a4d52 0%, #1a1c1e 70%);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.08s ease-out;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.dg-pupil::after {
    content: '';
    position: absolute;
    top: 4px;
    right: 4px;
    width: 5px;
    height: 5px;
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    pointer-events: none;
}

/* ===== 时钟 — 大号数字（字号可调 --dg-time-font） ===== */
.dynamic-greeting .dg-time-section { margin-bottom: 0; }
.dynamic-greeting .dg-time-display {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 3px;
    font-size: var(--dg-time-font, 38px);
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.01em;
}
.dynamic-greeting .dg-hours,
.dynamic-greeting .dg-minutes {
    color: var(--theme-color, #3DA668);
}
.dynamic-greeting .dg-seconds {
    font-size: calc(var(--dg-time-font, 38px) * 0.56);
    font-weight: 600;
    color: var(--theme-color, #3DA668);
    opacity: 0.6;
    align-self: flex-end;
    padding-bottom: 3px;
}
.dynamic-greeting .dg-colon {
    animation: dgBlink 1s step-end infinite;
    color: var(--theme-color, #3DA668);
    opacity: 0.85;
}
.dynamic-greeting .dg-sec-colon {
    font-size: calc(var(--dg-time-font, 38px) * 0.56);
    align-self: flex-end;
    padding-bottom: 3px;
    opacity: 0.6;
}
.dynamic-greeting .dg-date-display {
    font-size: var(--dg-date-font, 13px);
    color: var(--muted-color, #93959a);
    margin-top: 10px;
    line-height: 1.4;
    letter-spacing: 0.03em;
}

/* ===== 分割线 ===== */
.dynamic-greeting .dg-time-section::after {
    content: '';
    display: block;
    width: 36px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(var(--theme-color-rgb, 61,166,104), 0.4), transparent);
    margin: 14px auto;
    border-radius: 1px;
    transition: width 0.35s ease;
}
.dynamic-greeting:hover .dg-time-section::after { width: 64px; }
.dynamic-greeting[data-showdivider="0"] .dg-time-section::after { display: none; }

/* ===== 问候区 — 透明融入卡片 ===== */
.dynamic-greeting .dg-greeting-section {
    position: relative;
    padding: 8px 6px 0;
    text-align: left;
}
.dynamic-greeting .dg-greeting-text {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--main-color, #484b4f);
    line-height: 1.5;
    margin-bottom: 4px;
}
.dynamic-greeting .dg-greeting-tip {
    font-size: 0.8rem;
    color: var(--muted-color, #93959a);
    line-height: 1.55;
}

@keyframes dgBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.15; }
}

/* ===== 暗色模式 ===== */
.io-black-mode .dg-eye {
    background: linear-gradient(145deg, #3a3d41 0%, #2a2d31 100%);
    border-color: rgba(255,255,255,0.14);
    box-shadow: 0 4px 14px rgba(0,0,0,0.3), inset 0 -4px 8px rgba(0,0,0,0.3);
}
.io-black-mode .dg-eye::after { background: rgba(255,255,255,0.18); }
.io-black-mode .dg-pupil { background: radial-gradient(circle at 38% 35%, #d5d8dc 0%, #0c0d0f 70%); }
.io-black-mode .dynamic-greeting {
    border-color: rgba(80, 80, 80, var(--cp-card-border-opacity, 1));
}
.io-black-mode .dynamic-greeting .dg-greeting-text { color: var(--main-color, #e0e0e0); }
.io-black-mode .dynamic-greeting .dg-greeting-tip { color: var(--muted-color, #aaa); }


/* ============ 数据评估卡片：正文+版权拼成完整内缩边框 ============ */
.cp-detail-panel .panel.site-content.sites-default-content.card .card-body {
    border-bottom: none !important;
    border-radius: var(--main-radius, 12px) var(--main-radius, 12px) 0 0 !important;
}
.cp-detail-panel .panel.site-content.sites-default-content.card .card-footer.text-muted.text-xs {
    margin: 0 !important;
    border: 1px solid rgba(220, 222, 224, var(--cp-card-border-opacity, 1)) !important;
    border-top: none !important;
    border-radius: 0 0 var(--main-radius, 12px) var(--main-radius, 12px) !important;
    padding: 12px 16px !important;
}
.io-black-mode .cp-detail-panel .panel.site-content.sites-default-content.card .card-footer.text-muted.text-xs {
    border-color: rgba(80, 80, 80, var(--cp-card-border-opacity, 1)) !important;
}


/* ============ 数据统计卡片：内缩边框 ============ */
.cp-detail-panel .card.io-chart {
    padding: 20px !important;
    border-radius: var(--main-radius, 12px) !important;
}
.cp-detail-panel .card.io-chart #chart-container {
    border: 1px solid rgba(220, 222, 224, var(--cp-card-border-opacity, 1)) !important;
    border-radius: var(--main-radius, 12px) !important;
}
.io-black-mode .cp-detail-panel .card.io-chart #chart-container {
    border-color: rgba(80, 80, 80, var(--cp-card-border-opacity, 1)) !important;
}


/* ============ 网址信息区卡片：横排时左右内容垂直居中 ============ */
@media (min-width: 768px) {
    .cp-taxonomy-card .site-content.mb-4.mb-md-5 {
        align-items: center !important;
    }
}