[data-home-category][hidden], [data-home-category-nav][hidden] { display: none !important; }
[data-home-category] { position: relative; }
main .content-right [data-home-category] > .cutSelectHeader { padding-right: 156px !important; }
main .content-right [data-home-category] .view_more {
    top: -40px; right: 50px; display: inline-flex; align-items: center; justify-content: center;
    box-sizing: border-box; height: 30px; padding: 0 10px; border: 1px solid #e0e9f6;
    border-radius: 7px; background: #f4f8ff; font-size: 13px; font-weight: 500;
    line-height: 28px; white-space: nowrap;
}
main .content-right [data-home-category] .view_more:hover { background: #eaf3ff; border-color: #bfd6f8; }
main .content-right [data-home-category] .view_more:focus-visible { outline: 2px solid var(--main-now-color, #1878f3); outline-offset: 2px; }
.portal-category-close {
    position: absolute; top: 11px; right: 11px; z-index: 4;
    display: inline-flex; align-items: center; justify-content: center;
    width: 27px; height: 27px; padding: 0; border: 1px solid transparent;
    border-radius: 50%; background: #f2f5fa; color: #8792a2;
    font-size: 20px; line-height: 1; cursor: pointer;
}
.portal-category-close:hover { color: #df1b41; background: #fff0f3; border-color: #ffd7df; }
.portal-category-confirm {
    position: fixed; inset: 0; box-sizing: border-box; width: min(420px, calc(100vw - 32px));
    margin: auto; padding: 24px; border: 1px solid #e1e7f0; border-radius: 16px;
    color: #25344b; background: #fff; box-shadow: 0 24px 80px #13243a33;
    font: 14px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
}
.portal-category-confirm::backdrop { background: #101e335c; }
.portal-category-confirm h2 { margin: 0 0 12px; font-size: 19px; font-weight: 650; }
.portal-category-confirm p { margin: 8px 0; overflow-wrap: anywhere; }
#portal-category-confirm-hint { color: #778399; font-size: 13px; }
.portal-category-confirm-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 24px; }
.portal-category-confirm-actions button { padding: 8px 16px; border: 1px solid #dbe3ef; border-radius: 8px; background: #fff; color: #475467; cursor: pointer; font: inherit; }
.portal-category-confirm-actions .portal-category-confirm-submit { background: var(--main-now-color, #1878f3); color: #fff; border-color: transparent; }
.portal-category-confirm-actions button:focus-visible { outline: 2px solid var(--main-now-color, #1878f3); outline-offset: 3px; }
main .suspension-left .portal-category-add {
    display: flex; align-items: center; justify-content: center; gap: 5px;
    width: 100%; margin-top: 8px; padding: 8px 4px;
    border: 1px dashed #bccbe1; border-radius: 8px; background: #f6f9ff;
    color: var(--main-now-color, #1878f3); font-size: 12px; cursor: pointer;
}
.portal-category-add > span { font-size: 19px; line-height: 16px; }
.portal-category-save-status { display: block; text-align: center; font-size: 10px; color: #8792a2; line-height: 1.5; cursor: pointer; }
.portal-category-save-status:not(:empty) { padding-top: 7px; }
[data-home-category-nav] .nacitems { cursor: grab; -webkit-user-select: none; user-select: none; }
.portal-category-sorting, .portal-category-sorting * { cursor: grabbing !important; }
.portal-category-ghost { opacity: .3; background: #e7f0ff !important; }
.portal-category-chosen { outline: 1px solid #9bbfee; background: #edf4ff; }
.portal-category-dialog {
    position: fixed; inset: 0; box-sizing: border-box; width: min(560px, calc(100vw - 32px));
    max-height: min(720px, calc(100vh - 48px)); margin: auto; padding: 24px;
    border: 1px solid #e1e7f0; border-radius: 16px; color: #25344b; background: #fff;
    box-shadow: 0 24px 80px #13243a33; font: 14px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
}
.portal-category-dialog::backdrop { background: #101e335c; backdrop-filter: blur(3px); }
.portal-category-dialog-head { display: flex; align-items: center; justify-content: space-between; }
.portal-category-dialog-head h2 { margin: 0; font-size: 19px; font-weight: 650; }
.portal-category-dialog-close { width: 30px; height: 30px; border: 0; border-radius: 50%; color: #7c889b; background: #f3f6fa; cursor: pointer; font-size: 23px; }
.portal-category-dialog > p { margin: 8px 0 18px; color: #778399; font-size: 13px; }
.portal-category-filter { box-sizing: border-box; width: 100%; border: 1px solid #dbe3ef; border-radius: 9px; padding: 10px 12px; background: transparent; color: inherit; font: inherit; }
.portal-category-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; max-height: 390px; overflow-y: auto; margin: 16px 0; }
.portal-category-option { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 10px; border: 1px solid #e6ecf4; border-radius: 9px; }
.portal-category-option > span { font-size: 13px; overflow-wrap: anywhere; }
.portal-category-option button, .portal-category-reset { flex-shrink: 0; border: 0; border-radius: 6px; padding: 5px 8px; background: #eaf3ff; color: var(--main-now-color, #1878f3); font-size: 12px; cursor: pointer; }
.portal-category-option button:disabled { color: #8792a2; background: #f4f6f9; cursor: default; }
.portal-category-dialog-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #edf0f5; padding-top: 14px; }
.portal-category-dialog-foot > span { color: #8792a2; font-size: 12px; }
.portal-category-close:focus-visible, .portal-category-add:focus-visible, .portal-category-dialog button:focus-visible, .portal-category-filter:focus-visible { outline: 2px solid var(--main-now-color, #1878f3); outline-offset: 2px; }
html.portal-dark .portal-category-close, html.portal-dark .portal-category-dialog-close { background: #1d2c43; color: #a8b8d0; }
html.portal-dark main .content-right [data-home-category] .view_more { background: #1e3453; border-color: #3d5271; color: #9dc5ff !important; }
html.portal-dark main .content-right [data-home-category] .view_more:hover { background: #294363; }
html.portal-dark .portal-category-confirm { background: #122035; color: #d6e2f5; border-color: #304360; }
html.portal-dark #portal-category-confirm-hint { color: #9cacc4; }
html.portal-dark .portal-category-confirm-cancel { background: #1b2a40; color: #c9d7ea; border-color: #3d5271; }
html.portal-dark main .suspension-left .portal-category-add { background: #142238; border-color: #3d5271; }
html.portal-dark .portal-category-dialog { color: #d6e2f5; background: #122035; border-color: #304360; }
html.portal-dark .portal-category-dialog > p, html.portal-dark .portal-category-dialog-foot > span { color: #9cacc4; }
html.portal-dark .portal-category-filter, html.portal-dark .portal-category-option, html.portal-dark .portal-category-dialog-foot { border-color: #304360; }
html.portal-dark .portal-category-option button, html.portal-dark .portal-category-reset { background: #1e3453; color: #9dc5ff; }
html.portal-dark .portal-category-option button:disabled { background: #1b2a40; color: #8d9fb9; }
@media (max-width: 480px) { .portal-category-dialog { padding: 18px; } .portal-category-options { grid-template-columns: 1fr; max-height: 50vh; } }
@media (prefers-reduced-motion: reduce) { .portal-category-dialog::backdrop { backdrop-filter: none; } }