*{box-sizing:border-box;margin:0;padding:0}html,body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f8fa;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.blog-card{background:#fff;border-radius:12px;transition:box-shadow .3s,transform .3s;box-shadow:0 1px 4px #0000000f}.blog-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.page-container{max-width:1200px;margin:0 auto;padding:24px 20px}.article-content{color:#444;font-size:16px;line-height:1.8}.article-content h2{color:#333;margin:24px 0 12px;font-size:22px}.article-content h3{color:#444;margin:20px 0 10px;font-size:18px}.article-content p{margin-bottom:16px}.article-content blockquote{color:#666;background:#f8f9fa;border-left:4px solid #18a058;border-radius:0 8px 8px 0;margin:16px 0;padding:12px 20px}.article-content ul,.article-content ol{margin:12px 0;padding-left:24px}.article-content li{margin-bottom:8px}.article-content img{border-radius:8px;max-width:100%;margin:16px 0}.article-content code{background:#f0f0f0;border-radius:4px;padding:2px 6px;font-size:14px}.article-content pre{color:#abb2bf;background:#282c34;border-radius:8px;margin:16px 0;padding:16px;overflow-x:auto}.article-content pre code{color:inherit;background:0 0;padding:0}