/**
 * 湿地荣誉墙样式
 * 语文湿地前端展示页面
 * 适配远山十二色主题系统
 */

/* 英雄区 - 深湿地绿渐变 */
.hero-section {
    background: linear-gradient(135deg, #1a3a2a 0%, #2d5a42 100%);
    padding: 80px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.8;
}

.hero-content {
    position: relative;
    z-index: 1;
}

.hero-title {
    font-size: 3.5rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 0 0 30px rgba(212, 168, 83, 0.5), 0 0 60px rgba(212, 168, 83, 0.3);
}

.hero-subtitle {
    font-size: 1.4rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 40px;
    font-style: italic;
}

.hero-stats {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}

.hero-stat {
    background: rgba(255,255,255,0.1);
    padding: 15px 30px;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 1px solid rgba(212, 168, 83, 0.3);
}

.hero-stat-number {
    font-size: 2rem;
    font-weight: 700;
    color: #d4a853;
}

.hero-stat-label {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.8);
}

/* 区域标题 */
.section-title {
    font-size: 2.2rem;
    color: var(--wetland-primary);
    text-align: center;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.section-icon {
    font-size: 2.5rem;
}

.section-desc {
    text-align: center;
    color: var(--wetland-text-muted);
    font-size: 1.1rem;
    margin-bottom: 40px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* 内容区域 */
.content-section {
    padding: 60px 20px;
}

.section-row {
    max-width: 1200px;
    margin: 0 auto;
}

/* 搜索框 */
.search-box {
    max-width: 400px;
    margin: 0 auto 30px;
    position: relative;
}

.search-box input {
    width: 100%;
    padding: 12px 20px;
    padding-left: 45px;
    border: 2px solid var(--wetland-border);
    border-radius: 30px;
    font-size: 1rem;
    transition: border-color 0.3s;
    box-sizing: border-box;
    background: #fff;
}

.search-box input:focus {
    outline: none;
    border-color: var(--wetland-primary);
}

.search-box::before {
    content: "🔍";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

/* 创造者卡片网格 */
.creator-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 25px;
    margin-bottom: 30px;
}

.creator-card {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    padding-top: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* 顶部渐变线 */
.creator-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--wetland-primary), var(--wetland-accent, var(--wetland-primary-dark, #1a5c3a)));
}

.creator-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(var(--wetland-primary-rgb), 0.15);
}

.creator-card.silent {
    background: #f8f9fa;
}
.creator-card.silent::before {
    background: linear-gradient(90deg, #aaa, #ccc);
}

/* 冬眠创造者≤3位时直接显示样式 */
.creator-card.silent-direct {
    background: #f8f9fa;
    border-left-color: #d0d0d0;
    opacity: 0.9;
}

.silent-creators-direct {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #e0e0e0;
}

.silent-creators-title {
    text-align: center;
    color: #888;
    font-size: 1rem;
    margin-bottom: 15px;
}

.creator-name {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--wetland-primary);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.creator-name a {
    color: var(--wetland-primary);
    text-decoration: none;
}

.creator-name a:hover {
    text-decoration: underline;
}

/* 星级样式 */
.star-rating {
    display: inline-flex;
    gap: 2px;
    margin-left: auto;
}

.star {
    font-size: 1rem;
}

.star-5 { color: #FFD700; }
.star-4 { color: #FFA500; }
.star-3 { color: var(--wetland-primary); }
.star-2 { color: #999; }
.star-1 { color: #ccc; }

.star-label {
    font-size: 0.75rem;
    color: var(--wetland-text-muted);
    margin-left: 8px;
}

.status-badge {
    font-size: 0.75rem;
    padding: 3px 10px;
    border-radius: 20px;
    font-weight: normal;
}

.status-badge.active {
    background: rgba(var(--wetland-primary-rgb), 0.15);
    color: var(--wetland-primary-dark);
}

.status-badge.silent {
    background: #e9ecef;
    color: #6c757d;
}

.status-badge.migrated {
    background: #fff3cd;
    color: #856404;
}

.creator-period {
    color: var(--wetland-text-muted);
    font-size: 0.85rem;
    margin-top: 5px;
}

.creator-repwork {
    font-size: 0.9rem;
    color: var(--wetland-text);
    background: rgba(var(--wetland-primary-rgb), 0.08);
    padding: 10px 12px;
    border-radius: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.creator-repwork a {
    color: var(--wetland-primary);
    text-decoration: none;
}

.creator-repwork a:hover {
    text-decoration: underline;
}

/* 团队区域 */
.team-section {
    background: var(--wetland-bg);
    padding: 40px 20px;
    border-radius: 16px;
    margin-top: 40px;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.team-card {
    background: rgba(var(--wetland-primary-rgb), 0.08);
    border-radius: 10px;
    padding: 20px;
    transition: all 0.3s ease;
}

.team-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(var(--wetland-primary-rgb), 0.12);
}

.team-card.migrated {
    background: #f1f3f4;
}

.team-card.migrated .team-name {
    color: var(--wetland-text-muted);
}

.team-name {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--wetland-primary);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.team-name a {
    color: var(--wetland-primary);
    text-decoration: none;
}

.team-name a:hover {
    text-decoration: underline;
}

.team-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.team-period {
    color: var(--wetland-text-muted);
    font-size: 0.8rem;
}

/* 栖居者区域 */
.dweller-section {
    margin-top: 40px;
}

.dweller-compact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.dweller-compact-item {
    background: #fff;
    border: 1px solid var(--wetland-border);
    border-radius: 6px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
    /* 防换行变形 */
    white-space: nowrap;
    overflow: hidden;
}

.dweller-compact-item:hover {
    background: rgba(var(--wetland-primary-rgb), 0.05);
    border-color: var(--wetland-primary);
}

.dweller-compact-name {
    font-weight: 500;
    color: var(--wetland-text);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dweller-compact-name a {
    color: var(--wetland-primary);
    text-decoration: none;
}

.dweller-compact-name a:hover {
    text-decoration: underline;
}

.expand-btn {
    display: block;
    margin: 30px auto;
    padding: 12px 30px;
    background: var(--wetland-primary);
    color: #fff;
    border: none;
    border-radius: 30px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s;
}

.expand-btn:hover {
    background: var(--wetland-primary-dark);
    transform: translateY(-2px);
}

/* 栖居者列表容器 */
.dweller-list-container {
    display: none;
}

.dweller-list-container.show {
    display: block;
}

/* 栖居者分类标题 */
.dweller-category {
    margin-bottom: 40px;
}

.dweller-category-title {
    color: var(--wetland-primary);
    margin-bottom: 20px;
    font-size: 1.3rem;
}

/* 栖居者网格 */
.dweller-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 15px;
}

.dweller-item {
    background: #fff;
    border: 1px solid var(--wetland-border);
    border-radius: 8px;
    padding: 15px;
    transition: all 0.2s;
}

.dweller-item:hover {
    background: rgba(var(--wetland-primary-rgb), 0.05);
    border-color: var(--wetland-primary);
}

.dweller-name {
    font-weight: 600;
    color: var(--wetland-text);
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.dweller-name a {
    color: var(--wetland-primary);
    text-decoration: none;
}

.dweller-name a:hover {
    text-decoration: underline;
}

.dweller-meta {
    font-size: 0.8rem;
    color: var(--wetland-text-muted);
}

/* 加载更多按钮 */
.load-more-container {
    text-align: center;
    margin-top: 25px;
}

.load-more-btn {
    padding: 10px 25px;
    background: var(--wetland-primary);
    color: #fff;
    border: none;
    border-radius: 25px;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s;
}

.load-more-btn:hover {
    background: var(--wetland-primary-dark);
    transform: translateY(-2px);
}

.load-more-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
}

/* 已加载计数信息 */
.dweller-total-info {
    text-align: center;
    color: var(--wetland-text-muted);
    font-size: 0.9rem;
    margin-top: 15px;
}

/* 沉寂栖居者区域 */
.dweller-silent-section {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 2px dashed var(--wetland-border);
}

/* 无搜索结果 */
.no-results {
    text-align: center;
    color: var(--wetland-text-muted);
    padding: 40px 20px;
    font-size: 1.1rem;
    grid-column: 1 / -1;
}

/* 底部 */
.footer-section {
    text-align: center;
    padding: 60px 20px;
    background: linear-gradient(135deg, var(--wetland-bg) 0%, rgba(var(--wetland-primary-rgb), 0.1) 100%);
}

.footer-quote {
    font-size: 1.3rem;
    color: var(--wetland-primary);
    font-style: italic;
    margin-bottom: 30px;
}

.back-btn {
    display: inline-block;
    padding: 12px 35px;
    background: var(--wetland-primary);
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    transition: all 0.3s;
}

.back-btn:hover {
    background: var(--wetland-primary-dark);
    transform: translateY(-2px);
    color: #fff;
}

/* 收起/展开动画 */
.toggle-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.toggle-content.show {
    max-height: 5000px;
}

/* ========== 移动端响应式补充 ========== */

/* 平板适配 (481px - 768px) */
@media (max-width: 768px) and (min-width: 481px) {
    .hero-section {
        padding: 50px 20px;
    }
    .hero-title {
        font-size: 2.2rem;
    }
    .hero-subtitle {
        font-size: 1.1rem;
    }
    .hero-stats {
        gap: 15px;
    }
    .hero-stat {
        padding: 12px 20px;
    }
    .hero-stat-number {
        font-size: 1.6rem;
    }
    .section-title {
        font-size: 1.6rem;
    }
    .section-icon {
        font-size: 1.8rem;
    }
    .section-desc {
        font-size: 0.95rem;
    }
    .content-section {
        padding: 40px 15px;
    }
    .creator-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .dweller-compact-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .dweller-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .load-more-btn {
        width: auto;
        padding: 12px 25px;
    }
    .expand-btn {
        width: auto;
        padding: 12px 25px;
    }
    .search-box {
        max-width: 100%;
    }
}

/* 手机适配 (≤480px) */
@media (max-width: 480px) {
    .hero-section {
        padding: 35px 15px;
    }
    .hero-title {
        font-size: 1.8rem;
    }
    .hero-subtitle {
        font-size: 0.95rem;
        margin-bottom: 25px;
    }
    .hero-stats {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        max-width: 300px;
        margin: 0 auto;
    }
    .hero-stat {
        padding: 10px 15px;
        border-radius: 30px;
    }
    .hero-stat-number {
        font-size: 1.4rem;
    }
    .hero-stat-label {
        font-size: 0.8rem;
    }
    .section-title {
        font-size: 1.4rem;
        gap: 10px;
    }
    .section-icon {
        font-size: 1.5rem;
    }
    .section-desc {
        font-size: 0.9rem;
        margin-bottom: 25px;
    }
    .content-section {
        padding: 30px 12px;
    }
    .section-row {
        padding: 0 5px;
    }
    /* 搜索框全宽 */
    .search-box {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .search-box input {
        padding: 10px 15px 10px 40px;
        font-size: 0.95rem;
        border-radius: 25px;
    }
    .search-box::before {
        left: 15px;
        font-size: 0.9rem;
    }
    
    /* 创造者卡片：单列显示，姓名完整 */
    .creator-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 20px;
    }
    .creator-card {
        padding: 15px;
        padding-top: 12px;
    }
    .creator-card::before {
        height: 3px;
    }
    .creator-header {
        flex-direction: row;
        align-items: center;
        gap: 10px;
        margin-bottom: 8px;
    }
    .creator-avatar {
        width: 45px;
        height: 45px;
        flex-shrink: 0;
    }
    .creator-avatar-placeholder {
        width: 45px;
        height: 45px;
        font-size: 1.1rem;
        flex-shrink: 0;
    }
    .creator-name {
        font-size: 1.05rem;
        flex-wrap: nowrap;
        gap: 8px;
    }
    .creator-name a {
        display: inline;
        max-width: none;
        overflow: visible;
        text-overflow: clip;
        white-space: nowrap;
    }
    /* 星级文字化，节省空间 */
    .creator-name .star-rating {
        font-size: 0;
        margin-left: 5px;
    }
    .creator-name .star-rating::after {
        content: attr(data-stars) "星";
        font-size: 0.8rem;
        color: #FFA500;
    }
    .creator-name .star-rating .star {
        display: none;
    }
    .star {
        font-size: 0.8rem;
    }
    .status-badge {
        font-size: 0.7rem;
        padding: 2px 8px;
    }
    .creator-period {
        font-size: 0.8rem;
    }
    .creator-stats {
        font-size: 0.85rem;
        flex-wrap: wrap;
        gap: 6px;
    }
    .creator-articles {
        display: none; /* 小屏隐藏首尾文章节省空间 */
    }
    
    /* 团队区 */
    .team-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .team-card {
        padding: 15px;
    }
    .team-name {
        font-size: 1rem;
    }
    .team-period {
        font-size: 0.8rem;
    }
    /* 团队星级文字化 */
    .team-meta .star-rating {
        font-size: 0;
    }
    .team-meta .star-rating::after {
        content: attr(data-stars) "星";
        font-size: 0.85rem;
        color: #FFA500;
    }
    .team-meta .star-rating .star {
        display: none;
    }
    
    /* 栖居者区：两列显示，姓名+星级一行放得下 */
    .dweller-compact-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .dweller-compact-item {
        padding: 8px 10px;
        font-size: 0.9rem;
        min-height: 40px;
        /* 允许换行，姓名完整显示 */
        white-space: normal;
        overflow: visible;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .dweller-compact-name {
        font-size: 1rem;
        font-weight: 600;
        flex: none;
        width: auto;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        word-break: break-word;
    }
    .dweller-compact-name a {
        word-break: break-word;
    }
    /* 星级用简洁文字 */
    .dweller-compact-item .dweller-stars {
        font-size: 0.85rem;
        color: #FFD700;
        margin-left: 8px;
        white-space: nowrap;
        /* 隐藏星星字符，显示文字星级 */
        font-size: 0;
    }
    .dweller-compact-item .dweller-stars::after {
        content: attr(data-stars) "星";
        font-size: 0.85rem;
    }
    .dweller-compact-item .course-badge {
        font-size: 0.85rem;
        margin-left: 5px;
        white-space: nowrap;
    }
    
    .dweller-grid {
        grid-template-columns: 1fr;
    }
    .dweller-category-title {
        font-size: 1.1rem;
    }
    /* 按钮全宽 */
    .load-more-container {
        padding: 0 10px;
    }
    .load-more-btn {
        width: 100%;
        padding: 14px 20px;
        font-size: 0.95rem;
        border-radius: 25px;
        min-height: 48px; /* 触摸友好 */
    }
    .expand-btn {
        width: 100%;
        padding: 14px 20px;
        font-size: 0.95rem;
        border-radius: 25px;
        min-height: 48px;
    }
    .dweller-total-info {
        font-size: 0.85rem;
    }
    .dweller-silent-section {
        padding-top: 30px;
        margin-top: 30px;
    }
    /* 底部 */
    .footer-section {
        padding: 40px 15px;
    }
    .footer-quote {
        font-size: 1.1rem;
    }
    .back-btn {
        width: 100%;
        padding: 14px 20px;
        min-height: 48px;
    }
    /* 无搜索结果 */
    .no-results {
        font-size: 1rem;
        padding: 30px 15px;
    }
}

/* 超小屏 (≤320px) */
@media (max-width: 320px) {
    .hero-title {
        font-size: 1.5rem;
    }
    .creator-grid {
        grid-template-columns: 1fr;
    }
    .dweller-compact-grid {
        grid-template-columns: 1fr;
    }
}

/* 创造者隐藏卡片 */
.creator-hidden {
    display: none;
}

/* ========== 统一搜索框（hero区） ========== */
.hero-search-box {
    max-width: 500px;
    margin: 30px auto 0;
    position: relative;
}

.hero-search-box input {
    width: 100%;
    padding: 14px 20px;
    padding-left: 50px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 35px;
    font-size: 1rem;
    transition: all 0.3s;
    box-sizing: border-box;
    background: rgba(255,255,255,0.95);
    color: #333;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.hero-search-box input:focus {
    outline: none;
    border-color: #d4a853;
    box-shadow: 0 4px 20px rgba(212,168,83,0.3);
    background: #fff;
}

.hero-search-box input::placeholder {
    color: #999;
}

.hero-search-box::before {
    content: "🔍";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 1.1rem;
}

/* ========== 统一搜索结果区 ========== */
.global-search-results-section {
    background: #f8f9fa;
    padding: 30px 20px;
    border-bottom: 1px solid #e9ecef;
}

.global-search-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e9ecef;
}

.global-search-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--wetland-primary);
}

.global-search-count {
    color: var(--wetland-text-muted);
    font-size: 0.95rem;
}

.global-search-close {
    margin-left: auto;
    padding: 6px 15px;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 20px;
    color: #666;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.global-search-close:hover {
    background: #e9ecef;
    color: #333;
}

/* 统一搜索结果列表 */
.global-search-list {
    max-width: 1200px;
    margin: 0 auto;
}

/* 搜索加载中 */
.global-search-loading {
    text-align: center;
    padding: 30px;
    color: var(--wetland-text-muted);
}

/* 搜索无结果 */
.global-search-empty {
    text-align: center;
    padding: 40px;
    color: var(--wetland-text-muted);
    font-size: 1.1rem;
}

/* 搜索结果条目 */
.global-search-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 15px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    text-decoration: none;
    transition: all 0.2s;
    border: 1px solid transparent;
}

.global-search-item:hover {
    border-color: var(--wetland-primary);
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transform: translateX(3px);
}

.global-item-name {
    flex: 1;
    font-weight: 600;
    color: var(--wetland-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 类型标签 - 轻量区分，不制造阶层感 */
.global-item-type {
    font-size: 0.75rem;
    padding: 3px 10px;
    border-radius: 12px;
    font-weight: 500;
}

.type-creator .global-item-type {
    background: rgba(45, 125, 80, 0.1);
    color: #2d7d50;
}

.type-team .global-item-type {
    background: rgba(52, 120, 170, 0.1);
    color: #3478aa;
}

.type-dweller .global-item-type {
    background: rgba(128, 128, 128, 0.1);
    color: #808080;
}

.global-item-stars {
    color: #FFA500;
    font-size: 0.9rem;
    letter-spacing: 1px;
}

.global-item-status {
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius: 10px;
    background: #f0f0f0;
    color: #888;
}

/* ========== 移动端适配 ========== */
@media (max-width: 480px) {
    .hero-search-box {
        max-width: 100%;
        margin-top: 20px;
    }
    
    .hero-search-box input {
        padding: 12px 15px 12px 42px;
        font-size: 0.95rem;
        border-radius: 25px;
    }
    
    .hero-search-box::before {
        left: 15px;
        font-size: 1rem;
    }
    
    .global-search-results-section {
        padding: 20px 12px;
    }
    
    .global-search-header {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .global-search-close {
        order: 3;
        margin-left: 0;
    }
    
    .global-search-item {
        padding: 10px 12px;
        flex-wrap: wrap;
    }
    
    .global-item-name {
        order: 1;
        flex-basis: calc(100% - 90px);
    }
    
    .global-item-type {
        order: 2;
    }
    
    .global-item-stars {
        order: 3;
        margin-left: auto;
    }
    
    .global-item-status {
        order: 4;
    }
}

/* 创造者首尾文章 */
.creator-articles {
    margin-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-top: 8px;
}

.creator-article-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    color: #666;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.creator-article-item a {
    color: var(--wetland-primary);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.creator-article-item a:hover {
    text-decoration: underline;
}

.article-label {
    background: var(--wetland-primary);
    color: #fff;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 0.7rem;
    flex-shrink: 0;
}

.article-label-course {
    background: #e67e22;
}

/* 创造者头像 */
.creator-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.creator-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--wetland-accent, #7ed89a);
    flex-shrink: 0;
}

.creator-avatar-placeholder {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--wetland-primary, #1a5c3a);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 600;
    flex-shrink: 0;
    overflow: hidden;
    line-height: 1;
}

.creator-header .creator-name {
    margin-bottom: 0;
    flex: 1;
    min-width: 0;
}

/* 创造者/团队统计样式 */
.creator-stats {
    display: flex;
    gap: 12px;
    font-size: 0.8rem;
    color: #666;
    margin-top: 6px;
    padding: 0 4px;
}

/* 栖居者课例徽章 */
.course-badge {
    font-size: 0.7rem;
    background: rgba(212,168,83,0.15);
    color: #d4a853;
    padding: 1px 6px;
    border-radius: 10px;
    margin-left: auto;
}

/* 课程缩略图 - 列表式（48x27px，16:9） */
.course-link-inline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}
.course-link-inline:hover {
    opacity: 0.8;
}
.course-thumb {
    width: 48px;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}
.course-thumb-placeholder {
    width: 48px;
    aspect-ratio: 16/9;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
    flex-shrink: 0;
}
.course-link-text {
    font-size: 0.8rem;
    color: var(--wetland-primary, #2d8659);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}