   .page-hero {
            background: linear-gradient(160deg, #fef7f0 0%, #fffcf8 40%, #fdf3eb 100%);
            padding: 50px 0 40px; text-align: center; position: relative; overflow: hidden;
        }
        .page-hero h1 { font-size: 2.4rem; font-weight: 700; color: #1a1a1a; position: relative; z-index: 1; }
        .page-hero .breadcrumb-custom { display: flex; justify-content: center; list-style: none; padding: 0; margin: 10px 0 0; font-size: 0.9rem; color: #888; position: relative; z-index: 1; }
        .page-hero .breadcrumb-custom li+li::before { content: "›"; padding: 0 10px; color: #ccc; }
        .page-hero .breadcrumb-custom a { color: var(--wm-gray); text-decoration: none; }
        .page-hero .breadcrumb-custom a:hover { color: var(--wm-orange); }
        .page-hero .breadcrumb-custom .active { color: var(--wm-orange); font-weight: 600; }
        @media (max-width: 767.98px) { .page-hero h1 { font-size: 1.8rem; } }
        /* 子栏目导航 */
        .sub-nav-section { background: #fff; border-bottom: 1px solid #f0f0f0; padding: 0; position: sticky; top: 56px; z-index: 100; }
        .sub-nav-wrapper { display: flex; flex-wrap: wrap; gap: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
        .sub-nav-wrapper::-webkit-scrollbar { height: 0; }
        .sub-nav-link {
            display: inline-flex; align-items: center; gap: 6px; padding: 14px 20px;
            font-size: 0.9rem; font-weight: 600; color: #666; text-decoration: none;
            border-bottom: 3px solid transparent; transition: all 0.25s; white-space: nowrap;
        }
        .sub-nav-link:hover { color: var(--wm-orange); background: var(--wm-orange-lighter); }
        .sub-nav-link.active { color: var(--wm-orange); border-bottom-color: var(--wm-orange); }
        .sub-nav-link i { font-size: 1rem; }
        @media (max-width: 767.98px) { .sub-nav-link { padding: 12px 14px; font-size: 0.82rem; } }
        /* 主内容区 */
        .main-content { padding: 30px 0 50px; background: #fafbfc; }
        .section-title { margin-bottom: 28px; display: flex; align-items: center; justify-content: space-between; }
        .section-title h2 { font-size: 1.4rem; font-weight: 700; color: #1a1a1a; display: flex; align-items: center; gap: 10px; }
        .section-title h2 i { color: var(--wm-orange); font-size: 1.3rem; }
        .section-title .view-more { font-size: 0.85rem; color: var(--wm-orange); text-decoration: none; font-weight: 600; transition: all 0.2s; }
        .section-title .view-more:hover { color: var(--wm-orange-dark); text-decoration: underline; }
        /* 头条文章卡片 */
        .headline-card {
            background: #fff; border-radius: 16px; overflow: hidden; border: 1px solid #f0f0f0;
            box-shadow: 0 2px 8px rgba(0,0,0,0.02); transition: all 0.3s; height: 100%;
            display: flex; flex-direction: column;
        }
        .headline-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.08); transform: translateY(-4px); }
        .headline-card .card-img {
            height: 200px; background: linear-gradient(135deg, #fde8db 0%, #e6f0ff 100%);
            display: flex; align-items: center; justify-content: center; font-size: 3rem; color: #ccc;
            position: relative;
        }
        .headline-card .card-img .img-badge {
            position: absolute; top: 14px; left: 14px; background: var(--wm-orange); color: #fff;
            font-size: 0.72rem; padding: 3px 10px; border-radius: 12px; font-weight: 600;
        }
        .headline-card .card-body { padding: 20px; flex: 1; display: flex; flex-direction: column; }
        .headline-card .card-meta { font-size: 0.75rem; color: #999; margin-bottom: 8px; display: flex; gap: 12px; flex-wrap: wrap; }
        .headline-card .card-meta span { display: inline-flex; align-items: center; gap: 4px; }
        .headline-card .card-title { font-size: 1.15rem; font-weight: 700; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; }
        .headline-card .card-title a { color: inherit; text-decoration: none; transition: color 0.2s; }
        .headline-card .card-title a:hover { color: var(--wm-orange); }
        .headline-card .card-text { font-size: 0.88rem; color: #666; line-height: 1.6; flex: 1; margin-bottom: 12px; }
        .headline-card .card-tags { display: flex; flex-wrap: wrap; gap: 6px; }
        .headline-card .card-tags .tag {
            background: #f5f5f5; color: #888; border-radius: 10px; padding: 2px 8px;
            font-size: 0.7rem; text-decoration: none; transition: all 0.2s;
        }
        .headline-card .card-tags .tag:hover { background: var(--wm-orange); color: #fff; }
        /* 列表文章卡片 */
        .list-article-item {
            background: #fff; border-radius: 12px; padding: 16px 20px; border: 1px solid #f0f0f0;
            display: flex; gap: 16px; align-items: flex-start; transition: all 0.3s;
            margin-bottom: 10px; text-decoration: none; color: inherit;
        }
        .list-article-item:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.06); border-color: #e0e0e0; transform: translateX(3px); }
        .list-article-item .list-thumb {
            width: 80px; height: 60px; border-radius: 8px; background: linear-gradient(135deg, #f9f9f9, #f0f0f0);
            display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #ccc;
            flex-shrink: 0;
        }
        .list-article-item .list-content { flex: 1; min-width: 0; }
        .list-article-item .list-title { font-size: 0.95rem; font-weight: 700; color: #1a1a1a; margin-bottom: 4px; line-height: 1.4; }
        .list-article-item:hover .list-title { color: var(--wm-orange); }
        .list-article-item .list-desc { font-size: 0.8rem; color: #888; line-height: 1.5; margin-bottom: 6px; }
        .list-article-item .list-meta { font-size: 0.72rem; color: #aaa; display: flex; gap: 10px; }
        .list-article-item .list-meta span { display: inline-flex; align-items: center; gap: 3px; }
        @media (max-width: 575.98px) {
            .list-article-item .list-thumb { width: 60px; height: 45px; font-size: 1.2rem; }
            .list-article-item .list-title { font-size: 0.88rem; }
        }
        /* 侧边栏 */
        .sidebar { position: sticky; top: 120px; }
        .sidebar-widget {
            background: #fff; border-radius: 14px; border: 1px solid #f0f0f0;
            padding: 22px 20px; margin-bottom: 22px; box-shadow: 0 2px 8px rgba(0,0,0,0.02);
        }
        .sidebar-widget .widget-title { font-size: 1rem; font-weight: 700; color: #1a1a1a; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 2px solid #f0f0f0; display: flex; align-items: center; gap: 8px; }
        .sidebar-widget .widget-title i { color: var(--wm-orange); }
        .hot-list-item {
            display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px dashed #f0f0f0;
            text-decoration: none; color: inherit; transition: all 0.2s; align-items: flex-start;
        }
        .hot-list-item:last-child { border-bottom: none; }
        .hot-list-item:hover { color: var(--wm-orange); }
        .hot-list-item .hot-num {
            width: 24px; height: 24px; border-radius: 6px; background: var(--wm-orange-light);
            color: var(--wm-orange); font-weight: 700; font-size: 0.75rem;
            display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px;
        }
        .hot-list-item .hot-num.top { background: var(--wm-orange); color: #fff; }
        .hot-list-item h6 { font-size: 0.85rem; font-weight: 600; margin-bottom: 2px; line-height: 1.4; color: #333; }
        .hot-list-item small { font-size: 0.72rem; color: #aaa; }
        .tag-cloud { display: flex; flex-wrap: wrap; gap: 6px; }
        .tag-cloud .tag-item {
            background: #f9f9f9; border: 1px solid #eee; color: #666; border-radius: 16px;
            padding: 4px 12px; font-size: 0.76rem; text-decoration: none; transition: all 0.2s;
        }
        .tag-cloud .tag-item:hover { background: var(--wm-orange); border-color: var(--wm-orange); color: #fff; }
        .cta-sidebar-card { background: linear-gradient(135deg, var(--wm-orange), #f97a3e); color: #fff; border-radius: 14px; padding: 24px 20px; text-align: center; }
        .cta-sidebar-card h5 { font-weight: 700; font-size: 1.1rem; margin-bottom: 8px; }
        .cta-sidebar-card p { font-size: 0.85rem; opacity: 0.95; margin-bottom: 16px; }
        .cta-sidebar-card .btn-sidebar-cta { background: #fff; color: var(--wm-orange); border: none; border-radius: 22px; padding: 10px 24px; font-weight: 700; font-size: 0.9rem; width: 100%; }
        @media (max-width: 991.98px) { .sidebar { position: static; margin-top: 30px; } }