*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;outline:none}:root{--color-primary: #1976D2;--color-danger: #D32F2F;--color-success: #4CAF50;--color-warning: #FF9800;--color-purple: #9C27B0;--color-locked: #F44336;--color-draft: #4CAF50;--color-pending: #FF9800;--color-reopen: #9C27B0;--bg-title-bar: #FFFFFF;--bg-nav: #F8F9FA;--bg-editor: #FFFFFF;--bg-property: #F8F9FA;--bg-status-bar: #FFFFFF;--bg-selected: #E3F2FD;--bg-frontmatter: #F5F5F5;--bg-hover: #F0F0F0;--text-primary: #1C1B1F;--text-secondary: #79747E;--text-frontmatter: #666666;--text-link: #1976D2;--divider-color: #E0E0E0;--font-page-title: 18px;--font-panel-title: 14px;--font-body: 14px;--font-editor: 13px;--font-caption: 12px;--nav-width: 240px;--property-width: 300px;--title-bar-height: 56px;--status-bar-height: 40px;--breakpoint-ide: 840px;--panel-padding: 12px;--section-padding: 16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:silver;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.w-full{width:100%}.h-full{height:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.text-caption{font-size:var(--font-caption);color:var(--text-secondary)}.text-body{font-size:var(--font-body);color:var(--text-primary)}