:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-secondary:#10b981;--color-accent:#f59e0b;--color-text:#1f2937;--color-text-light:#6b7280;--color-bg:#ffffff;--color-bg-secondary:#f9fafb;--color-border:#e5e7eb;--color-card:#ffffff;--color-shadow:rgba(0,0,0,0.1);--font-sans:'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;--max-width:1200px;--radius:12px;--transition:all 0.3s ease}[data-theme="dark"]{--color-primary:#60a5fa;--color-primary-dark:#3b82f6;--color-text:#f9fafb;--color-text-light:#9ca3af;--color-bg:#111827;--color-bg-secondary:#1f2937;--color-border:#374151;--color-card:#1f2937;--color-shadow:rgba(0,0,0,0.3)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);line-height:1.7;min-height:100vh;display:flex;flex-direction:column}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem;width:100%}main.container{flex:1;padding-top:2rem;padding-bottom:4rem}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}.site-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);background:rgba(255,255,255,0.9)}[data-theme="dark"] .site-header{background:rgba(17,24,39,0.9)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:70px}.site-logo{display:flex;align-items:center;gap:0.5rem;font-size:1.25rem;font-weight:700;color:var(--color-text)}.site-logo:hover{color:var(--color-primary)}.logo-icon{font-size:1.5rem}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--color-text-light);font-weight:500;padding:0.5rem 0;border-bottom:2px solid transparent;transition:var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.nav-external{color:var(--color-accent) !important}.theme-toggle{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0.5rem;border-radius:50%;transition:var(--transition)}.theme-toggle:hover{background:var(--color-bg-secondary)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:0.5rem}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text);margin:5px 0;transition:var(--transition)}.hero{text-align:center;padding:4rem 0;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%);border-radius:var(--radius);margin-bottom:3rem}.hero-avatar img{width:120px;height:120px;border-radius:50%;border:4px solid var(--color-primary);margin-bottom:1.5rem}.hero-title{font-size:2.5rem;margin-bottom:0.5rem}.hero-title .highlight{color:var(--color-primary)}.hero-subtitle{font-size:1.25rem;color:var(--color-text-light);margin-bottom:1rem}.hero-description{max-width:600px;margin:0 auto 2rem;color:var(--color-text-light)}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.stat{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:0.875rem;color:var(--color-text-light)}.hero-actions{display:flex;gap:1rem;justify-content:center}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:0.875rem;transition:var(--transition);border:2px solid transparent}.btn-primary{background:var(--color-primary);color:white}.btn-primary:hover{background:var(--color-primary-dark);color:white;transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow)}.btn-outline{border-color:var(--color-primary);color:var(--color-primary);background:transparent}.btn-outline:hover{background:var(--color-primary);color:white}.section-title{font-size:1.75rem;margin-bottom:2rem;text-align:center}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.project-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;transition:var(--transition)}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--color-shadow)}.project-card-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}.project-icon{font-size:2rem}.project-category{font-size:0.75rem;font-weight:600;color:white;padding:0.25rem 0.75rem;border-radius:20px}.project-featured{margin-left:auto}.project-card-title{font-size:1.25rem;margin-bottom:0.75rem}.project-card-desc{color:var(--color-text-light);font-size:0.875rem;margin-bottom:1rem;line-height:1.6}.project-card-tech{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem}.tech-tag{font-size:0.75rem;padding:0.25rem 0.75rem;background:var(--color-bg-secondary);color:var(--color-text-light);border-radius:20px;border:1px solid var(--color-border)}.project-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--color-border)}.project-status{font-size:0.75rem;font-weight:600;padding:0.25rem 0.75rem;border-radius:20px}.project-status.completed{background:#d1fae5;color:#065f46}.project-status.in-progress,.project-status.进行中{background:#fef3c7;color:#92400e}[data-theme="dark"] .project-status.completed{background:#065f46;color:#d1fae5}[data-theme="dark"] .project-status.in-progress{background:#92400e;color:#fef3c7}.project-card-links{display:flex;gap:0.75rem}.project-card-links a{font-size:1.25rem}.project-card-link{display:block;margin-top:1rem;font-weight:600;font-size:0.875rem}.view-all{display:block;text-align:center;font-weight:600;margin-top:2rem;color:var(--color-primary)}.post-list{display:grid;gap:1.5rem}.post-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;transition:var(--transition)}.post-card:hover{box-shadow:0 4px 12px var(--color-shadow)}.post-card-meta{display:flex;align-items:center;gap:1rem;margin-bottom:0.75rem;font-size:0.875rem;color:var(--color-text-light)}.post-card-title{font-size:1.5rem;margin-bottom:0.75rem}.post-card-title a{color:var(--color-text)}.post-card-title a:hover{color:var(--color-primary)}.post-card-excerpt{color:var(--color-text-light);margin-bottom:1rem}.post-card-footer{display:flex;align-items:center;justify-content:space-between}.post-card-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.tag{font-size:0.75rem;color:var(--color-primary);padding:0.25rem 0.5rem;background:rgba(37,99,235,0.1);border-radius:4px}[data-theme="dark"] .tag{background:rgba(96,165,250,0.1)}.read-more{font-weight:600;font-size:0.875rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.skill-card{text-align:center;padding:2rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);transition:var(--transition)}.skill-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--color-shadow)}.skill-icon{font-size:3rem;display:block;margin-bottom:1rem}.skill-card h3{margin-bottom:0.5rem}.skill-card p{color:var(--color-text-light);font-size:0.875rem;margin-bottom:0}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{font-size:2.5rem;margin-bottom:0.5rem}.page-header p{color:var(--color-text-light);font-size:1.125rem}.project-filters{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:2rem;justify-content:center}.filter-btn{padding:0.5rem 1rem;border:1px solid var(--color-border);border-radius:20px;background:var(--color-bg);color:var(--color-text-light);font-size:0.875rem;cursor:pointer;transition:var(--transition)}.filter-btn:hover,.filter-btn.active{background:var(--color-primary);color:white;border-color:var(--color-primary)}.blog-content{display:grid;grid-template-columns:1fr 300px;gap:2rem}.blog-sidebar{position:sticky;top:90px;align-self:start}.sidebar-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.sidebar-section h3{font-size:1rem;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--color-border)}.category-list{list-style:none}.category-list li{margin-bottom:0.5rem}.category-list a{display:flex;justify-content:space-between;color:var(--color-text-light);padding:0.25rem 0}.category-list a:hover{color:var(--color-primary)}.count{font-size:0.75rem;background:var(--color-bg-secondary);padding:0.125rem 0.5rem;border-radius:10px}.tag-cloud{display:flex;flex-wrap:wrap;gap:0.5rem}.post-header{margin-bottom:3rem}.post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--color-text-light);font-size:0.875rem}.post-title{font-size:2.5rem;margin-bottom:1rem}.post-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.post-content{font-size:1.05rem;line-height:1.8}.post-content h2{margin-top:3rem;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--color-border)}.post-content h3{margin-top:2rem;margin-bottom:1rem}.post-content blockquote{border-left:4px solid var(--color-primary);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--color-bg-secondary);border-radius:0 var(--radius) var(--radius) 0}.post-content pre{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;overflow-x:auto;margin:1.5rem 0;position:relative}.post-content pre code{font-family:var(--font-mono);font-size:0.875rem;line-height:1.6;background:none;padding:0;border:none;border-radius:0}.post-content code{font-family:var(--font-mono);font-size:0.875rem;background:var(--color-bg-secondary);padding:0.2em 0.4em;border-radius:4px;border:1px solid var(--color-border)}.hljs{background:transparent !important;padding:0 !important;overflow:visible !important}.post-content pre .hljs{background:none !important}.post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.post-content th,.post-content td{padding:0.75rem 1rem;border:1px solid var(--color-border);text-align:left}.post-content th{background:var(--color-bg-secondary);font-weight:600}.post-nav{display:flex;justify-content:space-between;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--color-border)}.post-nav a{display:flex;flex-direction:column;max-width:45%}.post-nav-label{font-size:0.75rem;color:var(--color-text-light);margin-bottom:0.25rem}.post-nav-title{font-weight:600}.post-nav-next{text-align:right;margin-left:auto}.site-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:2rem 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--color-text-light);font-size:0.875rem}.footer-links a:hover{color:var(--color-primary)}.footer-copyright p{color:var(--color-text-light);font-size:0.875rem;margin-bottom:0}.pagination{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}.pagination-info{color:var(--color-text-light)}@media (max-width:768px){.container{padding:0 1rem}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--color-bg);flex-direction:column;padding:1rem;border-bottom:1px solid var(--color-border);box-shadow:0 4px 12px var(--color-shadow)}.nav-links.active{display:flex}.hero-title{font-size:2rem}.hero-stats{gap:1.5rem}.project-grid{grid-template-columns:1fr}.blog-content{grid-template-columns:1fr}.blog-sidebar{position:static}.post-title{font-size:2rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.hero{padding:2rem 0}.hero-stats{flex-direction:column;gap:1rem}.hero-actions{flex-direction:column;align-items:center}.project-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:0.5rem}.filter-btn{white-space:nowrap}}