.feature-center-panel {

    padding: 1.35rem;

}



.feature-center-heading {

    align-items: center;

}



.feature-search-wrap {

    display: grid;

    grid-template-columns: minmax(0, 1fr) auto;

    gap: 0.55rem 1rem;

    margin-top: 1rem;

}



.feature-search-label {

    grid-column: 1 / -1;

    color: var(--muted);

    font-size: 0.78rem;

}



.feature-search-input {

    width: 100%;

    min-height: 2.75rem;

    padding: 0.68rem 0.8rem;

    border: 1px solid var(--border);

    border-radius: 8px;

    background: var(--panel-soft);

    color: var(--text);

    font: inherit;

}



.feature-search-input:focus-visible,

.feature-favorite-button:focus-visible,

.feature-card-link:focus-visible {

    outline: 2px solid var(--purple);

    outline-offset: 3px;

}



.feature-search-count {

    align-self: center;

    color: var(--muted);

    font-size: 0.76rem;

    white-space: nowrap;

}



.favorite-section,

.feature-module {

    margin-top: 1.25rem;

    padding-top: 1.1rem;

    border-top: 1px solid var(--border);

}



.favorite-section h3,

.feature-module-heading h3 {

    color: var(--text);

    font-family: var(--font-serif);

    font-size: 1rem;

}



.feature-module-heading {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 1rem;

    margin-bottom: 0.7rem;

}



.feature-module-heading p,

.feature-module-heading > span {

    margin-top: 0.28rem;

    color: var(--muted);

    font-size: 0.72rem;

    line-height: 1.5;

}



.favorite-grid,

.feature-grid {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 0.65rem;

    margin-top: 0.7rem;

}



.feature-card {

    position: relative;

    min-width: 0;

}



.feature-access-scope.is-gated .feature-card-link {

    opacity: 0.45;

    pointer-events: none;

    filter: saturate(0.4);

}



.wuxia-home .feature-card .module-card {

    display: block;

    min-height: 7.5rem;

    padding: 1rem 1rem 2.65rem;

    border: 1px solid var(--border);

    border-radius: 8px;

    background: var(--panel-soft);

}



.wuxia-home .feature-card .module-card::after {

    display: none;

}



.feature-favorite-button {

    position: absolute;

    right: 0.7rem;

    bottom: 0.65rem;

    min-height: 2rem;

    padding: 0.32rem 0.6rem;

    border: 1px solid var(--border);

    border-radius: 999px;

    background: transparent;

    color: var(--muted);

    cursor: pointer;

    font: 500 0.72rem var(--font-sans);

}



.feature-favorite-button:hover,

.feature-favorite-button.is-favorite {

    border-color: var(--purple);

    color: var(--purple);

}



.feature-empty {

    padding: 0.9rem 0;

    color: var(--muted);

    font-size: 0.78rem;

}



.feature-search-empty {

    text-align: center;

}



html[data-theme="bright"] .feature-search-input {

    border-color: var(--wuxia-hairline);

    background: rgba(251, 248, 239, 0.82);

    color: var(--wuxia-ink);

}



html[data-theme="bright"] .favorite-section,

html[data-theme="bright"] .feature-module {

    border-color: var(--wuxia-hairline);

}



html[data-theme="bright"] .favorite-section h3,

html[data-theme="bright"] .feature-module-heading h3 {

    color: var(--wuxia-pine-deep);

}



html[data-theme="bright"] .wuxia-home .feature-card .module-card {

    border-color: var(--wuxia-hairline);

    background: rgba(251, 248, 239, 0.58);

}



html[data-theme="bright"] .wuxia-home .feature-card .module-card:hover {

    border-color: rgba(49, 89, 77, 0.45);

    background: rgba(49, 89, 77, 0.055);

}



html[data-theme="bright"] .feature-favorite-button {

    border-color: var(--wuxia-hairline);

    color: var(--wuxia-ink-soft);

}



html[data-theme="bright"] .feature-favorite-button:hover,

html[data-theme="bright"] .feature-favorite-button.is-favorite {

    border-color: rgba(166, 63, 49, 0.48);

    color: var(--wuxia-cinnabar-deep);

}



html[data-theme="bright"] .feature-search-input:focus-visible,

html[data-theme="bright"] .feature-favorite-button:focus-visible,

html[data-theme="bright"] .feature-card-link:focus-visible {

    outline-color: var(--wuxia-cinnabar);

}



@media (max-width: 760px) {

    .favorite-grid,

    .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

}



@media (max-width: 460px) {

    .feature-center-panel { padding: 1rem; }

    .feature-search-wrap { grid-template-columns: 1fr; }

    .feature-search-label { grid-column: auto; }

    .feature-search-count { white-space: normal; }

    .favorite-grid,

    .feature-grid { grid-template-columns: 1fr; }

    .feature-module-heading { align-items: flex-start; }

    .wuxia-home .feature-card .module-card { min-height: auto; }

}



@media (prefers-reduced-motion: reduce) {

    .feature-favorite-button,

    .feature-card-link { transition: none; }

}