:root{--bg: #f5f6f8;--panel: #ffffff;--border: #e3e6ea;--text: #1f2329;--muted: #8a94a6;--primary: #2b6cff;--danger: #e5484d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}.app{max-width:1280px;margin:0 auto;padding:0 16px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.brand{font-size:18px;font-weight:700;cursor:pointer}.user-tag{color:var(--muted);cursor:pointer;padding:4px 10px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.topbar-right{display:flex;align-items:center;gap:10px}.banner{padding:10px 14px;border-radius:8px;margin-bottom:12px}.banner.error{background:#fdecee;color:var(--danger);border:1px solid #f5c2c7}.banner.info{background:#eaf6ec;color:#1b7a34;border:1px solid #b7e0c0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:32px;width:100%;max-width:380px;box-shadow:0 6px 24px #0000000f}.login-brand{margin:0 0 4px;font-size:22px}.login-form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.login-code-row{display:flex;gap:8px}.login-submit{margin-top:4px}.muted{color:var(--muted)}.small{font-size:12px}button{cursor:pointer;border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:7px 14px;font-size:14px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.danger{color:var(--danger);border-color:#f1b6b8}button.ghost{background:transparent}.list-head{display:flex;align-items:center;justify-content:space-between}.doc-items{list-style:none;padding:0;margin:12px 0 0}.doc-item{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px}.doc-main{display:flex;flex-direction:column;gap:4px;cursor:pointer;flex:1}.doc-title{font-weight:600;font-size:15px}.doc-meta{color:var(--muted);font-size:12px}.edit-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.title-input{flex:1;padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:16px;font-weight:600}.editor{background:var(--panel);border:1px solid var(--border);border-radius:10px}.toolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--border);background:#fafbfc;position:sticky;top:0;z-index:20;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 2px 6px #0000000a}.tb-btn{min-width:34px;padding:5px 9px;font-size:13px;border-radius:6px}.tb-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tb-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.editor-content{padding:16px 20px;min-height:68vh}.editor-content .ProseMirror{outline:none;min-height:calc(68vh - 24px);line-height:1.7}.editor-content .ProseMirror>*+*{margin-top:.6em}.editor-content blockquote{border-left:3px solid var(--border);margin-left:0;padding-left:12px;color:var(--muted)}.editor-content pre{background:#1f2329;color:#f2f4f7;padding:12px 14px;border-radius:8px;overflow-x:auto}.editor-content code{background:#eef0f3;padding:1px 5px;border-radius:4px}.editor-content pre code{background:none;padding:0}.editor-content a{color:var(--primary);text-decoration:underline}.editor-content hr{border:none;border-top:1px solid var(--border)}.media-wrap{margin:12px 0}.media-image{position:relative;display:inline-block;max-width:100%;margin:0;line-height:0}.media-image:not(.has-width){max-width:640px}.media-image img{display:block;width:100%;max-width:100%;height:auto;border-radius:8px;cursor:zoom-in}.media-resize{position:absolute;top:50%;transform:translateY(-50%);width:6px;height:42px;max-height:60%;border-radius:4px;background:var(--primary);border:2px solid #fff;box-shadow:0 1px 3px #00000040;cursor:ew-resize;opacity:0;transition:opacity .15s ease}.media-image:hover .media-resize{opacity:1}.media-resize-left{left:6px}.media-resize-right{right:6px}.media-video-wrap{width:100%}.media-float-remove{position:absolute;top:8px;right:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:#0000008c;color:#fff;font-size:13px;cursor:pointer;opacity:0;transition:opacity .15s ease}.media-image:hover .media-float-remove{opacity:1}.media-float-remove:hover{background:#dc2626e6}.ProseMirror-selectednode .media-image img,.ProseMirror-selectednode .media-image .media-video{outline:2px solid var(--primary);outline-offset:1px}.media-missing{display:inline-block;padding:10px 14px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:13px;background:#fafbfc}.media-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fafbfc}.media-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border)}.media-icon{font-size:16px}.media-name{font-weight:600}.media-meta{color:var(--muted);font-size:12px}.media-remove{margin-left:auto;border:none;background:transparent;color:var(--muted);font-size:14px;padding:2px 6px;cursor:pointer}.media-remove:hover{color:var(--danger)}.media-body{display:flex;align-items:center;gap:10px;padding:12px}.media-action{padding:6px 14px;border-radius:8px}.media-err{color:var(--danger);font-size:12px}.media-video{display:block;max-width:100%;max-height:480px;border-radius:8px;background:#000}.media-pdf{display:block;width:100%;height:600px;border:0;border-bottom:1px solid var(--border);background:#f5f5f5}.tb-uploading{color:var(--primary);font-size:12px;padding:0 6px}.tb-uploaderr{color:var(--danger);font-size:12px;padding:0 6px}.editor-paste-status{padding:6px 16px;border-bottom:1px solid var(--border);background:var(--bg-subtle, #f8fafc)}.share-page{max-width:900px;margin:0 auto;padding:0 16px 48px}.share-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:32px;margin:48px auto;max-width:480px;text-align:center}.share-card h2{margin:0 0 8px}.passcode-form{display:flex;gap:8px;margin:16px 0 8px}.share-media{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;text-align:center}.share-media img,.share-media video{max-width:100%;max-height:70vh;border-radius:6px}.share-pdf{display:block;width:100%;height:80vh;border:1px solid var(--border);border-radius:6px;background:#f5f5f5}.share-pdf-actions{margin-top:12px}.share-panel{margin-bottom:12px}.trace-box{border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:#fafbfc}.trace-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.trace-form{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.trace-input{flex:1;min-width:120px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px}.trace-table{width:100%;border-collapse:collapse;font-size:13px}.trace-table th,.trace-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border)}.trace-table th{color:var(--muted);font-weight:600}button.ghost.small{padding:2px 8px;font-size:12px;margin-left:6px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:32px;background:#000000d9;cursor:zoom-out;animation:lightbox-fade .12s ease-out}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox-img{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:4px;box-shadow:0 12px 48px #00000080;cursor:default}.lightbox-close{position:fixed;top:20px;right:24px;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#ffffff29;color:#fff;font-size:18px;line-height:1;cursor:pointer}.lightbox-close:hover{background:#ffffff52}