*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;line-height:1.8;color:#fff;background-color:#0d0d0d;min-height:100vh;position:relative}.bg-image{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("/assets/%E3%80%90%E5%93%B2%E9%A3%8E%E5%A3%81%E7%BA%B8%E3%80%91%E4%B8%9C%E6%96%B9project-%E5%8A%A8%E6%BC%AB.png")}a{color:#00d4ff;text-decoration:none;transition:color .2s ease}a:hover{color:#00a8cc}.site-header{background-color:rgba(26,26,26,.5);border-bottom:1px solid rgba(68,68,68,.5);position:sticky;top:0;z-index:100}.site-nav{max-width:800px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.site-title{font-size:1.25rem;font-weight:700;color:#fff}.site-title:hover{color:#00d4ff}.nav-links a{margin-left:1.5rem;color:#e5e5e5}.nav-links a:hover{color:#00d4ff}.site-main{max-width:800px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 200px)}.homepage .welcome-section{margin-bottom:2rem}.homepage .welcome-section .welcome-content{background:rgba(26,26,26,.5);border-radius:12px;padding:2rem;border:1px solid rgba(68,68,68,.5)}.homepage .welcome-section .welcome-content p{margin-bottom:1rem;color:#fff}.homepage .welcome-section .welcome-content a{color:#00d4ff;font-weight:500}.homepage .welcome-section .welcome-content a:hover{color:#00a8cc}.homepage .site-stats{margin:1.5rem 0;padding:1rem 1.5rem;text-align:center;background:rgba(26,26,26,.5);border:1px solid rgba(0,212,255,.7);border-radius:8px}.homepage .site-stats .stats-text{font-size:1rem;color:#fff;font-weight:500}.homepage .site-stats .stats-text strong{color:#00d4ff;font-size:1.2rem}.homepage .blog-list-section{margin-top:2rem}.homepage .blog-list-section h2{font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #00d4ff;background:rgba(26,26,26,.5);padding:.75rem 1rem;border-radius:8px}.post-list{list-style:none}.post-item{padding:1.5rem;margin-bottom:1rem;background:rgba(26,26,26,.5);border:1px solid rgba(68,68,68,.5);border-radius:10px;transition:box-shadow .2s ease}.post-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}.post-item:last-child{margin-bottom:0}.post-item .post-title{font-size:1.25rem;font-weight:600;color:#fff;display:block;margin-bottom:.5rem}.post-item .post-title:hover{color:#00d4ff}.post-item .post-meta{font-size:.875rem;color:#e5e5e5;margin-bottom:.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.post-item .post-summary{color:#fff;font-size:.95rem;margin-top:.75rem}.tag{display:inline-block;padding:.125rem .5rem;background-color:rgba(42,42,42,.5);border-radius:4px;font-size:.75rem;color:#e5e5e5;border:1px solid rgba(68,68,68,.5)}.blog-post .post-header{margin-bottom:2rem;padding:1.5rem;background:rgba(26,26,26,.5);border:1px solid rgba(68,68,68,.5);border-radius:12px}.blog-post .post-header .post-title{font-size:2rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.blog-post .post-header .post-meta{font-size:.875rem;color:#e5e5e5;display:flex;flex-wrap:wrap;gap:1rem}.blog-post .post-content{margin-top:1.5rem;font-size:1.05rem;line-height:1.9}.blog-post .post-content h1,.blog-post .post-content h2,.blog-post .post-content h3,.blog-post .post-content h4,.blog-post .post-content h5,.blog-post .post-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.4;padding:.5rem 0}.blog-post .post-content h1{font-size:1.75rem}.blog-post .post-content h2{font-size:1.5rem}.blog-post .post-content h3{font-size:1.25rem}.blog-post .post-content h4{font-size:1.125rem}.blog-post .post-content p{margin-bottom:1.25rem;color:#fff}.blog-post .post-content ul,.blog-post .post-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-post .post-content li{margin-bottom:.5rem}.blog-post .post-content code{padding:.125rem .375rem;background-color:rgba(42,42,42,.5);border-radius:4px;font-size:.875em;font-family:"Fira Code","JetBrains Mono",monospace;border:1px solid rgba(68,68,68,.5)}.blog-post .post-content pre{margin-bottom:1.5rem;padding:1.25rem;background-color:#1e1e2e;border-radius:8px;overflow-x:auto;border:1px solid rgba(68,68,68,.5)}.blog-post .post-content pre code{padding:0;background:none;color:#e5e7eb;border:none}.blog-post .post-content blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid #00d4ff;background-color:rgba(42,42,42,.5);color:#fff;border-radius:0 8px 8px 0}.blog-post .post-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.blog-post .post-content table{width:100%;margin-bottom:1.5rem;border-collapse:collapse;background:rgba(26,26,26,.5);border-radius:8px;overflow:hidden}.blog-post .post-content table th,.blog-post .post-content table td{padding:.75rem;border:1px solid rgba(68,68,68,.5);text-align:left}.blog-post .post-content table th{background-color:rgba(42,42,42,.5);font-weight:600}.blog-post .post-content a{word-break:break-word;color:#00d4ff}.blog-post .post-content a:hover{color:#00a8cc}.blog-post .post-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(68,68,68,.5)}.blog-post .post-footer .back-links{display:flex;gap:1.5rem}.blog-index .page-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.blog-index .page-description{color:#e5e5e5;margin-bottom:2rem}.blog-index .back-home{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(68,68,68,.5)}.no-posts{color:#e5e5e5;font-style:italic;padding:1.5rem;background:rgba(42,42,42,.5);border-radius:8px;text-align:center}.back-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.back-links a{color:#00d4ff;font-size:.95rem;padding:.5rem 1.25rem;border:1px solid #00d4ff;border-radius:6px;transition:all .2s ease;text-align:center;background:rgba(26,26,26,.5)}.back-links a:hover{background:#00d4ff;color:#fff;text-decoration:none}.disclaimer-page{max-width:720px;margin:2rem auto;padding:0 1.5rem}.disclaimer-page .disclaimer-header{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #00d4ff;background:rgba(26,26,26,.5);border-radius:12px;padding:2rem}.disclaimer-page .disclaimer-header .page-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem;letter-spacing:.5px}.disclaimer-page .disclaimer-header .page-subtitle{font-size:.95rem;color:#e5e5e5;margin:0}.disclaimer-page .disclaimer-content{background:rgba(26,26,26,.5);border:1px solid rgba(225,228,235,.15);border-radius:12px;padding:2.5rem;line-height:1.9;box-shadow:0 4px 24px rgba(0,0,0,.05)}.disclaimer-page .disclaimer-content h2{font-size:1.35rem;font-weight:600;margin:2rem 0 1.25rem 0;color:#fff;border-bottom:2px solid rgba(68,68,68,.5);padding-bottom:.75rem}.disclaimer-page .disclaimer-content h2:first-child{margin-top:0}.disclaimer-page .disclaimer-content p{margin:1.25rem 0;color:#fff;text-align:justify}.disclaimer-page .disclaimer-content strong{color:#00d4ff;font-weight:600}.disclaimer-page .disclaimer-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(68,68,68,.5);text-align:center}.site-footer{background-color:rgba(42,42,42,.5);border-top:1px solid rgba(68,68,68,.5);padding:1.5rem;text-align:center;color:#e5e5e5;font-size:.875rem}@media (max-width: 640px){.site-nav{flex-direction:column;gap:1rem}.nav-links a{margin-left:1rem;margin-right:1rem}.blog-post .post-header .post-title{font-size:1.5rem}.post-meta{flex-direction:column;gap:.5rem}.back-links{flex-direction:column;gap:1rem}.back-links a{display:block}.disclaimer-page{margin:1rem auto;padding:0 1rem}.disclaimer-page .disclaimer-header{margin-bottom:1.5rem;padding:1.5rem}.disclaimer-page .disclaimer-header .page-title{font-size:1.5rem}.disclaimer-page .disclaimer-header .page-subtitle{font-size:.85rem}.disclaimer-page .disclaimer-content{padding:1.5rem;border-radius:8px}.disclaimer-page .disclaimer-content h2{font-size:1.15rem}.disclaimer-page .disclaimer-content p{text-align:left}.disclaimer-page .disclaimer-footer{margin-top:1.5rem}}.blog-post{max-width:800px;margin:0 auto}.post-header{background:rgba(26,26,26,.5);border:1px solid rgba(225,228,235,.6);border-radius:8px;padding:20px;margin-bottom:15px}.post-title{margin:0 0 10px 0;color:#fff;font-size:1.8em}.post-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.9em;color:#e5e5e5}.post-stats{background:rgba(26,26,26,.5);border:1px solid rgba(225,228,235,.6);border-radius:6px;padding:10px 15px;text-align:center;margin-bottom:15px;color:#e5e5e5}.post-stats strong{color:#00d4ff}.post-content-wrapper{background:rgba(26,26,26,.5);border:1px solid rgba(225,228,235,.6);border-radius:8px;padding:25px;margin-bottom:15px}.post-content{color:#fff;line-height:1.8}.post-content h1,.post-content h2,.post-content h3,.post-content h4{color:#fff;margin-top:1.5em;margin-bottom:.5em}.post-content p{margin:1em 0}.post-content a{color:#00d4ff}.post-content pre{background:#1e1e2e;color:#e5e7eb;padding:15px;border-radius:6px;overflow-x:auto}.post-content code{background:rgba(42,42,42,.5);padding:2px 6px;border-radius:4px;font-size:.9em}.post-content pre code{background:none;padding:0}.post-content blockquote{border-left:4px solid #00d4ff;padding-left:15px;margin:1em 0;color:#e5e5e5;background:rgba(42,42,42,.5);padding:10px 15px;border-radius:0 6px 6px 0}.post-content img{max-width:100%;height:auto;border-radius:6px}.post-content table{width:100%;border-collapse:collapse;margin:1em 0}.post-content th,.post-content td{border:1px solid rgba(225,228,235,.6);padding:10px;text-align:left}.post-content th{background:rgba(42,42,42,.5)}.post-footer{margin-top:20px;padding-top:15px;border-top:1px solid rgba(225,228,235,.6)}.back-links{display:flex;gap:15px;flex-wrap:wrap}.back-links a{color:#00d4ff;text-decoration:none}.back-links a:hover{text-decoration:underline}.comments-section{margin-top:30px;background:rgba(0,0,0,0)}.comments-title{color:#fff;font-size:1.3em;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(225,228,235,.6)}.comment-form{background:rgba(26,26,26,.5);border:1px solid rgba(225,228,235,.6);border-radius:8px;padding:20px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#fff;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid rgba(225,228,235,.6);border-radius:6px;background:rgba(26,26,26,.5);color:#fff;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00d4ff}.replying-to{background:rgba(42,42,42,.5);border:1px solid rgba(225,228,235,.6);border-radius:6px;padding:10px;margin-bottom:15px;color:#e5e5e5;display:none}.replying-to button{margin-left:10px;padding:3px 10px;background:rgba(26,26,26,.5);border:1px solid rgba(225,228,235,.6);border-radius:4px;cursor:pointer;color:#fff}.submit-btn{background:#00d4ff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:1em}.submit-btn:hover{background:#0056b3}.comment{background:rgba(26,26,26,.5);border:1px solid rgba(225,228,235,.6);border-radius:6px;padding:15px;margin-bottom:10px}.comment-meta{margin-bottom:8px;font-size:.9em}.comment-author{color:#fff;margin-right:10px}.comment-time{color:#e5e5e5}.comment-content{color:#fff;margin:10px 0;line-height:1.6}.reply-btn{background:rgba(42,42,42,.5);border:1px solid rgba(225,228,235,.6);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:.85em;color:#fff}.reply-btn:hover{background:rgba(246,248,250,.8)}.no-comments{text-align:center;color:#e5e5e5;padding:30px;background:rgba(26,26,26,.5);border:1px solid rgba(225,228,235,.6);border-radius:6px}.tag{background:rgba(42,42,42,.5);border:1px solid rgba(225,228,235,.6);padding:2px 8px;border-radius:10px;font-size:.8em;color:#e5e5e5;display:inline-block;margin-right:5px}.icp-beian{margin-top:.5rem;font-size:.85rem}.icp-beian a{color:#e5e5e5;text-decoration:none}.icp-beian a:hover{color:#00d4ff;text-decoration:underline}.gongan-beian{margin-top:.5rem;font-size:.85rem}.gongan-beian a{color:#e5e5e5;text-decoration:none;display:inline-flex;align-items:center}.gongan-beian a:hover{color:#00d4ff;text-decoration:underline}.gongan-beian a img{width:16px;height:16px}.beian-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}