/* ===================== 网站地图 ===================== */

.legal-hero-btn {
    display: inline-block;
    margin-top: 18px;
    padding: 10px 22px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, var(--c-primary, #0066ff), var(--c-accent-cyan, #00d4ff));
    box-shadow: 0 6px 16px color-mix(in srgb, var(--c-primary, #0066ff) 30%, transparent);
    text-decoration: none;
    transition: transform .15s ease, box-shadow .2s ease;
}
.legal-hero-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 24px color-mix(in srgb, var(--c-primary, #0066ff) 40%, transparent); }

/* 分组网格 */
.sitemap-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 28px;
}
.sitemap-card {
    display: flex;
    flex-direction: column;
    background: var(--c-surface, #fff);
    border: 1px solid var(--c-border, #e2e8f0);
    border-radius: var(--radius-md, 12px);
    padding: 18px 20px;
    transition: box-shadow .2s ease, transform .2s ease;
}
.sitemap-card:hover {
    box-shadow: 0 10px 26px rgba(15, 23, 42, .07);
    transform: translateY(-2px);
}
.sitemap-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    margin-bottom: 10px;
    border-bottom: 1px dashed var(--c-border, #e2e8f0);
}
.sitemap-card-icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border-radius: 12px;
    background: var(--c-primary-soft, #e8f0fe);
}
.sitemap-card-head h2 { font-size: 16px; font-weight: 800; color: var(--c-text, #0f172a); margin: 0 0 2px; }
.sitemap-card-head p { font-size: 12px; color: var(--c-text-muted, #64748b); margin: 0; }

.sitemap-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.sitemap-links li { margin: 0; }
.sitemap-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 10px;
    font-size: 14px;
    color: var(--c-text-sub, #334155);
    text-decoration: none;
    transition: background .15s ease, color .15s ease;
}
.sitemap-links a:hover {
    background: var(--c-primary-soft, #e8f0fe);
    color: var(--c-primary, #0066ff);
}
.sitemap-link-icon { font-size: 15px; width: 20px; text-align: center; flex-shrink: 0; }
.sitemap-link-arrow { margin-left: auto; opacity: 0; transition: opacity .15s ease, transform .15s ease; color: var(--c-primary, #0066ff); }
.sitemap-links a:hover .sitemap-link-arrow { opacity: 1; transform: translateX(2px); }

/* 底部说明 */
.sitemap-note {
    margin-top: 26px;
    padding: 16px 20px;
    text-align: center;
    font-size: 13px;
    color: var(--c-text-muted, #64748b);
    background: var(--c-surface-soft, #f8fafc);
    border: 1px dashed var(--c-border, #e2e8f0);
    border-radius: var(--radius-md, 12px);
}
.sitemap-note p { margin: 0; }
.sitemap-note a { color: var(--c-primary, #0066ff); font-weight: 600; }

@media (max-width: 992px) {
    .sitemap-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .sitemap-grid { grid-template-columns: 1fr; }
}
