*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#333;line-height:1.6}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:8px 16px;border:1px solid #191918;background:#fff;color:#191918;cursor:pointer;border-radius:4px;text-decoration:none;display:inline-block;transition:all .3s}.btn:hover,.btn-primary{background:#191918;color:#fff}.btn-primary:hover{background:#333}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;color:#191918;font-weight:500}.form-control{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-control:focus{outline:none;border-color:#191918}.alert{padding:12px;border-radius:4px;margin-bottom:16px}.alert-error{background:#fee;color:#c33;border:1px solid #fcc}.alert-success{background:#efe;color:#363;border:1px solid #cfc}.loading{text-align:center;padding:40px;color:#666}.back-to-top{position:fixed;bottom:20px;right:20px;background:#191918;color:#fff;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001a;transition:all .3s}.back-to-top:hover{background:#333;transform:translateY(-2px)}::selection{background-color:#191918;color:#fff}::-moz-selection{background-color:#191918;color:#fff}.header[data-v-9a66d130]{background:#fff;border-bottom:1px solid #eee;padding:16px 0;position:sticky;top:0;z-index:100}.header-content[data-v-9a66d130]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.logo[data-v-9a66d130]{color:#191918;font-size:24px;font-weight:700}.header-actions[data-v-9a66d130]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-box[data-v-9a66d130]{display:flex;gap:8px}.search-input[data-v-9a66d130]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:200px}.search-btn[data-v-9a66d130]{padding:8px 16px;background:#191918;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.search-btn[data-v-9a66d130]:hover{background:#181817}.auth-buttons[data-v-9a66d130]{display:flex;gap:8px}.user-info[data-v-9a66d130]{display:flex;align-items:center;gap:12px}.main-content[data-v-9a66d130]{padding:40px 0}.content-wrapper[data-v-9a66d130]{display:grid;grid-template-columns:250px 1fr;gap:40px}.sidebar[data-v-9a66d130]{background:#f9f9f9;padding:20px;border-radius:8px;height:fit-content;position:sticky;top:100px}.sidebar h3[data-v-9a66d130]{color:#191918;margin-bottom:16px;font-size:18px}.tag-list[data-v-9a66d130]{list-style:none}.tag-list li[data-v-9a66d130]{margin-bottom:8px}.tag-btn[data-v-9a66d130]{width:100%;text-align:left;padding:8px 12px;background:none;border:none;cursor:pointer;border-radius:4px;transition:all .3s}.tag-btn[data-v-9a66d130]:hover,.tag-btn.active[data-v-9a66d130]{background:#191918;color:#fff}.welcome-section[data-v-9a66d130]{margin-bottom:40px;text-align:center}.typed-text[data-v-9a66d130]{font-size:32px;color:#191918;font-weight:700;min-height:50px}.cursor[data-v-9a66d130]{animation:blink-9a66d130 1s infinite}@keyframes blink-9a66d130{0%,50%{opacity:1}51%,to{opacity:0}}.articles-grid[data-v-9a66d130]{display:grid;gap:20px}.article-card[data-v-9a66d130]{background:#fff;border:1px solid #eee;border-radius:8px;padding:24px;cursor:pointer;transition:all .3s}.article-card[data-v-9a66d130]:hover{border-color:#191918;box-shadow:0 4px 12px #0000001a}.article-title[data-v-9a66d130]{color:#191918;font-size:20px;margin-bottom:12px}.article-meta[data-v-9a66d130]{display:flex;justify-content:space-between;align-items:center;color:#666;font-size:14px}.article-tag[data-v-9a66d130]{background:#f0f0f0;padding:4px 8px;border-radius:4px}.load-more[data-v-9a66d130]{text-align:center;margin-top:40px}.no-articles[data-v-9a66d130]{text-align:center;color:#666;padding:40px}@media (max-width: 768px){.content-wrapper[data-v-9a66d130]{grid-template-columns:1fr;gap:20px}.sidebar[data-v-9a66d130]{position:static}.header-content[data-v-9a66d130]{flex-direction:column;align-items:stretch}.search-input[data-v-9a66d130]{width:100%}}.auth-page[data-v-345244a8]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.auth-container[data-v-345244a8]{width:100%;max-width:400px;padding:20px}.auth-card[data-v-345244a8]{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.auth-title[data-v-345244a8]{text-align:center;color:#191918;margin-bottom:32px;font-size:28px}.auth-form[data-v-345244a8]{margin-bottom:24px}.btn-block[data-v-345244a8]{width:100%;padding:12px;font-size:16px}.auth-footer[data-v-345244a8]{text-align:center;color:#666}.auth-footer p[data-v-345244a8]{margin-bottom:8px}.auth-footer a[data-v-345244a8]{color:#191918;text-decoration:none}.auth-footer a[data-v-345244a8]:hover{text-decoration:underline}.auth-page[data-v-feb244e2]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.auth-container[data-v-feb244e2]{width:100%;max-width:400px;padding:20px}.auth-card[data-v-feb244e2]{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.auth-title[data-v-feb244e2]{text-align:center;color:#191918;margin-bottom:32px;font-size:28px}.auth-form[data-v-feb244e2]{margin-bottom:24px}.btn-block[data-v-feb244e2]{width:100%;padding:12px;font-size:16px}.auth-footer[data-v-feb244e2]{text-align:center;color:#666}.auth-footer p[data-v-feb244e2]{margin-bottom:8px}.auth-footer a[data-v-feb244e2]{color:#191918;text-decoration:none}.auth-footer a[data-v-feb244e2]:hover{text-decoration:underline}.article-page[data-v-f2240895]{min-height:100vh;background:#fff;position:relative}.back-button[data-v-f2240895]{position:fixed;top:20px;right:20px;background:#191918;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-size:14px;z-index:100;box-shadow:0 2px 10px #0000001a;transition:all .3s}.back-button[data-v-f2240895]:hover{background:#333;transform:translateY(-2px)}.article-container[data-v-f2240895]{max-width:800px;margin:0 auto;padding:40px 20px}.article-header[data-v-f2240895]{margin-bottom:40px;text-align:center;border-bottom:1px solid #eee;padding-bottom:20px}.article-title[data-v-f2240895]{color:#191918;font-size:32px;margin-bottom:16px;line-height:1.3}.article-meta[data-v-f2240895]{display:flex;justify-content:space-between;align-items:center;color:#666;font-size:14px;flex-wrap:wrap;gap:16px}.article-dates[data-v-f2240895]{display:flex;gap:24px;flex-wrap:wrap}.article-date[data-v-f2240895]{color:#666;font-size:14px}.article-tag[data-v-f2240895]{background:#f0f0f0;padding:4px 8px;border-radius:4px}.article-content[data-v-f2240895]{line-height:1.8;font-size:16px;color:#333;margin-bottom:60px}.article-content[data-v-f2240895] h1,.article-content[data-v-f2240895] h2,.article-content[data-v-f2240895] h3,.article-content[data-v-f2240895] h4,.article-content[data-v-f2240895] h5,.article-content[data-v-f2240895] h6{color:#191918;margin:24px 0 16px;font-weight:600}.article-content[data-v-f2240895] p{margin-bottom:16px}.article-content[data-v-f2240895] img{max-width:100%;height:auto;border-radius:8px;margin:20px 0;box-shadow:0 4px 12px #0000001a}.article-content[data-v-f2240895] pre{background:#f8f8f8;padding:16px;border-radius:6px;overflow-x:auto;margin:16px 0;border-left:4px solid #191918}.article-content[data-v-f2240895] code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-family:Monaco,Consolas,monospace;font-size:14px}.article-content[data-v-f2240895] blockquote{border-left:4px solid #191918;padding-left:16px;margin:16px 0;color:#666;font-style:italic}.comments-section[data-v-f2240895]{border-top:1px solid #eee;padding-top:40px}.comments-title[data-v-f2240895]{color:#191918;margin-bottom:24px;font-size:24px}.comment-form[data-v-f2240895]{margin-bottom:32px}.comment-input[data-v-f2240895]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;resize:vertical;font-family:inherit;font-size:14px;margin-bottom:12px}.comment-input[data-v-f2240895]:focus{outline:none;border-color:#191918}.login-prompt[data-v-f2240895]{text-align:center;padding:20px;background:#f9f9f9;border-radius:6px;margin-bottom:32px}.login-prompt a[data-v-f2240895]{color:#191918;text-decoration:none}.login-prompt a[data-v-f2240895]:hover{text-decoration:underline}.comments-list[data-v-f2240895]{display:flex;flex-direction:column;gap:16px}.no-comments[data-v-f2240895]{text-align:center;color:#666;padding:40px}.comment-item[data-v-f2240895]{background:#f9f9f9;padding:16px;border-radius:6px;margin-bottom:16px}.comment-header[data-v-f2240895]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.comment-author[data-v-f2240895]{font-weight:600;color:#191918}.delete-comment-btn[data-v-f2240895]{background:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:12px}.delete-comment-btn[data-v-f2240895]:hover{background:#c82333}.comment-content[data-v-f2240895]{color:#333;line-height:1.6}.error[data-v-f2240895]{text-align:center;color:#666;padding:40px}@media (max-width: 768px){.article-container[data-v-f2240895]{padding:20px 16px}.article-title[data-v-f2240895]{font-size:24px}.back-button[data-v-f2240895]{position:static;margin:20px;display:block;width:fit-content}.article-meta[data-v-f2240895]{flex-direction:column;align-items:center;text-align:center}.article-dates[data-v-f2240895]{gap:16px}}[data-v-f2240895]::selection{background-color:#191918;color:#fff}[data-v-f2240895]::-moz-selection{background-color:#191918;color:#fff}.article-content[data-v-f2240895] pre code{background:transparent;padding:0;border-radius:0}.article-content[data-v-f2240895] .hljs{background:#f8f8f8;color:#333}.article-content[data-v-f2240895] .hljs-keyword{color:#d73a49;font-weight:700}.article-content[data-v-f2240895] .hljs-string{color:#032f62}.article-content[data-v-f2240895] .hljs-comment{color:#6a737d;font-style:italic}.article-content[data-v-f2240895] .hljs-number{color:#005cc5}.article-content[data-v-f2240895] .hljs-function{color:#6f42c1}.article-content[data-v-f2240895] .hljs-variable{color:#e36209}.article-content[data-v-f2240895] .hljs-title{color:#6f42c1;font-weight:700}.article-content[data-v-f2240895] .hljs-attr{color:#005cc5}.article-content[data-v-f2240895] .hljs-tag{color:#22863a}.article-content[data-v-f2240895] .hljs-built_in{color:#005cc5}.admin-page[data-v-e21963e1]{min-height:100vh;background:#f5f5f5}.admin-header[data-v-e21963e1]{background:#fff;border-bottom:1px solid #eee;padding:20px 0}.admin-header .container[data-v-e21963e1]{display:flex;justify-content:space-between;align-items:center}.admin-header h1[data-v-e21963e1]{color:#191918;font-size:28px}.admin-nav[data-v-e21963e1]{display:flex;gap:12px}.admin-content[data-v-e21963e1]{padding:40px 0}.admin-grid[data-v-e21963e1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.admin-card[data-v-e21963e1]{background:#fff;padding:32px;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center}.admin-card h2[data-v-e21963e1]{color:#191918;margin-bottom:12px;font-size:24px}.admin-card p[data-v-e21963e1]{color:#666;margin-bottom:24px;line-height:1.6}.admin-page[data-v-4a89cae1]{min-height:100vh;background:#f5f5f5}.admin-header[data-v-4a89cae1]{background:#fff;border-bottom:1px solid #eee;padding:20px 0}.admin-header .container[data-v-4a89cae1]{display:flex;justify-content:space-between;align-items:center}.admin-header h1[data-v-4a89cae1]{color:#191918;font-size:28px}.admin-nav[data-v-4a89cae1]{display:flex;gap:12px}.admin-content[data-v-4a89cae1]{padding:40px 0}.admin-actions[data-v-4a89cae1]{margin-bottom:24px}.form-modal[data-v-4a89cae1]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.form-overlay[data-v-4a89cae1]{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.form-container[data-v-4a89cae1]{background:#fff;padding:32px;border-radius:8px;width:90%;max-width:500px;position:relative;z-index:1001}.form-container h2[data-v-4a89cae1]{color:#191918;margin-bottom:24px}.article-form[data-v-4a89cae1]{display:flex;flex-direction:column;gap:16px}.form-actions[data-v-4a89cae1]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.articles-table[data-v-4a89cae1]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.table[data-v-4a89cae1]{width:100%;border-collapse:collapse}.table th[data-v-4a89cae1],.table td[data-v-4a89cae1]{padding:16px;text-align:left;border-bottom:1px solid #eee}.table th[data-v-4a89cae1]{background:#f8f9fa;font-weight:600;color:#191918}.actions[data-v-4a89cae1]{display:flex;gap:8px}.btn-sm[data-v-4a89cae1]{padding:6px 12px;font-size:12px}.btn-danger[data-v-4a89cae1]{background:#dc3545;color:#fff;border-color:#dc3545}.btn-danger[data-v-4a89cae1]:hover{background:#c82333;border-color:#bd2130}.no-data[data-v-4a89cae1]{text-align:center;padding:40px;color:#666}@media (max-width: 768px){.form-container[data-v-4a89cae1]{width:95%;padding:20px}.table[data-v-4a89cae1]{font-size:14px}.table th[data-v-4a89cae1],.table td[data-v-4a89cae1]{padding:12px 8px}.actions[data-v-4a89cae1]{flex-direction:column;gap:4px}}.admin-page[data-v-25c5ce0d]{min-height:100vh;background:#f5f5f5}.admin-header[data-v-25c5ce0d]{background:#fff;border-bottom:1px solid #eee;padding:20px 0}.admin-header .container[data-v-25c5ce0d]{display:flex;justify-content:space-between;align-items:center}.admin-header h1[data-v-25c5ce0d]{color:#191918;font-size:28px}.admin-nav[data-v-25c5ce0d]{display:flex;gap:12px}.admin-content[data-v-25c5ce0d]{padding:40px 0}.admin-actions[data-v-25c5ce0d]{margin-bottom:24px}.form-modal[data-v-25c5ce0d]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.form-overlay[data-v-25c5ce0d]{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.form-container[data-v-25c5ce0d]{background:#fff;padding:32px;border-radius:8px;width:90%;max-width:400px;position:relative;z-index:1001}.form-container h2[data-v-25c5ce0d]{color:#191918;margin-bottom:24px}.tag-form[data-v-25c5ce0d]{display:flex;flex-direction:column;gap:16px}.form-actions[data-v-25c5ce0d]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.tags-table[data-v-25c5ce0d]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.table[data-v-25c5ce0d]{width:100%;border-collapse:collapse}.table th[data-v-25c5ce0d],.table td[data-v-25c5ce0d]{padding:16px;text-align:left;border-bottom:1px solid #eee}.table th[data-v-25c5ce0d]{background:#f8f9fa;font-weight:600;color:#191918}.actions[data-v-25c5ce0d]{display:flex;gap:8px}.btn-sm[data-v-25c5ce0d]{padding:6px 12px;font-size:12px}.btn-danger[data-v-25c5ce0d]{background:#dc3545;color:#fff;border-color:#dc3545}.btn-danger[data-v-25c5ce0d]:hover{background:#c82333;border-color:#bd2130}.no-data[data-v-25c5ce0d]{text-align:center;padding:40px;color:#666}@media (max-width: 768px){.form-container[data-v-25c5ce0d]{width:95%;padding:20px}.table[data-v-25c5ce0d]{font-size:14px}.table th[data-v-25c5ce0d],.table td[data-v-25c5ce0d]{padding:12px 8px}}.admin-page[data-v-e27cca8e]{min-height:100vh;background:#f5f5f5}.admin-header[data-v-e27cca8e]{background:#fff;border-bottom:1px solid #eee;padding:20px 0}.admin-header .container[data-v-e27cca8e]{display:flex;justify-content:space-between;align-items:center}.admin-header h1[data-v-e27cca8e]{color:#191918;font-size:28px}.admin-nav[data-v-e27cca8e]{display:flex;gap:12px}.admin-content[data-v-e27cca8e]{padding:40px 0}.comments-table[data-v-e27cca8e]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.table[data-v-e27cca8e]{width:100%;border-collapse:collapse}.table th[data-v-e27cca8e],.table td[data-v-e27cca8e]{padding:16px;text-align:left;border-bottom:1px solid #eee;vertical-align:top}.table th[data-v-e27cca8e]{background:#f8f9fa;font-weight:600;color:#191918}.comment-content[data-v-e27cca8e]{max-width:300px;word-wrap:break-word;line-height:1.4}.actions[data-v-e27cca8e]{display:flex;gap:8px}.btn-sm[data-v-e27cca8e]{padding:6px 12px;font-size:12px}.btn-danger[data-v-e27cca8e]{background:#dc3545;color:#fff;border-color:#dc3545}.btn-danger[data-v-e27cca8e]:hover{background:#c82333;border-color:#bd2130}.no-data[data-v-e27cca8e]{text-align:center;padding:40px;color:#666}@media (max-width: 768px){.table[data-v-e27cca8e]{font-size:14px}.table th[data-v-e27cca8e],.table td[data-v-e27cca8e]{padding:12px 8px}.comment-content[data-v-e27cca8e]{max-width:200px}}