body,html,div,header,footer,nav,li,h1,h2,h3,h4,h5,h6{padding:0;margin:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:600;color:#111827}html{height:100%;scroll-behavior:smooth}body{font-family:system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color:#1f2937;background-color:#f8fafc;position:relative;min-height:100%;padding-bottom:160px;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:#2563eb;transition:color 0.2s ease}a:hover{color:#1d4ed8}button{border:none;outline:none;background:none;cursor:pointer}hr{border:0;border-top:1px solid #e5e7eb;margin:24px 0}h1{font-size:32px;line-height:1.3}h2{font-size:26px;border-bottom:1px solid #e5e7eb;padding-bottom:8px;margin:40px 0 20px;line-height:1.35}h3{font-size:22px;margin:32px 0 16px;line-height:1.4}h4{font-size:18px;margin:24px 0 12px;line-height:1.4}h5{font-size:16px;margin:20px 0 8px}h6{font-size:14px;margin:16px 0 8px;color:#4b5563}blockquote{color:#374151;border-left:4px solid #2563eb;padding:12px 20px;background:#f1f5f9;border-radius:0 8px 8px 0;margin:0 0 20px}blockquote p:last-of-type{margin:0}table{border:1px solid #e5e7eb;margin:16px 0;border-collapse:collapse;width:100%;border-radius:8px;overflow:hidden;font-size:14px}table thead{background-color:#f1f5f9;color:#374151;font-weight:600}table th,table td{padding:10px 14px;text-align:left;border-bottom:1px solid #e5e7eb}table tbody tr:nth-of-type(2n){background-color:#f8fafc}table tbody tr:last-of-type td{border-bottom:none}p{margin:0 0 14px}img{max-width:100%;border-radius:8px;height:auto}ul,ol{padding-left:24px;margin:0 0 14px}li{margin:4px 0}code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:0.875em;color:#be185d;font-family:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}pre{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:8px;overflow-x:auto;margin:0 0 20px;font-size:14px;line-height:1.6}pre code{background:none;color:inherit;padding:0;font-size:inherit}header{background:#ffffff;height:60px;color:#4b5563;box-shadow:0 1px 3px rgba(0,0,0,0.06);margin-bottom:32px;position:sticky;top:0;z-index:100;border-bottom:1px solid #e5e7eb}header a{color:#4b5563;transition:color 0.2s ease}header a:hover{color:#2563eb}header .wrapper{width:1200px;height:60px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box}header .header-left{display:flex;align-items:center;flex-shrink:0;min-width:0}header .header-left .brand{font-size:20px;font-weight:700;color:#111827;letter-spacing:-0.3px;white-space:nowrap}header .header-left small{margin-left:14px;font-size:13px;color:#9ca3af;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}header .menu{display:none}header nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}header nav ul li{font-size:14px}header nav ul li a{display:inline-block;padding:0 12px;height:60px;line-height:60px;font-weight:500;position:relative}header nav ul li a i{margin-right:5px;font-size:13px}header nav ul li a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#2563eb;transition:all 0.25s ease;transform:translateX(-50%)}header nav ul li a:hover::after{width:60%}header nav ul li>.active{color:#2563eb}header nav ul li>.active::after{width:60%}header nav ul li.nav-icon button.header-icon-btn{border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:36px;height:60px;color:#6b7280;font-size:16px;transition:color 0.2s ease;padding:0}header nav ul li.nav-icon button.header-icon-btn:hover{color:#2563eb}.search-container{display:none;position:absolute;top:0;left:0;right:0;z-index:200;background:#ffffff;border-bottom:1px solid #e5e7eb;box-shadow:0 4px 20px rgba(0,0,0,0.12)}.search-container.search-open{display:block}.search-inner{max-width:700px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:0 24px;height:60px;box-sizing:border-box}.search-icon{color:#9ca3af;font-size:16px;flex-shrink:0}#search-input{flex:1;border:none;outline:none;background:transparent;font-size:18px;color:#111827;height:100%;font-family:inherit}#search-input::placeholder{color:#9ca3af}.search-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#6b7280;cursor:pointer;transition:all 0.2s ease;border:none;background:none;flex-shrink:0}.search-close:hover{background:#f1f5f9;color:#111827}.search-close i{font-size:20px}.search-results{display:none;max-width:700px;margin:0 auto;padding:0 24px 16px;max-height:60vh;overflow-y:auto}.search-results.search-active{display:block}.search-result-list{list-style:none;padding:0;margin:4px 0 0}.search-result-item{display:block;padding:12px 16px;margin:0 -16px;border-radius:8px;text-decoration:none;transition:background 0.15s ease}.search-result-item:hover{background:#f1f5f9}.search-result-title{display:block;font-size:15px;font-weight:600;color:#111827;margin-bottom:3px;line-height:1.4}.search-result-title mark{background:#fef08a;color:inherit;padding:0 2px;border-radius:2px}.search-result-date{display:block;font-size:12px;color:#9ca3af;margin-bottom:4px}.search-result-excerpt{display:block;font-size:13px;color:#6b7280;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-excerpt mark{background:#fef08a;color:inherit;padding:0 2px;border-radius:2px}.search-empty{text-align:center;padding:24px;color:#9ca3af;font-size:14px}@media screen and (max-width: 1240px) and (min-width: 771px){header{height:56px}header .wrapper{width:100%;height:56px;padding:0 16px}header .header-left .brand{font-size:18px}header .header-left small{font-size:12px;max-width:200px;margin-left:10px}header nav ul li a{padding:0 8px;height:56px;line-height:56px}header nav ul li a i{margin-right:3px}header nav ul li button.header-icon-btn{height:56px}}@media screen and (max-width: 770px){header{height:52px;margin-bottom:20px}header .wrapper{width:100%;height:52px;padding:0 12px;position:relative}header .header-left .brand{font-size:16px}header .header-left small{display:none}header .menu{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;font-size:16px;transition:0.2s ease;position:absolute;right:12px;top:8px;z-index:2}header .menu:hover{background:#e5e7eb}header nav{position:absolute;z-index:100;right:12px;top:50px;text-align:center;visibility:hidden;transform-origin:100% 0%;transform:scale(0.1);opacity:0;transition:0.2s cubic-bezier(0.5, 0.1, 0.51, 1.38)}header nav.nav-show{visibility:visible;transform:scale(1);opacity:1}header nav ul{background:#ffffff;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,0,0,0.12);border:1px solid #e5e7eb;border-top:none;display:block}header nav ul li{font-size:14px;display:block;border-bottom:1px solid #f3f4f6}header nav ul li a{display:block;padding:0 20px;height:44px;line-height:44px}header nav ul li a::after{display:none}header nav ul li.nav-icon{display:none}header nav ul li:last-of-type{border:none}header nav ul li>.active{color:#2563eb;background-color:#eff6ff}header .mobile-header-icons{display:flex;align-items:center;gap:2px;position:absolute;right:52px;top:0;height:52px}header .mobile-header-icons button{border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:36px;height:52px;color:#6b7280;font-size:15px;transition:color 0.2s ease}header .mobile-header-icons button:hover{color:#2563eb}header .search-inner{height:52px;padding:0 12px}header #search-input{font-size:16px}header .search-results{padding:0 12px 12px}}#markdown-toc{display:none}.page[post] .label{margin-top:16px;margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px;color:#6b7280;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.page[post] .label .label-card{display:inline-flex;align-items:center}.page[post] .label .label-card .point{padding:0 10px;color:#d1d5db}.page[post] .label .label-card i{padding-right:5px;color:#9ca3af;font-size:13px}.page[post] .label .label-card .categories a,.page[post] .label .label-card .pageTag a{display:inline-block;padding:2px 10px;background:#f1f5f9;border-radius:4px;color:#4b5563;font-size:13px;margin-right:4px;transition:all 0.2s ease}.page[post] .label .label-card .categories a:hover,.page[post] .label .label-card .pageTag a:hover{background:#dbeafe;color:#2563eb}.page[post] a{color:#2563eb;transition:all 0.2s ease}.page[post] a:hover{color:#1d4ed8;background-color:#eff6ff;border-radius:2px}.page[post] .left ul>h2{color:#111827}.page[post] .left ul li{color:#374151;margin:0}.page[post] .left article h2{font-size:26px;margin-top:40px}.page[post] .left article h3{font-size:22px;margin-top:32px}.page[post] .left article h4{font-size:18px;margin-top:24px}.page[post] .left article p{margin-bottom:16px}.page[post] .left article img{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.post-subscribe-cta{margin:40px 0 32px}.post-subscribe-card{display:flex;align-items:flex-start;gap:20px;padding:28px 32px;background:linear-gradient(135deg, #eff6ff 0%, #f0f9ff 50%, #ecfdf5 100%);border:1px solid #bfdbfe;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,0.04)}.post-subscribe-icon{font-size:36px;line-height:1;flex-shrink:0;margin-top:4px}.post-subscribe-body{flex:1;min-width:0}.post-subscribe-body h3{font-size:18px;font-weight:700;color:#1e3a5f;margin:0 0 6px}.post-subscribe-body>p{font-size:14px;color:#4b5563;margin:0 0 16px;line-height:1.5}.post-subscribe-body form{display:flex;gap:10px;max-width:480px}.post-subscribe-body input[type="email"]{flex:1;min-width:0;padding:11px 16px;border:2px solid #bfdbfe;border-radius:8px;font-size:14px;outline:none;background:#fff;transition:border-color 0.25s ease, box-shadow 0.25s ease}.post-subscribe-body input[type="email"]:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.post-subscribe-body button[type="submit"]{padding:11px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all 0.25s ease;box-shadow:0 4px 12px rgba(37,99,235,0.28)}.post-subscribe-body button[type="submit"]:hover{background:#1d4ed8;box-shadow:0 6px 18px rgba(37,99,235,0.38);transform:translateY(-1px)}.post-subscribe-note{font-size:12px;color:#9ca3af;margin:10px 0 0}.post-subscribe-rss{font-size:13px;margin:8px 0 0}.post-subscribe-rss a{color:#6b7280;text-decoration:none;transition:color 0.2s ease}.post-subscribe-rss a:hover{color:#2563eb;background:none}@media screen and (max-width: 770px){.post-subscribe-card{flex-direction:column;gap:12px;padding:22px 18px}.post-subscribe-body form{flex-direction:column;gap:8px}.post-subscribe-body button[type="submit"]{width:100%}.post-subscribe-body h3{font-size:16px}}@media screen and (max-width: 770px){.page[post] .left{font-size:16px;line-height:1.8}.page[post] .left h2{font-size:22px}.page[post] .left h3{font-size:19px}.page[post] .left h4{font-size:17px}.page[post] .left h5{font-size:15px}.page[post] .left h6{font-size:14px}.page[post] .left article h2{font-size:22px;margin-top:28px}.page[post] .left article h3{font-size:19px;margin-top:24px}.page[post] .left article p{margin-bottom:18px;line-height:1.8}.page[post] .left article img{margin:4px 0}.page[post] .label{gap:6px 10px}}@media screen and (max-width: 480px){.page[post] .left{padding:16px 14px;font-size:16px}.page[post] .left article h2{font-size:20px;margin-top:24px}.page[post] .left article h3{font-size:18px;margin-top:20px}.page[post] .left article h4{font-size:16px}.page[post] .left article p{font-size:16px}.page[post] table{font-size:13px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.page[post] table th,.page[post] table td{padding:8px 10px;white-space:nowrap}.page[post] blockquote{padding:10px 14px;margin-left:0;margin-right:0}}.clearfix:after{content:"\200B";display:block;height:0;clear:both}.clearfix{*zoom:1}.page{width:1200px;box-sizing:border-box;margin:0 auto}.page .left{width:73%;float:left;padding:32px 40px;line-height:1.75;font-size:16px;background-color:#ffffff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);border:1px solid #f1f5f9}.page .left>h1{margin-bottom:8px;font-size:32px;font-weight:700;color:#111827;line-height:1.3}.page .left a:not([title]){word-break:break-all}.page .left ul>h2{margin-left:-40px;color:#6b7280;font-size:20px;font-weight:600}.page .left ul li{line-height:1.8;color:#4b5563}.page .left ul li time{display:inline-block;width:135px;color:#9ca3af;font-size:14px}.page .left ul li .title{font-weight:600;color:#111827;transition:color 0.2s ease}.page .left ul li .title:hover{color:#2563eb}.page .left ul li i{margin-right:5px;color:#9ca3af}.page .left ul li .categories{padding:0 15px}.page .left ul li .categories i{color:#9ca3af}.page .left ul li .categories a{display:inline-block;padding:2px 10px;background-color:#f1f5f9;color:#4b5563;font-size:13px;border-radius:4px;transition:all 0.2s ease;margin-right:4px}.page .left ul li .categories a:hover{background-color:#dbeafe;color:#2563eb}.page .left ul li .pageTag i{color:#c6cbe9}.page .left ul li .pageTag a{display:inline-block;padding:2px 10px;background-color:#f1f5f9;border-radius:4px;color:#4b5563;font-size:13px;transition:all 0.2s ease;margin-right:4px}.page .left ul li .pageTag a:hover{background-color:#dbeafe;color:#2563eb}.page .anchor{display:none}.page .right{float:left;width:25%;padding-left:20px;top:0}.page .right .fixed{position:fixed;top:20px}.page .right .scroll-bottom{position:absolute;bottom:160px}.page .right .side{box-sizing:border-box;background-color:#ffffff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);border:1px solid #f1f5f9;overflow:hidden;margin-bottom:20px}.page .right .side>div:first-child{padding:14px 18px;border-bottom:1px solid #f1f5f9;font-size:14px;font-weight:600;color:#374151;background:#f8fafc}.page .right .side a{color:#4b5563;transition:all 0.2s ease}.page .right .side a:hover{color:#2563eb}.page .right .content-ul{overflow-y:auto;padding:8px 0;line-height:1.8;padding-left:0;list-style:none;margin:0}.page .right .content-ul li a{display:block;padding:8px 18px;font-size:14px;transition:all 0.15s ease}.page .right .content-ul li a:hover{background-color:#f8fafc}.page .right .content-ul ul{padding-left:20px}@media screen and (max-width: 1240px) and (min-width: 770px){.page{width:92%}}@media screen and (max-width: 770px){.page{width:95%}.page .left{width:100%;float:left;padding:20px 18px;font-size:15px}.page .left>h1{font-size:26px;margin-bottom:6px}.page .left ul{padding-left:20px}.page .left ul>h2{font-size:18px;margin-left:-20px}.page .left ul li{margin:16px 0}.page .left ul li time{display:block;width:auto}.page .left ul li .title{display:block;font-size:15px}.page .left ul li .categories{font-size:12px;padding-left:0;padding-right:10px}.page .anchor{display:block;visibility:visible;position:fixed;top:68px;right:2.5%;padding:8px 12px;color:#374151;font-size:14px;background-color:#ffffff;box-shadow:0 1px 4px rgba(0,0,0,0.1);border-radius:8px;border:1px solid #e5e7eb;opacity:0.85;transition:0.2s cubic-bezier(0.5, 0.1, 0.51, 1.38);z-index:99}.page .anchor-hide{opacity:0;visibility:hidden}.page .right{visibility:hidden;position:fixed;float:none;width:auto;max-width:95%;padding:0;top:68px;right:2.5%;opacity:0;transform-origin:100% 0;transform:scale(0.1);transition:0.2s cubic-bezier(0.5, 0.1, 0.51, 1.38);z-index:100}.page .right-show{z-index:999;visibility:visible;opacity:1;transform:scale(1)}.page .right-show .content-ul{margin-bottom:0}.page .right-show .content-ul>li:last-of-type{margin-bottom:16px}}code{padding:1px 4px;margin:0 2px;font-size:90%;border-radius:3px;color:#000;background-color:rgba(0,0,0,0.06);border:1px solid #d7d0d2;font-family:Monaco,Menlo,"Microsoft YaHei Mono",Consolas,"Courier New",monospace,sans-serif}pre{margin:12px 0;padding:8px 12px;word-wrap:break-word;white-space:-moz-pre-wrap;white-space:pre-wrap}pre>code{margin:0;padding:0;font-size:13px;color:#d1d1c9;border:none;background-color:#272822}.highlight{border-radius:3px;background:#272822}.highlight .hll{background-color:#272822}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .cm{color:#75715e}.highlight .cp{color:#75715e}.highlight .c1{color:#75715e}.highlight .cs{color:#75715e}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .kc{color:#66d9ef}.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp{color:#66d9ef}.highlight .kr{color:#66d9ef}.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne{color:#a6e22e}.highlight .nf{color:#a6e22e}.highlight .nl{color:#f8f8f2}.highlight .nn{color:#f8f8f2}.highlight .nx{color:#a6e22e}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mf{color:#ae81ff}.highlight .mh{color:#ae81ff}.highlight .mi{color:#ae81ff}.highlight .mo{color:#ae81ff}.highlight .sb{color:#e6db74}.highlight .sc{color:#e6db74}.highlight .sd{color:#e6db74}.highlight .s2{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .sh{color:#e6db74}.highlight .si{color:#e6db74}.highlight .sx{color:#e6db74}.highlight .sr{color:#e6db74}.highlight .s1{color:#e6db74}.highlight .ss{color:#e6db74}.highlight .bp{color:#f8f8f2}.highlight .vc{color:#f8f8f2}.highlight .vg{color:#f8f8f2}.highlight .vi{color:#f8f8f2}.highlight .il{color:#ae81ff}.highlight .gu{color:#75715e}.highlight .gd{color:#f92672}.highlight .gi{color:#a6e22e}.page[index] a{color:#2563eb;transition:color 0.2s ease}.page[index] a:hover{color:#1d4ed8}.page[index] .left>ul{padding:0}.page[index] .left>ul>li{list-style:none;margin-bottom:24px}.page[index] .left>ul li{color:#374151}.page[index] .left>ul li .post-card{background:#ffffff;border-radius:12px;padding:28px 32px;box-shadow:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);transition:transform 0.25s ease, box-shadow 0.25s ease;border:1px solid #f1f5f9}.page[index] .left>ul li .post-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04)}.page[index] .left>ul li h2{border:none;font-size:22px;margin:0 0 12px 0;font-weight:600;line-height:1.4}.page[index] .left>ul li h2 a{color:#111827}.page[index] .left>ul li h2 a:hover{color:#2563eb}.page[index] .left>ul li .label{margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:13px;color:#6b7280}.page[index] .left>ul li .label .label-card{display:inline-flex;align-items:center}.page[index] .left>ul li .label .label-card i{padding-right:0;margin-right:4px;color:#9ca3af;font-size:12px}.page[index] .left>ul li .label .label-card .categories a,.page[index] .left>ul li .label .label-card .pageTag a{display:inline-block;padding:2px 8px;background:#f1f5f9;border-radius:4px;color:#4b5563;font-size:12px;margin-right:4px;transition:all 0.2s ease}.page[index] .left>ul li .label .label-card .categories a:hover,.page[index] .left>ul li .label .label-card .pageTag a:hover{background:#dbeafe;color:#2563eb}.page[index] .left>ul li .label .label-card .categories i,.page[index] .left>ul li .label .label-card .pageTag i{color:#9ca3af;margin-right:4px}.page[index] .left>ul li .excerpt{color:#6b7280;font-size:15px;line-height:1.7;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.page[index] .left>ul li .excerpt h2{font-size:20px}.page[index] .left>ul li .excerpt h3{font-size:18px}.page[index] .left>ul li .excerpt h4{font-size:16px}.page[index] .left>ul li .read-all{text-align:right;font-size:14px}.page[index] .left>ul li .read-all a{display:inline-flex;align-items:center;gap:4px;color:#2563eb;font-weight:500;padding:6px 14px;border-radius:6px;transition:all 0.2s ease}.page[index] .left>ul li .read-all a:hover{background:#eff6ff;color:#1d4ed8}.page[index] .left>ul li .read-all a i{font-size:12px}.page[index] .left .pagination{text-align:center;margin-top:32px;padding:16px 0}.page[index] .left .pagination .previous,.page[index] .left .pagination .next{font-size:16px;padding:8px 14px;border-radius:8px;color:#4b5563;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px}.page[index] .left .pagination .previous:hover,.page[index] .left .pagination .next:hover{background:#f1f5f9;color:#2563eb}.page[index] .left .pagination .page_number{padding:0 12px;font-size:14px;color:#6b7280;font-weight:500}.page[index] .left .pagination .disable{color:#d1d5db;cursor:not-allowed}.page[index] .left .pagination .disable:hover{background:transparent;color:#d1d5db}.page[index] .right .wrap .side{margin-bottom:20px;background:#ffffff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);border:1px solid #f1f5f9;overflow:hidden}.page[index] .right .wrap .side i{margin-right:6px;color:#9ca3af;font-size:14px}.page[index] .right .wrap .side>div:first-child{padding:14px 18px;border-bottom:1px solid #f1f5f9;font-size:14px;font-weight:600;color:#374151;background:#f8fafc}.page[index] .right .wrap .side .content-ul[cate]{overflow:hidden;list-style:none;margin:0;padding:8px 0}.page[index] .right .wrap .side .content-ul[cate] li{font-size:14px}.page[index] .right .wrap .side .content-ul[cate] li a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 18px;color:#4b5563;transition:all 0.15s ease}.page[index] .right .wrap .side .content-ul[cate] li a:hover{background-color:#f8fafc;color:#2563eb}.page[index] .right .wrap .side .content-ul[cate] li a:hover .badge{background-color:#2563eb;color:#ffffff}.page[index] .right .wrap .side .content-ul[cate] li a .name{padding-left:0}.page[index] .right .wrap .side .content-ul[cate] li a .badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;font-size:11px;font-weight:600;color:#6b7280;background-color:#f1f5f9;border-radius:11px;transition:all 0.2s ease}.page[index] .right .wrap .side .content-ul[cate] li:last-of-type a{border:none}.page[index] .right .wrap .side .content-ul[recent]{padding:8px 0;margin:0;list-style:none}.page[index] .right .wrap .side .content-ul[recent] li{padding:0}.page[index] .right .wrap .side .content-ul[recent] li a{display:block;padding:8px 18px;color:#4b5563;font-size:14px;transition:all 0.15s ease;line-height:1.5}.page[index] .right .wrap .side .content-ul[recent] li a:hover{background-color:#f8fafc;color:#2563eb}.page[index] .right .wrap .side .tags-cloud{font-weight:normal;padding:12px 16px}.page[index] .right .wrap .side .tags-cloud a{display:inline-block;padding:4px 10px;margin:2px;border-radius:6px;background:#f1f5f9;color:#4b5563;font-size:13px;transition:all 0.2s ease}.page[index] .right .wrap .side .tags-cloud a:hover{background-color:#dbeafe;color:#2563eb}@media screen and (max-width: 770px){.page[index] .left>ul li .post-card{padding:20px 18px}.page[index] .left>ul li h2{font-size:18px}.page[index] .left>ul li .excerpt{font-size:14px;-webkit-line-clamp:2}.page[index] .left>ul li .excerpt h2{font-size:17px}.page[index] .left>ul li .excerpt h3{font-size:16px}.page[index] .left>ul li .excerpt h4{font-size:15px}.page[index] .left>ul li .label{gap:4px 10px}}.section-title{text-align:center;font-size:30px;font-weight:700;color:#0f172a;margin:0 0 48px;border-bottom:none;padding-bottom:0;line-height:1.3}.section-title::after{content:"";display:block;width:48px;height:4px;background:#2563eb;border-radius:2px;margin:14px auto 0}.hero{background:linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #1e40af 100%);padding:100px 24px 80px;text-align:center;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%, rgba(37,99,235,0.15) 0%, transparent 60%),radial-gradient(circle at 70% 80%, rgba(37,99,235,0.1) 0%, transparent 50%);pointer-events:none}.hero-content{max-width:720px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:44px;font-weight:800;color:#ffffff;line-height:1.2;margin:0 0 20px;letter-spacing:-0.02em}.hero-subtitle{font-size:18px;color:#93c5fd;margin:0 0 28px;line-height:1.6;font-weight:400}.hero-desc{font-size:16px;color:#cbd5e1;margin:0 auto 36px;max-width:580px;line-height:1.8}.hero-desc strong{color:#f1f5f9}.hero-desc em{color:#93c5fd;font-style:normal}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:#2563eb;color:#ffffff;font-size:16px;font-weight:600;border-radius:10px;transition:all 0.25s ease;box-shadow:0 4px 14px rgba(37,99,235,0.4)}.btn-primary:hover{background:#1d4ed8;box-shadow:0 6px 20px rgba(37,99,235,0.5);transform:translateY(-1px);color:#fff}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:rgba(255,255,255,0.1);color:#e2e8f0;font-size:16px;font-weight:600;border-radius:10px;border:1px solid rgba(255,255,255,0.2);transition:all 0.25s ease}.btn-secondary:hover{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.35);color:#fff;transform:translateY(-1px)}.features{padding:80px 24px;max-width:1100px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px}.feature-card{background:#ffffff;border-radius:14px;padding:36px 28px;box-shadow:0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.03);border:1px solid #f1f5f9;text-align:center;transition:transform 0.25s ease, box-shadow 0.25s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04)}.feature-card h3{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 10px;border:none;padding:0}.feature-card p{font-size:14px;color:#6b7280;line-height:1.7;margin:0}.feature-icon{font-size:32px;color:#2563eb;margin-bottom:16px}.method{padding:80px 24px;max-width:1100px;margin:0 auto;background:#f8fafc;border-radius:20px}.method-flow{display:flex;align-items:flex-start;justify-content:center;gap:0}.method-step{flex:1;max-width:220px;text-align:center}.method-step h4{font-size:17px;font-weight:700;color:#0f172a;margin:0 0 8px}.method-step p{font-size:13px;color:#6b7280;line-height:1.6;margin:0}.step-number{width:40px;height:40px;background:#2563eb;color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin:0 auto 14px;box-shadow:0 4px 10px rgba(37,99,235,0.3)}.method-arrow{font-size:24px;color:#94a3b8;padding:8px 12px;align-self:center;flex-shrink:0;margin-top:-20px}.latest{padding:80px 24px;max-width:1100px;margin:0 auto}.post-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}.post-grid .post-card{background:#ffffff;border-radius:14px;padding:28px;box-shadow:0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.03);border:1px solid #f1f5f9;transition:transform 0.25s ease, box-shadow 0.25s ease;display:flex;flex-direction:column}.post-grid .post-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04)}.post-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px}.post-meta time{font-size:12px;color:#9ca3af}.post-category{display:inline-block;padding:2px 8px;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:600;border-radius:4px}.post-grid .post-title{font-size:17px;font-weight:700;margin:0 0 10px;line-height:1.4}.post-grid .post-title a{color:#0f172a;transition:color 0.2s ease}.post-grid .post-title a:hover{color:#2563eb}.post-grid .post-excerpt{font-size:13px;color:#6b7280;line-height:1.7;margin:0 0 18px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-grid .post-link{font-size:14px;font-weight:600;color:#2563eb;transition:color 0.2s ease;align-self:flex-start}.post-grid .post-link:hover{color:#1d4ed8}.view-all{text-align:center;margin-top:40px}.view-all .btn-secondary{background:#ffffff;color:#2563eb;border:1px solid #2563eb;box-shadow:none}.view-all .btn-secondary:hover{background:#eff6ff;color:#1d4ed8;border-color:#1d4ed8}.subscribe{padding:80px 24px;text-align:center;max-width:600px;margin:0 auto}.subscribe p{font-size:16px;color:#6b7280;margin:0 0 32px;line-height:1.7}.subscribe-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn-rss{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:#f97316;color:#ffffff;font-size:16px;font-weight:600;border-radius:10px;transition:all 0.25s ease;box-shadow:0 4px 14px rgba(249,115,22,0.35)}.btn-rss:hover{background:#ea580c;box-shadow:0 6px 20px rgba(249,115,22,0.45);transform:translateY(-1px);color:#fff}.btn-github{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:#1e293b;color:#e2e8f0;font-size:16px;font-weight:600;border-radius:10px;transition:all 0.25s ease;border:1px solid #334155}.btn-github:hover{background:#334155;border-color:#475569;color:#fff;transform:translateY(-1px)}.subscribe-form{margin-bottom:28px}.subscribe-form form{display:flex;gap:10px;max-width:440px;margin:0 auto}.subscribe-form input[type="email"]{flex:1;padding:13px 18px;border:2px solid #d1d5db;border-radius:10px;font-size:15px;outline:none;background:#fff;transition:border-color 0.25s ease, box-shadow 0.25s ease}.subscribe-form input[type="email"]:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.12)}.subscribe-form button[type="submit"]{padding:13px 28px;background:#2563eb;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all 0.25s ease;box-shadow:0 4px 14px rgba(37,99,235,0.3)}.subscribe-form button[type="submit"]:hover{background:#1d4ed8;box-shadow:0 6px 20px rgba(37,99,235,0.4);transform:translateY(-1px)}.subscribe-form-note{font-size:13px;color:#9ca3af;margin:10px 0 0}.disclaimer{text-align:center;padding:40px 24px 60px;max-width:700px;margin:0 auto}.disclaimer p{font-size:14px;color:#d97706;line-height:1.7;margin:0;background:#fffbeb;border:1px solid #fde68a;padding:14px 24px;border-radius:10px}@media screen and (max-width: 900px){.hero{padding:72px 20px 56px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.hero-desc{font-size:15px;max-width:480px}.features,.latest{padding:56px 20px}.feature-grid{grid-template-columns:repeat(2, 1fr)}.post-grid{grid-template-columns:repeat(2, 1fr)}.method-flow{flex-direction:column;align-items:center;gap:8px}.method-step{max-width:320px}.method-arrow{transform:rotate(90deg);margin-top:0;padding:4px}.section-title{font-size:26px;margin-bottom:36px}}@media screen and (max-width: 550px){.hero{padding:56px 16px 44px}.hero-title{font-size:26px}.hero-subtitle{font-size:14px}.hero-desc{font-size:14px}.hero-cta{flex-direction:column;align-items:center}.btn-primary,.btn-secondary,.btn-rss,.btn-github{width:100%;max-width:280px}.features,.method,.latest{padding:44px 16px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px 20px}.post-grid{grid-template-columns:1fr;gap:16px}.method{border-radius:0}.section-title{font-size:22px;margin-bottom:28px}.subscribe{padding:48px 16px}.subscribe-form form{flex-direction:column;gap:8px}.subscribe-form button[type="submit"]{width:100%}.disclaimer{padding:24px 16px 48px}}.page[demo] .left{width:100%}.page[demo] .left a{color:#4d6dad;transition:0.5s ease}.page[demo] .left a:hover{color:#223253;background-color:#f4efeb}.page[demo] .left .grid{margin:0 auto}.page[demo] .left .grid:after{content:'';display:block;clear:both}.page[demo] .left .grid .grid-item{width:250px;background-color:#fff;margin-bottom:20px;padding-bottom:10px;float:left;transition:0.5s ease;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-o-transition:0.5s ease;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);box-shadow:0 0 10px 0 rgba(0,0,0,0.3)}.page[demo] .left .grid .grid-item:hover{-webkit-box-shadow:0 2px 30px -1px rgba(0,0,0,0.6),inset 0 0 87px 0 rgba(184,184,184,0.13);-moz-box-shadow:0 2px 30px -1px rgba(0,0,0,0.6),inset 0 0 87px 0 rgba(184,184,184,0.13);box-shadow:0 2px 30px -1px rgba(0,0,0,0.6),inset 0 0 87px 0 rgba(184,184,184,0.13)}.page[demo] .left .grid .grid-item .a-img{color:#fff}.page[demo] .left .grid .grid-item .a-img:hover{color:#fff;background-color:#fff}.page[demo] .left .grid .grid-item .demo-title{font-size:18px;font-weight:bold;margin:0 8px}.page[demo] .left .grid .grid-item p{margin:0;padding:0 8px;font-size:14px}.deep{transition:0.32s cubic-bezier(0.46, 0.03, 0.52, 0.96);transform-style:preserve-3d;transform:perspective(1600px) rotateX(14deg) translateZ(-200px)}.site-footer{position:absolute;right:0;bottom:0;left:0;text-align:center;background-color:#ffffff;border-top:1px solid #e5e7eb;color:#6b7280}.site-footer .wrapper{width:1200px;margin:0 auto;padding:24px 0;text-align:center;font-size:13px}.site-footer .wrapper p{margin:0 0 8px;line-height:1.6}.site-footer .wrapper p:last-of-type{margin-bottom:0}.site-footer .wrapper .contact{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px}.site-footer .wrapper .contact a{color:#6b7280;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}.site-footer .wrapper .contact a:hover{color:#2563eb;background:#eff6ff}.site-footer .wrapper .contact a i{font-size:18px}.site-footer .wrapper .description{display:inline-block;color:#9ca3af}.site-footer .wrapper .power a{color:#2563eb;transition:color 0.2s ease}.site-footer .wrapper .power a:hover{color:#1d4ed8}.site-footer .wrapper .beian a{color:#9ca3af}.site-footer .wrapper .beian a:hover{color:#6b7280}@media screen and (max-width: 1240px) and (min-width: 770px){.site-footer .wrapper{width:90%}}@media screen and (max-width: 770px){.site-footer .wrapper{width:90%;font-size:12px;padding:18px 0}}.content-ul::-webkit-scrollbar{width:7px;height:6px}.content-ul::-webkit-scrollbar-button{width:0;height:0}.content-ul::-webkit-scrollbar-thumb{background:#D3D3D3;border:0 none #ffffff;border-radius:50px}.content-ul::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.content-ul::-webkit-scrollbar-thumb:active{background:#787878}.content-ul::-webkit-scrollbar-track{background:#F1F1F1;border-radius:50px}.content-ul::-webkit-scrollbar-track:hover{background:#e2e2e2}.content-ul::-webkit-scrollbar-track:active{background:#cccccc}.content-ul::-webkit-scrollbar-corner{background:transparent}.back-to-top{position:fixed;left:50%;margin-left:620px;bottom:32px;visibility:hidden;opacity:0;transition:all 0.3s ease;z-index:200}.back-to-top a{display:flex;align-items:center;justify-content:center;background-color:#ffffff;width:40px;height:40px;border-radius:10px;text-align:center;font-size:18px;color:#6b7280;box-shadow:0 4px 12px rgba(0,0,0,0.1);border:1px solid #e5e7eb;transition:all 0.25s ease}.back-to-top a:hover{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.12)}.back-to-top-show{visibility:visible;opacity:0.85}@media screen and (max-width: 1240px) and (min-width: 770px){.back-to-top{left:auto;right:3%;margin-left:0}}@media screen and (max-width: 770px){.back-to-top{right:3%;left:auto;margin-left:0;bottom:24px}.back-to-top a{width:36px;height:36px;font-size:16px;border-radius:8px}}.search-container{display:none;position:absolute;top:0;left:0;right:0;z-index:200;background:var(--bg-header, #fff);border-bottom:1px solid var(--border-color, #e5e7eb);box-shadow:0 4px 20px rgba(0,0,0,0.12);padding:12px 0}.search-container.search-open{display:block}.search-inner{max-width:700px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:0 24px}.search-icon{color:var(--text-light, #9ca3af);font-size:16px;flex-shrink:0}#search-input{flex:1;border:none;outline:none;background:transparent;font-size:18px;color:var(--text-primary, #111827);padding:10px 0;font-family:inherit}#search-input::placeholder{color:var(--text-light, #9ca3af)}.search-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--text-muted, #6b7280);cursor:pointer;transition:all 0.2s ease;border:none;background:none;flex-shrink:0}.search-close:hover{background:var(--bg-tag, #f1f5f9);color:var(--text-primary, #111827)}.search-close i{font-size:20px}.search-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:60px;color:var(--text-muted, #6b7280);cursor:pointer;font-size:16px;transition:color 0.2s ease;border:none;background:none;flex-shrink:0}.search-toggle:hover{color:var(--link-color, #2563eb)}.search-results{display:none;max-width:700px;margin:0 auto;padding:0 24px;max-height:60vh;overflow-y:auto}.search-results.search-active{display:block}.search-result-list{list-style:none;padding:0;margin:8px 0 0}.search-result-item{display:block;padding:14px 16px;margin:0 -16px;border-radius:10px;text-decoration:none;transition:all 0.15s ease}.search-result-item:hover{background:var(--bg-tag, #f1f5f9)}.search-result-title{display:block;font-size:16px;font-weight:600;color:var(--text-heading, #111827);margin-bottom:4px;line-height:1.4}.search-result-title mark{background:#fef08a;color:inherit;padding:0 2px;border-radius:2px}.search-result-date{display:block;font-size:12px;color:var(--text-light, #9ca3af);margin-bottom:6px}.search-result-excerpt{display:block;font-size:13px;color:var(--text-muted, #6b7280);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-excerpt mark{background:#fef08a;color:inherit;padding:0 2px;border-radius:2px}.search-empty{text-align:center;padding:32px 16px;color:var(--text-light, #9ca3af);font-size:14px}.search-more{text-align:center;padding:12px;font-size:13px;color:var(--text-muted, #6b7280)}@media screen and (max-width: 770px){.search-inner{padding:0 16px}.search-results{padding:0 16px}#search-input{font-size:16px}.search-result-item{padding:12px 12px;margin:0 -12px}}[data-theme="dark"] .search-result-title mark,[data-theme="dark"] .search-result-excerpt mark{background:#854d0e;color:#fef9c3}@media (prefers-color-scheme: dark){.search-result-title mark,.search-result-excerpt mark{background:#854d0e;color:#fef9c3}}:root{--bg-body: #f8fafc;--bg-header: #ffffff;--bg-card: #ffffff;--bg-card-hover: #ffffff;--bg-input: #ffffff;--bg-blockquote: #f1f5f9;--bg-code: #f1f5f9;--bg-side-header: #f8fafc;--bg-tag: #f1f5f9;--bg-tag-hover: #dbeafe;--bg-disclaimer: #fffbeb;--bg-method: #f8fafc;--bg-subscribe: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 50%, #ecfdf5 100%);--text-primary: #0f172a;--text-secondary: #1f2937;--text-tertiary: #374151;--text-muted: #6b7280;--text-light: #9ca3af;--text-heading: #111827;--border-color: #e5e7eb;--border-light: #f1f5f9;--border-input: #d1d5db;--link-color: #2563eb;--link-hover: #1d4ed8;--btn-primary-bg: #2563eb;--btn-primary-hover: #1d4ed8;--btn-primary-shadow: rgba(37, 99, 235, 0.4);--hero-bg: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #1e40af 100%);--hero-text: #ffffff;--hero-secondary: #93c5fd;--hero-tertiary: #cbd5e1;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);--shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);--table-header-bg: #f1f5f9;--table-stripe: #f8fafc;--table-border: #e5e7eb;--hr-color: #e5e7eb;--nav-bg: #ffffff;--nav-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);--pre-bg: #1e293b;--pre-text: #e2e8f0;--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1}@media (prefers-color-scheme: dark){:root{--bg-body: #0f172a;--bg-header: #1e293b;--bg-card: #1e293b;--bg-card-hover: #1e293b;--bg-input: #1e293b;--bg-blockquote: #1e293b;--bg-code: #1e293b;--bg-side-header: #1e293b;--bg-tag: #334155;--bg-tag-hover: #2563eb;--bg-disclaimer: #422006;--bg-method: #1e293b;--bg-subscribe: linear-gradient(135deg, #1e293b 0%, #1e3a5f 50%, #1e293b 100%);--text-primary: #f1f5f9;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1;--text-muted: #94a3b8;--text-light: #64748b;--text-heading: #f1f5f9;--border-color: #334155;--border-light: #1e293b;--border-input: #475569;--link-color: #60a5fa;--link-hover: #93c5fd;--btn-primary-bg: #3b82f6;--btn-primary-hover: #60a5fa;--btn-primary-shadow: rgba(59, 130, 246, 0.4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);--shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.3);--table-header-bg: #1e293b;--table-stripe: #1e293b;--table-border: #334155;--hr-color: #334155;--nav-bg: #1e293b;--nav-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);--pre-bg: #0f172a;--pre-text: #e2e8f0;--scrollbar-track: #1e293b;--scrollbar-thumb: #475569}}[data-theme="dark"]{--bg-body: #0f172a;--bg-header: #1e293b;--bg-card: #1e293b;--bg-card-hover: #1e293b;--bg-input: #1e293b;--bg-blockquote: #1e293b;--bg-code: #1e293b;--bg-side-header: #1e293b;--bg-tag: #334155;--bg-tag-hover: #2563eb;--bg-disclaimer: #422006;--bg-method: #1e293b;--bg-subscribe: linear-gradient(135deg, #1e293b 0%, #1e3a5f 50%, #1e293b 100%);--text-primary: #f1f5f9;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1;--text-muted: #94a3b8;--text-light: #64748b;--text-heading: #f1f5f9;--border-color: #334155;--border-light: #1e293b;--border-input: #475569;--link-color: #60a5fa;--link-hover: #93c5fd;--btn-primary-bg: #3b82f6;--btn-primary-hover: #60a5fa;--btn-primary-shadow: rgba(59, 130, 246, 0.4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);--shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.3);--table-header-bg: #1e293b;--table-stripe: #1e293b;--table-border: #334155;--hr-color: #334155;--nav-bg: #1e293b;--nav-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);--pre-bg: #0f172a;--pre-text: #e2e8f0;--scrollbar-track: #1e293b;--scrollbar-thumb: #475569}body{background-color:var(--bg-body);color:var(--text-secondary)}h1,h2,h3,h4,h5,h6{color:var(--text-heading)}h2{border-bottom-color:var(--border-color)}a{color:var(--link-color)}a:hover{color:var(--link-hover)}hr{border-top-color:var(--hr-color)}blockquote{color:var(--text-tertiary);background:var(--bg-blockquote)}table{border-color:var(--table-border)}table thead{background-color:var(--table-header-bg);color:var(--text-secondary)}table th,table td{border-bottom-color:var(--table-border)}table tbody tr:nth-of-type(2n){background-color:var(--table-stripe)}code{background:var(--bg-code);color:#be185d}pre{background:var(--pre-bg);color:var(--pre-text)}header{background:var(--bg-header);border-bottom-color:var(--border-color)}header a{color:var(--text-muted)}header a:hover{color:var(--link-color)}header .wrapper .brand{color:var(--text-heading)}header .wrapper small{color:var(--text-light)}header .wrapper nav ul li a::after{background:var(--link-color)}header .wrapper nav ul li>.active{color:var(--link-color)}@media screen and (max-width: 770px){header .wrapper .menu{background:var(--bg-card);border-color:var(--border-color);color:var(--text-muted)}header .wrapper .menu:hover,header .wrapper .menu.active{background:var(--bg-tag)}header .wrapper nav ul{background:var(--nav-bg);box-shadow:var(--nav-shadow);border-color:var(--border-color)}header .wrapper nav ul li{border-bottom-color:var(--border-light)}header .wrapper nav ul li>.active{color:var(--link-color);background-color:var(--bg-tag-hover)}}.site-footer{background-color:var(--bg-header);border-top-color:var(--border-color);color:var(--text-muted)}.site-footer .wrapper .contact a{color:var(--text-muted)}.site-footer .wrapper .contact a:hover{color:var(--link-color);background:var(--bg-tag-hover)}.site-footer .wrapper .description{color:var(--text-light)}.site-footer .wrapper .power a{color:var(--link-color)}.site-footer .wrapper .power a:hover{color:var(--link-hover)}.site-footer .wrapper .beian a{color:var(--text-light)}.site-footer .wrapper .beian a:hover{color:var(--text-muted)}.page .left{background-color:var(--bg-card);box-shadow:var(--shadow-sm);border-color:var(--border-light)}.page .left>h1{color:var(--text-heading)}.page .left ul li{color:var(--text-tertiary)}.page .left ul li time{color:var(--text-light)}.page .left ul li .title{color:var(--text-heading)}.page .left ul li .title:hover{color:var(--link-color)}.page .left ul li i{color:var(--text-light)}.page .left ul li .categories i{color:var(--text-light)}.page .left ul li .categories a,.page .left ul li .pageTag a{background-color:var(--bg-tag);color:var(--text-tertiary)}.page .left ul li .categories a:hover,.page .left ul li .pageTag a:hover{background-color:var(--bg-tag-hover);color:var(--link-color)}.page .left ul li .pageTag i{color:#c6cbe9}.page .right .side{background-color:var(--bg-card);box-shadow:var(--shadow-sm);border-color:var(--border-light)}.page .right .side>div:first-child{border-bottom-color:var(--border-light);color:var(--text-secondary);background:var(--bg-side-header)}.page .right .side a{color:var(--text-tertiary)}.page .right .side a:hover{color:var(--link-color)}.page .right .content-ul li a:hover{background-color:var(--bg-body)}.page[post] .label{color:var(--text-muted);border-bottom-color:var(--border-light)}.page[post] .label .label-card i{color:var(--text-light)}.page[post] .label .label-card .categories a,.page[post] .label .label-card .pageTag a{background:var(--bg-tag);color:var(--text-tertiary)}.page[post] .label .label-card .categories a:hover,.page[post] .label .label-card .pageTag a:hover{background:var(--bg-tag-hover);color:var(--link-color)}.page[post] a{color:var(--link-color)}.page[post] a:hover{color:var(--link-hover);background-color:var(--bg-tag-hover)}.page[post] .left ul>h2{color:var(--text-muted)}.page[post] .left article p{color:var(--text-secondary)}@media screen and (max-width: 770px){.page .anchor{color:var(--text-secondary);background-color:var(--bg-card);box-shadow:0 1px 4px rgba(0,0,0,0.1);border-color:var(--border-color)}}.page[index] .left>ul li{color:var(--text-tertiary)}.page[index] .left>ul li .post-card{background:var(--bg-card);box-shadow:var(--shadow-sm);border-color:var(--border-light)}.page[index] .left>ul li .post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.page[index] .left>ul li h2 a{color:var(--text-heading)}.page[index] .left>ul li h2 a:hover{color:var(--link-color)}.page[index] .left>ul li .label{color:var(--text-muted)}.page[index] .left>ul li .label .label-card i{color:var(--text-light)}.page[index] .left>ul li .label .label-card .categories a,.page[index] .left>ul li .label .label-card .pageTag a{background:var(--bg-tag);color:var(--text-tertiary)}.page[index] .left>ul li .label .label-card .categories a:hover,.page[index] .left>ul li .label .label-card .pageTag a:hover{background:var(--bg-tag-hover);color:var(--link-color)}.page[index] .left>ul li .label .label-card .categories i,.page[index] .left>ul li .label .label-card .pageTag i{color:var(--text-light)}.page[index] .left>ul li .excerpt{color:var(--text-muted)}.page[index] .left>ul li .read-all a{color:var(--link-color)}.page[index] .left>ul li .read-all a:hover{background:var(--bg-tag-hover);color:var(--link-hover)}.page[index] .left .pagination .previous,.page[index] .left .pagination .next{color:var(--text-tertiary)}.page[index] .left .pagination .previous:hover,.page[index] .left .pagination .next:hover{background:var(--bg-tag);color:var(--link-color)}.page[index] .left .pagination .page_number{color:var(--text-muted)}.page[index] .left .pagination .disable{color:var(--text-light)}.page[index] .right .wrap .side{background:var(--bg-card);box-shadow:var(--shadow-sm);border-color:var(--border-light)}.page[index] .right .wrap .side i{color:var(--text-light)}.page[index] .right .wrap .side>div:first-child{border-bottom-color:var(--border-light);color:var(--text-secondary);background:var(--bg-side-header)}.page[index] .right .wrap .side .content-ul[cate] li a{color:var(--text-tertiary)}.page[index] .right .wrap .side .content-ul[cate] li a:hover{background-color:var(--bg-body);color:var(--link-color)}.page[index] .right .wrap .side .content-ul[cate] li a:hover .badge{background-color:var(--link-color);color:#ffffff}.page[index] .right .wrap .side .content-ul[cate] li a .badge{color:var(--text-muted);background-color:var(--bg-tag)}.page[index] .right .wrap .side .content-ul[recent] li a{color:var(--text-tertiary)}.page[index] .right .wrap .side .content-ul[recent] li a:hover{background-color:var(--bg-body);color:var(--link-color)}.page[index] .right .wrap .side .tags-cloud a{background:var(--bg-tag);color:var(--text-tertiary)}.page[index] .right .wrap .side .tags-cloud a:hover{background-color:var(--bg-tag-hover);color:var(--link-color)}.section-title{color:var(--text-heading)}.features{background:transparent}.feature-card{background:var(--bg-card);box-shadow:var(--shadow-sm);border-color:var(--border-light)}.feature-card:hover{box-shadow:var(--shadow-hover)}.feature-card h3{color:var(--text-heading)}.feature-card p{color:var(--text-muted)}.method{background:var(--bg-method)}.method-step h4{color:var(--text-heading)}.method-step p{color:var(--text-muted)}.latest{background:transparent}.post-grid .post-card{background:var(--bg-card);box-shadow:var(--shadow-sm);border-color:var(--border-light)}.post-grid .post-card:hover{box-shadow:var(--shadow-hover)}.post-meta time{color:var(--text-light)}.post-category{background:var(--bg-tag-hover);color:var(--link-color)}.post-grid .post-title a{color:var(--text-heading)}.post-grid .post-title a:hover{color:var(--link-color)}.post-grid .post-excerpt{color:var(--text-muted)}.post-grid .post-link{color:var(--link-color)}.post-grid .post-link:hover{color:var(--link-hover)}.view-all .btn-secondary{background:var(--bg-card);color:var(--link-color);border-color:var(--link-color)}.view-all .btn-secondary:hover{background:var(--bg-tag-hover);color:var(--link-hover);border-color:var(--link-hover)}.subscribe p{color:var(--text-muted)}.subscribe-form input[type="email"]{border-color:var(--border-input);background:var(--bg-input);color:var(--text-primary)}.subscribe-form input[type="email"]:focus{border-color:var(--link-color);box-shadow:0 0 0 3px rgba(59,130,246,0.12)}.subscribe-form button[type="submit"]{background:var(--btn-primary-bg);box-shadow:0 4px 14px var(--btn-primary-shadow)}.subscribe-form button[type="submit"]:hover{background:var(--btn-primary-hover)}.subscribe-form-note{color:var(--text-light)}.post-subscribe-card{background:var(--bg-subscribe);border-color:var(--border-color)}.post-subscribe-body h3{color:var(--text-heading)}.post-subscribe-body>p{color:var(--text-muted)}.post-subscribe-body input[type="email"]{border-color:var(--border-color);background:var(--bg-input);color:var(--text-primary)}.post-subscribe-body input[type="email"]:focus{border-color:var(--link-color)}.post-subscribe-note{color:var(--text-light)}.post-subscribe-rss a{color:var(--text-muted)}.post-subscribe-rss a:hover{color:var(--link-color)}.disclaimer p{background:var(--bg-disclaimer);border-color:#fde68a;color:#d97706}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.mobile-header-icons button,nav ul li.nav-icon button.header-icon-btn{color:var(--text-muted)}.mobile-header-icons button:hover,nav ul li.nav-icon button.header-icon-btn:hover{color:var(--link-color)}.back-to-top{background:var(--bg-card);border-color:var(--border-color)}.back-to-top a{color:var(--text-muted)}.back-to-top a:hover{color:var(--link-color)}