@charset "UTF-8";:root{--color-primary:#06c;--color-primary-dark:#049;--color-secondary:#6c757d;--color-success:#28a745;--color-warning:#ffc107;--color-danger:#dc3545;--color-info:#17a2b8;--color-text:#212529;--color-text-muted:#6c757d;--color-text-light:#fff;--color-bg:#fff;--color-bg-alt:#f8f9fa;--color-bg-card:#fff;--color-border:#dee2e6;--color-border-light:#e9ecef;--shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--font-family-base:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
        sans-serif;--font-family-code:SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--line-height-sm:1.25;--line-height-base:1.5;--line-height-lg:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--container-max-width:1200px;--header-height:4rem;--sidebar-width:280px;--border-radius-sm:0.25rem;--border-radius:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--transition-fast:0.15s ease-in-out;--transition-base:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--color-text:#e9ecef;--color-text-muted:#adb5bd;--color-text-light:#fff;--color-bg:#121212;--color-bg-alt:#1e1e1e;--color-bg-card:#242424;--color-border:#343a40;--color-border-light:#495057;--shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);--shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.5);--shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.7);--search-highlight-bg:#06c;--search-highlight-color:#fff}html[data-theme=light]{--search-highlight-bg:#06c;--search-highlight-color:#fff}*,*::before,*::after{box-sizing:border-box}html{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;color:var(--color-text);background-color:var(--color-bg);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md);font-weight:600;line-height:var(--line-height-sm);color:var(--color-text)}p{margin:0 0 var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover,a:focus{color:var(--color-primary-dark);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}ul,ol{margin:0 0 var(--spacing-md);padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}img{max-width:100%;height:auto;vertical-align:middle;border-style:none}button{background:0 0;border:none;padding:0;cursor:pointer;font-family:inherit;color:inherit}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea{font-family:inherit;font-size:inherit;line-height:inherit;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-sm);background-color:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,204,.1)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}code,pre{font-family:var(--font-family-code);font-size:.9em}code{padding:.125rem .25rem;background-color:var(--color-bg-alt);border-radius:var(--border-radius-sm);color:var(--color-danger)}pre{margin:0 0 var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg-alt);border-radius:var(--border-radius);overflow-x:auto}pre code{padding:0;background-color:initial;color:inherit}table{width:100%;margin-bottom:var(--spacing-md);border-collapse:collapse}th,td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;color:var(--color-text);background-color:var(--color-bg-alt)}hr{margin:var(--spacing-xl)0;border:0;border-top:1px solid var(--color-border)}blockquote{margin:0 0 var(--spacing-md);padding:var(--spacing-md);border-left:4px solid var(--color-primary);background-color:var(--color-bg-alt);color:var(--color-text-muted);font-style:italic}blockquote p:last-child{margin-bottom:0}mark{background-color:var(--search-highlight-bg,#06c);color:var(--search-highlight-color,#fff);padding:2px 4px;border-radius:3px;font-weight:inherit}h1{font-size:var(--font-size-3xl);font-weight:700;line-height:var(--line-height-sm);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-2xl);font-weight:600;line-height:var(--line-height-sm);margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-xl);font-weight:600;line-height:var(--line-height-sm);margin-bottom:var(--spacing-md)}h4{font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-base);margin-bottom:var(--spacing-sm)}h5{font-size:var(--font-size-base);font-weight:600;line-height:var(--line-height-base);margin-bottom:var(--spacing-sm)}h6{font-size:var(--font-size-sm);font-weight:600;line-height:var(--line-height-base);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}strong,b{font-weight:600}em,i{font-style:italic}small{font-size:var(--font-size-sm);color:var(--color-text-muted)}mark{background-color:#fff3cd;padding:.125em .25em;border-radius:var(--border-radius-sm)}del,s{text-decoration:line-through;opacity:.7}u{text-decoration:underline;text-decoration-skip-ink:auto}sup,sub{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}abbr[title]{border-bottom:1px dotted var(--color-text-muted);text-decoration:none;cursor:help}footer{background-color:var(--color-bg-alt);border-top:1px solid var(--color-border);margin-top:auto;padding:var(--spacing-lg)0}.footer-content{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.footer-content.footer-centered{flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-md)}.footer-info p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.footer-links{display:flex;gap:var(--spacing-md);justify-content:center}.footer-links a,.footer-links button{color:var(--color-text-muted);padding:var(--spacing-sm);border-radius:var(--border-radius);transition:all var(--transition-fast);text-decoration:none;background:0 0;border:none;cursor:pointer;font-size:var(--font-size-lg)}.footer-links a:hover,.footer-links button:hover{color:var(--color-primary);background-color:var(--color-bg)}.footer-links a i,.footer-links button i{font-size:var(--font-size-lg)}.footer-links .wechat-toggle,.footer-links .email-toggle{display:inline-block;width:auto;height:auto}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;padding:0 var(--spacing-md)}.footer-info p{margin-bottom:var(--spacing-sm)}}.post-layout{display:grid;grid-template-columns:280px 1fr 280px;gap:var(--spacing-xl);max-width:1400px;margin:0 auto;padding:var(--spacing-lg);min-height:calc(100vh - var(--header-height))}.post-sidebar-left{position:sticky;top:calc(var(--header-height) + var(--spacing-lg));height:fit-content;max-height:calc(100vh - var(--header-height) - var(--spacing-xl));overflow-y:auto}.post-sidebar-left .sidebar-content{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg)}.post-sidebar-left .sidebar-content h3,.post-sidebar-left .sidebar-content h4{color:var(--color-text);margin-top:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.post-sidebar-left .sidebar-content h4{font-size:var(--font-size-base);margin-top:var(--spacing-lg)}.sidebar-posts-list{list-style:none;padding:0;margin:0}.sidebar-posts-list .sidebar-post-item{margin-bottom:var(--spacing-sm)}.sidebar-posts-list .sidebar-post-item.active .sidebar-post-link{background-color:var(--color-primary);color:var(--color-text-light)}.sidebar-posts-list .sidebar-post-link{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-sm);border-radius:var(--border-radius);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast);gap:var(--spacing-sm)}.sidebar-posts-list .sidebar-post-link:hover{background-color:var(--color-bg-alt)}.sidebar-posts-list .sidebar-post-link .sidebar-post-title{flex:1;font-size:var(--font-size-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-posts-list .sidebar-post-link .sidebar-post-date{flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-categories{margin-bottom:var(--spacing-xl)}.sidebar-categories .category-group{margin-bottom:var(--spacing-sm)}.sidebar-categories .category-toggle{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:0 0;border:none;text-align:left;cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-fast);color:var(--color-text)}.sidebar-categories .category-toggle:hover{background-color:var(--color-bg-alt)}.sidebar-categories .category-toggle .category-name{flex:1;font-weight:500}.sidebar-categories .category-toggle .toggle-icon{transition:transform var(--transition-fast)}.sidebar-categories .category-toggle .post-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-categories .category-posts{margin-left:var(--spacing-lg);padding-top:var(--spacing-sm)}.sidebar-latest{margin-bottom:var(--spacing-xl)}.sidebar-category-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.sidebar-category-tags .sidebar-category{display:inline-block;padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-bg-alt);color:var(--color-text-muted);text-decoration:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.sidebar-category-tags .sidebar-category:hover{background-color:var(--color-primary);color:var(--color-text-light)}.post-main{min-width:0}.post-sidebar-right{position:sticky;top:calc(var(--header-height) + var(--spacing-lg));height:fit-content;max-height:calc(100vh - var(--header-height) - var(--spacing-xl));overflow-y:auto}.post-sidebar-right .toc-container{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg)}.post-sidebar-right .toc-container h3{margin-top:0;margin-bottom:var(--spacing-md);color:var(--color-text);font-size:var(--font-size-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.post-sidebar-right .table-of-contents ul{list-style:none;padding-left:0;margin:0}.post-sidebar-right .table-of-contents ul ul{padding-left:var(--spacing-md);margin-top:var(--spacing-xs)}.post-sidebar-right .table-of-contents li{margin-bottom:var(--spacing-xs)}.post-sidebar-right .table-of-contents a{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);line-height:1.4;display:block;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius);transition:all var(--transition-fast)}.post-sidebar-right .table-of-contents a:hover,.post-sidebar-right .table-of-contents a.active{color:var(--color-primary);background-color:var(--color-bg-alt)}.post-sidebar-right .table-of-contents a.active{font-weight:500;border-left:3px solid var(--color-primary)}.post-single .post-header{margin-bottom:var(--spacing-xl)}.post-single .post-header .post-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);line-height:var(--line-height-sm)}.post-single .post-header .post-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.post-single .post-header .post-meta span,.post-single .post-header .post-meta time{position:relative}.post-single .post-header .post-meta span:not(:last-child)::after,.post-single .post-header .post-meta time:not(:last-child)::after{content:'•';margin-left:var(--spacing-md);color:var(--color-border)}.post-single .post-header .post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.post-single .post-header .post-tags .tag-link{display:inline-block;padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-bg-alt);color:var(--color-text-muted);text-decoration:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.post-single .post-header .post-tags .tag-link:hover{background-color:var(--color-primary);color:var(--color-text-light)}.post-single .post-content{line-height:var(--line-height-lg);font-size:var(--font-size-base)}.post-single .post-content p{margin-bottom:var(--spacing-lg)}.post-single .post-content h2,.post-single .post-content h3,.post-single .post-content h4,.post-single .post-content h5,.post-single .post-content h6{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.post-single .post-content img{border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.related-posts{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.related-posts h3{margin-bottom:var(--spacing-lg)}.related-posts .related-posts-list{display:grid;gap:var(--spacing-lg)}.related-posts .related-post{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:all var(--transition-fast)}.related-posts .related-post:hover{box-shadow:var(--shadow-sm)}.related-posts .related-post .related-post-title{margin:0 0 var(--spacing-sm)}.related-posts .related-post .related-post-title a{color:var(--color-text);text-decoration:none}.related-posts .related-post .related-post-title a:hover{color:var(--color-primary)}.related-posts .related-post .related-post-meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(max-width:1200px){.post-layout{grid-template-columns:240px 1fr 240px;gap:var(--spacing-lg)}}@media(max-width:1024px){.post-layout{grid-template-columns:200px 1fr;gap:var(--spacing-md)}.post-sidebar-right{display:none}}@media(max-width:768px){.post-layout{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md)}.post-sidebar-left,.post-sidebar-right{display:none}.post-single .post-header .post-title{font-size:var(--font-size-2xl)}}.navbar{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px);transition:all var(--transition-base);width:100%}.nav-container{max-width:100%;margin:0;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.nav-brand{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.nav-brand .nav-avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.nav-brand .nav-title{margin:0;font-size:var(--font-size-lg);font-weight:600}.nav-brand .nav-title a{color:var(--color-text);text-decoration:none}.nav-brand .nav-title a:hover{color:var(--color-primary)}.nav-brand .nav-title .nav-title-text{transition:opacity var(--transition-fast)}.nav-menu{display:flex;align-items:center;gap:var(--spacing-lg);flex:1;justify-content:center}.nav-menu .nav-link{color:var(--color-text-muted);text-decoration:none;font-weight:500;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);transition:all var(--transition-fast);white-space:nowrap}.nav-menu .nav-link:hover,.nav-menu .nav-link.active{color:var(--color-primary);background-color:var(--color-bg-alt)}.nav-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.language-switcher{position:relative}.language-switcher .language-toggle{display:flex;align-items:center;gap:var(--spacing-xs);background:0 0;border:none;color:var(--color-text-muted);padding:var(--spacing-sm);border-radius:var(--border-radius);transition:all var(--transition-fast);cursor:pointer}.language-switcher .language-toggle:hover{color:var(--color-primary);background-color:var(--color-bg-alt)}.language-switcher .language-menu{position:absolute;top:100%;right:0;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow);display:none;min-width:120px;z-index:var(--z-dropdown)}.language-switcher .language-menu li{list-style:none;margin:0}.language-switcher .language-menu .language-option{display:block;padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text);text-decoration:none;transition:all var(--transition-fast)}.language-switcher .language-menu .language-option:hover{background-color:var(--color-bg-alt);color:var(--color-primary)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;width:2rem;height:2rem;background:0 0;border:none;cursor:pointer}.mobile-menu-toggle .hamburger{display:block;width:1.5rem;height:2px;background-color:var(--color-text);margin:2px 0;transition:all var(--transition-fast)}.mobile-menu-toggle[aria-expanded=true] .hamburger:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.mobile-menu-toggle[aria-expanded=true] .hamburger:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .hamburger:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.search-container{position:relative;display:flex;align-items:center}.search-container .search-input{width:200px;padding:var(--spacing-xs)var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.search-container .search-input:focus{border-color:var(--color-primary);width:250px}.search-container .search-button{position:absolute;right:var(--spacing-xs);background:0 0;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs)}.search-container .search-button:hover{color:var(--color-primary)}.social-links{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-toggle,.social-links a,.social-links button{background:0 0;border:none;color:var(--color-text-muted);padding:var(--spacing-sm);border-radius:var(--border-radius);transition:all var(--transition-fast);cursor:pointer;text-decoration:none}.theme-toggle:hover,.social-links a:hover,.social-links button:hover{color:var(--color-primary);background-color:var(--color-bg-alt)}.mobile-menu{display:none;position:fixed;inset:var(--header-height)0 0 0;z-index:var(--z-modal);background-color:rgba(0,0,0,.5);height:calc(100vh - var(--header-height))}.mobile-menu[aria-hidden=false]{display:block}.mobile-menu-content{background-color:var(--color-bg);height:100%;padding:var(--spacing-lg);box-sizing:border-box;display:flex;flex-direction:column}.mobile-nav-menu{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.mobile-nav-menu .mobile-nav-link{color:var(--color-text);text-decoration:none;font-weight:500;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);transition:all var(--transition-fast)}.mobile-nav-menu .mobile-nav-link:hover,.mobile-nav-menu .mobile-nav-link.active{color:var(--color-primary);background-color:var(--color-bg-alt)}@media(max-width:768px){.desktop-only{display:none!important}.mobile-menu-toggle{display:flex}.nav-container{padding:0 var(--spacing-sm)}.nav-brand .nav-title-text{display:none}.search-container .search-input{width:120px}.search-container .search-input:focus{width:150px}.nav-actions{gap:var(--spacing-xs)}}@media(max-width:480px){.nav-brand .nav-title .nav-title-text{display:none}.search-container .search-input{width:100px}.search-container .search-input:focus{width:120px}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modal);display:none;align-items:center;justify-content:center}.modal.modal-open{display:flex}.modal[aria-hidden=false]{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.modal-content{position:relative;background-color:var(--color-bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:633px;width:calc(100% - var(--spacing-xxl) * 2);max-height:calc(100vh - var(--spacing-xxl) * 2);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:var(--font-size-xl);color:var(--color-text)}.modal-header .modal-close{background:0 0;border:none;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius);transition:all var(--transition-fast)}.modal-header .modal-close:hover{color:var(--color-text);background-color:var(--color-bg-alt)}.modal-body{padding:var(--spacing-lg);text-align:center}.modal-body .wechat-qr{width:100%;height:100%;object-fit:contain;margin:0 auto var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.modal-body p{color:var(--color-text-muted);margin:0}.contact-form .form-group,.email-template-section .form-group{margin-bottom:var(--spacing-lg)}.contact-form .form-group label,.email-template-section .form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text)}.contact-form .form-group .form-control,.email-template-section .form-group .form-control{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.contact-form .form-group .form-control:focus,.email-template-section .form-group .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,204,.1)}.contact-form .form-group .form-control::placeholder,.email-template-section .form-group .form-control::placeholder{color:var(--color-text-muted)}.contact-form .form-group textarea.form-control,.email-template-section .form-group textarea.form-control{resize:vertical;min-height:120px}.contact-form .email-preview,.email-template-section .email-preview{margin:var(--spacing-xl)0;padding:var(--spacing-lg);background-color:var(--color-bg-alt);border-radius:var(--border-radius);border:1px solid var(--color-border)}.contact-form .email-preview h4,.email-template-section .email-preview h4{margin:0 0 var(--spacing-md);color:var(--color-text);font-size:var(--font-size-base)}.contact-form .email-preview .email-template-display,.email-template-section .email-preview .email-template-display{font-family:monospace;font-size:var(--font-size-sm);line-height:1.5;white-space:pre-wrap}.contact-form .email-preview .email-template-display strong,.email-template-section .email-preview .email-template-display strong{color:var(--color-text)}.contact-form .email-preview .email-template-display .message-preview,.email-template-section .email-preview .email-template-display .message-preview{margin:var(--spacing-sm)0;padding:var(--spacing-sm);background-color:var(--color-bg);border-left:3px solid var(--color-primary);border-radius:0 var(--border-radius)var(--border-radius)0;min-height:3em;color:var(--color-text-muted)}.contact-form .email-preview .email-template-display .email-footer,.email-template-section .email-preview .email-template-display .email-footer{margin-top:var(--spacing-md)}.contact-form .email-preview .email-template-display .email-footer hr,.email-template-section .email-preview .email-template-display .email-footer hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-sm)0}.contact-form .email-preview .email-template-display .email-footer small,.email-template-section .email-preview .email-template-display .email-footer small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.contact-form .form-actions,.email-template-section .form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.toast{position:fixed;top:20px;right:20px;background-color:var(--color-success);color:#fff;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:9999;opacity:0;transform:translateX(100%);transition:all var(--transition-base);font-size:var(--font-size-sm);font-weight:500;max-width:300px;word-wrap:break-word}.toast.show{opacity:1;transform:translateX(0)}.toast.error{background-color:var(--color-danger)}.toast.warning{background-color:var(--color-warning);color:var(--color-text)}.toast.info{background-color:var(--color-info)}#css-warning-modal{background-color:rgba(0,0,0,.6)}#css-warning-modal .css-warning-content{max-width:500px;border-left:4px solid var(--color-warning)}#css-warning-modal .css-warning-content .modal-header{background-color:var(--color-warning);color:var(--color-text);border-bottom:none}#css-warning-modal .css-warning-content .modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}#css-warning-modal .css-warning-content .modal-header .modal-close{color:var(--color-text)}#css-warning-modal .css-warning-content .modal-header .modal-close:hover{background-color:rgba(0,0,0,.1)}#css-warning-modal .css-warning-content .modal-body{text-align:left;padding:var(--spacing-xl)var(--spacing-lg)}#css-warning-modal .css-warning-content .modal-body p{color:var(--color-text);margin:0;line-height:var(--line-height-lg);font-size:var(--font-size-base)}#css-warning-modal .css-warning-content .modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center}#css-warning-modal .css-warning-content .modal-footer .css-warning-ok{background-color:var(--color-primary);color:var(--color-text-light);border:none;padding:var(--spacing-sm)var(--spacing-xl);border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}#css-warning-modal .css-warning-content .modal-footer .css-warning-ok:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow)}#css-warning-modal .css-warning-content .modal-footer .css-warning-ok:focus{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes modalFadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal[aria-hidden=false] .modal-content{animation:modalFadeIn .3s ease-out}#css-warning-modal.show .css-warning-content{animation:modalFadeIn .3s ease-out}@media(max-width:480px){.modal-content{width:95%;margin:var(--spacing-md)}.modal-header,.modal-body{padding:var(--spacing-md)}.modal-body .wechat-qr{max-width:150px}#css-warning-modal .css-warning-content{width:95%;margin:var(--spacing-md)}#css-warning-modal .css-warning-content .modal-body{padding:var(--spacing-lg)var(--spacing-md)}#css-warning-modal .css-warning-content .modal-footer{padding:var(--spacing-md)}}.btn{display:inline-block;padding:var(--spacing-sm)var(--spacing-md);border:none;border-radius:var(--border-radius);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);font-weight:500;text-align:center;background-color:var(--color-primary);color:var(--color-text-light)}.btn:hover{background-color:var(--color-primary-dark)}.btn.btn-secondary{background-color:var(--color-secondary)}.btn.btn-secondary:hover{background-color:var(--color-text)}.btn.btn-outline{background-color:initial;color:var(--color-primary);border:1px solid var(--color-primary)}.btn.btn-outline:hover{background-color:var(--color-primary);color:var(--color-text-light)}.btn.btn-sm{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm)}.btn.btn-lg{padding:var(--spacing-lg)var(--spacing-xl);font-size:var(--font-size-lg)}.icon-btn{display:inline-block;border:none;border-radius:var(--border-radius);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);text-align:center;width:2.5rem;height:2.5rem;padding:0;background-color:initial;color:var(--color-text-muted)}.icon-btn:hover{color:var(--color-primary);background-color:var(--color-bg-alt)}.icon-btn.active{color:var(--color-primary);background-color:var(--color-bg-alt)}.search-container{position:relative}.search-results-container .search-no-results{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.search-results-container .search-no-results .no-results-icon{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md);opacity:.5}.search-results-container .search-no-results .no-results-icon i{color:var(--color-text-muted)}.search-results-container .search-no-results .no-results-text{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);font-weight:500}.search-results-container .search-no-results .no-results-suggestion{font-size:var(--font-size-sm);opacity:.8}.search-results-container .search-results-list .search-result-item{border-bottom:1px solid var(--color-border)}.search-results-container .search-results-list .search-result-item:last-child{border-bottom:none}.search-results-container .search-results-list .search-result-item .search-result-link{display:block;padding:var(--spacing-lg);text-decoration:none;color:inherit;transition:background-color var(--transition-fast)}.search-results-container .search-results-list .search-result-item .search-result-link:hover,.search-results-container .search-results-list .search-result-item .search-result-link:focus{background-color:var(--color-bg-alt);outline:none}.search-results-container .search-results-list .search-result-item .search-result-link .search-result-title{font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:1.3;font-size:var(--font-size-md)}.search-results-container .search-results-list .search-result-item .search-result-link .search-result-title mark{background-color:var(--color-primary);color:#fff;padding:2px 4px;border-radius:3px;font-weight:inherit}.search-results-container .search-results-list .search-result-item .search-result-link .search-result-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.search-results-container .search-results-list .search-result-item .search-result-link .search-result-meta .search-result-date{opacity:.8;font-weight:500}.search-results-container .search-results-list .search-result-item .search-result-link .search-result-meta .search-result-categories{display:flex;gap:var(--spacing-xs)}.search-results-container .search-results-list .search-result-item .search-result-link .search-result-meta .search-result-categories .search-category-tag{background-color:var(--color-primary);color:#fff;padding:3px 8px;border-radius:12px;font-size:var(--font-size-xs);font-weight:500}.search-results-container .search-results-list .search-result-item .search-result-link .search-result-meta .search-result-categories .search-category-tag mark{background-color:initial;color:inherit;padding:0;font-weight:700}.mobile-search{position:relative;margin-bottom:var(--spacing-lg)}.mobile-search .mobile-search-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.mobile-search .mobile-search-input:focus{border-color:var(--color-primary);outline:none}[data-theme=dark] .search-result-title mark{background-color:var(--color-primary);color:var(--color-bg)}@media(max-width:768px){.search-results-container .search-results-list .search-result-item .search-result-link{padding:var(--spacing-md)}.search-results-container .search-results-list .search-result-item .search-result-link .search-result-title{font-size:var(--font-size-base)}.search-results-container .search-results-list .search-result-item .search-result-link .search-result-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.mermaid{display:block;margin:var(--spacing-lg)0;padding:var(--spacing-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow-x:auto;text-align:center;position:relative;clear:both;min-height:200px}.mermaid svg{max-width:100%;height:auto;display:block;margin:0 auto;overflow:visible;font-family:var(--font-family-base);font-size:14px}.mermaid .error-message{color:var(--color-danger);padding:var(--spacing-md);border:1px solid var(--color-danger);border-radius:var(--border-radius);background-color:rgba(220,53,69,.1);margin:var(--spacing-md)0;font-family:var(--font-family-code);font-size:var(--font-size-sm)}.mermaid .actor{fill:var(--color-bg-card);stroke:var(--color-border)}.mermaid .messageLine0,.mermaid .messageLine1{stroke:var(--color-text)}.mermaid .labelText{fill:var(--color-text);font-family:var(--font-family-base)}.mermaid .node rect{fill:var(--color-bg-card);stroke:var(--color-border)}.mermaid .node .label{color:var(--color-text);font-family:var(--font-family-base)}.mermaid .edgePath .path{stroke:var(--color-text-muted)}.mermaid .classBox{fill:var(--color-bg-card);stroke:var(--color-border)}.mermaid .classLabel{fill:var(--color-text);font-family:var(--font-family-base)}.mermaid .state{fill:var(--color-bg-card);stroke:var(--color-border)}.mermaid .stateLabel{fill:var(--color-text);font-family:var(--font-family-base)}.mermaid .mindmap-node{fill:var(--color-bg-card);stroke:var(--color-border)}.mermaid .mindmap-label{fill:var(--color-text);font-family:var(--font-family-base)}@media(max-width:768px){.mermaid{margin:var(--spacing-md)0;padding:var(--spacing-sm)}.mermaid svg{font-size:12px}}[data-theme=dark] .mermaid{background-color:var(--color-bg-alt)}[data-theme=dark] .mermaid .label,[data-theme=dark] .mermaid .labelText,[data-theme=dark] .mermaid .classLabel,[data-theme=dark] .mermaid .stateLabel,[data-theme=dark] .mermaid .mindmap-label{fill:var(--color-text)!important}[data-theme=dark] .mermaid .messageLine0,[data-theme=dark] .mermaid .messageLine1,[data-theme=dark] .mermaid .edgePath .path{stroke:var(--color-text-muted)!important}.highlight{position:relative;margin:var(--spacing-lg)0;border-radius:var(--border-radius);overflow:hidden;background-color:var(--color-bg-alt);border:1px solid var(--color-border)}.highlight pre{margin:0;padding:var(--spacing-md);overflow-x:auto;background-color:initial;border:none;border-radius:0}.highlight pre code{background-color:initial;color:inherit;padding:0;border-radius:0;font-size:.875em;line-height:1.6}.highlight .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:initial;border-collapse:collapse}.highlight .lntable .lntd{vertical-align:top;padding:0;margin:0;border:0}.highlight .lntable .lntd:first-child{width:10px}.highlight .lntable .lntd:first-child .lnt{margin-right:var(--spacing-md);color:var(--color-text-muted);user-select:none}[data-theme=dark] .highlight{background-color:var(--color-bg-alt)}[data-theme=dark] .highlight pre,[data-theme=dark] .highlight code{color:var(--color-text)!important;background-color:initial!important}[data-theme=dark] .highlight .chroma .k,[data-theme=dark] .highlight .chroma .kc,[data-theme=dark] .highlight .chroma .kd,[data-theme=dark] .highlight .chroma .kn,[data-theme=dark] .highlight .chroma .kp,[data-theme=dark] .highlight .chroma .kr,[data-theme=dark] .highlight .chroma .kt{color:#79c0ff!important}[data-theme=dark] .highlight .chroma .s,[data-theme=dark] .highlight .chroma .sa,[data-theme=dark] .highlight .chroma .sb,[data-theme=dark] .highlight .chroma .sc,[data-theme=dark] .highlight .chroma .dl,[data-theme=dark] .highlight .chroma .sd,[data-theme=dark] .highlight .chroma .s2,[data-theme=dark] .highlight .chroma .se,[data-theme=dark] .highlight .chroma .sh,[data-theme=dark] .highlight .chroma .si,[data-theme=dark] .highlight .chroma .sx,[data-theme=dark] .highlight .chroma .sr,[data-theme=dark] .highlight .chroma .s1,[data-theme=dark] .highlight .chroma .ss{color:#a5d6ff!important}[data-theme=dark] .highlight .chroma .m,[data-theme=dark] .highlight .chroma .mb,[data-theme=dark] .highlight .chroma .mf,[data-theme=dark] .highlight .chroma .mh,[data-theme=dark] .highlight .chroma .mi,[data-theme=dark] .highlight .chroma .il,[data-theme=dark] .highlight .chroma .mo{color:#79c0ff!important}[data-theme=dark] .highlight .chroma .c,[data-theme=dark] .highlight .chroma .ch,[data-theme=dark] .highlight .chroma .cm,[data-theme=dark] .highlight .chroma .c1,[data-theme=dark] .highlight .chroma .cs,[data-theme=dark] .highlight .chroma .cp,[data-theme=dark] .highlight .chroma .cpf{color:#8b949e!important;font-style:italic}[data-theme=dark] .highlight .chroma .n,[data-theme=dark] .highlight .chroma .na,[data-theme=dark] .highlight .chroma .nb,[data-theme=dark] .highlight .chroma .bp,[data-theme=dark] .highlight .chroma .nc,[data-theme=dark] .highlight .chroma .no,[data-theme=dark] .highlight .chroma .nd,[data-theme=dark] .highlight .chroma .ni,[data-theme=dark] .highlight .chroma .ne,[data-theme=dark] .highlight .chroma .nf,[data-theme=dark] .highlight .chroma .nl,[data-theme=dark] .highlight .chroma .nn,[data-theme=dark] .highlight .chroma .nx,[data-theme=dark] .highlight .chroma .py,[data-theme=dark] .highlight .chroma .nt,[data-theme=dark] .highlight .chroma .nv,[data-theme=dark] .highlight .chroma .vc,[data-theme=dark] .highlight .chroma .vg,[data-theme=dark] .highlight .chroma .vi,[data-theme=dark] .highlight .chroma .vm{color:#d2a8ff!important}[data-theme=dark] .highlight .chroma .o,[data-theme=dark] .highlight .chroma .ow{color:var(--color-text)!important}[data-theme=dark] .highlight .chroma .err{color:#f85149!important}[data-theme=dark] .highlight .chroma .hl{background-color:rgba(255,255,255,.1)!important}[data-theme=dark] .highlight .chroma .gp{color:#79c0ff!important}[data-theme=light] .highlight{background-color:var(--color-bg-alt)}[data-theme=light] .highlight pre,[data-theme=light] .highlight code{color:var(--color-text)}@media(max-width:768px){.highlight{margin:var(--spacing-md)0}.highlight pre{padding:var(--spacing-sm);font-size:.8em}}.home-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-xl)var(--spacing-lg)}.hero-section{text-align:center;margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl)0}.hero-section .hero-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.hero-section .hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.hero-section .hero-content{max-width:800px;margin:0 auto;font-size:var(--font-size-lg);line-height:var(--line-height-lg);color:var(--color-text-muted)}.latest-posts h2{margin-bottom:var(--spacing-xl);text-align:center;font-size:var(--font-size-2xl)}.latest-posts .posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.latest-posts .view-all{text-align:center}.latest-posts .view-all .view-all-link{display:inline-block;padding:var(--spacing-md)var(--spacing-xl);background-color:var(--color-primary);color:var(--color-text-light);text-decoration:none;border-radius:var(--border-radius);font-weight:500;transition:all var(--transition-base)}.latest-posts .view-all .view-all-link:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.post-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);height:100%;display:flex;flex-direction:column}.post-card .post-title{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg)}.post-card .post-title a{color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}.post-card .post-title a:hover{color:var(--color-primary)}.post-card .post-summary{flex:1;color:var(--color-text-muted);line-height:var(--line-height-lg);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card .post-meta{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-muted);font-size:var(--font-size-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.post-card .post-meta .post-categories{display:flex;gap:var(--spacing-xs)}.post-card .post-meta .post-categories .category{padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-bg-alt);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}@media(max-width:768px){.home-container{padding:var(--spacing-lg)var(--spacing-md)}.hero-section{padding:var(--spacing-lg)0}.hero-section .hero-title{font-size:var(--font-size-3xl)}.hero-section .hero-subtitle{font-size:var(--font-size-lg)}.latest-posts .posts-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.list-page{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-xl)var(--spacing-lg)}.list-header{text-align:center;margin-bottom:var(--spacing-2xl)}.list-header .list-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.list-header .list-description{max-width:600px;margin:0 auto var(--spacing-lg);color:var(--color-text-muted);line-height:var(--line-height-lg)}.list-header .list-meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.list-header .list-meta .posts-count{padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-bg-alt);border-radius:var(--border-radius)}.posts-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.post-item{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.post-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.post-item .post-item-header{margin-bottom:var(--spacing-md)}.post-item .post-item-header .post-item-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-xl)}.post-item .post-item-header .post-item-title a{color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}.post-item .post-item-header .post-item-title a:hover{color:var(--color-primary)}.post-item .post-item-header .post-item-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.post-item .post-item-header .post-item-meta span,.post-item .post-item-header .post-item-meta time{position:relative}.post-item .post-item-header .post-item-meta span:not(:last-child)::after,.post-item .post-item-header .post-item-meta time:not(:last-child)::after{content:'•';margin-left:var(--spacing-md);color:var(--color-border)}.post-item .post-item-summary{margin-bottom:var(--spacing-md);color:var(--color-text-muted);line-height:var(--line-height-lg)}.post-item .post-item-summary .read-more{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.post-item .post-item-summary .read-more:hover{color:var(--color-primary-dark);text-decoration:underline}.post-item .post-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.post-item .post-item-footer .post-categories,.post-item .post-item-footer .post-tags{display:flex;gap:var(--spacing-xs)}.post-item .post-item-footer .category-link,.post-item .post-item-footer .tag-link{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-sm);text-decoration:none;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.post-item .post-item-footer .category-link{background-color:var(--color-primary);color:var(--color-text-light)}.post-item .post-item-footer .category-link:hover{background-color:var(--color-primary-dark)}.post-item .post-item-footer .tag-link{background-color:var(--color-bg-alt);color:var(--color-text-muted)}.post-item .post-item-footer .tag-link:hover{background-color:var(--color-secondary);color:var(--color-text-light)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-2xl);padding:var(--spacing-lg);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius)}.pagination .pagination-prev,.pagination .pagination-next{display:inline-block;padding:var(--spacing-sm)var(--spacing-md);border:none;border-radius:var(--border-radius);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-primary);color:var(--color-text-light)}.pagination .pagination-prev:hover,.pagination .pagination-next:hover{background-color:var(--color-primary-dark)}.pagination .pagination-info{color:var(--color-text-muted);font-size:var(--font-size-sm)}.no-posts{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-muted);font-size:var(--font-size-lg)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:2rem 0}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}}.project-card{border:1px solid #e1e4e8;border-radius:6px;overflow:hidden;transition:box-shadow .3s ease;background:var(--card-background)}.project-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1)}.project-thumbnail{width:100%;height:200px;overflow:hidden}.project-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-thumbnail img{transform:scale(1.05)}.project-content{padding:1.5rem}.project-item-header{margin-bottom:1rem}.project-item-header .project-item-title{margin:0 0 .5rem;font-size:1.25rem}.project-item-header .project-item-title a{color:var(--text-color);text-decoration:none}.project-item-header .project-item-title a:hover{color:var(--link-color)}.project-item-header .project-website a{color:var(--link-color);font-size:.9rem;text-decoration:none;border:1px solid var(--link-color);padding:.25rem .5rem;border-radius:4px;transition:background-color .3s ease}.project-item-header .project-website a:hover{background-color:var(--link-color);color:#fff}.project-summary{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.project-item-footer .project-categories,.project-item-footer .project-tags{margin-top:.5rem}.project-item-footer .category-link,.project-item-footer .tag-link{display:inline-block;font-size:.8rem;margin-right:.5rem;margin-bottom:.5rem;padding:.25rem .5rem;border-radius:4px;background-color:var(--tag-background);color:var(--text-muted);text-decoration:none}.project-item-footer .category-link:hover,.project-item-footer .tag-link:hover{background-color:var(--link-color);color:#fff}@media(max-width:768px){.list-page{padding:var(--spacing-lg)var(--spacing-md)}.list-header .list-title{font-size:var(--font-size-2xl)}.post-item .post-item-header .post-item-title{font-size:var(--font-size-lg)}.post-item .post-item-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.pagination{flex-direction:column;gap:var(--spacing-md)}}.post-single{background-color:var(--color-bg-card);border-radius:var(--border-radius);padding:var(--spacing-xl);border:1px solid var(--color-border)}.post-single .post-header .post-meta span::after,.post-single .post-header .post-meta time::after{color:var(--color-text-muted);opacity:.5}.post-single .post-header .post-meta span:last-child::after,.post-single .post-header .post-meta time:last-child::after{display:none}.post-single .post-content pre{background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);overflow-x:auto}.post-single .post-content pre code{background:0 0;padding:0;border-radius:0}.post-single .post-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-lg);margin:var(--spacing-lg)0;background-color:var(--color-bg-alt);padding:var(--spacing-md)var(--spacing-lg);border-radius:0 var(--border-radius)var(--border-radius)0}.post-single .post-content blockquote p:last-child{margin-bottom:0}.post-single .post-content table{width:100%;border-collapse:collapse;margin:var(--spacing-lg)0;border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.post-single .post-content table th,.post-single .post-content table td{padding:var(--spacing-sm)var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.post-single .post-content table th:not(:last-child),.post-single .post-content table td:not(:last-child){border-right:1px solid var(--color-border)}.post-single .post-content table th{background-color:var(--color-bg-alt);font-weight:600}.post-single .post-content table tr:last-child td{border-bottom:none}.post-single .post-content ul,.post-single .post-content ol{padding-left:var(--spacing-xl)}.post-single .post-content ul li,.post-single .post-content ol li{margin-bottom:var(--spacing-sm);line-height:var(--line-height-lg)}.post-single .post-content hr{border:none;height:1px;background-color:var(--color-border);margin:var(--spacing-2xl)0}.projects-grid{display:flex;flex-wrap:wrap;gap:30px;margin-top:30px}.projects-grid .project-item{flex:1;min-width:calc(33.333% - 20px);text-align:center}.projects-grid .project-item a{display:block}.projects-grid .project-item a img{width:100%;height:200px;object-fit:cover;border-radius:4px}.projects-grid .project-item a .no-thumbnail{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:4px;font-size:14px;color:#666}.projects-grid .project-item .project-link{margin-top:15px}.projects-grid .project-item .project-link a{color:#333;text-decoration:none;font-size:16px}.projects-grid .project-item .project-link a:hover{text-decoration:underline}.projects-grid:has(.project-item:nth-child(2):not(.project-item:nth-child(3))) .project-item{min-width:calc(50% - 15px);max-width:calc(50% - 15px);margin:0 auto;flex:none}.projects-grid:not(:has(.project-item:nth-child(2))) .project-item{min-width:100%;max-width:600px;margin:0 auto;flex:none}.projects-simple-list{margin-top:40px}.projects-simple-list .project-item{margin-bottom:20px}.projects-simple-list .project-item a{display:block;font-size:24px;color:#333;text-decoration:none;padding:15px 20px;border:1px solid #eee;border-radius:4px;transition:all .3s ease}.projects-simple-list .project-item a:hover{background-color:#f8f8f8;border-color:#ddd}.projects-ppt .project-slide{display:flex;align-items:center;justify-content:center;min-height:80vh}.projects-ppt .project-slide a{text-align:center;text-decoration:none;color:inherit;width:100%;padding:2rem}.projects-ppt .project-slide a h2{font-size:48px;font-weight:700;margin:0;transition:all .3s ease}.projects-ppt .project-slide a h2:hover{opacity:.7;transform:scale(1.05)}@media(max-width:768px){.projects-grid .project-item,.projects-grid:has(.project-item:nth-child(2):not(.project-item:nth-child(3))) .project-item,.projects-grid:not(:has(.project-item:nth-child(2))) .project-item{min-width:100%;max-width:100%}.projects-simple-list .project-item a{font-size:20px;padding:12px 15px}.projects-ppt .project-slide a h2{font-size:36px}}@media(max-width:480px){.projects-ppt .project-slide a h2{font-size:28px}}.show{display:block!important}.hide{display:none!important}.invisible{visibility:hidden!important}.visible{visibility:visible!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}@media(max-width:767px){.mobile-only{display:block!important}.desktop-only{display:none!important}}@media(min-width:768px){.mobile-only{display:none!important}.desktop-only{display:block!important}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-to-main{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;background-color:var(--color-primary);color:var(--color-text-light);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);text-decoration:none;font-weight:600;z-index:9999}.skip-to-main:focus{position:fixed;top:var(--spacing-sm);left:var(--spacing-sm);width:auto;height:auto;clip:auto;margin:0;overflow:visible;white-space:normal}.focus-visible:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}@media(prefers-contrast:high){:root{--color-text:#000;--color-bg:#fff;--color-primary:#00e;--color-border:#000}[data-theme=dark]{--color-text:#fff;--color-bg:#000;--color-primary:#6af;--color-border:#fff}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.keyboard-navigation *:focus{outline:2px solid var(--color-primary);outline-offset:2px}.keyboard-navigation button:focus,.keyboard-navigation a:focus,.keyboard-navigation input:focus,.keyboard-navigation textarea:focus,.keyboard-navigation select:focus{box-shadow:0 0 0 3px rgba(0,102,204,.3)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(prefers-reduced-data:reduce){.image-optional{display:none}}