.page-hero{padding:calc(72px + var(--space-3xl)) var(--space-lg) var(--space-2xl);text-align:center;position:relative;overflow:hidden}.page-hero-bg{z-index:0;position:absolute;inset:0}.page-hero-content{z-index:1;position:relative}.page-hero-title{font-family:var(--font-heading);margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}.page-title{font-family:var(--font-heading);margin-bottom:var(--space-xl);color:var(--text-primary);font-size:2rem;font-weight:700}.page-hero-description{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.7}.page-content{padding:var(--space-2xl) 0 var(--space-4xl)}.filter-bar{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.filter-group{gap:var(--space-sm);flex-wrap:wrap;display:flex}.filter-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;font-size:.875rem;font-weight:500;display:inline-flex}.filter-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.filter-btn.active{color:#fff;background:var(--gradient-primary);border-color:#0000}.search-box{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;min-width:240px;display:flex}.search-box:focus-within{border-color:var(--color-primary);background:#ffffff14}.search-box i{color:var(--text-muted);font-size:1.125rem}.search-input{color:var(--text-primary);font-size:.9375rem;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--text-muted)}.article-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal);border:1px solid #ffffff0d}.article-card:hover{box-shadow:var(--shadow-glow);border-color:#6b46c14d;transform:translateY(-4px)}.article-card-title{font-family:var(--font-heading);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600;line-height:1.4}.article-card-title a{color:var(--text-primary);transition:color var(--transition-fast)}.article-card-title a:hover{color:var(--color-accent)}.article-card-excerpt{color:var(--text-secondary);margin-bottom:var(--space-md);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.6;display:-webkit-box;overflow:hidden}.article-card-meta{align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:.8125rem;display:flex}.article-card-meta span{align-items:center;gap:var(--space-xs);display:inline-flex}.project-card{background:var(--bg-card);border-radius:var(--radius-lg);transition:all var(--transition-normal);border:1px solid #ffffff0d;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-glow);border-color:#6b46c14d;transform:translateY(-4px)}.project-card-cover{aspect-ratio:16/9;color:var(--color-primary);background:linear-gradient(135deg,#6b46c11a 0%,#3b82f61a 100%);justify-content:center;align-items:center;font-size:3rem;display:flex}.project-card-content{padding:var(--space-lg)}.project-card-title{font-family:var(--font-heading);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600}.project-card-description{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.9375rem}.project-card-actions{gap:var(--space-sm);display:flex}.project-card-actions .btn{padding:var(--space-xs) var(--space-md);font-size:.8125rem}.article-header{text-align:center;padding:var(--space-2xl) 0;margin-bottom:var(--space-2xl);border-bottom:1px solid #ffffff0d}.article-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-lg);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.3}.article-meta{justify-content:center;align-items:center;gap:var(--space-lg);color:var(--text-muted);flex-wrap:wrap;font-size:.9375rem;display:flex}.article-meta span{align-items:center;gap:var(--space-xs);display:inline-flex}.article-content{max-width:720px;color:var(--text-secondary);margin:0 auto;font-size:1.125rem;line-height:1.85}.article-content h2{font-family:var(--font-heading);margin:var(--space-3xl) 0 var(--space-lg);color:var(--text-primary);letter-spacing:-.01em;font-size:1.875rem;font-weight:700;line-height:1.3}.article-content h3{font-family:var(--font-heading);margin:var(--space-2xl) 0 var(--space-md);color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.35}.article-content p{margin-bottom:var(--space-xl)}.article-content blockquote{border-left:3px solid var(--primary-color);padding:var(--space-md) var(--space-lg);margin:var(--space-2xl) 0;color:var(--text-secondary);background:var(--blockquote-bg);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}.article-content ul,.article-content ol{margin:var(--space-xl) 0;padding-left:var(--space-xl)}.article-content ul{list-style:outside}.article-content ol{list-style:decimal}.article-content li{margin-bottom:var(--space-sm);line-height:1.7}.article-content pre{background:var(--code-bg);padding:var(--space-lg);border-radius:var(--radius-md);margin:var(--space-2xl) 0;border:1px solid var(--border-color);font-size:.9375rem;line-height:1.7;overflow-x:auto}.article-content code{font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.875em}.article-content pre code{font-size:inherit;background:0 0;padding:0}.article-content :not(pre)>code{border-radius:var(--radius-sm);color:var(--primary-color);background:#6b46c114;padding:2px 8px;font-size:.9em;font-weight:500}.article-content img{border-radius:var(--radius-lg);margin:var(--space-2xl) 0;width:100%;box-shadow:var(--shadow-md)}.article-content a{color:var(--primary-color);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #6b46c14d;text-decoration:underline #6b46c14d;text-decoration-thickness:1.5px}.article-content a:hover{-webkit-text-decoration-color:var(--primary-color);text-decoration-color:var(--primary-color)}.article-content hr{border:none;border-top:1px solid var(--border-color);margin:var(--space-3xl) 0}.project-section-content h2{font-family:var(--font-heading);margin:var(--space-2xl) 0 var(--space-lg);color:var(--text-primary);letter-spacing:-.01em;font-size:1.5rem;font-weight:700;line-height:1.3}.project-section-content h3{font-family:var(--font-heading);margin:var(--space-xl) 0 var(--space-md);color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.35}.project-section-content p{margin-bottom:var(--space-lg)}.project-section-content blockquote{border-left:3px solid var(--primary-color);padding:var(--space-md) var(--space-lg);margin:var(--space-xl) 0;color:var(--text-secondary);background:var(--blockquote-bg);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}.project-section-content ul,.project-section-content ol{margin:var(--space-lg) 0;padding-left:var(--space-xl)}.project-section-content ul{list-style:outside}.project-section-content ol{list-style:decimal}.project-section-content li{margin-bottom:var(--space-sm);line-height:1.7}.project-section-content pre{background:var(--code-bg);padding:var(--space-lg);border-radius:var(--radius-md);margin:var(--space-xl) 0;border:1px solid var(--border-color);font-size:.9375rem;line-height:1.7;overflow-x:auto}.project-section-content code{font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.875em}.project-section-content pre code{font-size:inherit;background:0 0;padding:0}.project-section-content :not(pre)>code{border-radius:var(--radius-sm);color:var(--primary-color);background:#6b46c114;padding:2px 8px;font-size:.9em;font-weight:500}.project-section-content img{border-radius:var(--radius-lg);margin:var(--space-xl) 0;width:100%;box-shadow:var(--shadow-md)}.project-section-content a{color:var(--primary-color);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #6b46c14d;text-decoration:underline #6b46c14d;text-decoration-thickness:1.5px}.project-section-content a:hover{-webkit-text-decoration-color:var(--primary-color);text-decoration-color:var(--primary-color)}.project-section-content hr{border:none;border-top:1px solid var(--border-color);margin:var(--space-2xl) 0}.article-navigation{justify-content:space-between;gap:var(--space-lg);padding-top:var(--space-2xl);margin-top:var(--space-2xl);border-top:1px solid #ffffff0d;display:flex}.article-nav-item{padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid #ffffff0d;flex:1}.article-nav-item:hover{border-color:#6b46c14d}.article-nav-item.next{text-align:right}.article-nav-label{color:var(--text-muted);margin-bottom:var(--space-xs);font-size:.875rem}.article-nav-title{color:var(--text-primary);font-size:1rem;font-weight:500}.container.has-toc{gap:var(--space-3xl);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.container.has-toc>.article-toc{grid-column:1}.container.has-toc>.article-content,.container.has-toc>.article-navigation{grid-column:2}.article-toc{top:calc(var(--header-height) + var(--space-xl));max-height:calc(100vh - 100px);padding:0;position:sticky;overflow-y:auto}.article-toc::-webkit-scrollbar{width:4px}.article-toc::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.toc-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.toc-header h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0;font-size:.75rem;font-weight:700}.toc-list{flex-direction:column;gap:1px;display:flex}.toc-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);border-left:2px solid #0000;padding:5px 8px;font-size:.8125rem;line-height:1.45;text-decoration:none;display:block}.toc-link:hover{color:var(--text-primary);background:#6b46c10d;border-left-color:#6b46c133}.toc-link.active{color:var(--primary-color);border-left-color:var(--primary-color);background:#6b46c114;font-weight:500}.toc-h3{padding-left:20px;font-size:.75rem}.toc-mobile-toggle{display:none}@media (width<=768px){.container.has-toc{grid-template-columns:1fr;gap:0}.container.has-toc>.article-toc{margin-bottom:var(--space-md);grid-column:1;display:none}.container.has-toc>.article-toc.toc-open{display:block}.container.has-toc>.article-content,.container.has-toc>.article-navigation{grid-column:1}.article-toc{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:none;padding:0;position:static;overflow:visible}.article-toc .toc-header{padding:var(--space-md);margin:0}.article-toc .toc-list{padding:0 var(--space-md) var(--space-md)}.toc-mobile-toggle{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-md);background:#ffffff0d;border:1px solid #ffffff1a;width:auto;font-size:.875rem;font-weight:500;display:inline-flex}.toc-mobile-toggle:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.toc-mobile-toggle.toc-open{color:var(--primary-color);border-color:var(--primary-color);background:#6b46c11a}}[data-theme=light] .toc-link:hover{background:#6b46c10a;border-left-color:#6b46c126}[data-theme=light] .toc-link.active{background:#6b46c112}[data-theme=light] .toc-mobile-toggle{background:#0000000a;border-color:#00000014}[data-theme=light] .toc-mobile-toggle:hover{background:#00000014;border-color:#00000026}.resume-header{text-align:center;padding:var(--space-2xl) 0;margin-bottom:var(--space-2xl);border-bottom:1px solid #ffffff0d}.resume-name{font-family:var(--font-heading);margin-bottom:var(--space-sm);font-size:clamp(2rem,5vw,3rem);font-weight:700}.resume-title{color:var(--color-accent);margin-bottom:var(--space-lg);font-size:1.25rem}.resume-contact{justify-content:center;gap:var(--space-lg);color:var(--text-secondary);flex-wrap:wrap;font-size:.9375rem;display:flex}.resume-contact span{align-items:center;gap:var(--space-xs);display:inline-flex}.resume-section{margin-bottom:var(--space-3xl)}.resume-section-title{font-family:var(--font-heading);margin-bottom:var(--space-xl);align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:1.5rem;font-weight:600;display:flex}.resume-section-title i{color:var(--color-primary);font-size:1.25rem}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:#ffffff1a;width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{padding-bottom:var(--space-2xl);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--color-primary);border:3px solid var(--bg-dark);border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:-2rem;transform:translate(-5px)}.timeline-content{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid #ffffff0d}.timeline-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex-wrap:wrap;display:flex}.timeline-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.timeline-company{color:var(--color-accent);font-size:.9375rem;font-weight:500}.timeline-period{color:var(--text-muted);font-size:.875rem}.timeline-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.timeline-description ul{padding-left:var(--space-lg);margin-top:var(--space-sm);list-style:outside}.timeline-description li{margin-bottom:var(--space-xs)}.advantages-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.advantage-card{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-md);border:1px solid #ffffff0d;border-left:4px solid var(--color-primary)}.advantage-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600}.advantage-desc{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.skills-grid{gap:var(--space-sm);flex-wrap:wrap;display:flex}.skill-tag{padding:var(--space-sm) var(--space-md);color:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;font-size:.9375rem;font-weight:500}.skill-tag:hover{border-color:var(--color-primary);background:#6b46c133}.edu-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid #ffffff0d}.edu-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.edu-school{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.125rem;font-weight:600}.edu-major{color:var(--text-secondary);font-size:.9375rem}.edu-period{color:var(--text-muted);font-size:.9375rem}.resume-actions{text-align:center;padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.about-content{max-width:800px;margin:0 auto}.about-section{margin-bottom:var(--space-2xl)}.about-text{color:var(--text-secondary);font-size:1.0625rem;line-height:1.8}.about-text p{margin-bottom:var(--space-lg)}.contact-info{background:var(--bg-card);border:1px solid var(--border-color);padding:var(--space-xl);border-radius:var(--radius-lg)}.contact-item{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.contact-item:last-child{margin-bottom:0}.contact-item i{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;display:flex}.contact-item-label{color:var(--text-muted);font-size:.875rem}.contact-item-value{color:var(--text-primary);font-size:1rem;font-weight:500}.about-cta{background:var(--gradient-primary);padding:var(--space-3xl) var(--space-xl);border-radius:var(--radius-lg);text-align:center;position:relative;overflow:hidden}.about-cta:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#ffffff1a,#0000 50%);position:absolute;inset:0}.about-cta-content{z-index:1;position:relative}.about-cta h2{font-family:var(--font-heading);margin-bottom:var(--space-md);color:#fff;font-size:1.75rem;font-weight:700}.about-cta p{color:#ffffffd9;margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto;font-size:1.0625rem;line-height:1.7}.about-cta-btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);color:var(--primary-color);border-radius:var(--radius-full);transition:all var(--transition-fast);background:#fff;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 20px #0003}.about-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.btn-primary{background:var(--gradient-primary);color:#fff;border:none}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-lg{padding:var(--space-md) var(--space-2xl);font-size:1.0625rem}.pagination{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-2xl);display:flex}.pagination-btn,.pagination-number{min-width:40px;height:40px;padding:0 var(--space-md);color:var(--text-secondary);background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.9375rem;font-weight:500;display:flex}.pagination-btn:hover,.pagination-number:hover{background:var(--btn-secondary-hover);color:var(--text-primary)}.pagination-number.active{background:var(--gradient-primary);color:#fff;border-color:#0000}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.grid{gap:var(--space-lg);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.filter-bar{flex-direction:column;align-items:flex-start}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-hero{padding:calc(72px + var(--space-2xl)) var(--space-lg) var(--space-xl)}.article-navigation{flex-direction:column}.advantages-grid{grid-template-columns:1fr}.search-box{min-width:100%}.filter-bar{flex-direction:column}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:1s linear infinite spin}[data-theme=light] .filter-btn{background:#0000000a;border-color:#00000014}[data-theme=light] .filter-btn:hover{background:#00000014;border-color:#00000026}[data-theme=light] .search-box{background:#00000008;border-color:#00000014}[data-theme=light] .search-box:focus-within{background:#0000000d}[data-theme=light] .article-card,[data-theme=light] .project-card{border-color:#0000000f}[data-theme=light] .article-header{border-bottom-color:#0000000f}[data-theme=light] .article-content pre{border-color:#0000000f}[data-theme=light] .article-navigation{border-top-color:#0000000f}[data-theme=light] .article-nav-item{border-color:#0000000f}[data-theme=light] .resume-header{border-bottom-color:#0000000f}[data-theme=light] .timeline:before{background:#00000014}[data-theme=light] .timeline-content,[data-theme=light] .advantage-card{border-color:#0000000f}[data-theme=light] .skill-tag{background:#0000000a;border-color:#00000014}[data-theme=light] .edu-card{border-color:#0000000f}[data-theme=light] .resume-actions{border-top-color:#0000000f}[data-theme=light] .contact-info{border-color:#0000000f}[data-theme=light] .pagination-btn,[data-theme=light] .pagination-number{background:#0000000a;border-color:#00000014}[data-theme=light] .pagination-btn:hover,[data-theme=light] .pagination-number:hover{background:#00000014}.prose{color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word;font-size:1.0625rem;line-height:1.85}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-weight:700;line-height:1.3}.prose h1{margin:var(--space-3xl) 0 var(--space-lg);font-size:clamp(1.75rem,4vw,2.25rem)}.prose h2{margin:var(--space-3xl) 0 var(--space-lg);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-color);font-size:1.625rem;position:relative}.prose h2:before{content:"";background:var(--gradient-primary);border-radius:2px;width:40px;height:2px;position:absolute;bottom:-1px;left:0}.prose h3{margin:var(--space-2xl) 0 var(--space-md);font-size:1.3125rem;font-weight:600}.prose h4{margin:var(--space-xl) 0 var(--space-sm);font-size:1.125rem;font-weight:600}.prose h5{margin:var(--space-lg) 0 var(--space-sm);color:var(--text-primary);font-size:1rem;font-weight:600}.prose h6{text-transform:uppercase;letter-spacing:.05em;margin:var(--space-lg) 0 var(--space-sm);color:var(--text-muted);font-size:.9375rem;font-weight:600}.prose p{margin:var(--space-md) 0}.prose p+p{margin-top:var(--space-sm)}.prose strong,.prose b{color:var(--text-primary);font-weight:600}.prose em,.prose i{font-style:italic}.prose mark{color:inherit;border-radius:var(--radius-sm);background:#f59e0b40;padding:2px 6px}.prose del,.prose s{color:var(--text-muted)}.prose a{color:var(--primary-color);text-underline-offset:3px;transition:color var(--transition-fast), text-decoration-color var(--transition-fast);font-weight:500;-webkit-text-decoration:underline #6b46c159;text-decoration:underline #6b46c159;text-decoration-thickness:1.5px}.prose a:hover{color:var(--primary-light);-webkit-text-decoration-color:var(--primary-light);text-decoration-color:var(--primary-light)}.prose ul,.prose ol{margin:var(--space-lg) 0;padding-left:var(--space-xl)}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose ul ul{list-style:circle}.prose ul ul ul{list-style:square}.prose li{margin-bottom:var(--space-sm);line-height:1.75}.prose li::marker{color:var(--primary-color)}.prose li:last-child{margin-bottom:0}.prose ul:has(>li>input[type=checkbox]){padding-left:var(--space-md);list-style:none}.prose li>input[type=checkbox]{margin-right:var(--space-sm);accent-color:var(--primary-color);transform:translateY(2px)}.prose blockquote{margin:var(--space-2xl) 0;padding:var(--space-lg) var(--space-xl);border-left:4px solid var(--primary-color);background:var(--blockquote-bg);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);font-style:italic;position:relative}.prose blockquote p{margin:var(--space-sm) 0}.prose blockquote>:first-child{margin-top:0}.prose blockquote>:last-child{margin-bottom:0}.prose blockquote cite{margin-top:var(--space-sm);color:var(--text-muted);font-size:.875rem;font-style:normal;display:block}.prose code{font-family:SF Mono,Monaco,Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.875em}.prose :not(pre)>code{color:var(--primary-color);border-radius:var(--radius-sm);background:#6b46c11a;border:1px solid #6b46c11f;padding:2px 7px;font-size:.9em;font-weight:500}.prose pre{background:var(--code-bg);color:var(--code-text);padding:var(--space-lg) var(--space-lg) var(--space-md);border-radius:var(--radius-md);margin:var(--space-2xl) 0;border:1px solid var(--code-border);font-size:.9375rem;line-height:1.7;position:relative;overflow-x:auto}.prose pre code{color:inherit;font-size:inherit;background:0 0;min-width:max-content;padding:0;display:block}.prose pre[data-lang]:before{content:attr(data-lang);font-size:.6875rem;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-tertiary);border-bottom-left-radius:var(--radius-sm);border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:2px 10px;font-weight:600;position:absolute;top:0;right:0}.prose pre .code-copy-btn{top:var(--space-xs);right:var(--space-sm);color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast);z-index:2;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:inline-flex;position:absolute}.prose pre[data-lang] .code-copy-btn{right:calc(var(--space-sm) + 60px)}.prose pre:hover .code-copy-btn{opacity:1}.prose pre .code-copy-btn:hover{color:var(--primary-color);border-color:var(--primary-color)}.prose pre .code-copy-btn.copied{color:var(--success-text);border-color:var(--success-text);opacity:1}.prose table{width:100%;margin:var(--space-2xl) 0;border-collapse:collapse;border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--table-border);font-size:.9375rem;overflow:hidden}.prose thead{background:var(--table-header-bg)}.prose th{padding:var(--space-md) var(--space-lg);text-align:left;color:var(--text-primary);border-bottom:2px solid var(--border-color);white-space:nowrap;font-weight:600}.prose td{padding:var(--space-md) var(--space-lg);color:var(--text-secondary);border-bottom:1px solid var(--table-border);vertical-align:top;line-height:1.65}.prose tr:last-child td{border-bottom:none}.prose tbody tr{transition:background var(--transition-fast)}.prose tbody tr:hover{background:var(--table-row-hover)}.prose img{border-radius:var(--radius-lg);max-width:100%;height:auto;margin:var(--space-2xl) 0;box-shadow:var(--shadow-md);margin-left:auto;margin-right:auto;display:block}.prose figure{margin:var(--space-2xl) 0;text-align:center}.prose figure img{margin:0}.prose figcaption{margin-top:var(--space-sm);color:var(--text-muted);padding:0 var(--space-md);font-size:.875rem;font-style:italic;line-height:1.5}.prose hr{background:linear-gradient(to right, transparent, var(--border-color), transparent);height:1px;margin:var(--space-3xl) 0;border:none}.prose kbd{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);vertical-align:middle;border-bottom-width:2px;padding:2px 7px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8125em;line-height:1.4;display:inline-block}.prose dl{margin:var(--space-lg) 0}.prose dt{color:var(--text-primary);margin-top:var(--space-md);font-weight:600}.prose dd{margin-left:var(--space-xl);margin-bottom:var(--space-sm);color:var(--text-secondary)}[data-theme=dark] .prose pre{background:#0d1426}[data-theme=dark] .prose :not(pre)>code{color:var(--primary-light);background:#8b5cf629;border-color:#8b5cf633}.breadcrumb{gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--text-muted);flex-wrap:wrap;align-items:center;font-size:.875rem;display:flex}.breadcrumb a{color:var(--text-muted);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--primary-color)}.breadcrumb-separator{color:var(--text-muted);opacity:.6}.project-header{text-align:center;padding:var(--space-2xl) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-2xl)}.project-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-lg);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.3}.project-meta{justify-content:center;align-items:center;gap:var(--space-lg);color:var(--text-muted);flex-wrap:wrap;font-size:.9375rem;display:flex}.project-meta span{align-items:center;gap:var(--space-xs);display:inline-flex}.project-demo{margin-bottom:var(--space-3xl)}.project-demo-actions{gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}.project-screenshots{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.project-screenshot{aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);transition:transform var(--transition-normal);justify-content:center;align-items:center;font-size:2.5rem;display:flex;overflow:hidden}.project-screenshot img{object-fit:cover;width:100%;height:100%;display:block}.project-screenshot:hover{transform:scale(1.02)}.project-section{margin-bottom:var(--space-3xl);padding:var(--space-xl) 0;border-bottom:1px solid var(--border-light)}.project-section:last-of-type{border-bottom:none}.project-section-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-lg);align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:700;line-height:1.3;display:flex}.project-section-title i{color:var(--primary-color);font-size:1.375rem}.project-section-content{color:var(--text-secondary);font-size:1.0625rem;line-height:1.85}.project-links{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.project-back{text-align:center;padding-top:var(--space-xl);border-top:1px solid var(--border-color);margin-top:var(--space-2xl)}.project-toc{top:calc(var(--header-height) + var(--space-xl));max-height:calc(100vh - 100px);position:sticky;overflow-y:auto}[data-theme=light] .project-header{border-bottom-color:#0000000f}[data-theme=light] .project-section{border-bottom-color:#0000000a}[data-theme=light] .project-back{border-top-color:#0000000f}.article-password-gate{min-height:50vh;padding:var(--space-2xl) var(--space-lg);justify-content:center;align-items:center;display:flex}.article-password-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-lg);text-align:center;width:100%;max-width:420px}.article-password-icon{color:var(--primary-color);margin-bottom:var(--space-md);font-size:3rem;display:block}.article-password-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:600}.article-password-desc{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:.9375rem;line-height:1.6}.article-password-input{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);box-sizing:border-box;transition:border-color var(--transition-fast);outline:none;font-size:.9375rem}.article-password-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6b46c11f}.article-password-error{color:var(--error-text);margin-top:var(--space-sm);font-size:.8125rem;display:none}.article-password-submit{width:100%;padding:var(--space-md);margin-top:var(--space-md);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast);border:none;font-size:.9375rem;font-weight:500}.article-password-submit:hover{opacity:.92}.article-password-submit:disabled{opacity:.6;cursor:not-allowed}.article-source{margin-top:var(--space-2xl);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-left:3px solid var(--primary-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9375rem}.article-source i{color:var(--primary-color);margin-right:var(--space-xs)}.article-source a{color:var(--primary-color);text-underline-offset:2px;word-break:break-all;text-decoration:underline}.admin-edit-bar{text-align:center;margin-top:var(--space-md)}.admin-edit-bar-actions{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.admin-edit-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.admin-edit-btn.primary{background:var(--primary-color);color:#fff}.admin-edit-btn.primary:hover{background:var(--primary-dark)}.admin-edit-btn.secondary{background:var(--btn-secondary-bg);color:var(--text-primary);border-color:var(--btn-secondary-border)}.admin-edit-btn.secondary:hover{background:var(--btn-secondary-hover)}#inline-action-bar{gap:var(--space-md);margin-top:var(--space-xl);padding:var(--space-lg);border-top:1px solid var(--border-color);justify-content:center;display:flex}#inline-title-input{width:100%;font-family:var(--font-heading);padding:var(--space-sm) var(--space-md);border:2px solid var(--primary-color);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);outline:none;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.article-content[contenteditable=true]{border:2px solid var(--primary-color);border-radius:var(--radius-md);padding:var(--space-lg);background:var(--input-bg);color:var(--text-primary);min-height:300px}.resource-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal);gap:var(--space-md);flex-direction:column;display:flex}.resource-card:hover{box-shadow:var(--shadow-glow);border-color:#6b46c14d;transform:translateY(-4px)}.resource-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.resource-icon.tool{color:var(--primary-color);background:#6b46c11f}.resource-icon.template{color:var(--success-text);background:#10b9811f}.resource-icon.tutorial{color:var(--warning-text);background:#f59e0b1f}.resource-icon.ebook{color:var(--brand-accent);background:#ec48991f}.resource-icon.other{color:var(--primary-light);background:#8b5cf61f}.resource-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.4}.resource-desc{color:var(--text-secondary);flex:1;font-size:.9375rem;line-height:1.6}.resource-meta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.resource-tag{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);color:var(--primary-color);background:#6b46c114;font-size:.75rem;font-weight:500}.resource-download{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;align-self:flex-start;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.resource-download:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6b46c166}.resources-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-md);color:var(--text-secondary)}.empty-state i{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}@media (width<=768px){.resources-grid{grid-template-columns:1fr}}.about-text ul{margin:var(--space-md) 0;padding-left:var(--space-xl);list-style:outside}.about-text li{margin-bottom:var(--space-sm);line-height:1.7}.about-text li strong{color:var(--text-primary)}.resume-lang-item{align-items:center;gap:var(--space-md);display:flex}.resume-lang-item i{color:var(--success-text);flex-shrink:0;font-size:1.25rem}.resume-lang-name{color:var(--text-primary);font-weight:500}.resume-lang-desc{color:var(--text-secondary);font-size:.9375rem}