/*
Theme Name: SEO
Theme URI: https://wpthemeseller.com/
Description: 包含之前所有的全局、Header、响应式以及 Footer 逻辑
*/

/* ========== 全局 (保留) ========== */
* { box-sizing: border-box; }
body { margin: 0; padding: 0vh 1vw; font-family: "Segoe UI", sans-serif; background-color: #fff; color: #333; }

/* ========== 基础结构 (保留) ========== */
.wordpress-seo-themes-home, .header, .footer { width: 100%; max-width: 100%; margin: 0 auto; }
.wordpress-seo-themes-home { display: block; width: 100%; padding: 10px 5px; box-sizing: border-box; margin: .2vw auto; }

/* 强制全宽显示 */
.aigcchip, .wordpress-seo-themes-seller-home, .wordpress-seo-plugins-seller-home, .seo-software-seller-home, .wordpress-seo-themes-tech-list-home, .seo-tech-list-home { width: 100%; display: block; margin-bottom: 20px; }

/* ========== Header (保留你的样式) ========== */
.header { background: #fff; }



.header-container { display: flex; align-items: center; padding: 10px 5px; }

/* 导航栏主容器 */
.header-container {
    position: relative;
    /* 1. 毛玻璃效果背景 */
    background: rgba(15, 12, 41, 0.8) !important; 
    backdrop-filter: blur(10px); /* 模糊背后内容，非常高级 */
    -webkit-backdrop-filter: blur(10px);
    
    padding: 10px 20px;
    z-index: 999;
    
    /* 2. 底部流光边框效果 */
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, 
        transparent 0%, 
        rgba(0, 212, 255, 0.8) 50%, 
        transparent 100%) 1;
        
    /* 3. 顶部阴影，增强立体感 */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

/* 导航背景特效：微妙的呼吸感 */
.header-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* 微弱的蓝色光晕，像珠子散发出的光影 */
    background: radial-gradient(circle at 50% -20%, rgba(0, 212, 255, 0.15), transparent 70%);
    pointer-events: none;
    z-index: -1;
}

/* 导航链接的鼠标悬浮动效 */
.header-container a {
    color: #cbd5e0 !important;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.header-container a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.8);
}



.nav-left { width: 15%; } .nav-left .site-logo img { max-height: 60px; width: auto; }
.nav { width: 85%; display: flex; align-items: center; justify-content: space-between; }
.nav > ul { width: 70%; display: flex; gap: 25px; list-style: none; margin: 0; padding: 0px 0px 0px 38px; }
.nav-right { width: 15%; display: flex; justify-content: flex-end; gap: 20px; }
.mobile-menu-toggle { display: none; }


/* ========== 导航列表属性重置 (新增/覆盖) ========== */

/* 去掉 ul 的默认样式 */
.nav .sf-menu.topmenu-nav {
    list-style: none !important; /* 强制去掉圆点 */
    margin: 0;
    padding: 0;
    display: flex; /* 保持横向排列 */
}

/* 去掉 li 的列表特性 */
.nav .sf-menu.topmenu-nav li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

/* 调整链接内部的 span (因为你代码中用了 'before' => '<span>') */
.nav .sf-menu.topmenu-nav li a span {
    display: inline-block;
    vertical-align: middle;
}

/* 修正你之前 padding-left: 38px 导致的偏移（可选） */
.nav > ul {
    padding-left: 0 !important; 
}

/* ========== 响应式断点 (完全保留) ========== */
@media (min-width: 1400px) { .wordpress-seo-themes-home, .header { max-width: 1400px; } /*.nav > ul {justify-content: center;}*/}

@media (min-width: 769px) and (max-width: 1200px) {
/*.nav > ul {justify-content: center;}*/}

@media (max-width: 768px) {
    /* 锁定 Header 容器，防止按钮因内容展开而乱跳 */
    .header-container {
        /*position: relative;
        flex-wrap: wrap;  允许菜单换行到下方 */
        
        display: flex;
        flex-wrap: wrap; 
        align-items: center;
    }


    /* 汉堡按钮：保持原有位置 */
    .mobile-menu-toggle { 
        display: block; 
        font-size: 28px; 
        cursor: pointer; 
        margin-left: auto; 
        background: none;
        border: none;
        z-index: 1001;
        padding: 10px;
    }

    /* 1. 导航容器：优化速度曲线 */
    .nav { 
        display: block !important;
        width: 100%; 
        background: #fff; 
        text-align: center; 
        overflow: hidden;
        max-height: 0;   
        opacity: 0;      
        /* 关键：将 0.6s 缩短为 0.4s，并使用超强响应的曲线 */
        transition: max-height 0.4s cubic-bezier(0.2, 1, 0.3, 1), 
                    opacity 0.3s linear; 
        border-top: 0 solid #eee;
        visibility: visible;
    }

    /* 菜单展开状态 */
    .nav.nav-open { 
            /* 如果你的菜单项不多，400px 足够了。值越接近真实高度，滑动越平滑 */
            max-height: 400px; 
            opacity: 1;
            border-top: 1px solid #eee;
            padding: 5px 0; /* 略微减少内边距，提升紧凑感 */
        }


    /* 菜单列表样式微调 */
    .nav > ul {
        flex-direction: column;
        width: 100%;
        gap: 0; /* 移动端纵向排列 */
        padding: 0;
    }

    .nav > ul > li {
            width: 100%;
            padding: 12px 0;
            border-bottom: 1px solid #f9f9f9;
            opacity: 0;
            /* 减少位移距离，会让铺开显得更“跟手” */
            transform: translateY(-8px);
            transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), 
                        opacity 0.3s ease;
        }

    .nav.nav-open > ul > li {
            opacity: 1;
            transform: translateY(0);
            /* 减少延迟，让文字几乎跟随容器同步出现 */
            transition-delay: 0.05s; 
        }

    .nav > ul > li:last-child {
        border-bottom: none;
    }

    /* 隐藏移动端下的右侧多余部分（可选，根据你的布局决定） */
    .nav-right {
            width: 100%;
            justify-content: center;
            margin-top: 5px;
            opacity: 0;
            transition: opacity 0.3s ease 0.1s;
        }

.nav.nav-open .nav-right {
    opacity: 1;
}

.wordpress-seo-themes-slide-home img { height: 250px; }

    /* 确保列表在移动端垂直铺满 */
    .nav .sf-menu.topmenu-nav {
        flex-direction: column; /* 垂直排列 */
        width: 100%;
        padding: 0;
    }

    .nav .sf-menu.topmenu-nav li {
        width: 100%;
        text-align: center; /* 文字居中 */
        border-bottom: 1px solid #f9f9f9;
    }

    .nav .sf-menu.topmenu-nav li a {
        display: block;
        padding: 12px 0;
        width: 100%;
        text-decoration: none;
        color: inherit;
    }

    /* 配合你之前的动画效果 */
    .nav.nav-open .sf-menu.topmenu-nav li {
        opacity: 1;
        transform: translateY(0);
    }


}


