#app{height:100%;width:100%}:root{--banner-width: 1200px;--shadow-element: rgba(0, 0, 0, .1);--content-height-without-header: calc(100vh - 3.2rem) ;--content-editor-background-color: #f8f3e9;--content-editor-color: #2c1810;--content-editor-pointer-color: #5a3e2b}body.dark-mode{--content-editor-background-color: var(--card-bg);--content-editor-color: var(--text-color);--content-editor-pointer-color: var(--text-color)}.content-height{height:var(--content-height-without-header)}.content-container{width:100%;height:var(--content-height-without-header);display:flex;justify-content:center;align-items:center;flex-direction:column}body{font-family:Arial,PingFangSC-Regular,Microsoft Yahei,"Source Han Serif SC",SimSun,sans-serif}.container-banner{width:var(--banner-width);margin:0 auto}@media screen and (max-width:768px){.container-banner{width:100%}}.header-container{display:flex;justify-content:flex-end;border-bottom:1px solid var(--primary-color)}@media screen and (max-width:768px){.header-container{justify-content:space-between}}.siderbar-item{cursor:pointer;width:2.5rem;box-sizing:border-box;padding:.5rem .25rem;margin:.25rem}.hover-color-primary:hover{color:var(--primary-color)}.button-delete{background-color:red;cursor:pointer;color:#fff;outline:none;border:none}.button-delete:hover{background-color:#8b0000}.content-editor-like{font-family:Songti SC,SimSun,STSong,serif,Georgia,Times New Roman,sans-serif;font-size:1.25rem;line-height:2.4rem;box-shadow:0 4px 20px #00000026,inset 0 0 0 1px #8b45131a;background:var(--content-editor-background-color);color:var(--content-editor-color);outline:none;border:none;caret-color:var(--content-editor-pointer-color);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-break:anywhere}ul,ol{margin:0;padding:0;list-style:none}body{height:100vh;width:100vw}#app{display:flex}.bg-hover-secondary:hover{border-radius:.5rem}.active-common{background-color:var(--q-primary-color);color:#fff;border-radius:.5rem}.progress-bar{width:100%;height:8px;border-radius:4px;background-color:var(--q-secondary-background-color);overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#06b6d4,#3b82f6);transition:width .5s ease}.tag{font-size:.75rem;padding:.2rem .4rem;border-radius:.5rem;font-weight:300;background-color:var(--q-tag-primary-color);color:#fff}.writing-editor[data-v-8e657856]{display:flex;flex-direction:column;width:100%;position:relative;background:var(--content-editor-background-color);border-radius:.5rem;box-shadow:0 4px 20px #00000026,inset 0 0 0 1px #8b45131a;padding:2rem 2rem 1rem;font-family:Songti SC,SimSun,STSong,serif,Georgia,Times New Roman}.writing-editor.compact[data-v-8e657856]{padding:1rem}.writing-area[data-v-8e657856]{overflow-y:auto;font-size:1.25rem;line-height:2.4rem;color:var(--content-editor-color);background:transparent;outline:none;border:none;caret-color:var(--content-editor-pointer-color);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-break:anywhere}.writing-area[data-v-8e657856]::-webkit-scrollbar{width:.125rem;background-color:transparent}.writing-area[data-v-8e657856]::-webkit-scrollbar-thumb{background-color:var(--content-editor-color)}[data-v-8e657856] .writing-area p{text-indent:2rem;line-height:inherit;font-size:inherit}.status-bar[data-v-8e657856]{margin-top:.5rem;text-align:right;color:#8b5a2b;font-size:.95rem;font-family:Helvetica Neue,Arial,sans-serif;opacity:.85}@media(max-width:768px){.writing-area[data-v-8e657856]{font-size:1.1rem;line-height:2.1rem}.writing-editor.compact[data-v-8e657856]{padding:.5rem}}.siderbar-label[data-v-e548c7f3]{font-size:.8rem;line-height:1.2;text-align:center;white-space:normal}.siderbar-btn[data-v-e548c7f3]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}