.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-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:800px;color:var(--text-secondary);margin:0 auto;font-size:1.0625rem;line-height:1.8}.article-content h2{font-family:var(--font-heading);margin:var(--space-2xl) 0 var(--space-lg);color:var(--text-primary);font-size:1.75rem;font-weight:600}.article-content h3{font-family:var(--font-heading);margin:var(--space-xl) 0 var(--space-md);color:var(--text-primary);font-size:1.375rem;font-weight:600}.article-content p{margin-bottom:var(--space-lg)}.article-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-lg);margin:var(--space-xl) 0;color:var(--text-muted);font-style:italic}.article-content ul,.article-content ol{margin:var(--space-lg) 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)}.article-content pre{background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-md);margin:var(--space-xl) 0;border:1px solid #ffffff0d;overflow-x:auto}.article-content code{font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.9em}.article-content pre code{background:0 0;padding:0}.article-content :not(pre)>code{color:var(--color-accent-light);background:#6b46c11a;border-radius:4px;padding:2px 6px}.article-content img{border-radius:var(--radius-md);margin:var(--space-xl) 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}.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 #ffffff0d}.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);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid #ffffff0d}.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}.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);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;font-size:.9375rem;font-weight:500;display:flex}.pagination-btn:hover,.pagination-number:hover{color:var(--text-primary);background:#ffffff1a}.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}