/* =========================================================
   前端首页轮播图 (修正核心：解决重复与向右无缝滑动)
   ========================================================= */
.aigcchip {
    position: relative;
    overflow: hidden; /* 核心：严格裁剪溢出图片 */
    width: 100%;
    background-color: #fff;
}

.aigcchip-wrapper-home {
    display: flex;
    flex-wrap: nowrap; /* 禁止图片换行 */
    width: 100%;
    margin: 0;
    padding: 0;
    will-change: transform;
}

.wordpress-seo-themes-slide-home {
    /* 核心：确保每张幻灯片精确占据容器 100% 宽度，不挤压不缩放 */
    flex: 0 0 100%;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.wordpress-seo-themes-slide-home img {
    width: 100%;
    height: 450px; /* 统一高度 */
    object-fit: cover; /* 裁剪适应 */
    display: block;
}

/* 导航按钮 */
.aigcchip-slider-nav-home {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.3);
    color: #fff;
    padding: 12px 18px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 24px;
    user-select: none;
    z-index: 10;
    transition: background 0.3s;
}
.aigcchip-slider-nav-home:hover { background: rgba(0,0,0,0.6); }
.aigcchip-slider-nav-home.prev { left: 15px; }
.aigcchip-slider-nav-home.next { right: 15px; }








/**首页底部 关于我们 css begin**/

.about-content{
    font-size: 14px;
}







/**首页底部 关于我们 css end**/







/*首页公告css begin*/
.site-notice {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    background: #f8f8f8;
    padding: 15px 0;
    border: 1px solid #eee;

    /* 1. 在这里增加珠子：每行 radial-gradient 代表一颗珠子 */
    background-image: 
        radial-gradient(circle, rgba(255,107,107,0.5) 20%, transparent 20%), /* 红 */
        radial-gradient(circle, rgba(78,205,196,0.5) 20%, transparent 20%),  /* 绿 */
        radial-gradient(circle, rgba(255,230,109,0.5) 20%, transparent 20%), /* 黄 */
        radial-gradient(circle, rgba(255,159,243,0.5) 20%, transparent 20%), /* 粉 */
        radial-gradient(circle, rgba(84,160,255,0.5) 20%, transparent 20%),  /* 蓝 */
        radial-gradient(circle, rgba(29,209,161,0.5) 20%, transparent 20%);  /* 青 */
    
    background-size: 15px 15px; /* 珠子直径 */
    background-repeat: no-repeat;
    
    /* 2. 动画时间可以稍微快一点，显得活泼 */
    animation: bg-dots 5s linear infinite alternate;
}

/* 文字层级提升，确保在背景珠子之上 */
.site-notice p {
    position: relative;
    z-index: 2; 
    display: inline-block;
    padding-left: 100%;
    animation: marquee 20s linear infinite;
    font-weight: bold;
    color: #333; /* 确保文字清晰 */
}

/* 背景珠子跳动的动画 */
/* 3. 在这里控制每一颗珠子的走位 */
@keyframes bg-dots {
    0% {
        /* 对应上面6颗珠子的 [左右位置] [上下位置] */
        background-position: 10% 20%, 30% 80%, 50% 10%, 70% 90%, 90% 30%, 20% 60%;
    }
    100% {
        /* 动画结束时的位置，随意打乱即可形成跳动感 */
        background-position: 15% 80%, 35% 20%, 45% 70%, 75% 10%, 85% 60%, 25% 30%;
    }
}


/* 之前的文字滚动动画保持不变 */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.site-notice:hover p {
    animation-play-state: paused;
}
/*首页公告css end*/







/************************AD 广告板块 begin ******************/


.ad{
    height: 200px;
    padding: 5px;
    background: #f49797;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

/* 鼠标悬停时往上移动一点 */
.ad:hover {
    transform: translateY(-5px);
}

/* 广告通用样式 */
.ad-home,
.ad-sidebar,
.ad-post,
.ad-page,
.ad-footer,
.ad-cat,
.ad-post_tag,
.ad-ai_cat,
.ad-ai_single,
.ad-ai_tag {
    width: 100%;
    max-width: 100%;
    margin: 4px auto;
    display: block;
    box-sizing: border-box;
}

.ad-header{margin: 0px auto;}

.ad-ai_tools{margin-bottom:6px}


.ad-site_submission_advertising{
    margin-top: 2px;
}




/* 超大屏幕 */
@media (min-width: 1400px) {
    .ad-home,
    .ad-sidebar,
    .ad-post,
    .ad-page,
    .ad-header,
    .ad-footer,
    .ad-cat,
    .ad-post_tag,
    .ad-ai_cat,
    .ad-ai_single,
    .ad-ai_tag {
        max-width: 1400px;
    }
}

/* 大屏幕 */
@media (min-width: 1201px) and (max-width: 1399px) {
    .ad-home,
    .ad-sidebar,
    .ad-post,
    .ad-page,
    .ad-header,
    .ad-footer,
    .ad-cat,
    .ad-post_tag,
    .ad-ai_cat,
    .ad-ai_single,
    .ad-ai_tag {
    /*max-width: 1200px;*/
    width: 100%;
    }
}

/* 平板屏幕 */
@media (min-width: 769px) and (max-width: 1200px) {
    .ad-home,
    .ad-sidebar,
    .ad-post,
    .ad-page,
    .ad-header,
    .ad-footer,
    .ad-cat,
    .ad-post_tag,
    .ad-ai_cat,
    .ad-ai_single,
    .ad-ai_tag {
        max-width: 100%;
        padding: 0 3px;
    }
}

/* 小屏幕（大手机） */
@media (min-width: 481px) and (max-width: 768px) {
    .ad-home,
    .ad-sidebar,
    .ad-post,
    .ad-page,
    .ad-header,
    .ad-footer,
    .ad-cat,
    .ad-post_tag,
    .ad-ai_cat,
    .ad-ai_single,
    .ad-ai_tag {
        max-width: 100%;
        padding: 0 8px;
    }
}

/* 超小屏幕（手机） */
@media (max-width: 480px) {
    .ad-home,
    .ad-sidebar,
    .ad-post,
    .ad-page,
    .ad-header,
    .ad-footer,
    .ad-cat,
    .ad-post_tag,
    .ad-ai_cat,
    .ad-ai_single,
    .ad-ai_tag {
        max-width: 100%;
        padding: 0 5px;
    }
}

/************************AD 广告板块 end ******************/













/***文字部分介绍 begin***/

/*** 文字部分介绍 begin ***/

.aigcchip-home-title { text-align: center; margin: 0 0 10px 0; padding: 0; }

.section-title { text-align: center; margin: 0 0 60px 0; padding: 0; }

/* AI技术展示区 整体容器 */
.ai-feature-section {
    padding: 30px 20px;
    background-color: #fff;
    overflow: hidden;
}

/* 每一行的基础样式 */
.googleseo-feature-item,.yandexseo-feature-item,.naverseo-feature-item,.bingseo-feature-item,.baiduseo-feature-item,.duckduckgo-feature-item,.seo360-feature-item,.sougouseo-feature-item,.geoseo-feature-item,.aigcseo-feature-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
    gap: 40px;
}

