*{margin:0;padding:0;box-sizing:border-box}:root{--brand-color: #5bd15b;--brand-dark: #4ab84a;--brand-light: #e8f8e8;--text-color: #333;--text-light: #666;--border-color: #ddd;--bg-color: #f9f9f9;--danger-color: #dc3545;--card-bg: #ffffff;--header-bg: #ffffff;--input-bg: #ffffff;--code-bg: #eeeeee;--code-color: #c92a2a;--dropdown-bg: #ffffff;--hover-bg: rgba(0, 0, 0, .05)}.dark-mode{--brand-color: #6de36d;--brand-dark: #5bd15b;--brand-light: rgba(91, 209, 91, .15);--text-color: #e4e4e7;--text-light: #a1a1aa;--border-color: #3f3f46;--bg-color: #18181b;--card-bg: #27272a;--header-bg: #1f1f23;--input-bg: #3f3f46;--code-bg: #1e1e1e;--code-color: #ff6b6b;--dropdown-bg: #27272a;--hover-bg: rgba(255, 255, 255, .05);--danger-color: #ef4444}*,*:before,*:after{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}input,textarea,select{transition:border-color .3s ease,background-color .3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);margin:0;padding:0}.container{max-width:900px;margin:0 auto;padding:0 20px 20px}header{position:sticky;top:0;z-index:1000;background-color:var(--header-bg);border-bottom:2px solid var(--brand-color);padding:1rem 0;margin-bottom:2rem}header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;color:var(--brand-color);font-size:1.8rem;font-weight:700;text-decoration:none;line-height:1}.logo img{height:40px;margin-right:10px;display:block}.logo span{color:#5bd15b;font-weight:700;font-size:1.5rem;line-height:1}nav{display:flex;align-items:center;gap:1rem}.user-info{position:relative}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--brand-color)}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.user-menu-trigger:hover{background-color:var(--hover-bg)}.user-menu-trigger svg{transition:transform .2s}.user-menu-trigger.active svg{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:var(--dropdown-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background-color .2s;color:var(--text-color);text-decoration:none;font-size:.95rem}.dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dropdown-item:hover{background-color:var(--brand-light)}.dropdown-item.logout-item:hover{background-color:#fee;color:var(--danger-color)}.dropdown-divider{height:1px;background-color:var(--border-color);margin:.25rem 0}.badge{background-color:var(--brand-color);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:700}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.btn-primary{background-color:var(--brand-color);color:#fff;text-decoration:none}.btn-primary:hover{background-color:var(--brand-dark)}.btn-secondary{background-color:var(--card-bg);color:#5bd15b;text-decoration:none;border:1px solid #5bd15b}.btn-secondary:hover{color:#fff;background-color:#5bd15b;text-decoration:none}.btn-danger{color:#ff7f00;background-color:var(--card-bg);text-decoration:none;border:1px solid #ff7f00}.btn-danger:hover{color:#fff;background-color:#ff7f00;text-decoration:none}.post-form{background-color:var(--card-bg);padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.post-form h2{color:var(--brand-color);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;font-family:inherit;background-color:var(--input-bg);color:var(--text-color)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-color)}.editor-help{margin-top:.5rem;color:var(--text-light)}.form-actions{display:flex;gap:.5rem}#posts-list h2{color:var(--brand-color);margin-bottom:1.5rem}#new-post-btn-container{margin-bottom:2rem}.post-card{background-color:var(--card-bg);padding:1.5rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.post-card h3{color:var(--text-color);margin-bottom:.5rem}.post-card .post-meta{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9rem;margin-bottom:.5rem}.post-card-author{display:flex;align-items:center;gap:.5rem}.post-card-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.post-card-author-name{font-weight:600;color:var(--text-color)}.post-card-date{color:var(--text-light)}.post-detail .post-meta{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9rem;margin-bottom:1rem}#detail-author{display:flex;align-items:center;gap:.5rem}#detail-date{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9rem}.post-author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.post-author-name{font-weight:600;color:var(--text-color);font-size:1rem}.post-preview{color:var(--text-color);line-height:1.6}.post-detail{background-color:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.post-detail h1{color:var(--text-color);margin-bottom:1rem}.post-content{margin-top:2rem;line-height:1.8;white-space:pre-wrap}.post-content li{margin-bottom:.5rem}.post-content ul,.post-content ol{padding-left:1.5rem;margin-bottom:1rem}.post-content hr{border:0;border-top:1px solid var(--border-color);margin:2rem 0}.post-content pre{background-color:var(--code-bg);border-radius:6px;padding:1rem;margin:1rem 0;overflow-x:auto}.post-content code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.9em;background-color:var(--code-bg);color:var(--code-color);padding:.2em .4em;border-radius:4px}.post-content pre code{background-color:transparent;color:inherit;padding:0;border-radius:0}.task-list-item{list-style-type:none;display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.post-content .task-checkbox{width:1.1em;height:1.1em;cursor:pointer;margin:0}.editor-container{display:flex;gap:1rem;height:50vh}.editor-container textarea{width:50%;height:100%;resize:none;font-family:monospace;line-height:1.6;transition:border-color .2s,background-color .2s,box-shadow .2s;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;padding:1rem}.editor-container textarea.drag-over{border-color:var(--brand-color);background-color:var(--brand-light);box-shadow:0 0 0 3px #5bd15b1a}.editor-preview{width:50%;height:100%;overflow-y:auto;border:1px solid var(--border-color);border-radius:4px;padding:1rem;background-color:var(--card-bg);margin-top:0;white-space:pre-wrap}.container.wide-mode{max-width:1400px}@media(max-width:768px){.editor-container{flex-direction:column;height:auto}.editor-container textarea,.editor-preview{width:100%;height:50vh}}.post-content h1{font-size:2rem;margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-color)}.post-content h2{font-size:1.5rem;margin-top:1.2rem;margin-bottom:.5rem;color:var(--text-color)}.post-content h3{font-size:1.2rem;margin-top:1rem;margin-bottom:.25rem;color:var(--text-color)}.post-actions-container{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.post-actions{display:flex;gap:.5rem}#back-to-list-btn{margin-top:1rem}.search-container{display:flex;gap:.5rem;margin-bottom:2rem}#search-type{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-color);font-size:1rem}#search-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background-color:var(--input-bg);color:var(--text-color)}.tag-input-container{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;border:none}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-badge{background-color:var(--brand-light);color:var(--brand-color);padding:.25rem .75rem;border-radius:1rem;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.25rem;cursor:default}.tag-badge .remove-tag{cursor:pointer;font-weight:700;margin-left:.25rem}.tag-badge .remove-tag:hover{color:var(--brand-dark)}#tag-input{border:none;outline:none;font-size:1rem;padding:.5rem;flex:1;min-width:150px}.secret-checkbox-container{display:flex;align-items:center;margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-light)}.checkbox-label input{width:auto;margin:0}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;margin-bottom:.5rem}.post-tag{background-color:var(--input-bg);color:var(--text-color);padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;text-decoration:none;transition:background-color .2s}.post-tag:hover{background-color:var(--border-color)}.secret-icon{color:var(--text-light);margin-left:.5rem;vertical-align:middle}.empty-state{text-align:center;padding:3rem;color:var(--text-light)}.loading{text-align:center;padding:2rem;color:var(--text-light)}.profile-container{max-width:800px;margin:0 auto}.profile-avatar-section{display:flex;justify-content:center;padding:2rem 0}.profile-avatar-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--brand-color);box-shadow:0 2px 8px #0000001a}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.profile-header h2{color:var(--brand-color);font-size:2rem}.profile-card{background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem;margin-bottom:2rem}.profile-section{margin-bottom:2rem}.profile-section:last-child{margin-bottom:0}.profile-section h3{color:var(--text-color);font-size:1.2rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--brand-color)}.profile-field{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-color)}.profile-field:last-child{border-bottom:none}.profile-field label{font-weight:500;color:var(--text-light)}.profile-field .profile-value{color:var(--text-color);word-break:break-all}.profile-actions{text-align:center}@media(max-width:640px){.profile-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-field{grid-template-columns:1fr;gap:.5rem}.profile-field label{font-size:.9rem}}.comments-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #e9ecef}.comments-title{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color)}#comments-container{border-bottom:1px solid #e9ecef;margin-bottom:1.5rem}.comment-form-box{background-color:transparent;border:none;padding:1rem 0;display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap}.comment-input{width:100%;padding:.8rem .9rem;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:.95rem;background-color:var(--input-bg);color:var(--text-color);transition:border-color .2s}.comment-input:focus{outline:none;border-color:var(--brand-color)}.comment-input::placeholder{color:var(--text-light)}.pagination-container{display:flex;justify-content:center;align-items:center;gap:.5rem}.pagination-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-color);border-radius:4px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:var(--brand-light);border-color:var(--brand-color);color:var(--brand-color)}.pagination-btn.active{background-color:var(--brand-color);color:#fff;border-color:var(--brand-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--input-bg)}.page-size-selector{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-color);cursor:pointer}.pagination-wrapper{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.post-content table{border-collapse:collapse;width:100%;margin:1rem 0;border:1px solid var(--text-color)}.post-content table th,.post-content table td{border:1px solid var(--text-color);padding:.75rem;text-align:left}.post-content table th{background-color:#f5f5f5;font-weight:600}.post-content table tr:nth-child(2n){background-color:#fafafa}.post-content blockquote{margin:1.5rem 0;padding:1rem 1rem 1rem 1.5rem;background-color:#eee;border-left:4px solid #5bd15b;border-radius:0 4px 4px 0;color:var(--text-color)}.post-content blockquote p{margin:0;line-height:1.6}.post-content blockquote p:not(:last-child){margin-bottom:.5rem}.post-content blockquote code{background-color:#0000000d;padding:.2em .4em}.dark-mode .post-content table,.dark-mode .post-content table th,.dark-mode .post-content table td{border-color:var(--border-color)}.dark-mode .post-content table th{background-color:#2a2a2a}.dark-mode .post-content table tr:nth-child(2n){background-color:#1f1f1f}.dark-mode .post-content blockquote{background-color:#5bd15b14;border-left-color:#6de36d;color:var(--text-color)}.dark-mode .post-content blockquote code{background-color:#ffffff0d}.dark-mode .dropdown-item.logout-item:hover{background-color:#ef444426}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background-color:var(--hover-bg);color:var(--text-color);cursor:pointer;transition:background-color .2s,transform .2s;margin-right:.5rem}.theme-toggle:hover{background-color:var(--brand-light);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(20deg)}.template-selector{position:relative;display:inline-block}.template-dropdown{position:absolute;top:calc(100% + .25rem);left:0;min-width:250px;background-color:var(--dropdown-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:400px;overflow-y:auto;padding:.5rem 0}.template-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--text-color);cursor:pointer;text-align:left;transition:background-color .2s;font-size:.95rem}.template-dropdown-item:hover{background-color:var(--hover-bg)}.template-dropdown-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.9rem}.template-dropdown-divider{height:1px;background-color:var(--border-color);margin:.5rem 0}.template-manage-btn{color:var(--brand-color);font-weight:500}.template-name{flex:1}.template-badge{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:600;background-color:var(--brand-color);color:#fff;border-radius:4px;margin-left:.5rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content{background-color:var(--card-bg);border-radius:12px;box-shadow:0 8px 32px #0003;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;color:var(--text-color);font-size:1.5rem}.modal-close{width:32px;height:32px;border:none;background:none;color:var(--text-muted);font-size:2rem;line-height:1;cursor:pointer;transition:color .2s;padding:0;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-color)}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.template-manager-modal .modal-content{max-width:900px}.template-form{display:flex;flex-direction:column;gap:1rem}.template-form .form-group{display:flex;flex-direction:column;gap:.5rem}.template-form label{font-weight:500;color:var(--text-color);font-size:.95rem}.template-form input[type=text],.template-form textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:var(--text-color);font-size:.95rem;transition:border-color .2s}.template-form input[type=text]:focus,.template-form textarea:focus{outline:none;border-color:var(--brand-color)}.template-form textarea{resize:vertical;min-height:200px}.template-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.template-list{display:flex;flex-direction:column;gap:1rem}.template-list-empty{text-align:center;padding:2rem;color:var(--text-muted);font-size:.95rem}.template-list-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-bg);transition:border-color .2s}.template-list-item:hover{border-color:var(--brand-color)}.template-info{flex:1;min-width:0}.template-info h3{margin:0 0 .5rem;color:var(--text-color);font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.template-preview{margin:0;color:var(--text-muted);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace}.template-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}