@layer theme,base,components,utilities;:root{--bg-primary: #ffffff;--bg-page: #f7f7f8;--bg-card: #ffffff;--bg-secondary: #f0f0f2;--bg-tertiary: #e9e9ec;--bg-header: rgb(255 255 255 / 82%);--text-primary: #1a1a1a;--text-secondary: #5c5c66;--text-inverted: #ffffff;--border-color: #e4e4e8;--primary-color: #18a058;--primary-hover: #159150;--primary-text: #0c7d44;--primary-fill: #0e7a43;--primary-solid: var(--primary-color);--primary-solid-hover: var(--primary-hover);--primary-solid-text: #fff;--primary-soft: rgb(24 160 88 / 10%);--primary-soft-hover: rgb(24 160 88 / 16%);--info-color: #2080f0;--warning-color: #f0a020;--warning-text: #92400e;--danger-color: #d03050;--shadow-card: 0 1px 2px rgb(0 0 0 / 4%), 0 8px 20px -12px rgb(0 0 0 / 12%);--shadow-card-hover: 0 2px 4px rgb(0 0 0 / 5%), 0 16px 32px -16px rgb(0 0 0 / 18%);--shadow-pop: 0 6px 16px -8px rgb(0 0 0 / 16%), 0 9px 28px 8px rgb(0 0 0 / 6%);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 1600px;--border-w: 1px;--hl-text: #24292e;--hl-keyword: #cf222e;--hl-title: #6f42c1;--hl-literal: #005cc5;--hl-string: #032f62;--hl-builtin: #bc4c00;--hl-comment: #6a737d;--hl-name: #1a7f37;--hl-bullet: #735c0f;--hl-del-text: #b31d28;--hl-add-bg: #f0fff4;--hl-del-bg: #ffeef0;--scrollbar-thumb: rgb(0 0 0 / 18%);--scrollbar-thumb-hover: rgb(0 0 0 / 32%);--scrollbar-track: transparent;--mark-bg: #fff8c5;--like-color: #ef4444;--code-bg: #f6f8fa;--code-text: #24292e;--toast-bg: rgba(34, 36, 39, .92);--toast-error-bg: rgba(200, 48, 48, .95);--badge-owner-bg: #e6f1fb;--badge-owner-text: #1a6ab8;--theme-bg-image: none;--theme-bg-size: auto;--chart-comment: var(--primary-color);--chart-post: #2080f0;--chart-views: #f0a020;--litenote-sidebar-max-h: calc(100vh - 288px) ;--font-xs: 12px;--font-sm: 14px;--font-base: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-code: 13px;--font-badge: 8px;--tag-warn-text: #a86a10;--tag-warn-bg: rgb(240 160 32 / 14%);--tag-danger-text: #c22f3f;--tag-danger-bg: rgb(208 48 80 / 12%)}.dark{--bg-primary: #1a1a1a;--bg-page: #131313;--bg-card: #1e1e1e;--bg-secondary: #282828;--bg-tertiary: #333333;--bg-header: rgb(26 26 26 / 78%);--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--text-inverted: #1a1a1a;--border-color: #333333;--primary-color: #63e2b7;--primary-hover: #86e9c5;--primary-text: #63e2b7;--primary-fill: var(--primary-color);--primary-solid: #27805f;--primary-solid-hover: #2f8f6c;--primary-solid-text: #eafff5;--primary-soft: rgb(99 226 183 / 12%);--primary-soft-hover: rgb(99 226 183 / 20%);--info-color: #4098fc;--warning-color: #fcb040;--warning-text: var(--warning-color);--danger-color: #e88080;--shadow-card: 0 1px 2px rgb(0 0 0 / 30%), 0 8px 20px -12px rgb(0 0 0 / 60%);--shadow-card-hover: 0 2px 4px rgb(0 0 0 / 35%), 0 16px 32px -16px rgb(0 0 0 / 70%);--shadow-pop: 0 6px 16px -8px rgb(0 0 0 / 48%), 0 9px 28px 8px rgb(0 0 0 / 28%);--hl-text: #c9d1d9;--hl-keyword: #ff7b72;--hl-title: #d2a8ff;--hl-literal: #79c0ff;--hl-string: #a5d6ff;--hl-builtin: #ffa657;--hl-comment: #8b949e;--hl-name: #7ee787;--hl-bullet: #f2cc60;--hl-del-text: #ffdcd7;--hl-add-bg: #033a16;--hl-del-bg: #67060c;--scrollbar-thumb: rgb(255 255 255 / 20%);--scrollbar-thumb-hover: rgb(255 255 255 / 36%);--scrollbar-track: transparent;--mark-bg: #78350f;--like-color: #f87171;--code-bg: #0d1117;--code-text: #c9d1d9;--toast-bg: rgba(34, 36, 39, .92);--toast-error-bg: rgba(200, 48, 48, .95);--badge-owner-bg: rgba(96, 165, 250, .16);--badge-owner-text: #8dc0ff;--tag-warn-text: #e0b26a;--tag-warn-bg: rgb(240 160 32 / 18%);--tag-danger-text: #ef8a94;--tag-danger-bg: rgb(208 48 80 / 18%)}:root{--header-h: 64px;--submit-bar-h: 60px;--pg-bar-h: 57px;--admin-sidebar-w: 224px;--field-w: 416px;--content-w: 736px;--code-pad: 12px;--code-radius: var(--radius-sm)}