:root{--md-theme-color: #0F4C81;--color-primary: #0F4C81;--color-primary-rgb: 15, 76, 129;--color-success: #009874;--color-warning: #FECE00;--color-danger: #FA5151;--color-info: #55C9EA;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-editor: #ffffff;--bg-preview: #ffffff;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #6b7280;--border-color: #e5e7eb;--border-hover: #d1d5db;--border-focus: #0F4C81;--font-family-base: mp-quote, PingFang SC, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;--font-size-base: 14px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--header-height: 60px}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:4px;font-size:14px;font-weight:500;z-index:1000;box-shadow:0 2px 8px #00000026;animation:fadeInDown .3s ease-out forwards;max-width:80%;text-align:center}.notification.success{background-color:#f0f9eb;color:#67c23a;border:1px solid #c2e7b0}.notification.error{background-color:#fef0f0;color:#f56c6c;border:1px solid #fbc4c4}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.cm-editor{height:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);border:1px solid var(--border-color, #ffffff);border-top:none;box-shadow:0 0 10px #0000000d}.cm-editor:focus-within{outline:none!important}.cm-editor .cm-gutters{display:none!important}.cm-editor .cm-content{padding:var(--spacing-4)}.cm-editor .cm-scroller{padding:0 10px;overflow-x:hidden!important;overflow-y:scroll!important}.editor-container{display:flex;flex-direction:column;height:100vh;background-color:#fff;transition:background-color .3s,color .3s}.editor-content{display:flex;flex:1;margin-top:var(--header-height, 60px)}.editor-pane{width:50%;height:100%}.preview-pane{width:50%;height:100%;overflow:auto;background-color:#fff}.preview-wrapper{position:relative;width:min(100%,650px);min-height:100%;padding:var(--spacing-4);margin:0 auto;box-sizing:border-box;outline:none;word-wrap:break-word;border:1px solid var(--border-color, #e0e0e0);border-top:none;box-shadow:0 0 10px #0000000d}.preview-wrapper.mobile-preview{width:375px}.preview-wrapper.wide-preview{width:min(100%,900px)}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background-color:var(--bg-primary);gap:var(--spacing-4);border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;z-index:100;width:100%}.editor-header .toolbar-group{display:flex;align-items:center;gap:var(--spacing-1)}.toolbar-divider{width:1px;height:24px;background-color:var(--border-color);margin:0 var(--spacing-2)}.preview-mode-selector{display:flex;justify-content:center;margin-bottom:10px;gap:8px}.preview-mode-group{display:flex;align-items:center;gap:4px}.preview-mode-button{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:12px;background-color:#fff;color:var(--text-secondary);transition:all .2s}.preview-mode-button:hover{background-color:var(--bg-primary);border-color:var(--border-hover)}.preview-mode-button.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.copy-button{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:12px;background-color:var(--color-primary);color:#fff;transition:all .2s}.editor-header .dropdown{position:relative}.editor-header .dropdown-button{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-weight:600;font-size:var(--font-size-base);transition:all .2s ease;outline:none}.editor-header .dropdown-button:focus{outline:none}.editor-header .dropdown-button:hover{background-color:var(--color-gray-100);box-shadow:0 2px 8px #0000001a;font-weight:700;font-size:calc(var(--font-size-base) * 1.05)}.editor-header .dropdown-button.active{background-color:var(--color-gray-100);box-shadow:0 2px 8px #0000001a;font-weight:700}.editor-header .dropdown-menu{position:absolute;top:100%;left:0;z-index:10;min-width:180px;margin-top:var(--spacing-1);padding:var(--spacing-1);background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026}.editor-header .dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-2);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer}.editor-header .dropdown-item:hover{background-color:#fff}.editor-header .dropdown-item.checked{color:var(--color-primary)}.editor-header .submenu{position:absolute;top:0;left:100%;min-width:180px;padding:var(--spacing-1);background-color:#fff;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.6}input,button,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:400}em{font-style:normal!important}section{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-400)}.loading-container{display:flex;align-items:center;justify-content:center;height:100vh;font-size:16px;color:var(--color-gray-600)}