.header[data-v-f51a652c]{background-color:#fff;color:#333;padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a;transition:background-color .3s,color .3s}.container[data-v-f51a652c]{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.logo[data-v-f51a652c]{margin:0;font-size:1.5rem}.logo a[data-v-f51a652c]{color:#333;text-decoration:none;transition:color .3s}.header-right[data-v-f51a652c]{display:flex;align-items:center;gap:1.5rem}.nav-link[data-v-f51a652c]{color:#333;text-decoration:none;margin-left:2rem;padding:.5rem 1rem;border-radius:4px;transition:background .3s ease,color .3s}.nav-link[data-v-f51a652c]:hover{background:#0000000d}.theme-toggle[data-v-f51a652c]{background:none;border:none;color:#333;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .3s ease,color .3s}.theme-toggle[data-v-f51a652c]:hover{background:#0000000d}.dark-mode .header[data-v-f51a652c]{background-color:#1e1e1e;color:#e0e0e0;box-shadow:0 2px 4px #0000004d}.dark-mode .logo a[data-v-f51a652c],.dark-mode .nav-link[data-v-f51a652c]{color:#e0e0e0}.dark-mode .nav-link[data-v-f51a652c]:hover{background:#ffffff1a}.dark-mode .theme-toggle[data-v-f51a652c]{color:#e0e0e0}.dark-mode .theme-toggle[data-v-f51a652c]:hover{background:#ffffff1a}.footer[data-v-c4421245]{background-color:#f5f5f5;color:#333;text-align:center;padding:1rem;margin-top:auto;border-top:1px solid #e0e0e0;transition:background-color .3s,color .3s}.container[data-v-c4421245]{max-width:1200px;margin:0 auto;padding:0 1rem}p[data-v-c4421245]{margin-bottom:0}.record-link[data-v-c4421245]{color:#333;text-decoration:none;transition:color .3s ease}.record-link[data-v-c4421245]:hover{text-decoration:none}.dark-mode .footer[data-v-c4421245]{background-color:#1e1e1e;color:#e0e0e0;box-shadow:0 -2px 4px #0000004d}.dark-mode .record-link[data-v-c4421245]{color:#e0e0e0}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.post-card[data-v-ef324b50]{@extend .card;margin-bottom:1.5rem;display:flex;gap:1.5rem;align-items:flex-start}.post-image[data-v-ef324b50]{flex-shrink:0;width:200px;height:200px;border-radius:8px;overflow:hidden}.post-image img[data-v-ef324b50]{width:100%;height:100%;object-fit:cover}.post-content[data-v-ef324b50]{flex:1}.post-title[data-v-ef324b50]{margin-top:0;margin-bottom:.5rem}.post-title a[data-v-ef324b50]{color:#333;text-decoration:none;transition:color .3s}.dark-mode .post-title a[data-v-ef324b50]{color:#e0e0e0}.post-title a[data-v-ef324b50]:hover{color:#42b883}.post-meta[data-v-ef324b50]{font-size:.875rem;color:#666;margin-bottom:1rem;display:flex;gap:1rem;flex-wrap:wrap}.dark-mode .post-meta[data-v-ef324b50]{color:#999}.post-category a[data-v-ef324b50]{color:#42b883;text-decoration:none}.post-excerpt[data-v-ef324b50]{margin-bottom:1rem;color:#333;line-height:1.5}.dark-mode .post-excerpt[data-v-ef324b50]{color:#e0e0e0}.post-tags[data-v-ef324b50]{margin-bottom:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.tag[data-v-ef324b50]{background-color:#f0f0f0;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;color:#666}.dark-mode .tag[data-v-ef324b50]{background-color:#333;color:#e0e0e0}.read-more[data-v-ef324b50]{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-ef324b50]:hover{background-color:#36a06f}.sidebar[data-v-c7420293]{width:220px;background:#f8f9fa;border-radius:12px;padding:1rem;border:1px solid #e9ecef;position:sticky;top:2rem;align-self:flex-start;height:fit-content;box-shadow:0 2px 10px #0000000d}.dark-mode .sidebar[data-v-c7420293]{background:#1e1e1e;border-color:#333;box-shadow:0 2px 10px #0000004d}.sidebar-title[data-v-c7420293]{color:#42b883;margin-top:0;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:.5rem;border-bottom:none;padding-bottom:0}.dark-mode .sidebar-title[data-v-c7420293]{color:#42b883}.sidebar-menu[data-v-c7420293]{list-style:none;padding:0;margin:0}.sidebar-menu li[data-v-c7420293]{margin-bottom:.5rem}.sidebar-link[data-v-c7420293]{text-decoration:none;color:#333;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;font-size:.95rem}.dark-mode .sidebar-link[data-v-c7420293]{color:#e0e0e0}.sidebar-link[data-v-c7420293]:hover{background:#e8f5e8;color:#42b883;transform:translate(5px)}.dark-mode .sidebar-link[data-v-c7420293]:hover{background:#42b8831a;color:#42b883}.sidebar-link.active[data-v-c7420293]{background:#42b883;color:#fff;font-weight:500}.sidebar-link .icon[data-v-c7420293]{font-size:1.1rem;width:20px;text-align:center}.category-count[data-v-c7420293]{margin-left:auto;font-size:.8rem;color:#666}.dark-mode .category-count[data-v-c7420293]{color:#999}.sidebar-link.active .category-count[data-v-c7420293]{color:#fffc}@media(max-width:768px){.sidebar[data-v-c7420293]{width:100%;position:static;padding:1rem}.sidebar-menu[data-v-c7420293]{display:flex;flex-wrap:wrap;gap:.5rem}.sidebar-menu li[data-v-c7420293]{margin-bottom:0;flex:1 1 calc(50% - .5rem)}.sidebar-link[data-v-c7420293]{padding:.5rem;font-size:.85rem}}@media(max-width:480px){.sidebar-menu li[data-v-c7420293]{flex:1 1 100%}}.home[data-v-10f9d499]{padding:2rem 0}.home-content[data-v-10f9d499]{display:flex;gap:2rem}.content[data-v-10f9d499]{flex:1}.page-title[data-v-10f9d499]{font-size:2rem;margin-bottom:2rem;color:#333}.dark-mode .page-title[data-v-10f9d499]{color:#e0e0e0}.posts-container[data-v-10f9d499]{display:flex;flex-direction:column;gap:1.5rem}.no-results[data-v-10f9d499],.welcome-message[data-v-10f9d499]{text-align:center;padding:4rem 0;color:#666}.dark-mode .no-results[data-v-10f9d499],.dark-mode .welcome-message[data-v-10f9d499]{color:#999}.category-title[data-v-10f9d499]{font-size:1.5rem;margin:2rem 0 1rem;color:#333}.dark-mode .category-title[data-v-10f9d499]{color:#e0e0e0}@media(max-width:768px){.home-content[data-v-10f9d499]{flex-direction:column}}.home[data-v-7dcd51aa]{padding:2rem 0}.home-content[data-v-7dcd51aa]{display:flex;gap:2rem}.content[data-v-7dcd51aa]{flex:1}.page-title[data-v-7dcd51aa]{font-size:2rem;margin-bottom:2rem;color:#333}.dark-mode .page-title[data-v-7dcd51aa]{color:#e0e0e0}.posts-container[data-v-7dcd51aa]{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:768px){.home-content[data-v-7dcd51aa]{flex-direction:column}}.about[data-v-b3414fd1]{padding:2rem 0}.content[data-v-b3414fd1]{max-width:800px;margin:0 auto}.page-title[data-v-b3414fd1]{text-align:center;color:#333;margin-bottom:.5rem;font-size:2rem;font-weight:700}.dark-mode .page-title[data-v-b3414fd1]{color:#e0e0e0}.page-subtitle[data-v-b3414fd1]{text-align:center;color:#666;margin-bottom:3rem;font-size:1.1rem}.dark-mode .page-subtitle[data-v-b3414fd1]{color:#999}.about-section[data-v-b3414fd1]{margin-bottom:3.5rem;scroll-margin-top:2rem}.section-title[data-v-b3414fd1]{color:#333;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #42b883;font-size:1.4rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.dark-mode .section-title[data-v-b3414fd1]{color:#e0e0e0}.section-title .icon[data-v-b3414fd1]{font-size:1.2rem}.repo-links[data-v-b3414fd1]{display:flex;gap:1.5rem;flex-wrap:wrap}.repo-link[data-v-b3414fd1]{text-decoration:none;color:#333;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;min-width:150px}.dark-mode .repo-link[data-v-b3414fd1]{color:#e0e0e0}.repo-link[data-v-b3414fd1]:hover{transform:translateY(-5px);border-color:#42b883}.repo-link .icon[data-v-b3414fd1]{font-size:1.5rem;color:#42b883}.friend-links[data-v-b3414fd1]{display:flex;gap:1.5rem;flex-wrap:wrap}.friend-link[data-v-b3414fd1]{text-decoration:none;color:#333;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;min-width:150px}.dark-mode .friend-link[data-v-b3414fd1]{color:#e0e0e0}.friend-link[data-v-b3414fd1]:hover{transform:translateY(-5px);border-color:#42b883}.friend-link .icon[data-v-b3414fd1]{font-size:1.5rem;color:#42b883}.contact-info[data-v-b3414fd1]{line-height:1.8;color:#555;font-size:1rem}.dark-mode .contact-info[data-v-b3414fd1]{color:#999}.contact-info p[data-v-b3414fd1]{margin-bottom:1.5rem}.contact-links[data-v-b3414fd1]{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.contact-item[data-v-b3414fd1]{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:200px;transition:all .3s ease}.contact-item[data-v-b3414fd1]:hover{transform:translateY(-5px);border-color:#42b883}.contact-item .icon[data-v-b3414fd1]{font-size:1.5rem;color:#42b883}.wechat-qrcode[data-v-b3414fd1]{margin-top:.5rem}.qrcode-image[data-v-b3414fd1]{width:200px;height:200px;border-radius:8px;border:1px solid #e9ecef}@media(max-width:768px){.content[data-v-b3414fd1]{padding:0 1rem}.page-title[data-v-b3414fd1]{font-size:1.5rem}.page-subtitle[data-v-b3414fd1]{font-size:.9rem;margin-bottom:2rem}.repo-link[data-v-b3414fd1],.friend-link[data-v-b3414fd1],.contact-item[data-v-b3414fd1]{padding:1.25rem;min-width:120px}.qrcode-image[data-v-b3414fd1]{width:120px;height:120px}}@media(max-width:480px){.repo-links[data-v-b3414fd1],.friend-links[data-v-b3414fd1],.contact-links[data-v-b3414fd1]{flex-direction:column}.repo-link[data-v-b3414fd1],.friend-link[data-v-b3414fd1],.contact-item[data-v-b3414fd1]{width:100%;justify-content:center}}.article-detail[data-v-f635447a]{padding:2rem 0}.container[data-v-f635447a]{max-width:1000px;margin:0 auto;padding:0}.article-content[data-v-f635447a]{padding:2rem}.article-title[data-v-f635447a]{font-size:2.5rem;margin-bottom:1rem;color:#333;text-align:center}.dark-mode .article-title[data-v-f635447a]{color:#e0e0e0}.article-meta[data-v-f635447a]{font-size:.875rem;color:#666;margin-bottom:2rem;display:flex;justify-content:center;gap:1rem}.dark-mode .article-meta[data-v-f635447a]{color:#999}.article-body[data-v-f635447a]{margin-bottom:1rem;line-height:1.8;color:#333}.dark-mode .article-body[data-v-f635447a]{color:#e0e0e0}.article-body h1[data-v-f635447a],.article-body h2[data-v-f635447a],.article-body h3[data-v-f635447a],.article-body h4[data-v-f635447a],.article-body h5[data-v-f635447a],.article-body h6[data-v-f635447a]{margin-top:2rem;margin-bottom:1rem;color:#333}.dark-mode .article-body h1[data-v-f635447a],.dark-mode .article-body h2[data-v-f635447a],.dark-mode .article-body h3[data-v-f635447a],.dark-mode .article-body h4[data-v-f635447a],.dark-mode .article-body h5[data-v-f635447a],.dark-mode .article-body h6[data-v-f635447a]{color:#e0e0e0}.article-body p[data-v-f635447a]{margin-bottom:1rem}.article-body code[data-v-f635447a]{background-color:#f0f0f0;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,Courier,monospace}.dark-mode .article-body code[data-v-f635447a]{background-color:#333;color:#e0e0e0}.article-body pre[data-v-f635447a]{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-f635447a]{background-color:#333}.article-body pre code[data-v-f635447a]{background-color:transparent;padding:0}.back-link[data-v-f635447a]{display:inline-block;background-color:#42b883;color:#fff;padding:.5rem 1rem;margin:1rem;border-radius:4px;text-decoration:none;transition:all .3s ease;font-weight:500;position:relative;overflow:hidden;box-shadow:0 2px 4px #42b88333}.back-link[data-v-f635447a]:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.back-link[data-v-f635447a]:hover{background-color:#36a06f;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 8px #42b8834d}.back-link[data-v-f635447a]:hover:after{width:300px;height:300px}.html-content[data-v-f635447a]{width:100%;min-height:calc(100vh - 120px);overflow:hidden}.html-content body[data-v-f635447a]{margin:0;padding:0}.html-content .container[data-v-f635447a]{max-width:1000px;margin:0 auto;padding:0 1rem}.html-content .article-content[data-v-f635447a]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem;margin:0}.dark-mode .html-content .article-content[data-v-f635447a]{background-color:#1e1e1e;box-shadow:0 2px 4px #0000004d}.dark-mode .html-content[data-v-f635447a]{background-color:#121212;color:#e0e0e0}.dark-mode .html-content code[data-v-f635447a]{background-color:#333;color:#e0e0e0}.dark-mode .html-content pre[data-v-f635447a]{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;transition:background-color .3s,color .3s}.dark-mode{background-color:#121212;color:#e0e0e0}.dark-mode a{color:#42b883}.container{max-width:1200px;margin:0 auto;padding:0 1rem}a{color:#42b883;text-decoration:none;transition:color .3s}a:hover{text-decoration:underline}.btn{display:inline-block;padding:.5rem 1rem;border-radius:4px;text-decoration:none;transition:background-color .3s,color .3s;border:none;cursor:pointer}.btn-primary{background-color:#42b883;color:#fff}.btn-primary:hover{background-color:#36a06f;text-decoration:none}.btn-secondary{background-color:#f0f0f0;color:#333}.btn-secondary:hover{background-color:#e0e0e0;text-decoration:none}.dark-mode .btn-secondary{background-color:#333;color:#e0e0e0}.dark-mode .btn-secondary:hover{background-color:#444}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.dark-mode .card{background-color:#1e1e1e;box-shadow:0 2px 4px #0000004d}.dark-mode .card:hover{box-shadow:0 5px 15px #0000004d}@media(max-width:768px){.container{padding:0 .75rem}.card{padding:1rem}}