body.user-arco-body:not(.user-arco-body--sidebarless) {
    background: #f3f6fb;
}

body.user-arco-body:not(.user-arco-body--sidebarless) .uc-topbar {
    background: rgba(255, 255, 255, .94);
    border-bottom-color: #e4eaf3;
    box-shadow: 0 4px 18px rgba(17, 37, 68, .04);
}

body.user-arco-body:not(.user-arco-body--sidebarless) .uc-topbar__inner {
    padding-inline: 24px;
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-shell-aside {
    background: #fff;
    border-right: 1px solid #e5eaf1;
    box-shadow: 3px 0 18px rgba(22, 42, 73, .035);
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-menu-group-trigger {
    padding-inline: 10px;
    color: #8793a5;
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-menu-group-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .11em;
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-menu-link {
    min-height: 40px;
    border-radius: 9px;
    color: #526078;
    font-size: 13px;
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-menu-link i {
    color: #8c98aa;
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-menu-link:hover {
    background: #f4f7fb;
    color: #233b5d;
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-menu-link:hover i {
    color: #3568c9;
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-menu-link.active {
    background: #eef4ff;
    color: #1d4ed8;
    box-shadow: inset 0 0 0 1px #e3edff;
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-menu-link.active i {
    color: #2563eb;
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-menu-link.active::before {
    left: -14px;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: #3978e8;
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-arco-main {
    padding-top: calc(var(--uc-topbar-h) + 18px);
}

/* 新闻与帮助列表卡片撑满主内容区，避免短列表下方留空。 */
body.user-arco-body:not(.user-arco-body--sidebarless) .user-list-fill-main {
    display: flex;
    flex-direction: column;
}
body.user-arco-body:not(.user-arco-body--sidebarless) .user-list-fill-inner {
    display: flex;
    flex: 1;
    flex-direction: column;
}
body.user-arco-body:not(.user-arco-body--sidebarless) .user-list-fill-card {
    display: flex;
    flex: 1;
    flex-direction: column;
}
body.user-arco-body:not(.user-arco-body--sidebarless) .user-list-fill-card > .arco-card-body {
    flex: 1;
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-page-card {
    overflow: hidden;
    border: 1px solid #e4eaf2;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(22, 42, 73, .045);
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-page-card .arco-card-header {
    min-height: 60px;
    border-bottom-color: #edf1f6;
    color: #25364d;
}

body.user-arco-body:not(.user-arco-body--sidebarless) .user-page-card:hover {
    border-color: #d9e3f0;
    box-shadow: 0 12px 30px rgba(22, 42, 73, .075);
}

body.user-arco-body:not(.user-arco-body--sidebarless) .uc-account__trigger {
    min-height: 38px;
    border-color: #e2e8f0;
    background: #fff;
}

.dashboard-hero {
    min-height: 192px;
    align-items: center;
    padding: 32px 34px;
    border: 0;
    border-radius: 18px;
    background:
        radial-gradient(ellipse at 82% 5%, rgba(99, 164, 255, .3), transparent 36%),
        linear-gradient(115deg, #132744 0%, #1c3d67 62%, #245587 100%);
    box-shadow: 0 18px 42px rgba(25, 58, 101, .16);
}

.dashboard-hero__eyebrow { color: #a8ceff; }
.dashboard-hero .dash-welcome__title { color: #fff; }
.dashboard-hero__description { color: #c4d3e7; }

.dashboard-grid { gap: 13px; }
.metric-card { min-height: 148px; border-radius: 15px; }
.panel-grid { gap: 20px; }
.panel-grid .user-page-card .arco-card-header { min-height: 62px; }

.empty-box > .user-inline-icon {
    display: block !important;
    margin: 0 auto 14px !important;
}

@media (max-width: 960px) {
    body.user-arco-body:not(.user-arco-body--sidebarless) .user-arco-main {
        padding-top: calc(var(--uc-topbar-h) + 18px);
    }
}

@media (max-width: 760px) {
    .dashboard-hero { min-height: 0; padding: 24px 21px; border-radius: 16px; }
    .metric-card { min-height: 132px; }
}

@media (min-width: 961px) {
    :root { --uc-shell-gutter: max(20px, calc(50vw - 570px)); }

    body.user-arco-body:not(.user-arco-body--sidebarless) .uc-topbar__inner {
        width: min(1140px, calc(100vw - 40px));
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        padding-left: 0;
    }

    body.user-arco-body:not(.user-arco-body--sidebarless) .user-shell-aside {
        left: var(--uc-shell-gutter);
        width: var(--uc-rail-w);
    }

    body.user-arco-body:not(.user-arco-body--sidebarless) .user-arco-main {
        padding-left: calc(var(--uc-shell-gutter) + var(--uc-rail-w) + 15px);
        padding-right: var(--uc-shell-gutter);
    }

    body.user-arco-body:not(.user-arco-body--sidebarless) .user-arco-main__inner {
        width: 100%;
        max-width: none;
        margin-right: 0;
        margin-left: 0;
    }

    body.user-arco-body:not(.user-arco-body--sidebarless) .uc-footer {
        padding-left: calc(var(--uc-shell-gutter) + var(--uc-rail-w) + 15px);
        padding-right: var(--uc-shell-gutter);
    }

    body.user-arco-body:not(.user-arco-body--sidebarless) .uc-footer__inner {
        width: 100%;
        max-width: none;
        margin-right: 0;
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    .uc-topbar__inner { gap: 8px; }
    .uc-brand {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }
    .uc-brand img {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 28px;
        object-fit: contain;
        object-position: left center;
    }
    .uc-brand__text {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .uc-topbar__actions { flex: 0 0 auto; gap: 4px; }
    .uc-account__trigger { gap: 5px; padding-right: 7px; }
}

@media (max-width: 480px) {
    .uc-lang .i18n-switcher__current,
    .uc-lang .i18n-switcher__caret { display: none; }
    .uc-lang .i18n-switcher__trigger {
        width: 36px;
        min-width: 36px;
        min-height: 36px;
        padding: 0;
        justify-content: center;
    }
}
