.works-page{padding:calc(80px + var(--spacing-lg)) var(--spacing-sm) var(--spacing-xl);min-height:100vh}.works-container{max-width:var(--reading-width);margin:0 auto}.works-intro-section{margin-bottom:var(--spacing-xl);text-align:center;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.works-title{font-family:var(--font-serif-cn);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.works-intro{font-family:var(--font-sans);font-size:clamp(1.1rem,2.5vw,1.25rem);line-height:1.9;color:var(--text-secondary);margin:0 auto;max-width:600px}.works-projects-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.project-card{padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);transition:all .3s ease}.project-card:hover{border-color:var(--text-secondary);box-shadow:0 4px 12px rgba(0,0,0,.05);transform:translateY(-2px)}[data-theme=dark] .project-card:hover{box-shadow:0 4px 12px hsla(0,0%,100%,.05)}.project-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.project-emoji{font-size:2rem;line-height:1}.project-title{font-family:var(--font-serif-cn);font-size:clamp(1.5rem,3vw,1.75rem);font-weight:600;margin:0;color:var(--text-primary)}.project-description{font-family:var(--font-serif-body);font-size:clamp(1rem,2vw,1.125rem);line-height:1.85;color:var(--text-secondary);margin-bottom:var(--spacing-md);text-align:justify;text-justify:inter-ideograph}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.project-tag{display:inline-block;padding:.25rem .75rem;font-family:var(--font-sans);font-size:.875rem;color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;transition:all .2s ease}.project-tag:hover{border-color:var(--text-secondary);color:var(--text-primary)}.project-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-sans);font-size:.95rem;color:var(--text-primary);text-decoration:none;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);transition:all .2s ease}.project-link:hover{border-color:var(--text-primary);background-color:var(--hover-overlay);color:var(--text-primary)}.project-link svg{width:16px;height:16px;flex-shrink:0;transition:transform .2s ease}.project-link:hover svg{transform:translate(2px,-2px)}@media (max-width:768px){.works-page{padding:calc(60px + var(--spacing-md)) var(--spacing-sm) var(--spacing-lg)}.project-card{padding:var(--spacing-md)}.project-description{text-align:left;text-justify:auto}.project-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.project-emoji{font-size:1.5rem}}