/* 【修正点】使用 nth-of-type 确保排除掉 h1, h2 的干扰，精准实现交叉布局 */

.googleseo-feature-item:nth-of-type(even),.yandexseo-feature-item:nth-of-type(even),.naverseo-feature-item:nth-of-type(even),.bingseo-feature-item:nth-of-type(even),.baiduseo-feature-item:nth-of-type(even),.duckduckgo-feature-item:nth-of-type(even),.seo360-feature-item:nth-of-type(even),.sougouseo-feature-item:nth-of-type(even),.geoseo-feature-item:nth-of-type(even),.aigcseo-feature-item:nth-of-type(even){
    flex-direction: row-reverse;
}

/* 文字区域 */
.googleseo-feature-text,.yandexseo-feature-text,.naverseo-feature-text,.bingseo-feature-text,.baiduseo-feature-text,.duckduckgo-feature-text,.seo360-feature-text,.sougouseo-feature-text,.geoseo-feature-text,.aigcseo-feature-text
{
    flex: 1;
    padding: 20px;
}

.googleseo-feature-text h3,.yandexseo-feature-text h3,.naverseo-feature-text h3,.bingseo-feature-text h3,.baiduseo-feature-text h3,.duckduckgo-feature-text h3,.seo360-feature-text h3,.sougouseo-feature-text h3,.geoseo-feature-text h3,.aigcseo-feature-text h3{
    font-size: 28px;
    color: #1a1a1a;
    margin-bottom: 20px;
    position: relative;
    font-weight: 700;
}

/* 装饰性线条 */
.googleseo-feature-text h3::after,.yandexseo-feature-text h3::after,.naverseo-feature-text h3::after,.bingseo-feature-text h3::after,.baiduseo-feature-text h3::after,.duckduckgo-feature-text h3::after,.seo360-feature-text h3::after,.sougouseo-feature-text h3::after,.geoseo-feature-text h3::after,.aigcseo-feature-text h3::after{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #ff6b6b, transparent);
}

.googleseo-feature-text p,.yandexseo-feature-text p,.naverseo-feature-text p,.bingseo-feature-text p,.baiduseo-feature-text p,.duckduckgo-feature-text p,.seo360-feature-text p,.sougouseo-feature-text p,.geoseo-feature-text p,.aigcseo-feature-text p{
    font-size: 16px;
    line-height: 1.8;
    color: #666;
    text-align: justify;
}

/* 图片区域 */
.googleseo-feature-image,.yandexseo-feature-image,.naverseo-feature-image,.bingseo-feature-image,.baiduseo-feature-image,.duckduckgo-feature-image,.seo360-feature-image,.sougouseo-feature-image,.geoseo-feature-image,.aigcseo-feature-image{
    flex: 1;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: transform 0.5s ease;
    background: #f0f0f0; /* 增加占位底色 */
}

.googleseo-feature-image img,.yandexseo-feature-image img,.naverseo-feature-image img,.bingseo-feature-image img,.baiduseo-feature-image img,.duckduckgo-feature-image img,.seo360-feature-image img,.sougouseo-feature-image img,.geoseo-feature-image img,.aigcseo-feature-image img{
    width: 100%;
    height: 350px;
    object-fit: cover; /* 确保图片不拉伸 */
    display: block;
}

.googleseo-feature-image:hover ,.yandexseo-feature-image:hover ,.naverseo-feature-image:hover ,.bingseo-feature-image:hover ,.baiduseo-feature-image:hover ,.duckduckgo-feature-image:hover ,.seo360-feature-image:hover ,.sougouseo-feature-image:hover,.geoseo-feature-image:hover,.aigcseo-feature-image:hover{
    transform: scale(1.02);
}

/* ========== 响应式断点适配 ========== */

@media (max-width: 992px) {
    /* 【修正点】强制重置 flex 方向，避免平板端布局错位 */
    
.googleseo-feature-item,.yandexseo-feature-item,.naverseo-feature-item,.bingseo-feature-item,.baiduseo-feature-item,.duckduckgo-feature-item,.seo360-feature-item,.sougouseo-feature-item,.googleseo-feature-item:nth-of-type(even),.yandexseo-feature-item:nth-of-type(even),.naverseo-feature-item:nth-of-type(even),.bingseo-feature-item:nth-of-type(even),.baiduseo-feature-item:nth-of-type(even),.duckduckgo-feature-item:nth-of-type(even),.seo360-feature-item:nth-of-type(even),.sougouseo-feature-item:nth-of-type(even),.geoseo-feature-item:nth-of-type(even),.aigcseo-feature-item:nth-of-type(even){
        flex-direction: column !important;
        margin-bottom: 50px;
        gap: 20px;
    }




.googleseo-feature-text,.yandexseo-feature-text,.naverseo-feature-text,.bingseo-feature-text,.baiduseo-feature-text,.duckduckgo-feature-text,.seo360-feature-text,.sougouseo-feature-text,.geoseo-feature-text,.aigcseo-feature-text{
        padding: 0;
        text-align: center;
    }

.googleseo-feature-text h3::after,.yandexseo-feature-text h3::after,.naverseo-feature-text h3::after,.bingseo-feature-text h3::after,.baiduseo-feature-text h3::after,.duckduckgo-feature-text h3::after,.seo360-feature-text h3::after,.sougouseo-feature-text h3::after,.geoseo-feature-text h3::after,.aigcseo-feature-text h3::after{
        left: 50%;
        margin-left: -30px;
    }

.googleseo-feature-image,.yandexseo-feature-image,.naverseo-feature-image,.bingseo-feature-image,.baiduseo-feature-image,.duckduckgo-feature-image,.seo360-feature-image,.sougouseo-feature-image,.geoseo-feature-image,.aigcseo-feature-image{
        width: 100%;
    }

.googleseo-feature-image img,.yandexseo-feature-image img,.naverseo-feature-image img,.bingseo-feature-image img,.baiduseo-feature-image img,.duckduckgo-feature-image img,.seo360-feature-image img,.sougouseo-feature-image img,.geoseo-feature-image img,.aigcseo-feature-image img{
        height: 250px;
    }
}

@media (max-width: 480px) {
    .ai-feature-section {
        padding: 30px 10px;
    }
.googleseo-feature-text h3,.yandexseo-feature-text h3,.naverseo-feature-text h3,.bingseo-feature-text h3,.baiduseo-feature-text h3,.duckduckgo-feature-text h3,.seo360-feature-text h3,.sougouseo-feature-text h3,.geoseo-feature-text h3,.aigcseo-feature-text h3{
        font-size: 22px;
    }
.googleseo-feature-text p,.yandexseo-feature-text p,.naverseo-feature-text p,.bingseo-feature-text p,.baiduseo-feature-text p,.duckduckgo-feature-text p,.seo360-feature-text p,.sougouseo-feature-text p,.geoseo-feature-text p,.aigcseo-feature-text p{
        font-size: 14px;
    }
}

