/* 20260917_home_clean_sections_v1
 * Direct homepage component layer, shared by performance/fallback entries.
 * Solid-first colors and conventional selectors support Edge 100.
 * Does not change tool links, maintenance guards, images, grids or navigation.
 */
html body .xl-home { --home-clean-heading: #f0ece4; --home-clean-label: #bdc2ca; --home-clean-card: #111214; --home-clean-border: #303136; --home-clean-separator: rgba(255,255,255,.075); --home-clean-hover: #eee8de; }
html[data-theme="light"] body .xl-home { --home-clean-heading: #262b33; --home-clean-label: #505966; --home-clean-card: #ffffff; --home-clean-border: #dce0e5; --home-clean-separator: rgba(25,35,50,.10); --home-clean-hover: #202630; }
html body .xl-home .xl-tool-section[data-home-category-anchor] {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--home-clean-separator);
    border-radius: 0;
    box-shadow: none;
    margin-top: 24px;
    padding: 20px 18px 28px;
}
html body .xl-home .xl-tool-section[data-home-category-anchor]::before,
html body .xl-home .xl-tool-section[data-home-category-anchor]::after { content: none; }
html body .xl-home .xl-tool-section .xl-section-title--layered {
    background: transparent; border: 0; box-shadow: none;
    padding: 0; margin: 0 0 20px; gap: 11px;
}
html body .xl-home .xl-tool-section .xl-section-title--layered > span {
    flex: 0 0 3px; width: 3px; height: 18px;
    border-radius: 2px; background: #a68b54; box-shadow: none;
}
html body .xl-home .xl-tool-section .xl-section-title--layered h2 {
    font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
    color: var(--home-clean-heading); font-size: 26px; font-weight: 600;
    line-height: 1.35; letter-spacing: .02em; text-shadow: none;
}
html body .xl-home .xl-tool-section .xl-tool-card {
    border: 1px solid var(--home-clean-border);
    background: var(--home-clean-card) !important;
    box-shadow: none;
    animation: none;
    transition: border-color .18s ease;
}
html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-info::before,
html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-info::after,
html body .xl-home .xl-tool-section .xl-tool-card::before,
html body .xl-home .xl-tool-section .xl-tool-card::after { content: none; }
html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-info {
    background: var(--home-clean-card) !important; box-shadow: none; border: 0;
    column-gap: 6px;
}
html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-copy .xl-tool-title-action > h3 {
    font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
    color: var(--home-clean-label); font-size: 18px; font-weight: 500;
    line-height: 1.4; letter-spacing: 0; text-shadow: none;
    transition: color .18s ease;
}
/* Preserve the anchor and its accessible name; simplify only its visual affordance. */
html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-link.xl-tool-link-arrow {
    width: 32px; min-width: 32px; height: 36px; min-height: 36px;
    padding: 0; border: 0; border-radius: 6px;
    background: transparent; background-image: none; box-shadow: none;
    color: #858b93; text-shadow: none;
    animation: none !important;
    transition: color .18s ease;
}
html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-link.xl-tool-link-arrow::before,
html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-link.xl-tool-link-arrow::after { content: none; }
html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-link.xl-tool-link-arrow i {
    display: inline-block; font-size: 0; line-height: 0;
    width: 7px; height: 7px; margin: 0 3px 0 0;
    border-top: 1px solid currentColor; border-right: 1px solid currentColor;
    transform: rotate(45deg); animation: none;
}
html body .xl-home .xl-tool-section .xl-tool-card:not(.is-maintenance):hover,
html body .xl-home .xl-tool-section .xl-tool-card:not(.is-maintenance):focus-within {
    border-color: #66635b; box-shadow: none; transform: none;
}
html body .xl-home .xl-tool-section .xl-tool-card:not(.is-maintenance):hover .xl-tool-copy .xl-tool-title-action > h3,
html body .xl-home .xl-tool-section .xl-tool-card:not(.is-maintenance):focus-within .xl-tool-copy .xl-tool-title-action > h3,
html body .xl-home .xl-tool-section .xl-tool-card:not(.is-maintenance):hover .xl-tool-link.xl-tool-link-arrow,
html body .xl-home .xl-tool-section .xl-tool-card:not(.is-maintenance):focus-within .xl-tool-link.xl-tool-link-arrow { color: var(--home-clean-hover); }
html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-link.xl-tool-link-arrow:focus-visible { outline: 2px solid #a68b54; outline-offset: 2px; }
html body .xl-home .xl-tool-section .xl-tool-card.is-maintenance .xl-tool-link.xl-tool-link-arrow { color: #656970; background: transparent; border: 0; box-shadow: none; }
@media (max-width: 720px) {
    html body .xl-home .xl-tool-section[data-home-category-anchor] { margin-top: 18px; padding: 16px 12px 22px; }
    html body .xl-home .xl-tool-section .xl-section-title--layered { margin-bottom: 16px; gap: 9px; }
    html body .xl-home .xl-tool-section .xl-section-title--layered h2 { font-size: 23px; }
    html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-copy .xl-tool-title-action > h3 { font-size: 16px; }
    html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-info { column-gap: 2px; }
    html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-link.xl-tool-link-arrow { width: 28px; min-width: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    html body .xl-home .xl-tool-section .xl-tool-card,
    html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-title-action > h3,
    html body .xl-home .xl-tool-section .xl-tool-card .xl-tool-link { transition: none; }
}