.header[data-v-ab61f907]{background-color:#333;color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100}.container[data-v-ab61f907]{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.logo[data-v-ab61f907]{margin:0;font-size:1.5rem}.logo a[data-v-ab61f907]{color:#fff;text-decoration:none}.nav[data-v-ab61f907]{display:flex;gap:1.5rem}.nav a[data-v-ab61f907]{color:#fff;text-decoration:none;transition:color .3s}.nav a[data-v-ab61f907]:hover{color:#42b883}.footer[data-v-720f8694]{background-color:#333;color:#fff;text-align:center;padding:1rem;margin-top:auto}.container[data-v-720f8694]{max-width:1200px;margin:0 auto;padding:0 1rem}p[data-v-720f8694]{margin-bottom:0}.record-link[data-v-720f8694]{color:#fff;text-decoration:none;transition:color .3s ease}a{color:#42b883;text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.post-card[data-v-e2616fea]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;margin-bottom:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;gap:1.5rem;align-items:flex-start}.dark-mode .post-card[data-v-e2616fea]{background-color:#1e1e1e;box-shadow:0 2px 4px #0000004d}.post-card[data-v-e2616fea]:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.dark-mode .post-card[data-v-e2616fea]:hover{box-shadow:0 5px 15px #0000004d}.post-image[data-v-e2616fea]{flex-shrink:0;width:200px;height:150px;border-radius:8px;overflow:hidden}.post-image img[data-v-e2616fea]{width:100%;height:100%;object-fit:cover}.post-content[data-v-e2616fea]{flex:1}.post-title[data-v-e2616fea]{margin-top:0;margin-bottom:.5rem}.post-title a[data-v-e2616fea]{color:#333;text-decoration:none;transition:color .3s}.dark-mode .post-title a[data-v-e2616fea]{color:#e0e0e0}.post-title a[data-v-e2616fea]:hover{color:#42b883}.post-meta[data-v-e2616fea]{font-size:.875rem;color:#666;margin-bottom:1rem;display:flex;gap:1rem;flex-wrap:wrap}.dark-mode .post-meta[data-v-e2616fea]{color:#999}.post-category a[data-v-e2616fea]{color:#42b883;text-decoration:none}.post-excerpt[data-v-e2616fea]{margin-bottom:1rem;color:#333;line-height:1.5}.dark-mode .post-excerpt[data-v-e2616fea]{color:#e0e0e0}.post-tags[data-v-e2616fea]{margin-bottom:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.tag[data-v-e2616fea]{background-color:#f0f0f0;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;color:#666}.dark-mode .tag[data-v-e2616fea]{background-color:#333;color:#e0e0e0}.read-more[data-v-e2616fea]{display:inline-block;background-color:#42b883;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;transition:background-color .3s}.read-more[data-v-e2616fea]:hover{background-color:#36a06f}.home[data-v-fac4d8f8]{padding:2rem 0}.container[data-v-fac4d8f8]{max-width:1200px;margin:0 auto;padding:0 1rem}.home-content[data-v-fac4d8f8]{display:flex;gap:2rem}.sidebar[data-v-fac4d8f8]{width:250px;flex-shrink:0}.sidebar-section[data-v-fac4d8f8]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.dark-mode .sidebar-section[data-v-fac4d8f8]{background-color:#1e1e1e;box-shadow:0 2px 4px #0000004d}.sidebar-title[data-v-fac4d8f8]{font-size:1.2rem;margin-bottom:1rem;color:#333;border-bottom:1px solid #eee;padding-bottom:.5rem}.dark-mode .sidebar-title[data-v-fac4d8f8]{color:#e0e0e0;border-bottom-color:#333}.category-list[data-v-fac4d8f8],.recent-articles[data-v-fac4d8f8]{list-style:none;padding:0;margin:0}.category-list li[data-v-fac4d8f8],.recent-articles li[data-v-fac4d8f8]{margin-bottom:.75rem}.category-list a[data-v-fac4d8f8],.recent-articles a[data-v-fac4d8f8]{color:#333;text-decoration:none;transition:color .3s;display:block;padding:.25rem 0}.dark-mode .category-list a[data-v-fac4d8f8],.dark-mode .recent-articles a[data-v-fac4d8f8]{color:#e0e0e0}.category-list a[data-v-fac4d8f8]:hover,.recent-articles a[data-v-fac4d8f8]:hover{color:#42b883}.category-count[data-v-fac4d8f8]{font-size:.8rem;color:#666;margin-left:.5rem}.dark-mode .category-count[data-v-fac4d8f8]{color:#999}.content[data-v-fac4d8f8]{flex:1}.page-title[data-v-fac4d8f8]{font-size:2rem;margin-bottom:2rem;color:#333}.dark-mode .page-title[data-v-fac4d8f8]{color:#e0e0e0}.posts-container[data-v-fac4d8f8]{display:flex;flex-direction:column;gap:1.5rem}.no-results[data-v-fac4d8f8],.welcome-message[data-v-fac4d8f8]{text-align:center;padding:4rem 0;color:#666}.dark-mode .no-results[data-v-fac4d8f8],.dark-mode .welcome-message[data-v-fac4d8f8]{color:#999}.category-title[data-v-fac4d8f8]{font-size:1.5rem;margin:2rem 0 1rem;color:#333}.dark-mode .category-title[data-v-fac4d8f8]{color:#e0e0e0}@media(max-width:768px){.home-content[data-v-fac4d8f8]{flex-direction:column}.sidebar[data-v-fac4d8f8]{width:100%}.sidebar-section[data-v-fac4d8f8]{margin-bottom:1rem}}.home[data-v-cb2bad45]{padding:2rem 0}.container[data-v-cb2bad45]{max-width:1200px;margin:0 auto;padding:0 1rem}.home-content[data-v-cb2bad45]{display:flex;gap:2rem}.sidebar[data-v-cb2bad45]{width:250px;flex-shrink:0}.sidebar-section[data-v-cb2bad45]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.dark-mode .sidebar-section[data-v-cb2bad45]{background-color:#1e1e1e;box-shadow:0 2px 4px #0000004d}.sidebar-title[data-v-cb2bad45]{font-size:1.2rem;margin-bottom:1rem;color:#333;border-bottom:1px solid #eee;padding-bottom:.5rem}.dark-mode .sidebar-title[data-v-cb2bad45]{color:#e0e0e0;border-bottom-color:#333}.category-list[data-v-cb2bad45],.recent-articles[data-v-cb2bad45]{list-style:none;padding:0;margin:0}.category-list li[data-v-cb2bad45],.recent-articles li[data-v-cb2bad45]{margin-bottom:.75rem}.category-list a[data-v-cb2bad45],.recent-articles a[data-v-cb2bad45]{color:#333;text-decoration:none;transition:color .3s;display:block;padding:.25rem 0}.dark-mode .category-list a[data-v-cb2bad45],.dark-mode .recent-articles a[data-v-cb2bad45]{color:#e0e0e0}.category-list a[data-v-cb2bad45]:hover,.recent-articles a[data-v-cb2bad45]:hover{color:#42b883}.category-count[data-v-cb2bad45]{font-size:.8rem;color:#666;margin-left:.5rem}.dark-mode .category-count[data-v-cb2bad45]{color:#999}.content[data-v-cb2bad45]{flex:1}.page-title[data-v-cb2bad45]{font-size:2rem;margin-bottom:2rem;color:#333}.dark-mode .page-title[data-v-cb2bad45]{color:#e0e0e0}.posts-container[data-v-cb2bad45]{display:flex;flex-direction:column;gap:1.5rem}.no-results[data-v-cb2bad45],.welcome-message[data-v-cb2bad45]{text-align:center;padding:4rem 0;color:#666}.dark-mode .no-results[data-v-cb2bad45],.dark-mode .welcome-message[data-v-cb2bad45]{color:#999}@media(max-width:768px){.home-content[data-v-cb2bad45]{flex-direction:column}.sidebar[data-v-cb2bad45]{width:100%}.sidebar-section[data-v-cb2bad45]{margin-bottom:1rem}}.about[data-v-0f28a51a]{padding:2rem 0}.container[data-v-0f28a51a]{max-width:800px;margin:0 auto;padding:0 1rem}.page-title[data-v-0f28a51a]{font-size:2rem;margin-bottom:2rem;color:#333}.about-content[data-v-0f28a51a]{line-height:1.8;color:#333}.about-content p[data-v-0f28a51a]{margin-bottom:1.5rem}.article-detail[data-v-e465b5fb]{padding:2rem 0}.container[data-v-e465b5fb]{max-width:1000px;margin:0 auto;padding:0 1rem}.article-content[data-v-e465b5fb]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.dark-mode .article-content[data-v-e465b5fb]{background-color:#1e1e1e;box-shadow:0 2px 4px #0000004d}.article-title[data-v-e465b5fb]{font-size:2.5rem;margin-bottom:1rem;color:#333;text-align:center}.dark-mode .article-title[data-v-e465b5fb]{color:#e0e0e0}.article-meta[data-v-e465b5fb]{font-size:.875rem;color:#666;margin-bottom:2rem;display:flex;justify-content:center;gap:1rem}.dark-mode .article-meta[data-v-e465b5fb]{color:#999}.article-body[data-v-e465b5fb]{margin-bottom:1rem;line-height:1.8;color:#333}.dark-mode .article-body[data-v-e465b5fb]{color:#e0e0e0}.article-body h1[data-v-e465b5fb],.article-body h2[data-v-e465b5fb],.article-body h3[data-v-e465b5fb],.article-body h4[data-v-e465b5fb],.article-body h5[data-v-e465b5fb],.article-body h6[data-v-e465b5fb]{margin-top:2rem;margin-bottom:1rem;color:#333}.dark-mode .article-body h1[data-v-e465b5fb],.dark-mode .article-body h2[data-v-e465b5fb],.dark-mode .article-body h3[data-v-e465b5fb],.dark-mode .article-body h4[data-v-e465b5fb],.dark-mode .article-body h5[data-v-e465b5fb],.dark-mode .article-body h6[data-v-e465b5fb]{color:#e0e0e0}.article-body p[data-v-e465b5fb]{margin-bottom:1rem}.article-body code[data-v-e465b5fb]{background-color:#f0f0f0;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,Courier,monospace}.dark-mode .article-body code[data-v-e465b5fb]{background-color:#333;color:#e0e0e0}.article-body pre[data-v-e465b5fb]{background-color:#f0f0f0;padding:1rem;border-radius:4px;overflow-x:auto;margin-bottom:1rem;font-family:Courier New,Courier,monospace}.dark-mode .article-body pre[data-v-e465b5fb]{background-color:#333}.code-block[data-v-e465b5fb]{position:relative}.code-block[data-v-e465b5fb]:before{content:attr(data-language);position:absolute;top:0;right:0;background-color:#0000001a;padding:.25rem .5rem;font-size:.75rem;border-bottom-left-radius:4px}.dark-mode .code-block[data-v-e465b5fb]:before{background-color:#ffffff1a}.article-body pre code[data-v-e465b5fb]{background-color:transparent;padding:0}.back-link[data-v-e465b5fb]{display:inline-block;background-color:#f0f0f0;color:#333;padding:.5rem 1rem;border-radius:4px;text-decoration:none;transition:background-color .3s}.back-link[data-v-e465b5fb]:hover{background-color:#e0e0e0}.dark-mode .back-link[data-v-e465b5fb]{background-color:#333;color:#e0e0e0}.dark-mode .back-link[data-v-e465b5fb]:hover{background-color:#444}.html-content[data-v-e465b5fb]{width:100%;min-height:100vh}.html-content body[data-v-e465b5fb]{margin:0;padding:0}.dark-mode .html-content[data-v-e465b5fb]{background-color:#121212;color:#e0e0e0}.dark-mode .html-content code[data-v-e465b5fb]{background-color:#333;color:#e0e0e0}.dark-mode .html-content pre[data-v-e465b5fb]{background-color:#333}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:0 1rem}a{color:#42b883;text-decoration:none;transition:color .3s}a:hover{color:#36a06f;text-decoration:none}h1,h2,h3,h4,h5,h6{color:#333;margin-bottom:1rem}p{margin-bottom:1rem}button{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;transition:background-color .3s}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;margin-bottom:1.5rem}