1064 lines
28 KiB
CSS
1064 lines
28 KiB
CSS
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600&family=Noto+Serif+SC:wght@400;500&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500&display=swap");
|
|
|
|
:root {
|
|
--cd-primary: #cc785c;
|
|
--cd-primary-active: #a9583e;
|
|
--cd-ink: #141413;
|
|
--cd-body: #3d3d3a;
|
|
--cd-body-strong: #252523;
|
|
--cd-muted: #6c6a64;
|
|
--cd-muted-soft: #8e8b82;
|
|
--cd-hairline: #e6dfd8;
|
|
--cd-hairline-soft: #ebe6df;
|
|
--cd-canvas: #faf9f5;
|
|
--cd-surface-soft: #f5f0e8;
|
|
--cd-surface-card: #efe9de;
|
|
--cd-surface-cream-strong: #e8e0d2;
|
|
--cd-surface-dark: #181715;
|
|
--cd-surface-dark-elevated: #252320;
|
|
--cd-surface-dark-soft: #1f1e1b;
|
|
--cd-on-primary: #ffffff;
|
|
--cd-on-dark: #faf9f5;
|
|
--cd-on-dark-soft: #a09d96;
|
|
--cd-success: #5db872;
|
|
--cd-warning: #d4a017;
|
|
--cd-error: #c64545;
|
|
--cd-shadow-soft: 0 1px 3px rgba(20, 20, 19, 0.08);
|
|
--cd-shadow-panel: 0 16px 40px rgba(20, 20, 19, 0.06);
|
|
--cd-display-font: "Source Serif 4", "Noto Serif SC", "Songti SC", SimSun, Georgia, serif;
|
|
--cd-body-font: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, sans-serif;
|
|
--cd-code-font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#app {
|
|
min-height: 100%;
|
|
background: var(--cd-canvas);
|
|
color: var(--cd-body);
|
|
}
|
|
|
|
body {
|
|
font-family: var(--cd-body-font);
|
|
font-size: 16px;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
::selection {
|
|
background: rgba(204, 120, 92, 0.22);
|
|
}
|
|
|
|
.n-config-provider {
|
|
min-height: 100vh;
|
|
background: var(--cd-canvas);
|
|
color: var(--cd-body);
|
|
}
|
|
|
|
.n-grid[data-v-2ffec98f] {
|
|
max-width: 1200px;
|
|
min-height: 100vh;
|
|
margin: 0 auto;
|
|
padding: 0 24px;
|
|
}
|
|
|
|
.main[data-v-2ffec98f] {
|
|
height: auto !important;
|
|
min-height: 100vh;
|
|
text-align: left !important;
|
|
}
|
|
|
|
.main[data-v-2ffec98f] > .n-space > div[role="none"] {
|
|
width: 100%;
|
|
}
|
|
|
|
.n-layout,
|
|
.n-layout .n-layout-scroll-container {
|
|
background: transparent !important;
|
|
color: var(--cd-body) !important;
|
|
}
|
|
|
|
.n-layout[data-v-2ffec98f] {
|
|
min-height: calc(100vh - 172px) !important;
|
|
}
|
|
|
|
.n-space {
|
|
font-family: var(--cd-body-font);
|
|
}
|
|
|
|
.n-page-header-wrapper {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 20;
|
|
background: rgba(250, 249, 245, 0.94);
|
|
border-bottom: 1px solid var(--cd-hairline);
|
|
backdrop-filter: blur(14px);
|
|
}
|
|
|
|
.n-page-header {
|
|
min-height: 64px;
|
|
padding: 0 8px;
|
|
}
|
|
|
|
.n-page-header .n-page-header__avatar {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.n-page-header .n-avatar {
|
|
width: 40px !important;
|
|
height: 40px !important;
|
|
border-radius: 10px !important;
|
|
background: transparent !important;
|
|
border: 0 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.n-page-header .n-avatar img {
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
object-fit: contain !important;
|
|
}
|
|
|
|
.n-page-header .n-page-header__title h3 {
|
|
margin: 0;
|
|
color: var(--cd-ink);
|
|
font-family: var(--cd-display-font);
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
line-height: 1.16;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.n-page-header .n-page-header__extra {
|
|
color: var(--cd-muted);
|
|
}
|
|
|
|
.n-menu {
|
|
--n-item-text-color: var(--cd-muted) !important;
|
|
--n-item-text-color-hover: var(--cd-ink) !important;
|
|
--n-item-text-color-active: var(--cd-ink) !important;
|
|
--n-item-icon-color: var(--cd-muted) !important;
|
|
--n-item-icon-color-hover: var(--cd-primary) !important;
|
|
--n-item-icon-color-active: var(--cd-primary) !important;
|
|
--n-item-color-hover: var(--cd-surface-soft) !important;
|
|
--n-item-color-active: var(--cd-surface-card) !important;
|
|
--n-border-radius: 8px !important;
|
|
font-family: var(--cd-body-font);
|
|
}
|
|
|
|
.n-menu .n-button {
|
|
min-height: 36px;
|
|
border-radius: 8px !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
.n-menu .n-button.n-button--primary-type {
|
|
--n-color: var(--cd-surface-card) !important;
|
|
--n-color-hover: var(--cd-surface-card) !important;
|
|
--n-color-pressed: var(--cd-surface-cream-strong) !important;
|
|
--n-color-focus: var(--cd-surface-card) !important;
|
|
--n-text-color: var(--cd-ink) !important;
|
|
--n-text-color-hover: var(--cd-ink) !important;
|
|
--n-text-color-pressed: var(--cd-ink) !important;
|
|
--n-text-color-focus: var(--cd-ink) !important;
|
|
}
|
|
|
|
.n-card {
|
|
--n-border-radius: 12px !important;
|
|
--n-color: var(--cd-canvas) !important;
|
|
--n-color-embedded: var(--cd-surface-card) !important;
|
|
--n-color-modal: var(--cd-canvas) !important;
|
|
--n-color-popover: var(--cd-canvas) !important;
|
|
--n-text-color: var(--cd-body) !important;
|
|
--n-title-text-color: var(--cd-ink) !important;
|
|
--n-border-color: var(--cd-hairline) !important;
|
|
--n-box-shadow: none !important;
|
|
border: 1px solid var(--cd-hairline) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.n-card > .n-card-header .n-card-header__main,
|
|
.n-card .n-card-header__main {
|
|
font-family: var(--cd-display-font);
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
line-height: 1.25;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.n-card > .n-card__content {
|
|
padding: 32px !important;
|
|
}
|
|
|
|
.center .n-card,
|
|
.center[data-v-33992ef1] .n-card,
|
|
.center[data-v-09845092] .n-card {
|
|
max-width: 640px !important;
|
|
}
|
|
|
|
.center[data-v-33992ef1] {
|
|
margin: 72px 20px 20px !important;
|
|
}
|
|
|
|
.n-tabs {
|
|
--n-bar-color: var(--cd-primary) !important;
|
|
--n-tab-text-color: var(--cd-muted) !important;
|
|
--n-tab-text-color-active: var(--cd-ink) !important;
|
|
--n-tab-text-color-hover: var(--cd-ink) !important;
|
|
--n-tab-border-color: var(--cd-hairline) !important;
|
|
--n-tab-border-radius: 8px !important;
|
|
--n-color-segment: var(--cd-surface-soft) !important;
|
|
--n-pane-text-color: var(--cd-body) !important;
|
|
}
|
|
|
|
.n-tabs-nav {
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.n-tabs-tab {
|
|
border-radius: 8px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.n-tabs-tab.n-tabs-tab--active {
|
|
background: var(--cd-surface-card);
|
|
}
|
|
|
|
.n-tabs .n-tabs-bar {
|
|
height: 2px;
|
|
border-radius: 9999px;
|
|
}
|
|
|
|
.n-form-item {
|
|
--n-label-text-color: var(--cd-body-strong) !important;
|
|
--n-feedback-text-color: var(--cd-muted) !important;
|
|
--n-asterisk-color: var(--cd-primary) !important;
|
|
}
|
|
|
|
.n-input {
|
|
--n-border-radius: 8px !important;
|
|
--n-height: 40px !important;
|
|
--n-color: var(--cd-canvas) !important;
|
|
--n-color-focus: var(--cd-canvas) !important;
|
|
--n-text-color: var(--cd-ink) !important;
|
|
--n-caret-color: var(--cd-primary) !important;
|
|
--n-border: 1px solid var(--cd-hairline) !important;
|
|
--n-border-hover: 1px solid var(--cd-primary) !important;
|
|
--n-border-focus: 1px solid var(--cd-primary) !important;
|
|
--n-box-shadow-focus: 0 0 0 3px rgba(204, 120, 92, 0.15) !important;
|
|
--n-placeholder-color: var(--cd-muted-soft) !important;
|
|
--n-loading-color: var(--cd-primary) !important;
|
|
}
|
|
|
|
.n-button {
|
|
min-height: 40px;
|
|
border-radius: 8px !important;
|
|
font-family: var(--cd-body-font);
|
|
font-weight: 500 !important;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.n-button.n-button--primary-type {
|
|
--n-color: var(--cd-primary) !important;
|
|
--n-color-hover: var(--cd-primary-active) !important;
|
|
--n-color-pressed: var(--cd-primary-active) !important;
|
|
--n-color-focus: var(--cd-primary-active) !important;
|
|
--n-text-color: var(--cd-on-primary) !important;
|
|
--n-text-color-hover: var(--cd-on-primary) !important;
|
|
--n-text-color-pressed: var(--cd-on-primary) !important;
|
|
--n-text-color-focus: var(--cd-on-primary) !important;
|
|
--n-border: 1px solid var(--cd-primary) !important;
|
|
--n-border-hover: 1px solid var(--cd-primary-active) !important;
|
|
--n-border-pressed: 1px solid var(--cd-primary-active) !important;
|
|
--n-border-focus: 1px solid var(--cd-primary-active) !important;
|
|
--n-ripple-color: var(--cd-primary-active) !important;
|
|
}
|
|
|
|
.n-button.n-button--default-type {
|
|
--n-color: var(--cd-canvas) !important;
|
|
--n-color-hover: var(--cd-surface-soft) !important;
|
|
--n-color-pressed: var(--cd-surface-card) !important;
|
|
--n-color-focus: var(--cd-surface-soft) !important;
|
|
--n-text-color: var(--cd-ink) !important;
|
|
--n-text-color-hover: var(--cd-ink) !important;
|
|
--n-text-color-pressed: var(--cd-ink) !important;
|
|
--n-text-color-focus: var(--cd-ink) !important;
|
|
--n-border: 1px solid var(--cd-hairline) !important;
|
|
--n-border-hover: 1px solid var(--cd-primary) !important;
|
|
--n-border-pressed: 1px solid var(--cd-primary-active) !important;
|
|
--n-border-focus: 1px solid var(--cd-primary) !important;
|
|
}
|
|
|
|
.n-button.n-button--info-type {
|
|
--n-color: transparent !important;
|
|
--n-color-hover: var(--cd-surface-soft) !important;
|
|
--n-color-pressed: var(--cd-surface-card) !important;
|
|
--n-color-focus: var(--cd-surface-soft) !important;
|
|
--n-text-color: var(--cd-primary) !important;
|
|
--n-text-color-hover: var(--cd-primary-active) !important;
|
|
--n-text-color-pressed: var(--cd-primary-active) !important;
|
|
--n-text-color-focus: var(--cd-primary-active) !important;
|
|
--n-border: 1px solid transparent !important;
|
|
--n-border-hover: 1px solid transparent !important;
|
|
--n-border-pressed: 1px solid transparent !important;
|
|
--n-border-focus: 1px solid transparent !important;
|
|
}
|
|
|
|
.n-divider {
|
|
--n-color: var(--cd-hairline) !important;
|
|
}
|
|
|
|
.n-alert {
|
|
--n-border-radius: 12px !important;
|
|
--n-color: var(--cd-surface-card) !important;
|
|
--n-color-info: var(--cd-surface-card) !important;
|
|
--n-title-text-color: var(--cd-ink) !important;
|
|
--n-content-text-color: var(--cd-body) !important;
|
|
background: var(--cd-surface-card) !important;
|
|
border: 1px solid var(--cd-hairline) !important;
|
|
}
|
|
|
|
.n-alert .n-alert-body__title,
|
|
.n-alert .n-alert-body__content {
|
|
color: var(--cd-body) !important;
|
|
}
|
|
|
|
.n-empty {
|
|
--n-text-color: var(--cd-muted) !important;
|
|
--n-icon-color: var(--cd-muted-soft) !important;
|
|
}
|
|
|
|
.n-empty .n-empty__description {
|
|
color: var(--cd-ink) !important;
|
|
font-family: var(--cd-display-font);
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.n-base-selection {
|
|
--n-color: var(--cd-canvas) !important;
|
|
--n-color-active: var(--cd-canvas) !important;
|
|
--n-text-color: var(--cd-ink) !important;
|
|
--n-border: 1px solid var(--cd-hairline) !important;
|
|
--n-border-hover: 1px solid var(--cd-primary) !important;
|
|
--n-border-active: 1px solid var(--cd-primary) !important;
|
|
--n-border-focus: 1px solid var(--cd-primary) !important;
|
|
--n-box-shadow-active: 0 0 0 3px rgba(204, 120, 92, 0.15) !important;
|
|
--n-box-shadow-focus: 0 0 0 3px rgba(204, 120, 92, 0.15) !important;
|
|
}
|
|
|
|
.n-pagination .n-pagination-item.n-pagination-item--active {
|
|
background: var(--cd-canvas) !important;
|
|
border-color: var(--cd-primary) !important;
|
|
color: var(--cd-primary) !important;
|
|
}
|
|
|
|
.n-spin-container {
|
|
--n-color: var(--cd-primary) !important;
|
|
--n-text-color: var(--cd-primary) !important;
|
|
}
|
|
|
|
.n-spin-content.n-spin-content--spinning {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.n-spin-container .n-spin-body {
|
|
padding: 14px 18px;
|
|
background: rgba(250, 249, 245, 0.9);
|
|
border: 1px solid var(--cd-hairline);
|
|
border-radius: 12px;
|
|
box-shadow: 0 1px 3px rgba(20, 20, 19, 0.08);
|
|
}
|
|
|
|
.n-data-table {
|
|
--n-td-color: var(--cd-canvas) !important;
|
|
--n-th-color: var(--cd-surface-card) !important;
|
|
--n-border-color: var(--cd-hairline) !important;
|
|
--n-td-text-color: var(--cd-body) !important;
|
|
--n-th-text-color: var(--cd-ink) !important;
|
|
border-radius: 12px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.w-e-toolbar,
|
|
.w-e-text-container {
|
|
--w-e-toolbar-bg-color: var(--cd-canvas);
|
|
--w-e-toolbar-color: var(--cd-body);
|
|
--w-e-toolbar-active-color: var(--cd-ink);
|
|
--w-e-toolbar-active-bg-color: var(--cd-surface-card);
|
|
--w-e-toolbar-border-color: var(--cd-hairline);
|
|
--w-e-textarea-bg-color: var(--cd-canvas);
|
|
--w-e-textarea-color: var(--cd-ink);
|
|
--w-e-textarea-border-color: var(--cd-hairline);
|
|
--w-e-textarea-selected-border-color: var(--cd-primary);
|
|
}
|
|
|
|
pre,
|
|
code,
|
|
.mail-text {
|
|
font-family: var(--cd-code-font);
|
|
}
|
|
|
|
.mail-iframe,
|
|
.mail-html {
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.footer-divider {
|
|
display: none !important;
|
|
}
|
|
|
|
.footer-divider + div {
|
|
margin-top: 64px;
|
|
padding: 40px 32px !important;
|
|
background: var(--cd-surface-card);
|
|
color: var(--cd-muted);
|
|
border: 1px solid var(--cd-hairline);
|
|
border-bottom: 0;
|
|
border-radius: 12px 12px 0 0;
|
|
}
|
|
|
|
.footer-divider + div .n-text {
|
|
--n-text-color: var(--cd-muted) !important;
|
|
color: var(--cd-muted) !important;
|
|
}
|
|
|
|
.footer-divider + div::before {
|
|
display: block;
|
|
margin-bottom: 16px;
|
|
color: var(--cd-ink);
|
|
content: "Cloudflare Temp Email";
|
|
font-family: var(--cd-display-font);
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
line-height: 1.25;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
/* Editorial refinement pass: app shell, mailbox workspace, and dense controls. */
|
|
.n-page-header-wrapper {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.n-page-header .n-page-header__main {
|
|
min-width: 0;
|
|
}
|
|
|
|
.n-page-header .n-avatar img {
|
|
transform: scale(0.92);
|
|
}
|
|
|
|
.n-page-header .n-page-header__extra .n-space {
|
|
gap: 6px 8px !important;
|
|
}
|
|
|
|
.n-menu .v-overflow {
|
|
gap: 2px;
|
|
}
|
|
|
|
.n-menu .n-menu-item-content {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.n-menu .n-button {
|
|
padding: 0 10px !important;
|
|
}
|
|
|
|
.n-menu .n-button__content {
|
|
color: inherit;
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.n-menu .n-button__icon {
|
|
color: inherit;
|
|
opacity: 0.82;
|
|
}
|
|
|
|
.center[data-v-33992ef1] .n-card,
|
|
.center[data-v-09845092] .n-card {
|
|
position: relative;
|
|
overflow: hidden;
|
|
background: var(--cd-surface-card) !important;
|
|
border-color: rgba(20, 20, 19, 0.08) !important;
|
|
}
|
|
|
|
.center[data-v-33992ef1] .n-card::before,
|
|
.center[data-v-09845092] .n-card::before {
|
|
display: block;
|
|
width: 44px;
|
|
height: 4px;
|
|
margin: 0 auto 22px;
|
|
background: var(--cd-primary);
|
|
border-radius: 9999px;
|
|
content: "";
|
|
}
|
|
|
|
.center[data-v-33992ef1] .n-card > .n-card__content,
|
|
.center[data-v-09845092] .n-card > .n-card__content {
|
|
padding: 42px 32px 32px !important;
|
|
}
|
|
|
|
.center[data-v-33992ef1] .n-divider,
|
|
.center[data-v-09845092] .n-divider {
|
|
margin: 18px 0 24px !important;
|
|
}
|
|
|
|
.n-alert {
|
|
padding: 8px !important;
|
|
}
|
|
|
|
.n-alert .n-alert-body {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.address-row[data-v-335af9ba] {
|
|
gap: 12px !important;
|
|
min-height: 52px;
|
|
}
|
|
|
|
.address-select[data-v-335af9ba] {
|
|
max-width: 520px !important;
|
|
}
|
|
|
|
.address-select .n-base-selection {
|
|
min-height: 34px;
|
|
}
|
|
|
|
.address-select .n-base-selection-overlay__wrapper {
|
|
color: var(--cd-ink);
|
|
font-family: var(--cd-code-font);
|
|
font-size: 13px;
|
|
}
|
|
|
|
.n-tabs {
|
|
gap: 12px;
|
|
}
|
|
|
|
.n-tabs-nav {
|
|
min-height: 42px;
|
|
border-bottom: 1px solid var(--cd-hairline);
|
|
}
|
|
|
|
.n-tabs.n-tabs--bar-type .n-tabs-nav {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.n-tabs.n-tabs--bar-type .n-tabs-nav-scroll-content {
|
|
padding: 3px;
|
|
background: var(--cd-surface-soft);
|
|
border: 1px solid var(--cd-hairline);
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.n-tabs.n-tabs--bar-type .n-tabs-tab {
|
|
min-height: 36px;
|
|
padding: 0 16px !important;
|
|
}
|
|
|
|
.n-tabs.n-tabs--card-type .n-tabs-tab {
|
|
min-height: 42px;
|
|
margin-right: 4px !important;
|
|
padding: 0 18px !important;
|
|
background: var(--cd-canvas) !important;
|
|
border: 1px solid var(--cd-hairline) !important;
|
|
border-radius: 8px !important;
|
|
}
|
|
|
|
.n-tabs.n-tabs--card-type .n-tabs-tab.n-tabs-tab--active {
|
|
background: var(--cd-surface-card) !important;
|
|
border-color: rgba(20, 20, 19, 0.1) !important;
|
|
}
|
|
|
|
.n-tabs-tab__label {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.n-tab-pane {
|
|
padding-top: 12px !important;
|
|
}
|
|
|
|
.n-space:has(.n-pagination),
|
|
.n-space:has(.n-pagination) > div {
|
|
align-items: center;
|
|
}
|
|
|
|
.n-pagination {
|
|
gap: 6px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.n-pagination > *:not(:first-child) {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.n-pagination .n-pagination-item {
|
|
min-width: 34px !important;
|
|
height: 34px !important;
|
|
border-radius: 8px !important;
|
|
}
|
|
|
|
.n-pagination .n-pagination-item--button {
|
|
background: var(--cd-surface-soft) !important;
|
|
border: 1px solid var(--cd-hairline) !important;
|
|
}
|
|
|
|
.n-checkbox .n-checkbox-box {
|
|
border-radius: 5px !important;
|
|
}
|
|
|
|
.n-input,
|
|
.n-base-selection {
|
|
font-size: 14px !important;
|
|
}
|
|
|
|
.n-input__placeholder,
|
|
.n-base-selection-placeholder {
|
|
color: var(--cd-muted-soft) !important;
|
|
}
|
|
|
|
.n-split {
|
|
min-height: 432px;
|
|
}
|
|
|
|
.n-split-pane-1 > div {
|
|
background: var(--cd-canvas);
|
|
border: 1px solid var(--cd-hairline);
|
|
border-right: 0;
|
|
border-radius: 12px 0 0 12px;
|
|
}
|
|
|
|
.n-list {
|
|
--n-color: var(--cd-canvas) !important;
|
|
--n-color-hover: var(--cd-surface-soft) !important;
|
|
--n-border-color: var(--cd-hairline) !important;
|
|
border-radius: 12px 0 0 12px !important;
|
|
}
|
|
|
|
.n-split__resize-trigger-wrapper {
|
|
width: 4px !important;
|
|
}
|
|
|
|
.n-split__resize-trigger {
|
|
background: var(--cd-hairline) !important;
|
|
border-radius: 9999px;
|
|
}
|
|
|
|
.mail-item[data-v-d1585b00],
|
|
.mail-item[data-v-56d1af9f] {
|
|
min-height: 432px;
|
|
background: var(--cd-surface-card) !important;
|
|
border-radius: 0 12px 12px 0 !important;
|
|
}
|
|
|
|
.mail-item .n-card__content {
|
|
display: flex;
|
|
min-height: 430px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.n-result {
|
|
--n-icon-color: var(--cd-body-strong) !important;
|
|
--n-title-text-color: var(--cd-ink) !important;
|
|
}
|
|
|
|
.n-result .n-result-icon {
|
|
margin-bottom: 20px;
|
|
color: var(--cd-body-strong) !important;
|
|
}
|
|
|
|
.n-result .n-result-header__title {
|
|
color: var(--cd-ink) !important;
|
|
font-family: var(--cd-display-font);
|
|
font-size: 36px;
|
|
font-weight: 400;
|
|
line-height: 1.18;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.footer-divider + div {
|
|
position: relative;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
.footer-divider + div::after {
|
|
display: block;
|
|
width: 36px;
|
|
height: 4px;
|
|
margin: 22px auto 0;
|
|
background: var(--cd-primary);
|
|
border-radius: 9999px;
|
|
content: "";
|
|
}
|
|
|
|
.center[data-v-bae9495d] {
|
|
max-width: 1040px !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
.center[data-v-bae9495d] .n-card {
|
|
max-width: none !important;
|
|
}
|
|
|
|
html.dark,
|
|
html.dark body,
|
|
html.dark #app,
|
|
html.dark .n-config-provider {
|
|
background: var(--cd-surface-dark);
|
|
color: var(--cd-on-dark);
|
|
}
|
|
|
|
html.dark .n-config-provider {
|
|
background: var(--cd-surface-dark);
|
|
}
|
|
|
|
html.dark .n-page-header-wrapper {
|
|
background: rgba(24, 23, 21, 0.94);
|
|
border-color: rgba(250, 249, 245, 0.08);
|
|
}
|
|
|
|
html.dark .n-page-header .n-avatar {
|
|
background: var(--cd-surface-dark-elevated) !important;
|
|
border-color: rgba(250, 249, 245, 0.1) !important;
|
|
}
|
|
|
|
html.dark .n-page-header .n-page-header__title h3 {
|
|
color: var(--cd-on-dark);
|
|
}
|
|
|
|
html.dark .n-layout,
|
|
html.dark .n-layout .n-layout-scroll-container {
|
|
color: var(--cd-on-dark) !important;
|
|
}
|
|
|
|
html.dark .n-menu {
|
|
--n-item-text-color: var(--cd-on-dark-soft) !important;
|
|
--n-item-text-color-hover: var(--cd-on-dark) !important;
|
|
--n-item-text-color-active: var(--cd-on-dark) !important;
|
|
--n-item-icon-color: var(--cd-on-dark-soft) !important;
|
|
--n-item-icon-color-hover: var(--cd-primary) !important;
|
|
--n-item-icon-color-active: var(--cd-primary) !important;
|
|
--n-item-color-hover: var(--cd-surface-dark-soft) !important;
|
|
--n-item-color-active: var(--cd-surface-dark-elevated) !important;
|
|
}
|
|
|
|
html.dark .n-menu .n-button.n-button--primary-type,
|
|
html.dark .n-menu .n-button.n-button--default-type {
|
|
--n-color: transparent !important;
|
|
--n-color-hover: var(--cd-surface-dark-soft) !important;
|
|
--n-color-pressed: var(--cd-surface-dark-elevated) !important;
|
|
--n-color-focus: var(--cd-surface-dark-soft) !important;
|
|
--n-text-color: var(--cd-on-dark-soft) !important;
|
|
--n-text-color-hover: var(--cd-on-dark) !important;
|
|
--n-text-color-pressed: var(--cd-on-dark) !important;
|
|
--n-text-color-focus: var(--cd-on-dark) !important;
|
|
--n-border: none !important;
|
|
}
|
|
|
|
html.dark .n-menu .n-button.n-button--primary-type {
|
|
--n-color: var(--cd-surface-dark-elevated) !important;
|
|
--n-text-color: var(--cd-on-dark) !important;
|
|
}
|
|
|
|
html.dark .n-card {
|
|
--n-color: var(--cd-surface-dark-elevated) !important;
|
|
--n-color-embedded: var(--cd-surface-dark-soft) !important;
|
|
--n-color-modal: var(--cd-surface-dark-elevated) !important;
|
|
--n-color-popover: var(--cd-surface-dark-elevated) !important;
|
|
--n-text-color: var(--cd-on-dark-soft) !important;
|
|
--n-title-text-color: var(--cd-on-dark) !important;
|
|
--n-border-color: rgba(250, 249, 245, 0.08) !important;
|
|
border-color: rgba(250, 249, 245, 0.08) !important;
|
|
}
|
|
|
|
html.dark .n-card,
|
|
html.dark .n-card__content,
|
|
html.dark .n-tab-pane,
|
|
html.dark .n-form,
|
|
html.dark .n-form-item-label,
|
|
html.dark .n-form-item-label__text,
|
|
html.dark .n-tabs-tab,
|
|
html.dark .n-tabs-tab__label {
|
|
color: var(--cd-on-dark-soft) !important;
|
|
}
|
|
|
|
html.dark .n-tabs-tab.n-tabs-tab--active,
|
|
html.dark .n-tabs-tab.n-tabs-tab--active .n-tabs-tab__label {
|
|
color: var(--cd-on-dark) !important;
|
|
}
|
|
|
|
html.dark .n-tabs {
|
|
--n-bar-color: var(--cd-primary) !important;
|
|
--n-tab-text-color: var(--cd-on-dark-soft) !important;
|
|
--n-tab-text-color-active: var(--cd-on-dark) !important;
|
|
--n-tab-text-color-hover: var(--cd-on-dark) !important;
|
|
--n-tab-border-color: rgba(250, 249, 245, 0.1) !important;
|
|
--n-color-segment: var(--cd-surface-dark-soft) !important;
|
|
--n-pane-text-color: var(--cd-on-dark-soft) !important;
|
|
}
|
|
|
|
html.dark .n-tabs-tab.n-tabs-tab--active {
|
|
background: var(--cd-surface-dark-soft);
|
|
}
|
|
|
|
html.dark .n-input {
|
|
--n-color: var(--cd-surface-dark-soft) !important;
|
|
--n-color-focus: var(--cd-surface-dark-soft) !important;
|
|
--n-text-color: var(--cd-on-dark) !important;
|
|
--n-placeholder-color: var(--cd-on-dark-soft) !important;
|
|
--n-border: 1px solid rgba(250, 249, 245, 0.1) !important;
|
|
--n-border-hover: 1px solid var(--cd-primary) !important;
|
|
--n-border-focus: 1px solid var(--cd-primary) !important;
|
|
--n-box-shadow-focus: 0 0 0 3px rgba(204, 120, 92, 0.18) !important;
|
|
}
|
|
|
|
html.dark .n-button.n-button--default-type {
|
|
--n-color: var(--cd-surface-dark-soft) !important;
|
|
--n-color-hover: var(--cd-surface-dark-elevated) !important;
|
|
--n-color-pressed: #302d29 !important;
|
|
--n-color-focus: var(--cd-surface-dark-elevated) !important;
|
|
--n-text-color: var(--cd-on-dark) !important;
|
|
--n-text-color-hover: var(--cd-on-dark) !important;
|
|
--n-text-color-pressed: var(--cd-on-dark) !important;
|
|
--n-text-color-focus: var(--cd-on-dark) !important;
|
|
--n-border: 1px solid rgba(250, 249, 245, 0.1) !important;
|
|
--n-border-hover: 1px solid rgba(250, 249, 245, 0.18) !important;
|
|
--n-border-pressed: 1px solid rgba(250, 249, 245, 0.22) !important;
|
|
--n-border-focus: 1px solid rgba(250, 249, 245, 0.18) !important;
|
|
}
|
|
|
|
html.dark .n-button.n-button--primary-type {
|
|
--n-color: var(--cd-primary) !important;
|
|
--n-color-hover: var(--cd-primary-active) !important;
|
|
--n-color-pressed: var(--cd-primary-active) !important;
|
|
--n-color-focus: var(--cd-primary-active) !important;
|
|
--n-text-color: var(--cd-on-primary) !important;
|
|
--n-text-color-hover: var(--cd-on-primary) !important;
|
|
--n-text-color-pressed: var(--cd-on-primary) !important;
|
|
--n-text-color-focus: var(--cd-on-primary) !important;
|
|
--n-border: 1px solid var(--cd-primary) !important;
|
|
--n-border-hover: 1px solid var(--cd-primary-active) !important;
|
|
--n-border-pressed: 1px solid var(--cd-primary-active) !important;
|
|
--n-border-focus: 1px solid var(--cd-primary-active) !important;
|
|
}
|
|
|
|
html.dark .n-button.n-button--info-type {
|
|
--n-color: transparent !important;
|
|
--n-color-hover: var(--cd-surface-dark-soft) !important;
|
|
--n-color-pressed: var(--cd-surface-dark-elevated) !important;
|
|
--n-color-focus: var(--cd-surface-dark-soft) !important;
|
|
--n-text-color: var(--cd-primary) !important;
|
|
--n-text-color-hover: var(--cd-on-dark) !important;
|
|
--n-text-color-pressed: var(--cd-on-dark) !important;
|
|
--n-text-color-focus: var(--cd-on-dark) !important;
|
|
--n-border: 1px solid transparent !important;
|
|
--n-border-hover: 1px solid transparent !important;
|
|
--n-border-pressed: 1px solid transparent !important;
|
|
--n-border-focus: 1px solid transparent !important;
|
|
}
|
|
|
|
html.dark .n-divider {
|
|
--n-color: rgba(250, 249, 245, 0.1) !important;
|
|
}
|
|
|
|
html.dark .n-button.n-button--default-type .n-button__content,
|
|
html.dark .n-button.n-button--default-type .n-button__icon {
|
|
color: var(--cd-on-dark) !important;
|
|
}
|
|
|
|
html.dark .n-button.n-button--primary-type .n-button__content,
|
|
html.dark .n-button.n-button--primary-type .n-button__icon {
|
|
color: var(--cd-on-primary) !important;
|
|
}
|
|
|
|
html.dark .n-menu .n-button.n-button--default-type .n-button__content,
|
|
html.dark .n-menu .n-button.n-button--default-type .n-button__icon {
|
|
color: var(--cd-on-dark-soft) !important;
|
|
}
|
|
|
|
html.dark .n-menu .n-button.n-button--primary-type .n-button__content,
|
|
html.dark .n-menu .n-button.n-button--primary-type .n-button__icon {
|
|
color: var(--cd-on-dark) !important;
|
|
}
|
|
|
|
html.dark .n-alert,
|
|
html.dark .n-data-table {
|
|
border-color: rgba(250, 249, 245, 0.08) !important;
|
|
}
|
|
|
|
html.dark .n-alert {
|
|
--n-color: var(--cd-surface-dark-elevated) !important;
|
|
--n-color-info: var(--cd-surface-dark-elevated) !important;
|
|
--n-title-text-color: var(--cd-on-dark) !important;
|
|
--n-content-text-color: var(--cd-on-dark-soft) !important;
|
|
background: var(--cd-surface-dark-elevated) !important;
|
|
}
|
|
|
|
html.dark .n-alert .n-alert-body__title,
|
|
html.dark .n-alert .n-alert-body__content {
|
|
color: var(--cd-on-dark-soft) !important;
|
|
}
|
|
|
|
html.dark .n-empty {
|
|
--n-text-color: var(--cd-on-dark-soft) !important;
|
|
--n-icon-color: var(--cd-on-dark-soft) !important;
|
|
}
|
|
|
|
html.dark .n-empty .n-empty__description {
|
|
color: var(--cd-on-dark) !important;
|
|
}
|
|
|
|
html.dark .n-base-selection {
|
|
--n-color: var(--cd-surface-dark-soft) !important;
|
|
--n-color-active: var(--cd-surface-dark-soft) !important;
|
|
--n-text-color: var(--cd-on-dark) !important;
|
|
--n-border: 1px solid rgba(250, 249, 245, 0.1) !important;
|
|
--n-border-hover: 1px solid var(--cd-primary) !important;
|
|
--n-border-active: 1px solid var(--cd-primary) !important;
|
|
--n-border-focus: 1px solid var(--cd-primary) !important;
|
|
--n-box-shadow-active: 0 0 0 3px rgba(204, 120, 92, 0.18) !important;
|
|
--n-box-shadow-focus: 0 0 0 3px rgba(204, 120, 92, 0.18) !important;
|
|
}
|
|
|
|
html.dark .n-pagination .n-pagination-item {
|
|
color: var(--cd-on-dark-soft) !important;
|
|
}
|
|
|
|
html.dark .n-pagination .n-pagination-item.n-pagination-item--active {
|
|
background: var(--cd-surface-dark-soft) !important;
|
|
border-color: var(--cd-primary) !important;
|
|
color: var(--cd-on-dark) !important;
|
|
}
|
|
|
|
html.dark .n-spin-container .n-spin-body {
|
|
background: rgba(37, 35, 32, 0.92);
|
|
border-color: rgba(250, 249, 245, 0.1);
|
|
}
|
|
|
|
html.dark .footer-divider + div {
|
|
background: var(--cd-surface-dark-elevated);
|
|
color: var(--cd-on-dark-soft);
|
|
border-color: rgba(250, 249, 245, 0.08);
|
|
}
|
|
|
|
html.dark .footer-divider + div .n-text {
|
|
--n-text-color: var(--cd-on-dark-soft) !important;
|
|
color: var(--cd-on-dark-soft) !important;
|
|
}
|
|
|
|
html.dark .footer-divider + div::before {
|
|
color: var(--cd-on-dark);
|
|
}
|
|
|
|
html.dark .center[data-v-33992ef1] .n-card,
|
|
html.dark .center[data-v-09845092] .n-card {
|
|
background: var(--cd-surface-dark-elevated) !important;
|
|
border-color: rgba(250, 249, 245, 0.1) !important;
|
|
}
|
|
|
|
html.dark .address-select .n-base-selection-overlay__wrapper {
|
|
color: var(--cd-on-dark);
|
|
}
|
|
|
|
html.dark .n-tabs-nav {
|
|
border-bottom-color: rgba(250, 249, 245, 0.1);
|
|
}
|
|
|
|
html.dark .n-tabs.n-tabs--bar-type .n-tabs-nav-scroll-content {
|
|
background: var(--cd-surface-dark-soft);
|
|
border-color: rgba(250, 249, 245, 0.1);
|
|
}
|
|
|
|
html.dark .n-tabs.n-tabs--card-type .n-tabs-tab {
|
|
background: var(--cd-surface-dark) !important;
|
|
border-color: rgba(250, 249, 245, 0.1) !important;
|
|
}
|
|
|
|
html.dark .n-tabs.n-tabs--card-type .n-tabs-tab.n-tabs-tab--active {
|
|
background: var(--cd-surface-dark-elevated) !important;
|
|
border-color: rgba(250, 249, 245, 0.16) !important;
|
|
}
|
|
|
|
html.dark .n-pagination .n-pagination-item--button {
|
|
background: var(--cd-surface-dark-soft) !important;
|
|
border-color: rgba(250, 249, 245, 0.1) !important;
|
|
}
|
|
|
|
html.dark .n-split-pane-1 > div {
|
|
background: var(--cd-surface-dark);
|
|
border-color: rgba(250, 249, 245, 0.08);
|
|
}
|
|
|
|
html.dark .n-list {
|
|
--n-color: var(--cd-surface-dark) !important;
|
|
--n-color-hover: var(--cd-surface-dark-soft) !important;
|
|
--n-border-color: rgba(250, 249, 245, 0.08) !important;
|
|
}
|
|
|
|
html.dark .n-split__resize-trigger {
|
|
background: rgba(250, 249, 245, 0.16) !important;
|
|
}
|
|
|
|
html.dark .mail-item[data-v-d1585b00],
|
|
html.dark .mail-item[data-v-56d1af9f] {
|
|
background: var(--cd-surface-dark-elevated) !important;
|
|
}
|
|
|
|
html.dark .n-result {
|
|
--n-icon-color: var(--cd-on-dark-soft) !important;
|
|
--n-title-text-color: var(--cd-on-dark) !important;
|
|
}
|
|
|
|
html.dark .n-result .n-result-icon {
|
|
color: var(--cd-on-dark-soft) !important;
|
|
}
|
|
|
|
html.dark .n-result .n-result-header__title {
|
|
color: var(--cd-on-dark) !important;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.n-grid[data-v-2ffec98f] {
|
|
padding: 0 14px;
|
|
}
|
|
|
|
.n-page-header {
|
|
min-height: 60px;
|
|
padding: 0;
|
|
}
|
|
|
|
.n-page-header .n-page-header__title h3 {
|
|
max-width: 62vw;
|
|
overflow: hidden;
|
|
font-size: 22px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.center[data-v-33992ef1] {
|
|
margin: 40px 0 16px !important;
|
|
}
|
|
|
|
.n-card > .n-card__content {
|
|
padding: 24px !important;
|
|
}
|
|
|
|
.n-tabs-tab {
|
|
padding-left: 10px !important;
|
|
padding-right: 10px !important;
|
|
}
|
|
|
|
.footer-divider + div {
|
|
margin-top: 40px;
|
|
padding: 32px 20px !important;
|
|
}
|
|
}
|