body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa}#app{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:4px}::-webkit-scrollbar-track{background-color:#f5f7fa}.share-redirect{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#f5f7fa}.share-redirect .content{text-align:center;padding:30px;background-color:#fff;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.share-redirect h2{margin-top:0;margin-bottom:20px;color:#303133}.share-redirect .loader{display:inline-block;width:40px;height:40px;border:3px solid rgba(64,158,255,.2);border-radius:50%;border-top-color:#409eff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.container{max-width:1200px;margin:0 auto;padding:20px}.page-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.page-title{font-size:24px;color:#303133;margin:0}.card{background-color:#fff;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.document-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.document-card{height:100%;display:flex;flex-direction:column;cursor:pointer;transition:all .3s}.document-card:hover{transform:translateY(-5px);box-shadow:0 2px 12px 0 rgba(0,0,0,.2)}.document-card-content{flex:1}.document-card-title{font-size:18px;margin-bottom:10px;color:#303133;font-weight:700}.document-card-description{color:#606266;font-size:14px;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.document-card-footer{color:#909399;font-size:12px;display:flex;justify-content:space-between;margin-top:10px}.document-card-category{display:inline-block;padding:2px 6px;background:#f0f2f5;border-radius:4px;color:#606266}.editor-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:calc(100vh - 200px);margin-top:20px}.editor-input,.editor-preview{height:100%;overflow:auto}.editor-preview{padding:15px;background:#fff;border:1px solid #dcdfe6;border-radius:4px}.document-content{padding:20px;background:#fff;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);line-height:1.6}.document-content h1,.document-content h2,.document-content h3{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.document-content h1{font-size:2em}.document-content h1,.document-content h2{padding-bottom:.3em;border-bottom:1px solid #eaecef}.document-content h2{font-size:1.5em}.document-content h3{font-size:1.25em}.document-content blockquote,.document-content dl,.document-content ol,.document-content p,.document-content pre,.document-content table,.document-content ul{margin-top:0;margin-bottom:16px}.document-content blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}.document-content pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.document-content code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,.05);border-radius:3px}.document-content pre code{background-color:transparent;padding:0}