/* ================================= 页头样式 ================================= */
/* 全局重置 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background-color: #f5f6f8; color: #333; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
a { text-decoration: none; color: #333; transition: color 0.2s; }

/* 容器控制 */
.container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 20px; }

/* --- 顶部 Header --- */
.header { background: #fff; border-bottom: 1px solid #eee; padding: 15px 0; position: sticky; top: 0; z-index: 100; }
.header-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.logo-icon { font-size: 28px; font-weight: bold; color: #333; letter-spacing: -2px; }

/* 导航与子菜单 */
.main-nav { display: flex; gap: 30px; align-items: center; margin: 0; padding: 0; }
.main-nav > li { position: relative; list-style: none; }
.main-nav > li > a { font-size: 22px; font-weight: 500; color: #333; display: flex; align-items: center; gap: 4px; }
.main-nav > li > a:hover { color: #f0a500; }
.nav-arrow { font-size: 12px; color: #999; cursor: pointer; transition: transform 0.3s; }

/* 子菜单下拉框 */
.sub-menu { display: none; position: absolute; top: 100%; left: 0; background: #fff; padding: 10px 0; min-width: 160px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-radius: 8px; z-index: 10; }

/* CSS 纯悬停触发显示子菜单 */
.main-nav > li:hover .sub-menu { display: block; }
.main-nav > li:hover .nav-arrow { transform: rotate(180deg); }

.sub-menu li { list-style: none; padding: 8px 20px; }
.sub-menu li a { font-size: 14px; color: #555; display: block; }
.sub-menu li a:hover { color: #f0a500; background: #f9f9f9; }

/* --- PC端搜索框 --- */
.search-wrapper { display: flex; align-items: center; position: relative; }
.pc-search-box { display: flex; align-items: center; border: 1px solid #ddd; border-radius: 20px; padding: 5px 15px; background: #fff; }
.pc-search-box input { border: none; outline: none; padding: 5px 0; width: 150px; font-size: 14px; background: transparent; }
.pc-search-box .search-btn { display: flex; align-items: center; color: #666; margin-left: 10px; cursor: pointer; }
.pc-search-box .search-btn:hover { color: #333; }

/* 移动端放大镜按钮 */
.search-mobile-btn { display: none; background: none; border: none; cursor: pointer; color: #333; padding: 4px; }

/* --- 移动端悬浮搜索框 --- */
#mobileSearchContainer {
    display: none;
    position: fixed;
    top: 70px;
    right: 20px;
    width: 280px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 8px;
    padding: 12px 15px;
    z-index: 999;
    border: 1px solid #eee;
}
#mobileSearchContainer.active { display: flex; }
.mobile-search-inner { width: 100%; display: flex; align-items: center; gap: 10px; }
.mobile-search-inner input { flex: 1; padding: 6px 0; border: none; outline: none; font-size: 14px; background: transparent; }
.mobile-search-inner .go-btn { color: #333; font-size: 14px; font-weight: 500; padding-left: 10px; border-left: 1px solid #eee; white-space: nowrap; }

/* --- 响应式适配 --- */
@media screen and (max-width: 768px) {
    /* 隐藏PC端搜索框 */
    .pc-search-box { display: none !important; }
    .search-mobile-btn { display: block; }

    /* 移动端顶部导航优化 */
    .header { padding: 12px 0; }
    .header-content { display: flex; flex-wrap: nowrap; }

    /* 菜单横向滚动 */
    .main-nav {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 12px !important;
        padding: 0 15px;
        margin: 0 auto;
        flex: 1;
        justify-content: flex-start;
        -webkit-overflow-scrolling: touch;
    }
    .main-nav::-webkit-scrollbar { display: none; }
    .main-nav > li { width: auto; border: none; padding: 0; }
    .main-nav > li > a { font-size: 17px !important; white-space: nowrap; }

    /* 移动端子菜单 */
    .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        border-radius: 8px;
        padding: 10px 0;
        min-width: 120px;
        z-index: 999;
        display: none;
    }
    .main-nav > li:hover .sub-menu { display: block; }
}

@media screen and (max-width: 375px) {
    .main-nav { gap: 11px !important; }
    .main-nav > li > a { font-size: 16px !important; }
    .nav-arrow { font-size: 13px; }
}


/* ================================= 页尾样式 ================================= */
.copyright {
    background: #fff;
    padding: 20px 0;
    text-align: center;
    font-size: 13px;
    color: #888;
    border-top: 1px solid #eee;
    margin-top: 20px;
}
.copyright p {
    margin: 5px 0;
}
.copyright a {
    color: #888;
    text-decoration: none;
    transition: color 0.2s;
}
.copyright a:hover {
    color: #f0a500;
}

/* 手机端适配 */
@media screen and (max-width: 768px) {
    .copyright {
        font-size: 12px;
        padding: 15px 0;
    }
}

/* ================================= 面包屑导航 ================================= */
.breadcrumb-wrapper {
	margin:10px 0 0 0;
	font-size:14px;
	color:#999;
	display:flex;
	max-width:1200px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-left:20px !important;
	padding-right:20px !important;
}
.breadcrumb-wrapper span {
	flex-shrink:0;
}
.breadcrumb-wrapper a {
	color:#999;
	text-decoration:none;
	flex-shrink:0;
}

/* ================================= 文章页面 ================================= */
/* 文章存档页 + 单文章的标题大小全部统一修改 */
.wp-block-post-title {
    font-size: 25px;
}
@media(max-width:768px){
    .wp-block-post-title {
        font-size: 22px;
    }
}
/* 文章页<main>的padding内边距设为0 */
.wp-block-group {
	padding: 0;
}
.wp-block-group .wp-block-columns .wp-block-column {
	margin:0 0 10px 0;
}
/* 文章标题下方的作者、修改时间、查看次数 */
.post-publish-inf {
	margin-top:var(--wp--preset--spacing--20);
	gap:15px;
}
.post-publish-inf .wp-block-group {
	display:flex;
	align-items:center;
	gap:4px;
	color:#717171;
}
.post-publish-inf .wp-block-group p{
	font-size:12px;
	color:#717171;
	margin:0;
}
/* inc/shortcodes/product-card.php 文章页参数信息短代码的css */
.product-card-shortcode {
            background: #fff;
            border-radius: 12px;
            padding: 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.08);
            border: 1px solid #e8e8e8;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            margin: 10px 10px;
            transition: all 0.3s ease;
        }
        .product-card-shortcode:hover {
            box-shadow: 0 4px 20px rgba(0,0,0,0.12);
            transform: translateY(-2px);
        }
        .product-card-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
        }
        .platform-icon {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            overflow: hidden;
            flex-shrink: 0;
            background: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .platform-icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .platform-name {
            margin: 0;
            font-size: 24px;
            font-weight: 600;
            letter-spacing: 1px;
        }
        .product-card-info {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px 50px;
            margin-bottom: 12px;
        }
        .info-item {
            display: flex;
            justify-content: space-between;
            padding: 4px 0;
            border-bottom: 1px dashed #f0f0f0;
        }
        .info-label {
            color: #999;
            font-size: 14px;
        }
        .info-value {
            color: #333;
            font-size: 14px;
            font-weight: 500;
        }
        .product-card-description {
            margin: 12px 0 16px;
            padding: 12px;
            background: #f8f9fa;
            border-radius: 6px;
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }
        .product-card-actions {
            display: flex;
            gap: 12px;
            align-items: center;
            flex-wrap: wrap;
        }
        .btn-register {
            display: inline-block;
            padding: 8px 24px;
            background: #ff4d4f;
            color: #fff !important;
            border: none;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            text-decoration: none !important;
            transition: background 0.3s ease;
            flex: 1;
            text-align: center;
            min-width: 120px;
        }
        .btn-register:hover {
            background: #d9363e;
            color: #fff !important;
        }
        .qr-code-wrapper {
            position: relative;
            display: inline-block;
        }
        .btn-qr {
            display: inline-block;
            padding: 8px 16px;
            background: #f0f0f0;
            color: #333;
            border: 1px solid #d9d9d9;
            border-radius: 6px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
            white-space: nowrap;
        }
        .btn-qr:hover {
            background: #e6e6e6;
            border-color: #bbb;
        }
        .qr-code-popup {
            position: absolute;
            bottom: calc(100% + 10px);
            left: 50%;
            transform: translateX(-50%);
            background: #fff;
            padding: 12px;
            border-radius: 8px;
            box-shadow: 0 4px 16px rgba(0,0,0,0.15);
            border: 1px solid #e8e8e8;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 1000;
            min-width: 120px;
        }
        .qr-code-popup img {
            display: block;
            width: 120px;
            height: 120px;
        }
        .qr-code-wrapper:hover .qr-code-popup {
            opacity: 1;
            visibility: visible;
        }
        .qr-code-popup::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 50%;
            transform: translateX(-50%) rotate(45deg);
            width: 12px;
            height: 12px;
            background: #fff;
            border-right: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
        }
        @media (max-width: 768px) {
            .product-card-shortcode {
                padding: 16px;
            }
            .product-card-info {
                grid-template-columns: 1fr;
            }
            .product-card-actions {
                flex-direction: column;
            }
            .btn-register {
                width: 100%;
            }
            .qr-code-wrapper {
                width: 100%;
            }
            .btn-qr {
                width: 100%;
                text-align: center;
            }
            .qr-code-popup {
                left: auto;
                right: 0;
                transform: none;
            }
            .qr-code-popup::after {
                left: auto;
                right: 20px;
                transform: rotate(45deg);
            }
        }
/* 文章内容区域 */
.wp-block-column .entry-content {
	padding: 0 10px;
}
/* 上一篇/下一篇 */
.wp-block-column nav {
	padding-top:var(--wp--preset--spacing--20);
	padding-bottom:var(--wp--preset--spacing--20);
	display:flex;
	align-items:stretch;
}
.wp-block-column nav .post-‌divide {
	width:1px;
	background-color:#e0e0e0;
	flex-shrink:0;
	align-self:stretch;
}
.wp-block-column nav .post-‌twotitle {
	font-size:13px;
	color:#999;
	font-weight:400;
	margin-bottom:6px;
}
.wp-block-column nav .post-‌before {
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	margin-right:10px;
}
.wp-block-column nav .post-‌before-title {
	color:#333;
	text-decoration:none;
	font-size:15px;
	font-weight:500;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
}
.wp-block-column nav .post-‌next {
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	margin:0 0 0 10px;
}
.wp-block-column nav .post-‌next-title {
	color:#333;
	text-decoration:none;
	font-size:15px;
	font-weight:500;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
	text-align:right;
}


/* ================================= sidebar侧边栏 ================================= */
.has-accent-4-color .sidebar-more-link {
	color:#999;
	text-decoration:none;
}
/* 第1部分：联系我们 */
.sidebar-contact {
	padding:20px;
	border-radius:8px;
	background-color:#fff;
}
.sidebar-contact .has-contrast-color.has-text-color {
	font-size:18px;
	font-weight:600;
	padding-bottom: 12px;
	border-bottom: 1px solid #e0e0e0;
}
.sidebar-contact p.has-text-color {
	font-size:16px;
	line-height:1.6;
	margin:12px 0 12px 0;
	text-align:center;
	font-weight:normal;
}
.sidebar-contact .wp-block-buttons {
	display:flex;
	justify-content:center;
	margin-block-start:0.8rem;
}
.sidebar-contact .wp-block-buttons a {
	border-radius:4px;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:0.4rem 2rem;
	font-weight:normal;
}
/* 第 2热门平台/3教程工具/4最新文章 统一样式 */
.sidebar-hot-platforms,
.sidebar-tutorials,
.sidebar-latest {
	padding:20px;
	border-radius:8px;
	background-color:#ffffff;
}
.sidebar-hot-platforms .wp-block-group,
.sidebar-tutorials .wp-block-group,
.sidebar-latest .wp-block-group {
	border-bottom:1px solid #e0e0e0;
	padding-bottom:12px;
}
.sidebar-hot-platforms h3,
.sidebar-tutorials h3,
.sidebar-latest h3 {
	font-size:18px;
	font-weight:600;
	margin:0;
}
.sidebar-hot-platforms p,
.sidebar-tutorials p,
.sidebar-latest p {
	font-size:13px;
}
/* 第2部分：热门平台 */
.sidebar-hot-platforms .hot-platforms-block {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	align-items:center;
	text-decoration:none;
	color:inherit;
	width:100%;
	border-bottom:1px solid #e8e8e8;
	padding-bottom:13px;
	margin-bottom:13px;
}
.sidebar-hot-platforms .hot-platforms-block .hot-platforms-block-left {
	flex:0 0 25%;
	max-width:25%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.sidebar-hot-platforms .hot-platforms-block .hot-platforms-block-right {
	flex:1;
	min-width:0;
}
.sidebar-hot-platforms img {
	width:50px;
	height:50px;
	border-radius:50%;
	object-fit:cover;
	background:#f0f0f0;
	border:1px solid #e8e8e8;
}
.sidebar-hot-platforms .hot-platforms-block .hot-platforms-block-left .hot-platforms-block-left-missimg {
	width:50px;
	height:50px;
	border-radius:50%;
	background:#ff4d4f;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
	font-size:20px;
	font-weight:600;
}
.sidebar-hot-platforms .hot-platforms-block .hot-platforms-block-right .hot-platforms-block-right-name {
	font-size:16px;
	font-weight:600;
	color:#333333;
	border-bottom:1px dashed #f0f0f0;
	padding-bottom:3px;
}
.sidebar-hot-platforms .hot-platforms-block .hot-platforms-block-right .hot-platforms-block-right-inf {
	display:flex;
	flex-wrap:wrap;
	gap:6px 10px;
	font-size:13px;
	color:#000000;
	border-bottom:1px dashed #f0f0f0;
	padding:3px 0;
}
.sidebar-hot-platforms .hot-platforms-block .hot-platforms-block-right .hot-platforms-block-right-inf span {
	font-weight:400;
}
.sidebar-hot-platforms .hot-platforms-block .hot-platforms-block-right .hot-platforms-block-right-inf b {
	color:#ff4d4f;
	font-weight:500;
}
.sidebar-hot-platforms .hot-platforms-block .hot-platforms-block-right .hot-platforms-block-right-button {
	background:#009407;
	border-radius:4px;
	font-weight:500;
	display:inline-block;
	color:#ffffff;
	padding:3px 16px;
	font-size:11px;
	margin-top:2px;
	pointer-events:none;
}
/* 第 3教程工具/4最新文章 统一样式 */
.sidebar-tutorials .sidebar-article-url,
.sidebar-latest .sidebar-article-url {
	display:flex;
	align-items:center;
	gap:12px;
	text-decoration:none;
	color:inherit;
	border-bottom:1px solid #e8e8e8;
	padding-bottom:10px;
	margin-bottom:10px;
}
.sidebar-tutorials .sidebar-tutorials-title,
.sidebar-latest .sidebar-tutorials-title {
	flex:1;
	font-size:15px;
	font-weight:500;
	color:#000000;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/* 第3部分：教程工具 */
.sidebar-tutorials-views {
	display:flex;
	gap:3px;
	font-size:12px;
	color:#333333;
	flex-shrink:0;
}
/* 第4部分：最新文章 */
.sidebar-tutorials-time {
	font-size:12px;
	color:#333333;
	flex-shrink:0;
	width:44px;
	text-align: right;
}

/* 移动端：宽度小于 768px时，sidebar侧边栏自动移到文章内容下方 */
@media screen and (max-width: 768px) {
    /* 让 columns 变为纵向排列 */
    .wp-block-columns {
        flex-direction: column;
        gap: 30px;
    }
    /* 重置列宽度，让它们占满100% */
    .wp-block-columns .wp-block-column,
    .wp-block-columns .wp-block-column:first-child,
    .wp-block-columns .wp-block-column:last-child {
        flex-basis: 100% !important;
        width: 100% !important;
    }
    /* 侧边栏在文章内容下方显示（因为 flex-direction: column 默认按顺序排列） */
    /* 左侧内容在前，右侧侧边栏在后 */
    .wp-block-columns .wp-block-column:first-child {
        order: 1;
    }
    .wp-block-columns .wp-block-column:last-child {
        order: 2;
    }
    /* 侧边栏各部分在移动端适当缩小间距（可选） */
    .sidebar-section {
        padding: 16px !important;
    }
    .sidebar-section .wp-block-heading {
        font-size: 16px !important;
    }
	 .sidebar-wrapper {
			padding:0 10px;
	}
}

/* ================================= 分类归档页样式 ================================= */

/* ========== 子分类导航 ========== */
.archive-category-bar {
	padding: 5px 24px 26px 24px;
	border-bottom: 1px solid #f0f0f0;
}

.archive-child-categories {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.archive-child-categories-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.archive-child-categories-list a {
	display: inline-block;
	padding: 5px 14px;
	background: #f5f5f5;
	color: #666666;
	border-radius: 4px;
	font-size: 13px;
	text-decoration: none;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.archive-child-categories-list a:hover {
	background: #ffe5e5;
	color: #ff0000;
}

.archive-child-categories-list a.active {
	background: #ff0000;
	color: #ffffff;
}

/* ========== 文章列表（灰色分隔线） ========== */
.archive-post-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.archive-post-list li {
	margin-top:0;
}

.archive-article-item:last-child {
	border-bottom: none;
}

.archive-article-item {
	padding: 25px 20px 0 20px;
	margin: 0;
	transition: background-color 0.2s ease;
}

.archive-article-item:hover {
	background-color: #fafafa;
}

.archive-card-inner {
	display: flex !important;
	flex-direction: row !important;
	gap: 20px !important;
	align-items: flex-start !important;
	border-bottom: 1px solid #f0f0f0;
}

/* 缩略图 200x140 */
.archive-card-thumb {
	width: 200px !important;
	height: 140px !important;
	min-height: 140px !important;
	border-radius: 6px !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
	background: #f0f0f0;
}

.archive-card-thumb img {
	width: 200px !important;
	height: 140px !important;
	object-fit: cover !important;
	border-radius: 6px !important;
	display: block !important;
	transition: transform 0.3s ease !important;
}

.archive-article-item:hover .archive-card-thumb img {
	transform: scale(1.05);
}

/* 内容区 */
.archive-card-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
}

/* 文章标题 - 18px */
.archive-card-title {
	margin: 0 !important;
	line-height: 1.5 !important;
}

.archive-card-title a {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #1a1a1a !important;
	text-decoration: none !important;
	line-height: 1.5 !important;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color 0.2s ease !important;
}

.archive-article-item:hover .archive-card-title a {
	color: #ff0000 !important;
}

/* 摘要 - 14px */
.archive-card-excerpt {
	margin: 0 !important;
	padding: 0 !important;
}

.archive-card-excerpt .wp-block-post-excerpt__excerpt {
	font-size: 14px !important;
	color: #666666 !important;
	line-height: 1.6 !important;
	margin: 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	min-height: 2.6em;
}

/* 元信息 - 12px */
.archive-meta {
	display: flex;
	align-items: center;
	gap: 16px;
	font-size: 12px;
	color: #999999;
	flex-wrap: wrap;
	margin: 0 !important;
	padding: 0 !important;
}

.archive-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

/* ========== 分页器 ========== */
.wp-block-query-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	padding: 20px 24px;
	border-top: 1px solid #f0f0f0;
}

.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 10px;
	background: #f5f5f5;
	color: #666666;
	border-radius: 4px;
	font-size: 13px;
	text-decoration: none;
	transition: all 0.2s ease;
	border: none;
}

.wp-block-query-pagination a:hover,
.wp-block-query-pagination .page-numbers:hover {
	background: #ffe5e5;
	color: #ff0000;
}

.wp-block-query-pagination .current,
.wp-block-query-pagination .page-numbers.current {
	background: #ff0000 !important;
	color: #ffffff !important;
	font-weight: bold;
}

/* ========== 响应式（与文章页一致） ========== */
@media screen and (max-width: 768px) {
	.archive-main-layout {
		flex-direction: column !important;
		gap: 0 !important;
	}
	
	.archive-list-col {
		width: 100% !important;
		flex: 0 0 100% !important;
	}
	
	.archive-sidebar-col {
		width: 100% !important;
		flex: 0 0 100% !important;
		margin-top: 20px;
	}
}

@media screen and (max-width: 768px) {
	.archive-breadcrumb-inner {
		padding: 12px 16px;
		font-size: 12px;
	}
	
	.archive-breadcrumb-current {
		font-size: 12px !important;
	}
	
	.archive-main {
		padding: 16px 0;
	}
	
	.archive-container {
		padding: 0 16px !important;
	}
	
	.archive-category-bar {
		padding: 12px 16px;
	}
	
	.archive-article-item {
		padding: 16px !important;
	}
	
	/* 手机端卡片保持横向布局（不竖向堆叠） */
	.archive-card-inner {
		flex-direction: row !important;
		gap: 12px !important;
	}
	
	.archive-card-thumb {
		width: 160px !important;
		height: 112px !important;
		min-height: 112px !important;
	}
	
	.archive-card-thumb img {
		width: 160px !important;
		height: 112px !important;
	}
	
	.archive-card-title a {
		font-size: 15px !important;
		/* 移动端也单行省略 */
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		display: block !important;
	}
	
	.archive-card-excerpt .wp-block-post-excerpt__excerpt {
		-webkit-line-clamp: 2 !important;
		font-size: 13px !important;
	}
	
	.archive-child-categories-list a {
		font-size: 12px;
		padding: 4px 10px;
	}
	
	.archive-meta {
		gap: 10px;
		font-size: 11px;
	}
}

@media screen and (max-width: 480px) {
	.archive-card-thumb {
		width: 120px !important;
		height: 84px !important;
		min-height: 84px !important;
	}
	
	.archive-card-thumb img {
		width: 120px !important;
		height: 84px !important;
	}
	
	.archive-card-inner {
		gap: 10px !important;
	}
	
	.archive-article-item {
		padding: 12px !important;
	}
	
	.archive-card-title a {
		font-size: 14px !important;
	}
	
	.archive-meta {
		gap: 8px;
		font-size: 10px;
	}
}