/* 门户共用色板：业务页面和认证页面共享品牌与表面层级。 */
|
:root:not(.dark) {
|
--background-deep: 210 50% 97%;
|
--foreground: 213 51% 23%;
|
--muted: 210 43% 96%;
|
--muted-foreground: 213 19% 43%;
|
--border: 211 37% 89%;
|
--input: 211 29% 81%;
|
--input-placeholder: 214 13% 47%;
|
--accent: 210 55% 95%;
|
--accent-foreground: 213 51% 23%;
|
--header: 0 0% 100%;
|
--sidebar: 0 0% 100%;
|
--sidebar-deep: 211 42% 96%;
|
--portal-blue: #1b4f80;
|
--portal-red: #b7242d;
|
--portal-ink: #18365a;
|
--portal-muted: #5c7187;
|
--portal-surface: #fff;
|
}
|
|
:root.dark {
|
--portal-blue: #82b4e5;
|
--portal-red: #f38f96;
|
--portal-ink: #e8eef7;
|
--portal-muted: #a7bbd0;
|
--portal-surface: #14283e;
|
}
|
|
.supply-portal-shell { color: var(--portal-ink); }
|
.shell-brand { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
|
.shell-brand-main { display: flex; min-width: 0; align-items: center; gap: 20px; }
|
.shell-brand strong { overflow: hidden; color: var(--portal-ink); font-size: 25px; font-weight: 750; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
|
.shell-brand em { flex: none; padding-left: 20px; border-left: 1px solid #6c89a3; color: #234c74; font-size: 20px; font-style: normal; font-weight: 650; white-space: nowrap; }
|
.shell-brand small { color: #355f86; font-size: 10px; font-weight: 400; letter-spacing: .045em; }
|
.portal-header-motto { display: none; }
|
.supply-portal-shell .portal-header-tools { gap: 2px; }
|
.supply-portal-shell .portal-header-search { width: 270px; }
|
.portal-personal-entry { display: inline-flex; min-height: 28px; align-items: center; gap: 5px; margin: 0 8px 0 4px; padding: 3px 8px; border: 0; border-radius: 4px; color: #315a80; background: transparent; font-size: 12px; cursor: pointer; }.portal-personal-entry svg { width: 14px; height: 14px; }.portal-personal-entry:hover,.portal-personal-entry.is-current { color: #a81d27; background: #fff0f0; }.portal-personal-entry:focus-visible { outline: 2px solid #2c70b2; outline-offset: 1px; }
|
@media (min-width: 768px) {
|
.supply-portal-shell header.bg-header { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 32px 80px 46px; padding: 0; border-bottom: 1px solid #d3e3f0; background: #fff; box-shadow: 0 3px 10px rgb(28 72 113 / 4%); }
|
.supply-portal-shell header.bg-header::after { position: absolute; right: 0; bottom: 0; left: 0; height: 46px; border-top: 1px solid #e1ebf4; background: #f5f9fd; content: ''; }
|
.supply-portal-shell header .portal-header-brand { z-index: 1; grid-area: 2 / 1; justify-self: center; width: min(1280px, calc(100% - 80px)); max-width: none; height: 80px; margin: 0; border: 0; }
|
.supply-portal-shell header .portal-header-brand > div > a { max-width: calc(100% - 350px); gap: 16px; padding: 0; }
|
.supply-portal-shell .portal-header-navigation { z-index: 1; grid-area: 3 / 1; justify-self: center; width: min(1280px, calc(100% - 80px)); height: 46px; padding: 0; }
|
.supply-portal-shell .portal-header-tools { z-index: 2; grid-area: 1 / 1; width: 100%; height: 32px; justify-content: flex-end; gap: 2px; padding: 0 max(40px, calc((100vw - 1280px) / 2)); border: 0; background: #e4f1fb; }
|
.supply-portal-shell .portal-header-tools button { max-height: 28px; }
|
.supply-portal-shell .portal-header-search { position: absolute; top: 70px; right: max(40px, calc((100vw - 1280px) / 2)); width: 300px; }
|
.supply-portal-shell .portal-header-tools .portal-header-search button { max-height: none; }
|
.supply-portal-shell .portal-header-motto { position: absolute; top: 42px; right: max(40px, calc((100vw - 1280px) / 2)); z-index: 1; display: block; color: #254e76; font-family: 'KaiTi', 'STKaiti', serif; font-size: 16px; letter-spacing: .16em; }
|
.supply-portal-shell header .portal-header-menu.is-horizontal { --menu-overflow-width: 92px; --menu-font-size: 14px; --menu-item-height: 46px; --menu-item-active-color: #fff; --menu-item-active-background-color: #b7242d; --menu-submenu-active-color: #fff; --menu-submenu-active-background-color: #b7242d; justify-content: space-between; gap: 0; width: 100%; background: transparent; }
|
.supply-portal-shell header .portal-header-menu > .vben-menu-item, .supply-portal-shell header .portal-header-menu > .vben-sub-menu { flex: 1 0 auto; margin: 0; }
|
.supply-portal-shell header .portal-header-menu > .vben-menu-item, .supply-portal-shell header .portal-header-menu > .vben-sub-menu .vben-sub-menu-content { min-width: 96px; height: 46px; justify-content: center; margin: 0; padding: 0 18px; border-radius: 0; color: #18365a; background: transparent; font-weight: 650; }
|
.supply-portal-shell header .portal-header-menu .vben-menu-item__content { height: 100%; justify-content: center; color: inherit; }
|
.supply-portal-shell header .portal-header-menu > .vben-menu-item .vben-menu__icon { display: none; }
|
.supply-portal-shell header .portal-header-menu > .vben-menu-item.is-active, .supply-portal-shell header .portal-header-menu > .vben-sub-menu .vben-sub-menu-content.is-active { color: #fff; background: #b7242d; }
|
.supply-portal-shell header .portal-header-menu > .vben-menu-item:not(.is-active):hover, .supply-portal-shell header .portal-header-menu > .vben-sub-menu .vben-sub-menu-content:not(.is-active):hover { color: #a31d28; background: #eaf2fa; }
|
.supply-portal-shell header .portal-header-menu > .vben-sub-menu:has(.is-more) { flex: 0 0 92px; }
|
.supply-portal-shell header .portal-header-menu .vben-sub-menu-content.is-more { min-width: 88px; gap: 6px; }
|
.supply-portal-shell header .portal-header-menu .is-more .vben-sub-menu-content__title { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
|
.supply-portal-shell header .menu-overflow-label { color: inherit; font-size: 13px; }
|
.dark .supply-portal-shell header.bg-header { background: #14283e; }
|
.dark .supply-portal-shell header.bg-header::after { background: #19344f; border-color: #36516a; }
|
.dark .supply-portal-shell .portal-header-tools { background: #0f2236; }
|
.dark .supply-portal-shell .portal-header-motto, .dark .supply-portal-shell .shell-brand em, .dark .supply-portal-shell .shell-brand small { color: #c1d7ec; }
|
.dark .supply-portal-shell header .portal-header-menu > .vben-menu-item, .dark .supply-portal-shell header .portal-header-menu > .vben-sub-menu .vben-sub-menu-content { color: #e2eef9; }
|
}
|
.supply-portal-shell aside > div:first-child { border-right-color: #dbe6f0; }
|
@media(min-width:768px) and (max-width:1100px) { .supply-portal-shell header .shell-brand em { display: none; }.supply-portal-shell header .shell-brand strong { font-size: 21px; }.supply-portal-shell .portal-header-search { width: 250px; }.supply-portal-shell header .portal-header-brand > div > a { max-width: calc(100% - 280px); }.supply-portal-shell .portal-header-motto { font-size: 13px; letter-spacing: .1em; } }
|
.supply-portal-shell aside .vben-menu { padding-right: 9px; padding-left: 9px; }
|
.supply-portal-shell aside .vben-menu .vben-menu { padding-right: 0; padding-left: 0; }
|
.supply-portal-shell aside .vben-menu-item,
|
.supply-portal-shell aside .vben-sub-menu-content { min-height: 42px; margin-top: 3px; margin-bottom: 3px; border-radius: 5px; font-size: 13px; }
|
.supply-portal-shell aside .vben-menu.is-vertical .vben-menu-item.is-active { color: #fff; background: #1b4f80; }
|
.supply-portal-shell aside .vben-menu.is-vertical .vben-menu-item.is-active .vben-menu-item__content,
|
.supply-portal-shell aside .vben-menu.is-vertical .vben-menu-item.is-active .vben-menu__icon { color: #fff; }
|
.supply-portal-shell aside .vben-menu.is-vertical .vben-sub-menu-content.is-active { color: #1b4f80; background: #eaf2fa; font-weight: 600; }
|
.supply-portal-shell .vben-menu-item:focus-visible,
|
.supply-portal-shell .vben-sub-menu-content:focus-visible { outline: 2px solid #2c70b2; outline-offset: -2px; }
|
.supply-portal-shell .tab-item.is-active { color: #b7242d; background: #fff5f5; box-shadow: inset 0 -2px 0 #b7242d; }
|
.supply-portal-shell .ant-card { border-color: #e1eaf3; border-radius: 8px; }
|
.supply-portal-shell .ant-table-thead > tr > th { color: #254b70; background: #f1f6fb; font-weight: 600; }
|
.supply-portal-shell .ant-table-tbody > tr > td { border-bottom-color: #edf2f7; }
|
.supply-portal-shell .ant-table-tbody > tr.ant-table-row:hover > td { background: #f5f9fd; }
|
.supply-portal-shell .ant-btn-primary:not(:disabled) { box-shadow: 0 2px 4px rgb(130 25 35 / 8%); }
|
.supply-portal-shell .portal-home { max-width: none; padding-top: 0; padding-right: 0; padding-left: 0; }
|
.supply-portal-shell .portal-home .elite-card,
|
.supply-portal-shell .portal-home .elite-section { border-color: #e1eaf3; border-radius: 8px; background: var(--portal-surface); box-shadow: 0 4px 14px rgb(25 69 111 / 4%); }
|
.supply-portal-shell .portal-home .elite-bar { width: 3px; background: #b7242d; }
|
.supply-portal-shell .portal-home .elite-icon-tile { border: 0; color: #2468ac; background: #eaf3fd; box-shadow: none; }
|
.supply-portal-shell .portal-home .elite-title,
|
.supply-portal-shell .portal-home .elite-value,
|
.supply-portal-shell .portal-home .elite-row-name { color: var(--portal-ink); }
|
.supply-portal-shell .portal-home .elite-label,
|
.supply-portal-shell .portal-home .elite-meta,
|
.supply-portal-shell .portal-home .elite-row-time { color: var(--portal-muted); }
|
.supply-portal-shell .portal-home .elite-more { color: #2b639a; }
|
.supply-portal-shell .portal-home .elite-dot { background: #b7242d; }
|
.dark .supply-portal-shell .ant-table-thead > tr > th { color: #d0e3f6; background: #19334d; }
|
.dark .supply-portal-shell header .vben-menu-item:not(.is-active):hover,
|
.dark .supply-portal-shell header .vben-sub-menu-content:not(.is-active):hover { color: #d2e6f9; background: #223e59; }
|
.dark .supply-portal-shell header .portal-header-menu > .vben-menu-item.is-active,
|
.dark .supply-portal-shell header .portal-header-menu > .vben-sub-menu .vben-sub-menu-content.is-active { color: #d2e6f9; background: #223e59; }
|
.dark .supply-portal-shell header .portal-header-menu .is-active .vben-menu__icon { color: #a7c9e9; }
|
.dark .supply-portal-shell .tab-item.is-active { color: #ffc1c5; background: #462831; }
|
@media (max-width: 767px) {
|
.shell-brand strong { max-width: 160px; font-size: 16px; }
|
.shell-brand small { font-size: 10px; }
|
.supply-portal-shell header.bg-header { padding-right: 8px; }
|
.supply-portal-shell header .portal-header-brand { max-width: none; margin-right: 4px; border-right: 0; }
|
.supply-portal-shell .portal-header-navigation { padding-right: 0; }
|
.supply-portal-shell .portal-header-tools { gap: 0; padding-left: 4px; border-left: 0; }
|
.supply-portal-shell .portal-header-search { width: auto; }
|
.portal-personal-entry { width: 30px; margin: 0 2px; justify-content: center; padding: 0; }.portal-personal-entry span { display: none; }
|
.shell-brand em { display: none; }
|
}
|
