.tiptap{border:none;color:#2d3748;font-size:16px;line-height:1.7;margin:0 auto;max-width:800px;outline:none!important;padding:40px 20px}.tiptap :first-child{margin-top:0}.tiptap ol,.tiptap ul{color:#2d3748;margin:1.25rem 1rem 1.25rem .4rem;padding:0 1rem}.tiptap ul li p{margin-bottom:.25em;margin-top:.25em}.tiptap h1,.tiptap h2,.tiptap h3,.tiptap h4,.tiptap h5,.tiptap h6{line-height:1.1;margin-top:2.5rem;ext-wrap:pretty;color:#276749}.tiptap h1{font-size:1.8rem}.tiptap h2{font-size:1.5rem}.tiptap h3{font-size:1.3rem}.tiptap h4,.tiptap h5,.tiptap h6{font-size:1.1rem}.tiptap code{background-color:#f0fff4;background-color:#000;border-radius:.2rem;border-radius:4px;color:#2f855a;color:#4ade80;font-size:.9rem;font-size:.9em;padding:.2rem .4rem;padding:.2em .4em}.tiptap code,.tiptap pre{font-family:JetBrains Mono,SF Mono,Menlo,Monaco,Consolas,monospace}.tiptap pre{background:#0f172a;border:1px solid #1e293b;border-radius:8px;box-shadow:0 4px 20px #0000004d;margin:1.5rem 0;overflow-x:auto;padding:1.5rem;position:relative}.tiptap pre:before{content:"";display:flex;gap:6px;left:12px;position:absolute;top:12px}.tiptap pre code{background:none;color:#e2e8f0;font-size:.95em;padding:0;text-shadow:0 1px rgba(0,0,0,.3)}.tiptap pre .hljs{background:#000;color:silver}.tiptap pre .hljs ::-moz-selection,.tiptap pre .hljs::-moz-selection{background-color:#383838;color:silver}.tiptap pre .hljs ::selection,.tiptap pre .hljs::selection{background-color:#383838;color:silver}.tiptap pre .hljs-comment{color:#545454}.tiptap pre .hljs-tag{color:#a2a2a2}.tiptap pre .hljs-operator,.tiptap pre .hljs-punctuation,.tiptap pre .hljs-subst{color:silver}.tiptap pre .hljs-operator{opacity:.7}.tiptap pre .hljs-bullet,.tiptap pre .hljs-deletion,.tiptap pre .hljs-name,.tiptap pre .hljs-selector-tag,.tiptap pre .hljs-template-variable,.tiptap pre .hljs-variable{color:#fc5454}.tiptap pre .hljs-attr,.tiptap pre .hljs-link,.tiptap pre .hljs-literal,.tiptap pre .hljs-number,.tiptap pre .hljs-symbol,.tiptap pre .hljs-variable.constant_{color:olive}.tiptap pre .hljs-class .hljs-title,.tiptap pre .hljs-title,.tiptap pre .hljs-title.class_{color:#fcfc54}.tiptap pre .hljs-strong{color:#fcfc54;font-weight:700}.tiptap pre .hljs-addition,.tiptap pre .hljs-code,.tiptap pre .hljs-string,.tiptap pre .hljs-title.class_.inherited__{color:#54fc54}.tiptap pre .hljs-built_in,.tiptap pre .hljs-doctag,.tiptap pre .hljs-keyword.hljs-atrule,.tiptap pre .hljs-quote,.tiptap pre .hljs-regexp{color:#54fcfc}.tiptap pre .hljs-attribute,.tiptap pre .hljs-function .hljs-title,.tiptap pre .hljs-section,.tiptap pre .hljs-title.function_,.tiptap pre .ruby .hljs-property{color:#5454fc}.tiptap pre .diff .hljs-meta,.tiptap pre .hljs-keyword,.tiptap pre .hljs-template-tag,.tiptap pre .hljs-type{color:#fc54fc}.tiptap pre .hljs-emphasis{color:#fc54fc;font-style:italic}.tiptap pre .hljs-meta,.tiptap pre .hljs-meta .hljs-keyword,.tiptap pre .hljs-meta .hljs-string{color:green}.tiptap pre .hljs-meta .hljs-keyword,.tiptap pre .hljs-meta-keyword{font-weight:700}.tiptap pre:hover{border-color:#4ade80;box-shadow:0 0 0 1px #4ade801a,0 4px 20px #0000004d;transition:all .3s ease}.tiptap pre:after{background:#4ade800d;border-right:1px solid rgba(74,222,128,.1);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:3.5em}.tiptap blockquote{background-color:#f0fff4;border-left:4px solid #48bb78;border-radius:0 8px 8px 0;color:#2f855a;margin:1.5rem 0;padding:1rem}.tiptap hr{border:none;border-top:1px solid #e2e8f0;margin:2rem 0}.tiptap p{color:#2d3748;line-height:1.7;margin:1rem 0}.tiptap a{border-bottom:1px solid rgba(56,161,105,.2);color:#38a169;text-decoration:none}.tiptap a:hover{border-bottom-color:#38a169}.tiptap .tiptap ul li:before{color:#48bb78}.tiptap .blog-image{transition:all .3s ease}.tiptap .blog-image,.tiptap img{border-radius:8px;box-shadow:0 4px 12px #0000001a;display:block;height:auto;margin:1rem 0;max-width:100%}.bubble-menu{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:2px;padding:2px;width:100%}.bubble-menu button{background-color:transparent;border:none;border-radius:4px;color:#2f855a;cursor:pointer;font-size:14px;padding:5px;transition:all .2s ease}.bubble-menu button:hover{background-color:#f0fff4}.bubble-menu button.is-active{background-color:#48bb78;color:#fff}.control-group label{color:#2f855a}.control-group input[type=checkbox]{accent-color:#48bb78}.tiptap hr{border-top:1px solid #9ae6b4}.tiptap ::-moz-selection{background-color:#48bb7833}.tiptap ::selection{background-color:#48bb7833}.container{margin:50px auto;max-width:900px;padding:20px}.tiptap .ProseMirror{outline:none}:focus-visible{outline:none}.editor-page{min-height:50vh}.editor-page,.system-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa}.system-header{border-bottom:1px solid rgba(0,0,0,.06)!important}.header-content{justify-content:space-between;padding:0 16px;width:100%}.header-content,.left-section{align-items:center;display:flex}.left-section{gap:12px}.back-btn{opacity:.7;transition:opacity .2s}.back-btn:hover{opacity:1}.doc-title{max-width:600px}.title-input{font-size:14px;font-weight:500}.right-section,.save-info{align-items:center;display:flex}.save-info{color:#999;font-size:13px;transition:all .3s ease}.save-info.saved{color:#48bb78}.publish-btn,.save-btn{font-weight:500;letter-spacing:.3px}:root[class*=v-theme--dark] .system-header{background:#242424fa;border-color:#ffffff1a}:root[class*=v-theme--dark] .title-input{color:#e0e0e0}:root[class*=v-theme--dark] .save-info.saved{color:#81c784}.online-status{align-items:center;color:#666;display:flex;font-size:13px;gap:6px}.status-dot{animation:pulse 2s infinite;background-color:#48bb78;border-radius:50%;height:8px;width:8px}.status-text{font-weight:500}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}:deep(.v-avatar-group) .v-avatar{border:2px solid #fff;transition:transform .2s ease}:deep(.v-avatar-group) .v-avatar:hover{transform:translateY(-2px)}:root[class*=v-theme--dark] .online-status{color:#999}:root[class*=v-theme--dark] :deep(.v-avatar-group) .v-avatar{border-color:#1e1e1e}