body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#111;background-color:#fdfdfd;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;display:flex;min-height:100vh;flex-direction:column}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}main{display:block}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#2a7ae2;text-decoration:none}a:visited{color:#1756a9}a:hover{color:#111;text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#ececec}code{padding:1px 5px;font-family:'Lucida Console', Monaco, monospace}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.svg-icon{width:16px;height:16px;display:inline-block;fill:#828282;padding-right:5px;vertical-align:text-top}.svg-icon-bilibili{width:18px;height:18px;display:inline-block;fill:#ff4081;padding-right:5px;vertical-align:text-top}.svg-icon-twitter{width:16px;height:16px;display:inline-block;fill:#00AAEC;padding-right:5px;vertical-align:text-top}.social-media-list li+li{padding-top:5px}table{margin-bottom:30px;width:100%;text-align:left;color:#3f3f3f;border-collapse:collapse;border:1px solid #e8e8e8}table tr:nth-child(even){background-color:#f7f7f7}table th,table td{padding:10px 15px}table th{background-color:#f0f0f0;border:1px solid #dedede;border-bottom-color:#c9c9c9}table td{border:1px solid #e8e8e8}.site-header{border-top:5px solid #424242;border-bottom:1px solid #e8e8e8;min-height:55.95px;position:relative}.site-title{font-size:26px;font-weight:300;line-height:54px;letter-spacing:-1px;margin-bottom:0;float:left}.site-title,.site-title:visited{color:#424242}.site-nav{float:right;line-height:54px;z-index:10}.site-nav .nav-trigger{display:none}.site-nav .menu-icon{display:none}.site-nav .page-link{color:#111;line-height:1.5}.site-nav .page-link:not(:last-child){margin-right:20px}@media screen and (max-width: 600px){.site-nav{position:absolute;top:9px;right:15px;background-color:#fdfdfd;border:1px solid #e8e8e8;border-radius:5px;text-align:right}.site-nav label[for="nav-trigger"]{display:block;float:right;width:36px;height:36px;z-index:2;cursor:pointer}.site-nav .menu-icon{display:block;float:right;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center}.site-nav .menu-icon>svg{fill:#424242}.site-nav input ~ .trigger{clear:both;display:none}.site-nav input:checked ~ .trigger{display:block;padding-bottom:5px}.site-nav .page-link{display:block;padding:5px 10px;margin-left:20px}.site-nav .page-link:not(:last-child){margin-right:0}}.site-footer{border-top:1px solid #e8e8e8;padding:30px 0}.footer-heading{font-size:18px;margin-bottom:15px}.contact-list,.social-media-list{list-style:none;margin-left:0}.footer-col-wrapper{font-size:15px;color:#828282;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}.footer-col-1{width:-webkit-calc(35% - (30px / 2));width:calc(35% - (30px / 2))}.footer-col-2{width:-webkit-calc(20% - (30px / 2));width:calc(20% - (30px / 2))}.footer-col-3{width:-webkit-calc(45% - (30px / 2));width:calc(45% - (30px / 2))}@media screen and (max-width: 800px){.footer-col-1,.footer-col-2{width:-webkit-calc(50% - (30px / 2));width:calc(50% - (30px / 2))}.footer-col-3{width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}@media screen and (max-width: 600px){.footer-col{float:none;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}.page-content{padding:30px 0;flex:1}.page-heading{font-size:32px}.post-list-heading{font-size:28px}.post-list{margin-left:0;list-style:none}.post-list>li{margin-bottom:30px}.post-meta{font-size:14px;color:#828282}.post-link{display:block;font-size:24px}.post-header{margin-bottom:30px}.post-title{font-size:42px;letter-spacing:-1px;line-height:1}@media screen and (max-width: 800px){.post-title{font-size:36px}}.post-content{margin-bottom:30px}.post-content h2{font-size:32px}@media screen and (max-width: 800px){.post-content h2{font-size:28px}}.post-content h3{font-size:26px}@media screen and (max-width: 800px){.post-content h3{font-size:22px}}.post-content h4{font-size:20px}@media screen and (max-width: 800px){.post-content h4{font-size:18px}}.highlight{background:#fff}.highlighter-rouge .highlight{background:#ececec}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-color: #667eea;--primary-dark: #5a6fd8;--accent-color: #f093fb;--accent-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--text-primary: #2d3748;--text-secondary: #718096;--text-muted: #a0aec0;--bg-primary: #ffffff;--bg-secondary: #f7fafc;--bg-card: #ffffff;--bg-hover: #edf2f7;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}[data-theme="dark"]{--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-muted: #a0aec0;--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-card: #2d3748;--bg-hover: #4a5568;--bg-table-hover: #5a6578;--border-color: #4a5568;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2)}[data-theme="dark"] table{background-color:var(--bg-card) !important;color:var(--text-primary) !important}[data-theme="dark"] table th{background:var(--primary-gradient) !important;color:white !important}[data-theme="dark"] table td{background-color:var(--bg-card) !important;color:var(--text-primary) !important}[data-theme="dark"] table tr:nth-child(even){background-color:var(--bg-hover) !important}[data-theme="dark"] table tr:nth-child(even) td{background-color:var(--bg-hover) !important;color:var(--text-primary) !important}[data-theme="dark"] table tr:nth-child(odd){background-color:var(--bg-card) !important}[data-theme="dark"] table tr:nth-child(odd) td{background-color:var(--bg-card) !important;color:var(--text-primary) !important}[data-theme="dark"] table tr:hover{background-color:var(--bg-table-hover) !important}[data-theme="dark"] table tr:hover td{background-color:var(--bg-table-hover) !important;color:var(--text-primary) !important}*{box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color 0.3s ease, color 0.3s ease}.site-header{background:var(--bg-card);border-top:4px solid;border-image:var(--primary-gradient) 1;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;transition:all 0.3s ease}.site-title{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1.75rem;letter-spacing:-0.025em;transition:all 0.3s ease}.site-title:hover{transform:translateY(-1px);filter:brightness(1.1)}.site-nav .page-link{color:var(--text-secondary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all 0.3s ease;position:relative}.site-nav .page-link:hover{color:var(--primary-color);background-color:var(--bg-hover);transform:translateY(-1px)}.site-nav .page-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-gradient);transition:all 0.3s ease;transform:translateX(-50%)}.site-nav .page-link:hover::after{width:80%}.theme-toggle{flex:0 0 auto;display:flex;align-items:center}.theme-switch{position:relative;display:flex;align-items:center;justify-content:center}.theme-switch-input{opacity:0;width:0;height:0}.theme-switch-label{display:block;width:60px;height:30px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:15px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.theme-switch-label:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.theme-switch-label:active{transform:scale(0.98)}.theme-switch-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);border-radius:15px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.theme-switch-slider::before{content:'';position:absolute;top:3px;left:3px;width:24px;height:24px;background:linear-gradient(135deg, #fff 0%, #f8f9fa 100%);border-radius:50%;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 6px rgba(0,0,0,0.2)}.theme-switch-icon{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3))}.theme-switch-icon:first-child{left:8px;opacity:1;color:#ffd700}.theme-switch-icon:last-child{right:8px;opacity:0.4;color:#ffffff}.theme-switch-input:checked+.theme-switch-label{background:linear-gradient(135deg, gold 0%, #ffed4e 100%)}.theme-switch-input:checked+.theme-switch-label .theme-switch-slider{background:linear-gradient(135deg, gold 0%, #ffed4e 100%)}.theme-switch-input:checked+.theme-switch-label .theme-switch-slider::before{transform:translateX(30px);background:linear-gradient(135deg, #fff 0%, #f8f9fa 100%);box-shadow:0 2px 6px rgba(0,0,0,0.3)}.theme-switch-input:checked+.theme-switch-label .theme-switch-icon:first-child{opacity:0.4;color:#1a1a2e}.theme-switch-input:checked+.theme-switch-label .theme-switch-icon:last-child{opacity:1;color:#1a1a2e}.page-content{background:var(--bg-secondary);min-height:calc(100vh - 200px);padding:var(--spacing-2xl) 0}.page-content .wrapper{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.page-content .wrapper .about-content{max-width:800px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-content .wrapper .about-content p,.page-content .wrapper .about-content div,.page-content .wrapper .about-content span,.page-content .wrapper .about-content a{line-height:1.8;margin-bottom:var(--spacing-md)}.page-content .wrapper .about-content a{color:var(--primary-color);text-decoration:none;transition:all 0.3s ease}.page-content .wrapper .about-content a:hover{color:var(--primary-hover);text-decoration:underline}.wrapper{max-width:1400px !important;margin:0 auto !important;padding:0 var(--spacing-lg) !important}.site-header .wrapper{position:relative;display:flex;align-items:center;justify-content:space-between}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:60px}.header-left{flex:0 0 auto}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.theme-toggle{flex:0 0 auto;display:flex;align-items:center}.post-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:var(--spacing-xl);margin:var(--spacing-xl) 0}.post-list>li{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all 0.3s ease;position:relative;overflow:hidden}.post-list>li::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.post-list>li:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.post-meta{color:var(--text-muted);font-size:0.875rem;font-weight:500;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.post-link{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:1.25rem;line-height:1.4;margin-bottom:var(--spacing-md);display:block;transition:color 0.3s ease}.post-link:hover{color:var(--primary-color)}.post-list>li:has(.post-meta:first-child strong){background:linear-gradient(135deg, #fff5f5 0%, #fef5e7 100%);border-color:#fbb6ce}.post-list>li:has(.post-meta:first-child strong)::before{background:linear-gradient(135deg, #fbb6ce 0%, #f6ad55 100%)}.post-list>li:has(.post-meta:first-child strong) .post-meta strong{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.site-footer{background:var(--bg-card);border-top:1px solid var(--border-color);margin-top:var(--spacing-2xl);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-xl)}.footer-main .footer-heading{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1.75rem;margin-bottom:var(--spacing-md)}.footer-main .footer-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.footer-main .footer-meta{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-main .footer-author{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-weight:500}.footer-main .footer-author .author-icon{font-size:1.125rem}.footer-links{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--spacing-xl)}.footer-section .footer-section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs)}.footer-nav{list-style:none;padding:0;margin:0}.footer-nav li{margin-bottom:var(--spacing-sm)}.footer-nav li a{color:var(--text-secondary);text-decoration:none;transition:color 0.3s ease}.footer-nav li a:hover{color:var(--primary-color)}.social-media-list{list-style:none;padding:0;margin:0}.social-media-list li{margin-bottom:var(--spacing-sm)}.social-media-list li a{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);text-decoration:none;transition:all 0.3s ease}.social-media-list li a:hover{color:var(--primary-color);transform:translateX(4px)}.social-media-list li a .svg-icon,.social-media-list li a .svg-icon-bilibili,.social-media-list li a .svg-icon-twitter{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.social-media-list li a .svg-icon use,.social-media-list li a .svg-icon-bilibili use,.social-media-list li a .svg-icon-twitter use{width:100%;height:100%}.social-media-list li a .svg-icon{fill:#6e5494}.social-media-list li a .svg-icon-bilibili{fill:#fb7299}.social-media-list li a .svg-icon-twitter{fill:#1da1f2}.social-media-list li a .username{font-weight:500}.footer-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-item .stat-number{font-size:1.5rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-item .stat-label{color:var(--text-secondary);font-size:0.875rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);border-top:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-sm)}.footer-copyright p{margin:0;color:var(--text-muted);font-size:0.875rem}.footer-copyright .footer-powered{margin-top:var(--spacing-xs)}.footer-copyright .footer-powered a{color:var(--primary-color);text-decoration:none}.footer-copyright .footer-powered a:hover{text-decoration:underline}.footer-copyright .footer-about-link{opacity:0.7;font-size:0.8rem;color:var(--text-muted) !important}.footer-copyright .footer-about-link:hover{opacity:1;color:var(--primary-color) !important}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.footer-links{grid-template-columns:repeat(2, 1fr);gap:var(--spacing-lg)}}@media (max-width: 768px){.footer-links{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-bottom{flex-direction:column;text-align:center;gap:var(--spacing-xs)}.footer-stats{flex-direction:row;justify-content:space-around}}@media (max-width: 480px){.site-footer{padding:var(--spacing-lg) 0}.footer-content{gap:var(--spacing-lg)}.footer-main .footer-heading{font-size:1.5rem}}@media (max-width: 768px){.post-list{grid-template-columns:1fr;gap:var(--spacing-lg)}.site-nav .page-link{margin-right:var(--spacing-sm)}.wrapper{padding:0 var(--spacing-md)}.hero-section{padding:var(--spacing-xl) var(--spacing-md);flex-direction:column;text-align:center}.hero-content{max-width:none;margin-right:0;margin-bottom:var(--spacing-xl)}.hero-visual{order:-1;margin-bottom:var(--spacing-lg)}}@media (max-width: 480px){.site-title{font-size:1.5rem}.post-list>li{padding:var(--spacing-lg)}.page-content{padding:var(--spacing-lg) 0}}html{scroll-behavior:smooth}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%, 100%{transform:scale(1)}50%{transform:scale(1.05)}}.post-list>li{animation:fadeInUp 0.6s ease-out}.hero-content{animation:slideInLeft 0.8s ease-out}.hero-visual{animation:slideInRight 0.8s ease-out 0.2s both}.section-header{animation:fadeInUp 0.6s ease-out}.post-card:hover .post-title a{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{position:relative;overflow:hidden}.btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.3);border-radius:50%;transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s}.btn:active::after{width:300px;height:300px}.site-header{transition:all 0.3s ease}.site-header.scrolled{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}[data-theme="dark"] .site-header.scrolled{background:rgba(42,42,42,0.95);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--primary-gradient);z-index:1000;transition:width 0.1s ease}.back-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:50px;height:50px;background:var(--primary-gradient);color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:var(--shadow-lg);transition:all 0.3s ease;opacity:0;visibility:hidden;transform:translateY(20px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px) scale(1.1);box-shadow:var(--shadow-xl)}img{transition:opacity 0.3s ease}img.loading{opacity:0}img.loaded{opacity:1}.code-block{position:relative}.code-block .copy-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--primary-gradient);color:white;border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:0.75rem;cursor:pointer;opacity:0;transition:opacity 0.3s ease}.code-block:hover .copy-btn{opacity:1}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-hover) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.tooltip{position:relative}.tooltip::before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--text-primary);color:white;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:0.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000}.tooltip:hover::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-5px)}.hero-section{display:flex;align-items:center;min-height:60vh;padding:var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);position:relative;overflow:hidden}.hero-content{flex:1;z-index:2;max-width:600px;margin-right:var(--spacing-xl)}.hero-title{margin-bottom:var(--spacing-xl)}.hero-title .hero-title-main{display:block;font-size:3.5rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:var(--spacing-md)}.hero-title .hero-title-sub{display:block;font-size:1.25rem;color:var(--text-secondary);font-weight:400;line-height:1.5}.hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:all 0.3s ease;border:2px solid transparent;position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition:left 0.5s ease}.btn:hover::before{left:100%}.btn-primary{background:var(--primary-gradient);color:white;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.btn-secondary{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero-visual{flex:1;position:relative;height:400px}.floating-elements{position:relative;width:100%;height:100%}.floating-element{position:absolute;border-radius:50%;background:var(--primary-gradient);opacity:0.1;animation:float 6s ease-in-out infinite}.floating-element.element-1{width:120px;height:120px;top:20%;left:20%;animation-delay:0s}.floating-element.element-2{width:80px;height:80px;top:60%;right:30%;animation-delay:2s}.floating-element.element-3{width:60px;height:60px;bottom:20%;left:60%;animation-delay:4s}@keyframes float{0%, 100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.posts-section{padding:var(--spacing-2xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-header .section-title{font-size:2.5rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md)}.section-header .section-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:400}.post-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:var(--spacing-xl);margin:var(--spacing-xl) 0}.post-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all 0.3s ease;position:relative;overflow:hidden}.post-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.post-card.featured{background:linear-gradient(135deg, #fff5f5 0%, #fef5e7 100%);border-color:#fbb6ce}.post-card.featured::before{background:linear-gradient(135deg, #fbb6ce 0%, #f6ad55 100%)}[data-theme="dark"] .post-card.featured{background:linear-gradient(135deg, #2d1b1b 0%, #2d2419 100%);border-color:#8b5a5a}[data-theme="dark"] .post-card.featured::before{background:linear-gradient(135deg, #8b5a5a 0%, #8b6f3f 100%)}.post-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.post-badge{background:var(--accent-gradient);color:white;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:0.75rem;font-weight:600}.post-date{color:var(--text-muted);font-size:0.875rem;font-weight:500}.post-title{margin-bottom:var(--spacing-md)}.post-title a{color:var(--text-primary);text-decoration:none;font-size:1.25rem;font-weight:600;line-height:1.4;transition:color 0.3s ease}.post-title a:hover{color:var(--primary-color)}.post-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.post-footer{margin-top:auto}.read-more{color:var(--primary-color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:all 0.3s ease}.read-more .arrow{transition:transform 0.3s ease}.read-more:hover{color:var(--primary-dark)}.read-more:hover .arrow{transform:translateX(4px)}.section-footer{text-align:center;margin-top:var(--spacing-2xl)}.rss-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);text-decoration:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid var(--border-color);transition:all 0.3s ease}.rss-link:hover{color:var(--primary-color);border-color:var(--primary-color);background:var(--bg-hover)}.rss-link .rss-icon{font-size:1.25rem}.post{max-width:1400px !important;margin:0 auto;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.post-header{background:var(--primary-gradient);color:white;padding:var(--spacing-2xl);text-align:center;position:relative}.post-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent)}.post-header-content{max-width:1400px !important;margin:0 auto}.post-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:var(--spacing-lg);text-shadow:0 2px 4px rgba(0,0,0,0.1)}.post-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg)}.post-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);background:rgba(255,255,255,0.1);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);backdrop-filter:blur(10px)}.post-meta-item .meta-icon{font-size:1rem}.post-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl);padding:var(--spacing-xl);min-height:500px;max-width:1400px !important;margin:0 auto}.post-toc{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);height:fit-content;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.toc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.toc-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.toc-toggle{background:var(--primary-gradient);color:white;border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:0.75rem;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);transition:all 0.3s ease}.toc-toggle:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.toc-toggle .toc-toggle-icon{transition:transform 0.3s ease}.toc-content{max-height:400px;overflow-y:auto;transition:all 0.3s ease}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:var(--spacing-xs)}.toc-list li a{color:var(--text-secondary);text-decoration:none;font-size:0.875rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);display:block;transition:all 0.3s ease;position:relative}.toc-list li a:hover{color:var(--primary-color);background:var(--bg-hover);transform:translateX(4px)}.toc-list li a.active{color:var(--primary-color);background:linear-gradient(90deg, var(--primary-color), transparent);font-weight:600}.toc-list li a.active::before{content:'';position:absolute;left:-var(--spacing-sm);top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary-gradient);border-radius:var(--radius-sm)}.post-content{line-height:1.8;color:var(--text-primary)}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:var(--text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-weight:600}.post-content h1{font-size:2rem;border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-sm)}.post-content h2{font-size:1.75rem;color:var(--primary-color)}.post-content h3{font-size:1.5rem}.post-content p{margin-bottom:var(--spacing-lg)}.post-content code{background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:'Fira Code', 'Monaco', 'Consolas', monospace;color:var(--primary-color);border:1px solid var(--border-color)}.post-content pre{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);overflow-x:auto;border:1px solid var(--border-color);margin:var(--spacing-lg) 0}.post-content pre code{background:none;padding:0;border:none;color:var(--text-primary)}.post-content .highlight,.post-content figure.highlight,.post-content div.highlight{background:var(--bg-secondary) !important;border-radius:var(--radius-lg);border:1px solid var(--border-color);margin:var(--spacing-lg) 0}.post-content .highlight pre,.post-content figure.highlight pre,.post-content div.highlight pre{background:var(--bg-secondary) !important;margin:0;border:none;border-radius:var(--radius-lg)}.post-content .highlight pre code,.post-content figure.highlight pre code,.post-content div.highlight pre code{background:transparent !important;color:var(--text-primary) !important}.post-content code.highlighter-rouge{background:var(--bg-secondary) !important;color:var(--primary-color) !important;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.post-content blockquote{border-left:4px solid var(--primary-color);background:var(--bg-secondary);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-style:italic;color:var(--text-secondary)}.post-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--spacing-lg) 0}.post-content table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.post-content table th,.post-content table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.post-content table th{background:var(--primary-gradient);color:white;font-weight:600}.post-content table tr:hover{background:var(--bg-hover)}.post-footer{background:var(--bg-secondary);padding:var(--spacing-xl);border-top:1px solid var(--border-color)}.post-footer-content{max-width:1400px !important;margin:0 auto}.post-tags{margin-bottom:var(--spacing-xl)}.post-tags .tags-label{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.post-tags .tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.post-tags .tag{background:var(--primary-gradient);color:white;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:0.875rem;font-weight:500}.post-navigation{display:flex;justify-content:space-between;gap:var(--spacing-lg)}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:all 0.3s ease;flex:1;max-width:300px}.nav-link:hover{background:var(--primary-gradient);color:white;transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-link .nav-icon{font-size:1.25rem;font-weight:bold}.nav-link .nav-text{font-weight:500;line-height:1.4}.nav-prev{text-align:left}.nav-next{text-align:right;flex-direction:row-reverse}@media (max-width: 1024px){.post-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.post-toc{order:-1}.toc-content{max-height:300px}.post-navigation{flex-direction:column}.nav-link{max-width:none}}@media (max-width: 768px){.post-header{padding:var(--spacing-lg)}.post-title{font-size:2rem}.post-meta{flex-direction:column;gap:var(--spacing-sm)}.post-layout{padding:var(--spacing-lg)}.post-footer{padding:var(--spacing-lg)}}@media (max-width: 480px){.post-title{font-size:1.75rem}.post-header{padding:var(--spacing-md)}.post-layout{padding:var(--spacing-md)}.post-footer{padding:var(--spacing-md)}}@media (max-width: 768px){.header-content{flex-direction:row;gap:var(--spacing-sm);min-height:auto;padding:var(--spacing-sm) 0;flex-wrap:wrap;justify-content:space-between}.header-left{flex:0 0 auto}.header-right{gap:var(--spacing-sm);flex:0 0 auto}.site-nav .trigger{display:flex;flex-direction:row;gap:var(--spacing-sm);flex-wrap:wrap}.site-title{font-size:1.2rem}.theme-switch-label{width:50px;height:25px}.theme-switch-slider::before{width:19px;height:19px}.theme-switch-icon{font-size:10px}.site-nav{position:relative !important;top:auto !important;right:auto !important;background-color:transparent !important;border:none !important;border-radius:0 !important;text-align:left !important}.site-nav label[for="nav-trigger"]{display:block;float:none;width:36px;height:36px;z-index:2;cursor:pointer;margin:0;display:flex;align-items:center;justify-content:center}.site-nav .menu-icon{display:block;float:none;width:36px;height:26px;line-height:0;padding-top:0;text-align:center;display:flex;align-items:center;justify-content:center}.site-nav .menu-icon>svg{width:18px;height:15px;vertical-align:middle}.site-nav input ~ .trigger{clear:both;display:none}.site-nav input:checked ~ .trigger{display:block;position:absolute;top:100%;right:0;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-md);min-width:150px;z-index:1000}.site-nav .page-link{display:block;padding:var(--spacing-sm) var(--spacing-md);margin:0;border-radius:var(--radius-sm)}.site-nav .page-link:not(:last-child){margin-bottom:var(--spacing-xs)}.site-nav .page-link:hover{background-color:var(--bg-hover)}}@media (max-width: 480px){.header-content{flex-direction:row;gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.site-title{font-size:1rem}.site-nav .trigger{gap:var(--spacing-xs)}.site-nav .page-link{font-size:0.875rem;padding:var(--spacing-xs)}.theme-switch-label{width:45px;height:22px}.theme-switch-slider::before{width:16px;height:16px}.theme-switch-icon{font-size:9px}.site-nav{position:relative !important;top:auto !important;right:auto !important;background-color:transparent !important;border:none !important;border-radius:0 !important;text-align:left !important}.site-nav label[for="nav-trigger"]{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.site-nav .menu-icon{width:32px;height:22px;padding-top:0;display:flex;align-items:center;justify-content:center}.site-nav .menu-icon>svg{width:16px;height:13px;vertical-align:middle}.site-nav input:checked ~ .trigger{position:absolute;top:100%;right:0;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-sm);min-width:120px;z-index:1000}.site-nav .page-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:0.875rem}}@media (max-width: 768px){pre,code{word-wrap:break-word !important;word-break:break-all !important;white-space:pre-wrap !important;overflow-wrap:break-word !important}code{white-space:pre-wrap !important;word-break:break-all !important}pre{overflow-x:auto !important;white-space:pre-wrap !important}pre code{white-space:pre-wrap !important;word-break:break-all !important}.katex-display{overflow-x:auto !important;white-space:nowrap !important}.katex-display .katex{white-space:nowrap !important}table{word-wrap:break-word !important;table-layout:fixed !important;width:100% !important}table td,table th{word-wrap:break-word !important;word-break:break-all !important;overflow-wrap:break-word !important}a{word-wrap:break-word !important;overflow-wrap:break-word !important}p{word-wrap:break-word !important;overflow-wrap:break-word !important}}@media (max-width: 480px){*{word-wrap:break-word !important;overflow-wrap:break-word !important}pre{white-space:pre-wrap !important;word-break:break-all !important}pre code{white-space:pre-wrap !important;word-break:break-all !important}code{white-space:pre-wrap !important;word-break:break-all !important}.katex-display{white-space:pre-wrap !important;word-break:break-all !important}.katex-display .katex{white-space:pre-wrap !important;word-break:break-all !important}table{table-layout:fixed !important;width:100% !important}table td,table th{word-break:break-all !important;white-space:pre-wrap !important}}.tools-page .page-content{max-width:1000px;margin:0 auto;padding:var(--spacing-xl)}.tools-page .tool-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all 0.3s ease}.tools-page .tool-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tools-page .tool-card h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.5rem}.tools-page .tool-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.tools-page .tool-card .btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-gradient);color:white;text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition:all 0.3s ease}.tools-page .tool-card .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);color:white}.tools-page .coming-soon{background:var(--bg-hover);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;margin:var(--spacing-xl) 0}.tools-page .coming-soon h3{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.tools-page .coming-soon .tool-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.tools-page .coming-soon .tool-list .tool-item{padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);color:var(--text-secondary);font-size:0.9rem}.tools-page .feedback-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-xl);text-align:center}.tools-page .feedback-section h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.tools-page .feedback-section p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.tools-page .feedback-section .contact-links{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.tools-page .feedback-section .contact-links a{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-hover);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all 0.3s ease}.tools-page .feedback-section .contact-links a:hover{background:var(--primary-color);color:white}@media (max-width: 768px){.tools-page .page-content{padding:var(--spacing-lg)}.tools-page .tool-card{padding:var(--spacing-lg)}.tools-page .coming-soon .tool-list{grid-template-columns:1fr}.tools-page .feedback-section .contact-links{flex-direction:column;align-items:center}}