/*** 文字部分介绍 end ***/
/***文字部分部分 end***/













/***首页文章调用部分css begin**/

.aigcchip-home-post-title {
    padding: 5px 0px; text-align: center;
    margin-top: 15px;font-size: 28px;
}



/* --- AIGC 文章网格响应式布局 --- */

/* 1. 网格容器：核心响应式逻辑 */
.aigcchip-grid-home {
    display: grid;
    /* 默认4列，并保持 20px 间距 */
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 10px 0;
    width: 100%;
}

/* 2. 文章卡片基础样式 */
.aigcchip-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    display: flex;
    flex-direction: column; /* 垂直排列内容 */
    height: 100%;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.aigcchip-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

/* 3. 图片容器响应式高度 */
.aigcchip-thumbnail {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.aigcchip-thumbnail img {
    width: 100%;
    height: 200px; /* PC端固定高度，或改用 aspect-ratio */
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.aigcchip-card:hover .aigcchip-thumbnail img {
    transform: scale(1.1);
}

/* 4. 内容区域 */
.aigcchip-content {
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* 确保卡片高度统一 */
}

/* 标题样式 */
.aigcchip-title {
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 10px 0;
}

.aigcchip-title a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

.aigcchip-title a:hover {
    color: #ff6b6b;
}

/* 摘要描述 */
.aigcchip-excerpt {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
    flex-grow: 1; /* 自动填充空间，使底部对齐 */
}

/* 底部元数据 */
.aigcchip-meta {
    font-size: 12px;
    color: #999;
    border-top: 1px solid #f5f5f5;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.aigcchip-meta span {
    display: flex;
    align-items: center;
}

.aigcchip-meta a {
    color: #999;
    text-decoration: none;
}

/* --- 响应式断点调整 --- */

/* 笔记本及大平板 (1200px 以下) */
@media (max-width: 1200px) {
    .aigcchip-grid-home {
        grid-template-columns: repeat(3, 1fr); /* 变3列 */
    }
}

/* 中等平板 (992px 以下) */
@media (max-width: 992px) {
    .aigcchip-grid-home {
        grid-template-columns: repeat(2, 1fr); /* 变2列 */
        gap: 15px;
    }
    .aigcchip-thumbnail img {
        height: 180px;
    }
}

/* 手机端 (600px 以下) */
@media (max-width: 600px) {
    .aigcchip-grid-home {
        grid-template-columns: 1fr; /* 变1列 */
        gap: 20px;
    }
    .aigcchip-thumbnail img {
        height: 220px; /* 手机端图大一点更好看 */
    }
    .aigcchip-title {
        font-size: 16px;
    }
}

/****文章首页调用部分css end**/



/****** 文章详情页 整体布局 begin ******/

aside {
    padding: 20px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

aside:hover {
    border-color: #6366f1;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.15);
}


/* 1. 总容器：实现左右分栏 */
.aigcchip-post-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
    padding: 0 10px; /* 两侧留白 */
}

/* 2. 左侧主体文章区域 */
.aigcchip-post-left {
    flex: 1;
    min-width: 0; /* 修复 flex 子元素溢出问题 */
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* 3. 右侧侧边栏区域 */
.aigcchip-sidebar {
    width: 300px;
    flex-shrink: 0;
}

/* 4. 侧边栏小工具样式 */
.sidebar-widget {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.widget-title {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #f1404b;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #333;
}

.sidebar-widget ul {
    list-style-type: decimal;
    padding: 0;
    margin: 0;
}

.sidebar-widget ul li {
    padding: 8px 0;
    border-bottom: 1px dashed #eee;
    font-size: 14px;
}

.sidebar-widget ul li:last-child {
    border-bottom: none;
}


/* 在你的全局样式表或正文样式中添加 */
.aigcchip-post-content img {
    max-width: 100%; /* 图片最大宽度不超过容器 */
    height: auto;    /* 高度自动缩放，防止变形 */
    display: block;  /* 消除图片底部的间隙 */
    margin: 10px auto; /* 居中显示 */
}


/* 5. 响应式适配：在 iPad 和手机上自动变为单栏 */
@media (max-width: 1024px) {
    .aigcchip-sidebar {
        width: 100%;
        order: 2; /* 侧边栏掉到下面 */
    }
    .aigcchip-post-left {
        width: 100%;
        order: 1; /* 内容在上 */
    }
}

/****** 面包屑导航 (保持不变) ******/
.aigcchip-breadcrumbs {
    font-size: 14px;
    color: #666;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    line-height: 1.5;
}
.aigcchip-breadcrumbs a {
    color: #555;
    text-decoration: none;
    font-weight: 500;
}
.aigcchip-breadcrumbs a:hover {
    color: #007bff;
    text-decoration: underline;
}
.aigcchip-breadcrumbs .sep {
    margin: 0 5px;
    color: #ccc;
    font-size: 12px;
}
.aigcchip-breadcrumbs .current-post {
    color: #999;
}

@media (max-width: 768px) {
    .aigcchip-breadcrumbs {
        margin-top: 15px;
        padding: 0 15px;
        font-size: 13px;
    }
}

/****** 文章内容美化 (基于原版修改) ******/

.aigcchip-post-title {
    padding: 5px 0;
    margin-top: 5px;
    font-size: 28px;
    text-align: center; /* 配合两栏布局建议左对齐，如需居中请改回 center */
    color: #333;
    line-height: 1.3;
}

.aigcchip-post-header {
    text-align: center; /* 建议左对齐 */
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.aigcchip-post-info span {
    margin-right: 15px;
    font-size: 13px;
    color: #888;
}

.aigcchip-post-content {
    padding: 0; /* 容器已有 padding */
}

.aigcchip-post-main{
    padding: 0px 10px;
}


/* 文章 H 标签标记 (你的原有逻辑) */
.aigcchip-post-main h2, .aigcchip-post-main h3, .aigcchip-post-main h4, 
.aigcchip-post-main h5, .aigcchip-post-main h6 {
    position: relative;
    padding-left: 20px;
    margin-top: 25px;
    margin-bottom: 15px;
    line-height: 1.4;
    font-weight: bold;
}
.aigcchip-post-main h2::before, .aigcchip-post-main h3::before, .aigcchip-post-main h4::before,
.aigcchip-post-main h5::before, .aigcchip-post-main h6::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    height: 80%;
    border-radius: 4px;
}
.aigcchip-post-main h2 { font-size: 1.6em; }
.aigcchip-post-main h2::before { width: 8px; background: #f1404b; }
.aigcchip-post-main h3 { font-size: 1.4em; }
.aigcchip-post-main h3::before { width: 6px; background: #3498db; }
.aigcchip-post-main h4 { font-size: 1.2em; }
.aigcchip-post-main h4::before { width: 4px; background: #2ecc71; }
.aigcchip-post-main h5 { font-size: 1.1em; }
.aigcchip-post-main h5::before { width: 3px; background: #f1c40f; }
.aigcchip-post-main h6 { font-size: 1em; }
.aigcchip-post-main h6::before { width: 2px; background: #e67e22; }

/* 底部推荐标题样式 */
.aigcchip-post-tuijian {
    padding: 10px 0 10px 10px;
    margin-top: 30px;
    font-size: 24px;
    font-weight: bold;
    border-left: 5px solid #f1404b;
}

/****** 文章详情页 CSS end ******/





/* ========== Footer (保留) ========== */
.footer { background: #000; color: #fff; padding: 45px 5px; }
.footer a{color: #fff; }
/* 1. 页脚整体容器 - 深色渐变与粒子层 */
.footer.container {
    position: relative !important;
    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) !important;
    padding: 60px 20px 40px !important;
    overflow: hidden !important;
    color: #ffffff !important;
}

/* 2. 导航布局 - 默认 PC 端并排 */
.all-footer-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: 30px !important;
    position: relative;
    z-index: 10;
}

.all-footer-nav > div {
    flex: 1 !important;
    min-width: 0 !important; /* 关键：防止子元素（如搜索框）撑开列宽 */
    padding: 0 20px; /* 增加左右间距，让内容离线远一点 */
}

/* 3. 菜单列表修正 - 恢复 list-style 并保留缩进 */
.footer.container ul.sf-menu, 
.footer.container ul {
    padding: 0 0 0 20px !important; 
    margin: 10px 0 !important;
    /* 不再强制 list-style: none，保留圆点 */
}


/***begin**/
#sf-menu li a {
    display: block;
    white-space: nowrap;      /* 强制不换行 */
    overflow: hidden;         /* 遮盖超出部分 */
    text-overflow: ellipsis;  /* 显示省略号 (...) */
    max-width: 300px;         /* 关键：设置你想要的最大宽度，根据 UI 调整 */
}
/***end**/

.footer.container ul.sf-menu li {
    margin-bottom: 8px !important;
}


/* 绘制竖线：从第二个子元素开始，在左侧添加边框 */
.all-footer-nav > div + div {
    border-left: 1px solid rgba(255, 255, 255, 0.15); /* 线的颜色，建议带透明度，更自然 */
}


/* 4. A 标签颜色修复 */
.footer.container .all-footer-nav a,
.footer.container .sf-menu li a {
    color: #cbd5e0 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.footer.container .all-footer-nav a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px #00d4ff;
}

/* 5. 搜索框专项修正：解决变形与对齐 */

/* 1. 强制清除所有可能产生重叠阴影/背景的外层标签 */
.footer .search-form, 
.footer .search-form label,
.footer-search-box form {
    background: transparent !important; /* 消除背景重叠 */
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 260px !important; /* 限制宽度防止挤压并排布局 */
}
/*
.about-us .search-form,
.footer-search-box form,
.footer .search-form {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 260px !important; 
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    margin-top: 15px !important;
}

*/

/* 移除搜索框可能的 label 干扰 */
.footer .search-form label {
    display: flex !important;
    flex: 1 !important;
    margin: 0 !important;
}

.footer .search-form input[type="search"],
.footer .search-form input[name="s"] {
    flex: 1 !important;
    width: 100% !important; /* 强制填满剩余空间 */
    min-width: 0 !important; /* 核心修正：允许输入框收缩 */
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    outline: none !important;
    height: 38px !important; /* 统一高度 */
}

.footer .search-form input[type="submit"],
.footer .search-form button {
    background: #00d4ff !important;
    color: #000 !important;
    border: none !important;
    padding: 0 15px !important;
    height: 38px !important; /* 统一高度 */
    font-weight: bold !important;
    cursor: pointer !important;
    white-space: nowrap !important; /* 防止按钮文字换行 */
    flex-shrink: 0 !important;    /* 防止按钮被挤压 */
}

/* 6. 版权文字 - 居中 */
.footer.container > p:last-child,
.copyright-text {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin: 50px auto 0 !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #718096 !important;
    font-size: 12px !important;
}

/* 7. 动态粒子珠子效果 */
.p-dot {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
    box-shadow: 0 0 10px #00d4ff;
    animation: moveUp linear infinite;
}

.p1 { width: 3px; height: 3px; left: 10%; animation-duration: 8s; }
.p2 { width: 5px; height: 5px; left: 25%; animation-duration: 12s; animation-delay: 1s; }
.p3 { width: 2px; height: 2px; left: 40%; animation-duration: 10s; }
.p4 { width: 4px; height: 4px; left: 55%; animation-duration: 15s; }
.p5 { width: 3px; height: 3px; left: 70%; animation-duration: 9s; animation-delay: 2s; }
.p6 { width: 5px; height: 5px; left: 85%; animation-duration: 18s; }

@keyframes moveUp {
    0% { transform: translateY(500px); opacity: 0; }
    30% { opacity: 0.7; }
    80% { opacity: 0.3; }
    100% { transform: translateY(-150px); opacity: 0; }
}

/* 8. 标题样式 */
.footer h2 {
    font-size: 16px !important;
    color: #ffffff !important;
    margin-bottom: 20px !important;
    border-left: 3px solid #00d4ff;
    padding-left: 10px;
}

/* 9. 响应式布局 */
@media screen and (max-width: 1024px) {
    .all-footer-nav { flex-wrap: wrap !important; gap: 20px !important; }
    .all-footer-nav > div { flex: 0 0 calc(50% - 20px) !important; }
}

@media screen and (max-width: 768px) {
    .all-footer-nav { flex-direction: column !important; }
    .all-footer-nav > div { width: 100% !important; }
    
    .all-footer-nav > div + div {
            border-left: none;
            border-top: 1px solid rgba(255, 255, 255, 0.1); /* 手机端改为上下分割线（可选） */
            padding-top: 20px;
            margin-top: 20px;
        }
    
    .footer .search-form { max-width: 100% !important; }
}





/**tag标签css begin***/

/* 标签页总容器 - Flex布局实现左右分栏 */
.aigcchip-post-tag-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 20px 10px;
}

/* 左侧主体文章区 */
.aigcchip-post-tag-left {
    flex: 1;
    min-width: 0;
}

/* 标签页大标题 */
.aigcchip-post-tag-title {
    text-align: left;
    border-bottom: 2px solid #f1404b;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 25px;
    font-size: 24px;
    color: #333;
}

/* 一行两个的网格容器 */
.aigcchip-grid-tag-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 核心：一行两个 */
    gap: 20px;
}

/* 标签页卡片样式 */
.aigcchip-card-tag {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column; /* 上图下文布局 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.aigcchip-card-tag:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* 卡片缩略图 */
.aigcchip-thumbnail-tag {
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.aigcchip-thumbnail-tag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.aigcchip-card-tag:hover .aigcchip-thumbnail-tag img {
    transform: scale(1.05);
}

/* 卡片内容区 */
.aigcchip-content-tag {
    padding: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.aigcchip-title-tag {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.4;
    height: 50px; /* 统一标题高度，防止卡片参差不齐 */
    overflow: hidden;
}

.aigcchip-title-tag a {
    color: #333;
    text-decoration: none;
}

.aigcchip-title-tag a:hover {
    color: #f1404b;
}

.aigcchip-excerpt-tag {
    font-size: 13px;
    color: #666;
    margin-bottom: 15px;
    height: 40px; /* 统一摘要高度 */
    overflow: hidden;
}

/* 卡片底部元数据 */
.aigcchip-meta-tag {
    font-size: 12px;
    color: #999;
    border-top: 1px solid #f5f5f5;
    padding-top: 10px;
    margin-top: auto;
}

.aigcchip-meta-tag span {
    margin-right: 10px;
}

/* 侧边栏样式 */
.aigcchip-sidebar-tag {
    width: 300px;
    flex-shrink: 0;
}

.sidebar-widget-tag {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.widget-title-tag {
    font-size: 18px;
    border-bottom: 2px solid #333;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

/* 分页导航 */
.aigcchip-pagination-tag {
    margin-top: 30px;
    text-align: center;
}

/* --- 响应式处理 --- */

/* 平板端：侧边栏下移 */
@media (max-width: 1024px) {
    .aigcchip-post-tag-container {
        flex-direction: column;
    }
    .aigcchip-sidebar-tag {
        width: 100%;
    }
}

/* 手机端：一行显示一个卡片 */
@media (max-width: 600px) {
    .aigcchip-grid-tag-list {
        grid-template-columns: 1fr;
    }
    .aigcchip-thumbnail-tag {
        height: 200px;
    }
}


/**tag标签css end***/






/**搜索表单css begin**/

/* 搜索表单容器 */
.aigc-search-form {
    width: 100%;
    max-width: 400px; /* 您可以根据放置位置调整宽度 */
    margin: 10px 0;
}

.aigc-search-wrapper {
    display: flex;
    align-items: center;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 30px; /* 圆角风格 */
    overflow: hidden;
    transition: border-color 0.3s;
}

.aigc-search-wrapper:focus-within {
    border-color: #f1404b; /* 聚焦时变为您主题的主色调红色 */
}

/* 输入框 */
.aigc-search-field {
    flex: 1;
    border: none;
    padding: 10px 15px;
    font-size: 14px;
    outline: none;
    background: transparent;
}

/* 搜索按钮 */
.aigc-search-form-submit {
    background: #f1404b; /* 使用您详情页标记的红色 */
    color: #fff;
    border: none;
    padding: 10px 9px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    transition: background 0.3s;
}

.aigc-search-form-submit:hover {
    background: #d32f2f; /* 悬停时颜色深一点 */
}

/* 移动端适配 */
@media (max-width: 768px) {
    .aigc-search-form {
        max-width: 100%;
        padding: 0 10px;
    }
}

/**搜索表单css begin**/



/****搜索结果页 css  begin****/
/* 搜索结果页容器 */
.aigc-search-results-container {
    min-height: 60vh;
}

/* 标题区域 */
.aigc-search-results-header {
    margin-bottom: 25px;
    padding: 0 10px;
}

.aigc-search-results-title {
    font-size: 22px;
    color: #333;
}

.aigc-search-results-title span {
    color: #f1404b; /* 搜索关键词高亮颜色 */
    font-weight: bold;
}

/* 单个搜索条目卡片 */
.aigc-search-results-item {
    background: #fff;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: box-shadow 0.3s ease;
}

.aigc-search-results-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* 条目标题 */
.aigc-search-results-item-title-h2 {
    font-size: 19px;
    margin-bottom: 5px;
    line-height: 1.4;
}

.aigc-search-result-number {
    color: #999;
    font-weight: normal;
}

.aigc-search-results-item-url {
    color: #1a0dab; /* 经典的搜索结果链接蓝色 */
    text-decoration: none;
}

.aigc-search-results-item-url:hover {
    text-decoration: underline;
}

/* 链接显示地址 */
.aigc-search-result-display-url {
    font-size: 13px;
    color: #006621; /* 经典的绿色显示链接 */
    margin-bottom: 8px;
    word-break: break-all;
}

/* 元数据（分类/标签） */
.aigc-search-result-meta {
    font-size: 12px;
    color: #666;
    margin-bottom: 10px;
}

.aigc-search-result-meta a {
    color: #666;
    text-decoration: none;
}

.aigc-search-result-meta a:hover {
    color: #f1404b;
}

/* 摘要内容 */
.aigc-search-result-excerpt {
    font-size: 14px;
    color: #4d5156;
    line-height: 1.6;
}

.search-date {
    color: #70757a;
}

/* 无结果提示框 */
.aigc-search-no-result-box {
    background: #fff;
    padding: 40px;
    text-align: center;
    border-radius: 8px;
}

/* 分页样式 */
.aigc-search-pagination {
    margin: 30px 0;
    text-align: center;
}

.aigc-search-pagination .page-numbers {
    padding: 8px 15px;
    background: #fff;
    margin: 0 3px;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    border: 1px solid #ddd;
}

.aigc-search-pagination .page-numbers.current {
    background: #f1404b;
    color: #fff;
    border-color: #f1404b;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .aigc-search-results-title {
        font-size: 18px;
    }
    .aigc-search-results-item {
        padding: 15px;
    }
    .aigc-search-results-item-title-h2 {
        font-size: 17px;
    }
}

/****搜索结果页 css  end****/






/**文章评论css begin**/

/* ================================================================
   AIGC 评论区完整样式表
   包含：主容器、标题、列表、增强型子评论层级、表单及响应式适配
   ================================================================ */

/* 评论区主容器 */
.aigc-comments-area {
    background: #fff;
    padding: 30px;
    margin: 20px 0;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.05);
}

/* 标题样式优化 */
.comments-title, .comment-reply-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 30px;
    padding-bottom: 8px;
    position: relative;
    color: #333;
}

.comments-title:after, .comment-reply-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: #f1404b;
    border-radius: 2px;
}

/* 评论列表基础 */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment-list .comment {
    list-style: none;
    position: relative;
    padding: 20px 0 0;
}

/* 评论主体内容容器 */
.comment-body {
    position: relative;
    padding: 20px;
    background: #fdfdfd;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.comment-body:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.08); /* 阴影加深，产生浮起感 */
    transform: translateY(-3px); /* 向上轻微位移 */
    border-left: 4px solid #f1404b; /* 悬停时左侧出现亮红边框 */
    background: #fff; /* 悬停时背景变白 */
}

/* --- 子评论层级核心样式（增强版） --- */

/* 每一层子评论向右缩进 */
.comment-list .children {
    list-style: none;
    padding-left: 45px; /* 层级缩进 */
    position: relative;
    margin-top: -10px;   /* 紧凑布局 */
}

/* 子评论左侧引导竖线 - 颜色鲜艳化 */
.comment-list .children::before {
    content: "";
    position: absolute;
    left: 18px;          /* 线条水平位置 */
    top: 0;
    bottom: 30px;        /* 底部留空，增加设计感 */
    width: 3px;          /* 线条加宽 */
    background: #f1404b; /* 使用主题红 */
    border-radius: 4px;
    opacity: 0.5;        /* 默认半透明，不抢戏 */
    transition: opacity 0.3s ease;
}

/* 鼠标经过子评论区域时，竖线高亮 */

.comment-list .children:hover::before {
    opacity: 1;
    background: #f1404b;
    /* 添加发光外露阴影 */
    box-shadow: 0 0 8px rgba(241, 64, 75, 0.6); 
}


/* 子评论块的特殊背景，用于区分层级 */
.comment-list .children .comment-body {
    background: #f9f9f9; /* 稍微加深一点灰色，与主评论区分 */
    padding: 15px;       /* 子评论稍微紧凑点 */
}

/* 头像样式 */
.comment-author .avatar {
    border-radius: 50%;
    float: left;
    margin-right: 15px;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* 子评论头像稍微缩小一点，体现层级 */
.children .avatar {
    width: 40px;
    height: 40px;
}

/* 评论元数据 */
.comment-meta {
    margin-bottom: 8px;
    font-size: 13px;
    color: #999;
}

.comment-meta .fn {
    font-style: normal;
    font-weight: bold;
    color: #333;
    font-size: 15px;
}

/* 评论文本 */
.comment-content {
    font-size: 14px;
    line-height: 1.8;
    color: #444;
    word-wrap: break-word;
}

/* 回复按钮 */
.reply {
    text-align: right;
    margin-top: 10px;
}

.comment-reply-link {
    font-size: 12px;
    color: #f1404b;
    border: 1px solid #f1404b;
    padding: 4px 15px;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.3s;
}

.comment-reply-link:hover {
    background: #f1404b;
    color: #fff;
}

/* --- AIGC 表单部分美化 --- */
.aigc-comment-form {
    margin-top: 30px;
}

.comment-form-flex {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.aigc-comment-form input, 
.aigc-comment-form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #f9f9f9;
    transition: all 0.3s;
    outline: none;
    color: #333;
}

.aigc-comment-form input:focus, 
.aigc-comment-form textarea:focus {
    border-color: #f1404b;
    background: #fff;
    /* 呼吸灯效果：发散的淡红色阴影 */
    box-shadow: 0 0 0 4px rgba(241, 64, 75, 0.1); 
    transform: scale(1.01); /* 稍微放大一点点，增加交互感 */
}

.aigc-submit-btn {
    color: #fff;
    border: none;
    padding: 12px 40px;
    border-radius: 30px;
    cursor: pointer;
    font-weight: bold;
    box-shadow: 0 4px 15px rgba(241, 64, 75, 0.3);
    transition: all 0.3s;
    
    background: linear-gradient(135deg, #f1404b 0%, #ff6b6b 100%); /* 渐变色 */
    overflow: hidden;
    position: relative;
    
}


.aigc-submit-btn:active {
    transform: scale(0.95); /* 点击时缩小的物理反馈 */
}


.aigc-submit-btn:hover {
    background: #d32f2f;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(241, 64, 75, 0.4);
}

/* --- 响应式适配 --- */
@media (max-width: 768px) {
    .aigc-comments-area {
        padding: 20px 15px;
    }
    .comment-list .children {
        padding-left: 15px; /* 移动端减少缩进 */
    }
    .comment-list .children::before {
        left: 5px;          /* 竖线向左靠 */
        bottom: 20px;
    }
    .comment-form-flex {
        flex-direction: column;
    }
    .comment-body {
        padding: 15px;
    }
}



/**动画滑入每一个评论 begin***/
/* 定义入场动画 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 应用到每一条评论上 */
.comment-list .comment {
    animation: fadeInUp 0.5s ease backwards;
}

/* 让评论依次跳出（延迟动画） */
.comment-list > li:nth-child(1) { animation-delay: 0.1s; }
.comment-list > li:nth-child(2) { animation-delay: 0.2s; }
.comment-list > li:nth-child(3) { animation-delay: 0.3s; }
/**动画滑入每一个评论 end***/

/**文章评论css end**/






/****小工具 css功能 begin***/

/* AIGC 小工具通用样式 */
.widget .aigc-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 0;
}

.aigc-tag-item {
    font-size: 13px;
    padding: 5px 12px;
    background: #f0f2f5;
    color: #333;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.aigc-tag-item:hover {
    background: #e1e4e8;
    color: #007cba;
    border-color: #007cba;
}

/* Prompt 复制器样式 */
.aigc-prompt-container {
    background: #2d2d2d;
    border-radius: 8px;
    padding: 15px;
    position: relative;
    margin-top: 10px;
}

.aigc-prompt-text {
    color: #ccc;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    white-space: pre-wrap;
    word-break: break-all;
    margin-bottom: 40px; /* 为按钮留出空间 */
    max-height: 200px;
    overflow-y: auto;
}

.aigc-copy-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #007cba;
    color: white;
    border: none;
    padding: 6px 15px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    transition: background 0.2s;
}

.aigc-copy-btn:hover {
    background: #006799;
}

/****小工具 css功能 end***/



/************remover工具***页面css****begin************/

       /* 使用前缀包裹所有变量和样式，防止污染全局 */
        .anwen-online-remover-wrapper {
            --aw-primary: #6366f1;
            --aw-primary-hover: #4f46e5;
            --aw-bg: #0f172a;
            --aw-card-bg: #1e293b;
            --aw-text-main: #f8fafc;
            --aw-text-dim: #94a3b8;
            
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            /*background-color: var(--aw-bg);*/
            background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) !important;
            color: var(--aw-text-main);
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
            box-sizing: border-box;
        }

        .anwen-online-remover-wrapper * {
            box-sizing: border-box;
        }

        .anwen-online-remover-container {
            width: 95%;
            max-width: 800px;
            padding: 20px;
        }

        .anwen-online-remover-card {
            background: var(--aw-card-bg);
            border-radius: 24px;
            padding: 40px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
            text-align: center;
            border: 1px solid rgba(255,255,255,0.1);
        }

        .anwen-online-remover-title { 
            font-size: 2.5rem; 
            margin-bottom: 10px; 
            margin-top: 0;
            background: linear-gradient(to right, #818cf8, #c084fc); 
            -webkit-background-clip: text; 
            -webkit-text-fill-color: transparent; 
            font-weight: 800;
        }

        .anwen-online-remover-subtitle { 
            color: var(--aw-text-dim); 
            margin-bottom: 30px; 
            font-size: 1.1rem;
        }

        .anwen-online-remover-upload-box {
            border: 2px dashed #475569;
            border-radius: 20px;
            padding: 60px 20px;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            background: rgba(30, 41, 59, 0.5);
            position: relative;
        }

        .anwen-online-remover-upload-box:hover {
            border-color: var(--aw-primary);
            background: rgba(99, 102, 241, 0.05);
            transform: translateY(-2px);
        }

        .anwen-online-remover-icon { font-size: 48px; margin-bottom: 15px; display: block; }

        .anwen-online-remover-preview-box {
            display: none;
            margin-top: 20px;
            animation: anwenFadeIn 0.5s ease;
        }

        .anwen-online-remover-img-area {
            position: relative;
            border-radius: 16px;
            overflow: hidden;
            background-image: 
                linear-gradient(45deg, #2e3a4e 25%, transparent 25%), 
                linear-gradient(-45deg, #2e3a4e 25%, transparent 25%), 
                linear-gradient(45deg, transparent 75%, #2e3a4e 75%), 
                linear-gradient(-45deg, transparent 75%, #2e3a4e 75%);
            background-size: 20px 20px;
            background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
            background-color: #1e293b;
            display: inline-block;
            line-height: 0;
            border: 1px solid rgba(255,255,255,0.1);
        }

        .anwen-online-remover-img-area img { 
            max-width: 100%; 
            height: auto; 
            max-height: 500px; 
        }

        .anwen-online-remover-actions { 
            margin-top: 30px; 
            display: flex; 
            gap: 15px; 
            justify-content: center; 
            flex-wrap: wrap; 
        }

        .anwen-online-remover-btn {
            padding: 12px 28px;
            border-radius: 12px;
            font-weight: 600;
            cursor: pointer;
            transition: 0.2s;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            border: none;
            outline: none;
        }

        .anwen-online-remover-btn-primary { background: var(--aw-primary); color: white; }
        .anwen-online-remover-btn-primary:hover { background: var(--aw-primary-hover); box-shadow: 0 0 20px rgba(99,102,241,0.4); }
        .anwen-online-remover-btn-outline { background: transparent; border: 1px solid #475569; color: var(--aw-text-main); }
        .anwen-online-remover-btn-outline:hover { background: #334155; }

        .anwen-online-remover-loader {
            display: none;
            flex-direction: column;
            align-items: center;
            padding: 40px;
        }

        .anwen-online-remover-spinner {
            width: 40px;
            height: 40px;
            border: 4px solid rgba(99, 102, 241, 0.1);
            border-left-color: var(--aw-primary);
            border-radius: 50%;
            animation: anwenSpin 1s linear infinite;
            margin-bottom: 15px;
        }

        @keyframes anwenSpin { to { transform: rotate(360deg); } }
        @keyframes anwenFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        @media (max-width: 640px) {
            .anwen-online-remover-title { font-size: 1.8rem; }
            .anwen-online-remover-card { padding: 25px 15px; }
            .anwen-online-remover-upload-box { padding: 40px 10px; }
            .anwen-online-remover-btn { width: 100%; }
        }

/************remover工具***页面css**end************/


















/***首页工具集调用 css begin****/



/* --- 网格核心布局 --- */
.aigc-tools-grid {
    display: grid;
    /* 默认 PC 端：一行四个 */
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    width: 100%;
    margin-bottom: 27px;
}

/* --- 卡片基础样式 --- */
.aigc-card {
    display: flex;
    flex-direction: column; /* 确保图片在上，文字在下 */
    text-decoration: none;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.aigc-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* 封面图片容器：强制 16:9 比例 */
.aigc-card-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #f3f4f6;
    overflow: hidden;
}

.aigc-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 文字内容区域 */
.aigc-card-content {
    padding: 16px;
}

.aigc-card-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 8px 0;
    line-height: 1.4;
}

.aigc-card-desc {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

/* --- 响应式断点适配 --- */

/* 1. 笔记本/小屏电脑 (1024px以下)：切换为一行三个 */
@media (max-width: 1024px) {
    .aigc-tools-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

/* 2. 平板电脑 (768px以下)：切换为一行两个 */
@media (max-width: 768px) {
    .aigc-tools-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

/* 3. 手机端 (480px以下)：切换为一行一个 */
@media (max-width: 480px) {
    .aigc-tools-grid {
        grid-template-columns: 1fr;
    }
    
    .aigc-card-title {
        font-size: 1rem;
    }
}

/***首页工具集调用 css end****/











/***首页 wp主题销售 模版调用 css begin***/

/* --- WP主题销售模块 (theme-sale-) 样式表 --- */

/* 容器布局：使用网格布局实现自适应列数 */
.theme-sale-container {
    display: grid;
    gap: 20px;
    padding: 15px 0;
    grid-template-columns: repeat(4, 1fr); /* 默认桌面端4列 */
}

/* 响应式调整：平板端 */
@media (max-width: 1024px) {
    .theme-sale-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 响应式调整：小平板/大手机端 */
@media (max-width: 768px) {
    .theme-sale-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

/* 响应式调整：手机端 */
@media (max-width: 480px) {
    .theme-sale-container {
        grid-template-columns: 1fr; /* 手机端单列显示 */
    }
}

/* 单个项目卡片样式 */
.theme-sale-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #eee;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.theme-sale-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

/* 图片区域 */
.theme-sale-thumbnail {
    position: relative;
    width: 100%;
    padding-top: 60%; /* 16:9 比例 */
    overflow: hidden;
    background: #f5f5f5;
}

.theme-sale-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 确保图片不拉伸 */
    transition: transform 0.5s ease;
}

.theme-sale-item:hover .theme-sale-image {
    transform: scale(1.05);
}

/* 内容区域 */
.theme-sale-title {
    font-size: 16px;
    font-weight: 600;
    margin: 15px 12px 8px;
    color: #333;
    line-height: 1.4;
    /* 标题超长时显示省略号 */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 元数据：浏览量和IP */
.theme-sale-meta {
    padding: 0 12px;
    display: flex;
    gap: 12px;
    font-size: 12px;
    color: #888;
    margin-bottom: 10px;
}

/* 描述文字 */
.theme-sale-description {
    padding: 0 12px;
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    flex-grow: 1; /* 自动填充空间，让按钮底部对齐 */
    margin-bottom: 15px;
}

/* 按钮区域 */
.theme-sale-action {
    padding: 0 12px 15px;
}

.theme-sale-download-btn {
    display: block;
    width: 100%;
    background: #0073aa; /* WordPress 经典蓝，可根据主题色修改 */
    color: #fff !important;
    text-align: center;
    padding: 10px 0;
    border-radius: 6px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.3s ease;
}

.theme-sale-download-btn:hover {
    background: #005177;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* 空状态样式 */
.theme-sale-empty {
    text-align: center;
    color: #999;
    padding: 40px 0;
    grid-column: 1 / -1;
}


/* 详情页链接包裹层样式 */
.theme-sale-link {
    text-decoration: none !important; /* 去掉默认下划线 */
    color: inherit; /* 继承文字颜色 */
    display: block; /* 变成块级元素，使整个区域可点击 */
    flex-grow: 1; /* 占据剩余空间 */
}

.theme-sale-link:hover .theme-sale-title {
    color: #0073aa; /* 悬停时标题颜色变化，增加交互感 */
}

/***首页 wp主题销售 模版调用 css end***/