:root {
    --admin-soft-line: rgba(148, 163, 184, 0.18);
    --admin-soft-shadow: 0 16px 32px rgba(15, 48, 71, 0.07);
    --admin-soft-bg: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(247, 252, 255, 0.93) 100%);
    --admin-soft-text: #17324a;
    --admin-soft-muted: #5c7285;
    --admin-care-glow: rgba(239, 106, 168, 0.14);
    --admin-theme-shell: #f3f8fc;
    --admin-theme-panel: rgba(255, 255, 255, 0.92);
    --admin-theme-side: #f8fbff;
    --admin-theme-side-2: #fff3f8;
    --admin-theme-blue: var(--global-primary-color, #0b6fae);
    --admin-theme-blue-soft: rgba(11, 111, 174, 0.14);
    --admin-theme-pink: var(--global-care-color, #ef6aa8);
    --admin-theme-rose-soft: rgba(239, 106, 168, 0.11);
    --admin-theme-action-gradient: linear-gradient(135deg, #ef6aa8 0%, #b78bd0 46%, #0b6fae 100%);
    --admin-theme-action-gradient-hover: linear-gradient(135deg, #f079b2 0%, #af84ce 42%, #075986 100%);
    --admin-theme-action-shadow: 0 12px 26px rgba(11, 111, 174, 0.18), 0 8px 18px rgba(239, 106, 168, 0.16);
}

html,
body {
    background: var(--admin-theme-shell);
}

body.pear-admin,
.pear-admin .layui-layout {
    background:
        radial-gradient(circle at 18% 0%, rgba(11, 111, 174, 0.13) 0, transparent 34%),
        radial-gradient(circle at 92% 8%, rgba(239, 106, 168, 0.15) 0, transparent 30%),
        linear-gradient(180deg, #f7fbff 0%, #f3f8fc 100%);
    color: var(--admin-soft-text);
}

.pear-admin .layui-header {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 255, 0.95) 56%, rgba(255, 240, 246, 0.55) 100%) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
    box-shadow: 0 14px 30px rgba(10, 45, 67, 0.06) !important;
}

.pear-admin .layui-header .layui-nav .layui-nav-item > a {
    color: #17324a !important;
}

.pear-admin .layui-header .layui-nav .layui-nav-item > a:hover {
    color: var(--global-primary-color) !important;
    background: rgba(11, 111, 174, 0.06);
}

.pear-admin .layui-layout-right .layui-nav-child {
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 36px rgba(10, 45, 67, 0.12);
    overflow: hidden;
}

.pear-admin .layui-side,
.pear-admin .layui-side .layui-logo,
.pear-admin .layui-side .layui-side-scroll,
.pear-admin .layui-side .pear-side-scroll,
.pear-admin .layui-side .pear-nav-tree {
    background:
        radial-gradient(circle at 0% 0%, rgba(11, 111, 174, 0.12) 0, transparent 34%),
        radial-gradient(circle at 100% 6%, rgba(239, 106, 168, 0.14) 0, transparent 32%),
        linear-gradient(180deg, var(--admin-theme-side) 0%, #f4faff 52%, var(--admin-theme-side-2) 100%) !important;
}

.pear-admin .layui-side {
    border-right: 1px solid rgba(11, 111, 174, 0.1);
    box-shadow: 12px 0 28px rgba(10, 45, 67, 0.08) !important;
}

.pear-admin .layui-logo {
    border-bottom: 1px solid rgba(11, 111, 174, 0.1) !important;
}

.pear-admin .layui-side .layui-logo:hover {
    background:
        linear-gradient(90deg, rgba(11, 111, 174, 0.08), rgba(239, 106, 168, 0.1)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 251, 255, 0.9)) !important;
}

.pear-admin .layui-side .layui-logo .title {
    color: #0b5f91 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-align: left;
}

.pear-admin .pear-nav-tree .layui-nav-item > a,
.pear-admin .pear-nav-tree .layui-nav-child dd a {
    position: relative;
    margin: 2px 0;
    border-left: 3px solid transparent;
    border-radius: 0;
    box-sizing: border-box;
    color: #31546c !important;
}

.pear-admin .pear-nav-tree .layui-nav-item > a:hover,
.pear-admin .pear-nav-tree .layui-nav-child dd a:hover {
    color: #0b5f91 !important;
    background:
        linear-gradient(90deg, rgba(239, 106, 168, 0.1) 0%, rgba(11, 111, 174, 0.08) 58%, rgba(255, 255, 255, 0.62) 100%) !important;
    border-left-color: rgba(239, 106, 168, 0.62);
    transform: none;
}

.pear-admin .pear-nav-tree .layui-nav-itemed > a {
    background: linear-gradient(90deg, rgba(11, 111, 174, 0.06), rgba(255, 255, 255, 0.48)) !important;
    border-left-color: rgba(239, 106, 168, 0.46);
    color: #0b5f91 !important;
}

.pear-admin .pear-nav-tree .layui-nav-itemed > a:hover {
    background:
        linear-gradient(90deg, rgba(239, 106, 168, 0.1) 0%, rgba(11, 111, 174, 0.08) 58%, rgba(255, 255, 255, 0.62) 100%) !important;
    border-left-color: rgba(239, 106, 168, 0.62);
    color: #0b5f91 !important;
}

.pear-admin .pear-nav-tree .layui-nav-child {
    background: rgba(255, 255, 255, 0.42) !important;
}

.pear-admin .pear-nav-tree .layui-nav-child dd.layui-this,
.pear-admin .layui-nav-tree .layui-nav-child dd.layui-this a,
.pear-admin .layui-nav-tree .layui-this,
.pear-admin .layui-nav-tree .layui-this > a,
.pear-admin .layui-nav-tree .layui-this > a:hover {
    background:
        linear-gradient(90deg, rgba(239, 106, 168, 0.16) 0%, rgba(11, 111, 174, 0.11) 56%, rgba(255, 255, 255, 0.72) 100%) !important;
    border-left-color: var(--admin-theme-pink);
    color: #0b5f91 !important;
    box-shadow: inset 0 0 0 1px rgba(11, 111, 174, 0.08);
}

.pear-admin .pear-nav-tree .layui-nav-item a span {
    letter-spacing: 0 !important;
}

.pear-admin .pear-nav-tree .layui-nav-more {
    border-top-color: rgba(11, 95, 145, 0.55) !important;
}

.pear-admin .pear-nav-tree .layui-nav-itemed > a > .layui-nav-more {
    border-color: transparent transparent rgba(11, 95, 145, 0.55) !important;
}

.pear-admin .layui-body {
    background:
        linear-gradient(135deg, rgba(11, 111, 174, 0.08), transparent 32%),
        linear-gradient(225deg, var(--admin-theme-rose-soft), transparent 34%),
        linear-gradient(180deg, #f8fbff 0%, #f3f8fc 100%) !important;
}

.pear-admin .pear-tab-page > .layui-tab-title {
    background: rgba(255, 255, 255, 0.84) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
    box-shadow: 0 10px 24px rgba(10, 45, 67, 0.05);
}

.pear-admin .pear-tab-page > .layui-tab-title li {
    color: #5c7285 !important;
    border-right: 1px solid rgba(226, 232, 240, 0.72) !important;
}

.pear-admin .pear-tab-page > .layui-tab-title li.layui-this {
    color: #123047 !important;
    font-weight: 700;
}

.pear-admin .pear-tab-page > .layui-tab-title .layui-this .pear-tab-page-active {
    background: var(--admin-theme-pink) !important;
}

.pear-admin .pear-tab-page .layui-tab-control > li {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(226, 232, 240, 0.8) !important;
    color: #5c7285;
}

.pear-admin .pear-page-loading,
.pear-admin .pear-tab-page-loading {
    background: rgba(246, 251, 252, 0.92) !important;
}

body.pear-container {
    min-height: 100vh;
    background:
        radial-gradient(circle at 0% 0%, rgba(11, 111, 174, 0.1) 0, transparent 30%),
        radial-gradient(circle at 100% 8%, rgba(239, 106, 168, 0.11) 0, transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #f3f8fc 100%) !important;
    color: var(--admin-soft-text);
}

.pear-container .layui-card {
    border-radius: 8px;
    border: 1px solid var(--admin-soft-line);
    background: var(--admin-theme-panel);
    box-shadow: var(--admin-soft-shadow);
    overflow: hidden;
}

.pear-container .layui-card-header {
    color: var(--global-ink-color, #123047);
    font-weight: 800;
    border-bottom: 1px solid rgba(226, 232, 240, 0.75);
    background:
        linear-gradient(90deg, var(--admin-theme-blue-soft), transparent 38%),
        linear-gradient(90deg, transparent 68%, rgba(239, 106, 168, 0.08)),
        linear-gradient(180deg, rgba(255,255,255,0.88) 0%, rgba(242, 248, 252, 0.92) 100%);
}

.pear-container .layui-card-body {
    color: var(--admin-soft-text);
}

.pear-container .layui-btn {
    border-radius: 12px;
    font-weight: 700;
}

.pear-container .layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm):not(.layui-btn-disabled) {
    background: var(--admin-theme-action-gradient) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: var(--admin-theme-action-shadow);
}

.pear-container .layui-btn-normal {
    background: var(--admin-theme-action-gradient) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

.pear-container .layui-btn-warm {
    background: linear-gradient(135deg, var(--global-care-color, #ef6aa8) 0%, var(--global-care-deep, #c94279) 100%);
}

.pear-container .layui-btn-normal,
.pear-container .layui-btn-primary,
.pear-container .layui-btn-warm,
.pear-container .layui-btn-danger {
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08);
}

.pear-container .layui-btn-primary {
    background: rgba(255,255,255,0.9);
    border-color: rgba(148, 163, 184, 0.24);
    color: var(--admin-soft-text);
}

body .action-btn.btn-dark,
body .layui-table-tool .action-btn.btn-dark,
body .admin-shell .action-btn.btn-dark,
body .table-wrap .action-btn.btn-dark,
.pear-container .pear-btn.pear-btn-primary {
    background: var(--admin-theme-action-gradient) !important;
    border: 0 !important;
    color: #ffffff !important;
    box-shadow: var(--admin-theme-action-shadow) !important;
}

body .action-btn.btn-dark:hover,
body .layui-table-tool .action-btn.btn-dark:hover,
body .admin-shell .action-btn.btn-dark:hover,
body .table-wrap .action-btn.btn-dark:hover,
.pear-container .layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm):not(.layui-btn-disabled):hover,
.pear-container .layui-btn-normal:hover,
.pear-container .pear-btn.pear-btn-primary:hover {
    background: var(--admin-theme-action-gradient-hover) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(11, 111, 174, 0.22), 0 10px 22px rgba(239, 106, 168, 0.18) !important;
}

.pear-container .layui-input,
.pear-container .layui-textarea,
.pear-container .layui-select,
.pear-container .layui-unselect {
    border-radius: 12px !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
    background: rgba(255,255,255,0.92);
    color: var(--admin-soft-text);
}

.pear-container .layui-input:focus,
.pear-container .layui-textarea:focus,
.pear-container .layui-select:focus {
    border-color: rgba(11, 111, 174, 0.58) !important;
    box-shadow: 0 0 0 4px rgba(11, 111, 174, 0.12), 0 0 0 7px var(--admin-care-glow) !important;
}

.pear-container .layui-form-label {
    color: var(--admin-soft-muted);
    font-weight: 700;
}

.pear-container .layui-table-view,
.pear-container .layui-table-tool,
.pear-container .layui-table-page {
    border-color: rgba(226, 232, 240, 0.78);
}

.pear-container .layui-table th {
    background: rgba(236, 247, 253, 0.94);
    color: #31546c;
    font-weight: 800;
}

.pear-container .layui-table tr:hover {
    background: linear-gradient(90deg, rgba(11, 111, 174, 0.05), rgba(239, 106, 168, 0.05));
}

.pear-admin .layui-header .layui-nav .layui-nav-bar {
    background-color: var(--global-primary-color);
    height: 3px !important;
    border-radius: 999px;
}

.pear-admin .layui-header .layui-logo .title {
    color: var(--global-primary-color) !important;
    font-weight: 800;
    letter-spacing: 0;
}

body.pear-admin-dark.pear-admin,
body.pear-admin-dark .layui-layout {
    background: #141414 !important;
    color: #ffffff;
}

body.pear-admin-dark .layui-header {
    background: #141414 !important;
    border-color: rgba(0, 0, 0, 0.4) !important;
    box-shadow: none !important;
}

body.pear-admin-dark .layui-header .layui-nav .layui-nav-item > a {
    color: #ffffff !important;
}

body.pear-admin-dark .layui-side,
body.pear-admin-dark .layui-side .layui-logo,
body.pear-admin-dark .layui-side .layui-side-scroll,
body.pear-admin-dark .layui-side .pear-side-scroll,
body.pear-admin-dark .layui-side .pear-nav-tree {
    background: #141414 !important;
}

body.pear-admin-dark .layui-body,
body.pear-admin-dark .pear-page-loading,
body.pear-admin-dark .pear-tab-page-loading {
    background: #0a0a0a !important;
}

body.pear-admin-dark .pear-tab-page > .layui-tab-title,
body.pear-admin-dark .pear-tab-page > .layui-tab-title li,
body.pear-admin-dark .pear-tab-page .layui-tab-control > li {
    background: #141414 !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
    color: #ffffff !important;
    box-shadow: none;
}

body.pear-admin-dark.pear-container {
    background: #0a0a0a !important;
    color: #ffffff;
}

body.pear-admin-dark.pear-container .layui-card,
body.pear-admin-dark .pear-container .layui-card {
    background: #1d1e1f !important;
    border-color: #414243 !important;
    box-shadow: none;
}

body.pear-admin-dark.pear-container .layui-card-header,
body.pear-admin-dark .pear-container .layui-card-header {
    background: #1d1e1f !important;
    border-bottom-color: #414243 !important;
    color: #ffffff !important;
}

body.pear-admin-dark.pear-container .layui-card-body,
body.pear-admin-dark .pear-container .layui-card-body,
body.pear-admin-dark.pear-container .layui-form-label,
body.pear-admin-dark .pear-container .layui-form-label {
    color: #ffffff !important;
}

body.pear-admin-dark.pear-container .layui-input,
body.pear-admin-dark.pear-container .layui-textarea,
body.pear-admin-dark .pear-container .layui-input,
body.pear-admin-dark .pear-container .layui-textarea {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}