.ProjectsPage-module__hySNXq__wrapper{background-color:var(--background);width:100%;min-height:100vh;position:relative}.ProjectsPage-module__hySNXq__sectionBlock{width:100%;position:relative}.ProjectsPage-module__hySNXq__headerPadding{padding:9px 12px}.ProjectsPage-module__hySNXq__headerRow{justify-content:space-between;align-items:center;display:flex}.ProjectsPage-module__hySNXq__headerLeft{align-items:center;gap:8px;display:flex}.ProjectsPage-module__hySNXq__backBtn{z-index:10;cursor:pointer;color:var(--foreground);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:4px;text-decoration:none;transition:background-color .2s,border-color .2s;display:flex;position:relative}.ProjectsPage-module__hySNXq__backBtn:hover{background-color:var(--mutedBackground-color);border-color:var(--border-color)}.ProjectsPage-module__hySNXq__pageTitle{color:var(--title-color);margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.ProjectsPage-module__hySNXq__themeToggleBtn{z-index:10;cursor:pointer;color:var(--mutedForeground-color);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .3s;display:flex;position:relative}.ProjectsPage-module__hySNXq__themeToggleBtn:hover{background-color:var(--mutedBackground-color);border-color:var(--border-color);color:var(--foreground)}.ProjectsPage-module__hySNXq__gridContainer{grid-template-columns:1fr;gap:0;display:grid;position:relative}@media (min-width:640px){.ProjectsPage-module__hySNXq__gridContainer{grid-template-columns:repeat(2,1fr)}}.ProjectsPage-module__hySNXq__centerVerticalDashed{display:none}@media (min-width:640px){.ProjectsPage-module__hySNXq__centerVerticalDashed{z-index:0;pointer-events:none;width:1px;display:block;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}}.ProjectsPage-module__hySNXq__verticalDashedLine{background-image:repeating-linear-gradient(to bottom, var(--border-color) 0px, var(--border-color) 6px, transparent 6px, transparent 14px);background-repeat:no-repeat;background-size:1px 100%;width:1px;height:100%}.ProjectsPage-module__hySNXq__cardCell{z-index:1;flex-direction:column;padding:12px;display:flex;position:relative}.ProjectsPage-module__hySNXq__bottomDashedLine{pointer-events:none;z-index:2;width:100%;position:absolute;bottom:0;left:0}@media (min-width:640px){.ProjectsPage-module__hySNXq__hideOnDesktop{display:none!important}}@media (max-width:639px){.ProjectsPage-module__hySNXq__hideOnMobile{display:none!important}}.ProjectsPage-module__hySNXq__cardLink{cursor:pointer;width:100%;color:inherit;flex-direction:column;flex:1;gap:8px;height:100%;text-decoration:none;display:flex}.ProjectsPage-module__hySNXq__previewOuter{border:1px solid var(--border-color);border-radius:10px;padding:4px;transition:border-color .3s}.ProjectsPage-module__hySNXq__previewInner{background-color:var(--mutedBackground-color);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;border-radius:6px;width:100%;height:200px;position:relative;overflow:hidden}@media (min-width:640px){.ProjectsPage-module__hySNXq__previewInner{height:170px}}@media (min-width:768px){.ProjectsPage-module__hySNXq__previewInner{height:200px}}.ProjectsPage-module__hySNXq__bgHover{opacity:0;background-position:50%;background-size:cover;transition:opacity .3s;position:absolute;inset:0}.ProjectsPage-module__hySNXq__cardLink:hover .ProjectsPage-module__hySNXq__bgHover{opacity:1}.ProjectsPage-module__hySNXq__screenLabel{color:var(--mutedForeground-color);z-index:2;font-size:.75rem;font-weight:500;transition:all .3s;position:absolute;top:8px;left:8px}.ProjectsPage-module__hySNXq__cardLink:hover .ProjectsPage-module__hySNXq__screenLabel{color:#000;left:50%;transform:translate(-50%)}.ProjectsPage-module__hySNXq__screenshotBox{background-color:var(--background);z-index:1;border-top-left-radius:6px;border-top-right-radius:6px;width:80%;height:75%;padding:2px 2px 0;transition:height .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ProjectsPage-module__hySNXq__cardLink:hover .ProjectsPage-module__hySNXq__screenshotBox{height:70%}.ProjectsPage-module__hySNXq__screenshotInner{border-top-left-radius:4px;border-top-right-radius:4px;width:100%;height:100%;overflow:hidden}.ProjectsPage-module__hySNXq__screenshotImg{object-fit:cover;object-position:top;width:100%;height:150px;display:block}@media (min-width:640px){.ProjectsPage-module__hySNXq__screenshotImg{height:128px}}@media (min-width:768px){.ProjectsPage-module__hySNXq__screenshotImg{height:150px}}.ProjectsPage-module__hySNXq__pinBadge{border:1px solid var(--border-color);background-color:var(--background);color:var(--title-color);z-index:3;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:4px;right:4px}.ProjectsPage-module__hySNXq__infoArea{flex-direction:column;flex:1;gap:4px;padding:0 8px;display:flex}.ProjectsPage-module__hySNXq__titleRow{justify-content:space-between;align-items:center;display:flex}.ProjectsPage-module__hySNXq__cardTitle{color:var(--title-color);margin:0;font-size:1.1rem;font-weight:700;line-height:1.1}.ProjectsPage-module__hySNXq__liveBadge{-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.ProjectsPage-module__hySNXq__pingContainer{justify-content:center;align-items:center;display:flex;position:relative}.ProjectsPage-module__hySNXq__pingDot{opacity:.4;background-color:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.5s cubic-bezier(0,0,.2,1) infinite ProjectsPage-module__hySNXq__pingAnimation;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ProjectsPage-module__hySNXq__pingAnimation{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}75%,to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.ProjectsPage-module__hySNXq__cardLink:hover .ProjectsPage-module__hySNXq__pingDot{display:none}.ProjectsPage-module__hySNXq__liveDot{z-index:1;color:#22c55e;position:relative}.ProjectsPage-module__hySNXq__liveText{color:var(--mutedForeground-color);font-size:.875rem;font-weight:500}.ProjectsPage-module__hySNXq__projectDesc{color:var(--mutedForeground-color);flex:1;margin:0;font-size:.875rem;line-height:1.4}.ProjectsPage-module__hySNXq__viewProjectRow{-webkit-user-select:none;user-select:none;align-items:center;gap:4px;margin-top:auto;padding-top:8px;display:flex}.ProjectsPage-module__hySNXq__viewProjectText{color:var(--mutedForeground-color);font-size:.875rem;transition:color .3s}.ProjectsPage-module__hySNXq__cardLink:hover .ProjectsPage-module__hySNXq__viewProjectText{color:var(--title-color)}.ProjectsPage-module__hySNXq__viewProjectArrow{color:var(--mutedForeground-color);transition:all .3s}.ProjectsPage-module__hySNXq__cardLink:hover .ProjectsPage-module__hySNXq__viewProjectArrow{color:var(--title-color);transform:rotate(45deg)}.ProjectsPage-module__hySNXq__moreProjectsBanner{justify-content:center;align-items:center;padding:12px;display:flex}.ProjectsPage-module__hySNXq__moreProjectsText{color:var(--foreground);align-items:center;gap:4px;margin:0;font-size:.95rem;display:inline-flex}.ProjectsPage-module__hySNXq__githubLink{color:var(--title-color);align-items:center;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.ProjectsPage-module__hySNXq__githubTextWrap{position:relative}.ProjectsPage-module__hySNXq__githubUnderline{background-color:var(--title-color);transform-origin:0;width:100%;height:1px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.ProjectsPage-module__hySNXq__githubLink:hover .ProjectsPage-module__hySNXq__githubUnderline{transform:scaleX(1)}.ProjectsPage-module__hySNXq__githubArrow{margin-left:2px;transition:opacity .3s}