.site-header2 { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; border-radius: 10px; margin-bottom: 20px; }
    .site-icon { width: 80px; height: 80px; border-radius: 15px; overflow: hidden; background: white; margin-bottom: 15px; }
    .site-title { font-size: 28px; margin: 15px 0; font-weight: bold; }
    .site-meta { margin: 15px 0; opacity: 0.9; }
    .site-meta span { margin-right: 20px; }
    .stat-card { text-align: center; padding: 20px; background: #f8f9fa; border-radius: 8px; }
    .stat-value { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 5px; }
    .stat-label { color: #666; font-size: 14px; }
    .detail-item { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #f0f0f0; }
    .detail-item:last-child { border-bottom: none; }
    .detail-label { color: #666; font-weight: 500; }
    .detail-value { color: #333; }
    .tool-btn { display: block; text-align: center; padding: 15px; margin-bottom: 10px; border-radius: 8px; background: #f8f9fa; color: #666; text-decoration: none; transition: all 0.3s; }
    .tool-btn:hover { background: #1E9FFF; color: white; text-decoration: none; }
    .related-item { display: flex; align-items: center; padding: 12px; border-bottom: 1px solid #f0f0f0; text-decoration: none; color: inherit; }
    .related-item:hover { background: #f8f9fa; text-decoration: none; color: inherit; }
    .related-item:last-child { border-bottom: none; }
    .related-icon { width: 32px; height: 32px; border-radius: 6px; margin-right: 12px; overflow: hidden; }
    .related-title { font-weight: 500; margin-bottom: 4px; }
    .related-views { font-size: 12px; color: #999; }
    .hot-rank { width: 24px; height: 24px; border-radius: 50%; color: white; text-align: center; line-height: 24px; margin-right: 12px; font-size: 12px; font-weight: bold; }
    .rank-1 { background: #ffd700; }
    .rank-2 { background: #c0c0c0; }
    .rank-3 { background: #cd7f32; }
    .rank-other { background: #1E9FFF; }
    .back-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; border-radius: 50%; display: none; z-index: 1000; }
    @media (max-width: 768px) {
        .site-header2 { padding: 20px; }
        .site-title { font-size: 22px; }
        .site-meta span { display: block; margin: 5px 0; }
        .back-to-top { bottom: 20px; right: 20px; width: 45px; height: 45px; }
    }