:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;height:auto}#root{width:100%;height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.left-panel{height:100%;display:flex;flex-direction:column}.panel-header{padding:16px;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.title-list{flex:1;overflow-y:auto;padding:8px}.title-item-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-weight:500;color:#262626;transition:all .3s ease}.title-list .ant-list-item:hover .title-item-content,.title-list .ant-list-item.selected-item .title-item-content{color:#1890ff;font-weight:600}.title-list .ant-list-item .ant-list-item-action{opacity:.6;transition:all .3s ease}.title-list .ant-list-item:hover .ant-list-item-action,.title-list .ant-list-item.selected-item .ant-list-item-action{opacity:1}.title-list .ant-list-item .ant-btn{transition:all .3s ease}.title-list .ant-list-item:hover .ant-btn:not(.ant-btn-dangerous){color:#1890ff;border-color:#1890ff}.title-list .ant-list-item.selected-item .ant-btn:not(.ant-btn-dangerous){color:#1890ff;border-color:#1890ff}.title-list .ant-list-item{cursor:pointer;transition:all .3s ease;border-radius:8px;margin-bottom:4px;padding:12px 16px;border:1px solid transparent}.title-list .ant-list-item:hover{background-color:#f5f5f5;border-color:#d9d9d9;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.title-list .ant-list-item.selected-item{background-color:#e6f7ff;border-color:#1890ff;box-shadow:0 2px 8px #1890ff33}.title-list .ant-list-item.selected-item:hover{background-color:#bae7ff;border-color:#40a9ff;transform:translateY(-1px);box-shadow:0 4px 12px #1890ff4d}.center-panel{height:100%;width:100%;background:#fff;border-radius:4px;box-shadow:0 1px 2px #00000008}.preview-area{padding:16px;border:1px dashed #d9d9d9;border-radius:4px;min-height:200px;background:#fff}.preview-content{margin-top:16px;display:flex;flex-direction:column;align-items:center;min-height:150px;width:100%}.notes-container{width:100%;display:flex;flex-direction:column;gap:16px}.note-item{width:100%;padding:8px}.note-item-clickable{cursor:pointer;transition:all .3s ease;border-radius:8px}.note-item-clickable:hover{background-color:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.note-item-preview{border:2px dashed #1890ff;background-color:#f0f8ff;opacity:.8;position:relative}.note-item-preview:before{content:"预览";position:absolute;top:-10px;right:-10px;background-color:#1890ff;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;z-index:10}.note-item-preview .richtext-content{border-color:#1890ff;background-color:#f0f8ff}.editing-panel{padding:16px;background-color:#fafafa;border-radius:8px;border:1px solid #d9d9d9}.richtext-editor{font-family:Courier New,monospace}.note-richtext{border:none;border-radius:8px;padding:16px}.richtext-content{width:100%;border:1.5px dashed #d9d9d9;border-radius:6px;padding:3px;background:#fff}.richtext-content p{margin-bottom:8px}.note-image{text-align:center;padding:16px;background:transparent;border:none}.note-image img{max-width:100%;max-height:300px;object-fit:contain}.note-copy{display:flex;justify-content:center;padding:16px;background:transparent;border:none}.right-panel{height:100%;width:100%;padding:0}.component-card{cursor:pointer;transition:all .3s}.component-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.loading-container{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;background:linear-gradient(135deg,#e6f7ff,#bae7ff);border-radius:8px;box-shadow:0 4px 12px #1890ff1a;margin:20px auto;overflow:hidden;width:100%}@media (max-width: 1200px){.left-panel,.center-panel,.right-panel{height:auto;min-height:300px}}.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:#fff0;border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;width:100%;z-index:1}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1,lower-alpha) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2,lower-roman) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4,lower-alpha) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}.admin-layout{height:100vh;width:100vw;overflow:hidden}.admin-sider{background:#fff;border-right:1px solid #f0f0f0;overflow:hidden}.admin-center{background:#fafbfc;border-right:1px solid #eee;padding:24px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow-y:auto}.admin-operations{background:#fff;padding:0;box-sizing:border-box;overflow-y:auto}.center-placeholder,.operation-placeholder{color:#bbb;font-size:16px}@media (max-width: 1200px){.admin-layout{flex-direction:column;height:auto}.admin-sider,.admin-center,.admin-operations{width:100%!important;height:100%;min-height:300px}}.user-view{min-height:100vh;background-attachment:scroll;background-repeat:no-repeat;background-size:100% 100%;position:relative}.user-view:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.user-container{margin:0 auto;background:#eee;box-shadow:0 8px 32px #1615151a;overflow:hidden}.user-content{padding:0}.user-header{text-align:center;padding-top:0;width:100%}.user-title{margin-top:0%!important;margin-bottom:8px!important;width:100%}.user-title[style*=backgroundColor]{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important}.user-subtitle{font-size:16px;color:#666}.user-loading{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;background:linear-gradient(135deg,#e6f7ff,#bae7ff);border-radius:8px;box-shadow:0 4px 12px #1890ff1a;margin:20px auto;overflow:hidden;min-height:calc(100vh - 120px);width:100%;justify-content:center}.loading-icon{animation:pulse 1.5s infinite ease-in-out}.loading-text{display:flex;flex-direction:column;align-items:center}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.user-error{text-align:center;background:linear-gradient(135deg,#fff1f0,#ffccc7);border-radius:8px;height:100%;box-shadow:0 4px 12px #ff4d4f1a;margin:20px auto;overflow:hidden;min-height:calc(100vh - 120px);width:100%;display:flex;flex-direction:column;justify-content:center}.user-notes{margin-top:10px}.user-notes-container{display:flex;flex-direction:column;gap:12px}.user-note-item{background:transparent;border:none;padding:0 12px;border-radius:8px;transition:all .3s ease}.user-note-item:hover{transform:translateY(-2px)}.user-note-richtext{line-height:1.6}.user-richtext-content{background:#fff;border-radius:6px;border:1.5px dashed #000000}.user-richtext-content .DraftEditor-root{min-height:auto}.user-richtext-content .public-DraftEditorPlaceholder-root{display:none}.user-note-image{text-align:center;background:transparent;border:none}.user-note-image img{max-width:100%;max-height:400px;border-radius:6px;box-shadow:0 2px 8px #0000001a}.user-note-copy{text-align:center;background:transparent;border:none;padding:0}.user-empty{text-align:center;padding:60px 20px;color:#999}.user-welcome{text-align:center;padding:80px 40px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.user-welcome .ant-typography{margin-bottom:16px}@media (max-width: 200px){.user-view{padding:10px}.user-container{margin:0;border-radius:8px}.user-content{padding:20px}.user-header{margin-bottom:30px}.user-welcome{padding:60px 20px}.user-note-item{padding:16px}.user-richtext-content{padding:12px;border:1px dashed #d9d9d9}.user-note-image,.user-note-copy{background:transparent;border:none}.user-note-item{padding:16px;background:transparent;border:none}}@media print{.user-view{background:#fff;padding:0}.user-container{box-shadow:none;border-radius:0}.user-note-item{break-inside:avoid;margin-bottom:20px}.user-note-copy{display:none}}.user-note-image-tip{font-size:12px;color:#888;text-align:center;margin-top:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.user-note-image-tip:hover{color:#1890ff;text-decoration:underline}.app{width:100%;height:100vh;margin:0;padding:0}.admin-view,.user-view{width:100%;height:100vh;box-sizing:border-box}.admin-view{background-color:#f5f5f5}.user-view{background-color:#fff}