*{box-sizing:border-box}html,body{min-width:0;margin:0;background:#0f0f0f}html{min-height:100%}body.searchFigmaPage{height:auto;min-height:100%;padding-top:104px;overflow-x:hidden;overflow-y:auto;color:#fff;background:#0f0f0f;font-family:noto sans tc,pingfang sc,noto sans sc,sans-serif}.searchFigmaPage a{color:inherit;text-decoration:none}.searchFigmaPage p,.searchFigmaPage h1,.searchFigmaPage h2{margin:0}.searchFigmaBreadcrumb{display:none}.searchFigmaMain{min-height:1027px;padding:48px clamp(20px,12.5vw,240px)56px;background:#09090a}.searchFigmaContent{display:flex;width:1100px;max-width:100%;margin:0 auto;gap:32px;flex-direction:column}.searchFigmaContent>h1{color:#fff;font-size:40px;font-weight:700;line-height:48px;text-align:center}.searchFigmaForm{display:none;width:1100px;max-width:100%;height:64px;margin:0;gap:12px}.searchFigmaInput{display:flex;height:64px;min-width:0;padding:0 24px 0 22px;border:1px solid #333338;border-radius:32px;flex:1;gap:12px;align-items:center;background:#1f1f21}.searchFigmaInput img{width:22px;height:22px;flex:0 0 22px;opacity:.72}.searchFigmaInput input{width:100%;min-width:0;padding:0;border:0;outline:0;color:#fff;background:0 0;font:17px/26px noto sans tc,sans-serif}.searchFigmaInput input::placeholder{color:#94949c;opacity:1}.searchFigmaForm>button{width:164px;height:64px;padding:0 36px;border:0;border-radius:32px;flex:0 0 164px;color:#fff;background:#ec0101;font:700 18px/28px noto sans tc,sans-serif;cursor:pointer}.searchFigmaHot{display:flex;width:100%;flex-direction:column}.searchFigmaHot>h2{padding:2px 0 14px;color:#fff;font-size:22px;font-weight:700;line-height:34px}.searchFigmaRanks{display:flex;width:100%;flex-direction:column}.searchFigmaRank{display:flex;width:100%;height:70px;padding:10px 4px;border-bottom:1px solid #333338;gap:18px;align-items:center}.searchFigmaRankNum{display:grid;width:36px;height:36px;flex:0 0 36px;border-radius:10px;place-items:center;color:#94949c;font-size:18px;font-weight:700;line-height:24px}.searchFigmaRank:nth-child(1) .searchFigmaRankNum{color:#fff;background:#ec0101;font-size:16px}.searchFigmaRank:nth-child(2) .searchFigmaRankNum{color:#fff;background:#d6851f;font-size:16px}.searchFigmaRank:nth-child(3) .searchFigmaRankNum{color:#fff;background:#995e3d;font-size:16px}.searchFigmaRankInfo{display:flex;min-width:0;flex:1;gap:4px;flex-direction:column}.searchFigmaRankInfo strong{overflow:hidden;color:#94949c;font-size:17px;font-weight:400;line-height:26px;text-overflow:ellipsis;white-space:nowrap}.searchFigmaRank:nth-child(-n+3) .searchFigmaRankInfo strong{color:#fff;font-weight:500}.searchFigmaRankInfo small{color:#616169;font-size:13px;font-weight:400;line-height:20px}.searchFigmaRankInfo small i{margin-left:0;font-style:normal}.searchFigmaHotBadge{display:grid;width:34px;height:28px;flex:0 0 34px;border-radius:6px;place-items:center;color:#fff;background:#ec0101;font-size:13px;font-weight:700;line-height:20px}.figmaFooter{position:relative;display:grid;grid-template-columns:1fr auto;padding:58px clamp(40px,11.458333vw,220px)42px;gap:28px;background:#1a1a1a}.figmaFooter>div:first-of-type{min-width:0}.figmaFooter .figmaBrand{display:inline-flex;gap:4px;align-items:flex-end}.figmaFooter .figmaBrand img:first-child{width:64px;height:48px}.figmaFooter .figmaBrand img:last-child{width:110px;height:38px}.figmaFooter p{max-width:597px;margin:18px 0 0;color:rgba(255,255,255,.55);font-size:14px;line-height:20px}.figmaFooter>nav{display:flex;width:448px;gap:18px;align-self:end;align-items:center;flex-wrap:wrap}.figmaFooter>nav a,.searchFigmaPage .figmaFooterRecord{color:#fff;font-size:14px;line-height:20px;white-space:nowrap}.searchFigmaPage .figmaFooterRecord,.searchFigmaPage .figmaFooter>nav>i{display:block}.searchFigmaPage .figmaFooter>nav>i{width:1px;height:16px;flex:0 0 1px;background:rgba(255,255,255,.2)}.figmaFooter small{grid-column:1/-1;display:block;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.55);font-size:14px;line-height:20px}.searchFigmaDesktopBackTop{position:fixed;right:clamp(32px,8.854vw,170px);bottom:90px;z-index:20;display:grid;width:60px;height:60px;padding:0;border:0;border-radius:50%;place-items:center;color:#fff;background:#ec0101;font-size:20px;cursor:pointer}@media screen and (max-width:767px){html,body{width:100%}body.searchFigmaPage{padding-top:48px}.searchFigmaMain{min-height:0;margin-top:0;padding:20px 20px 18px}.searchFigmaContent{width:335px;max-width:100%;gap:18px}.searchFigmaBreadcrumb{display:block;color:#9e9ea6;font-size:12px;line-height:18px}.searchFigmaContent>h1{font-family:pingfang sc,sans-serif;font-size:24px;font-weight:500;line-height:32px;text-align:left}.searchFigmaForm{display:flex;width:335px;height:52px;gap:8px}.searchFigmaInput{width:255px;height:52px;padding:0 14px;border-color:#38383d;border-radius:26px;flex-basis:255px;gap:8px;background:#1a1a1c}.searchFigmaInput img{width:18px;height:18px;flex-basis:18px}.searchFigmaInput input{font-size:14px;line-height:22px}.searchFigmaInput input::placeholder{color:#9e9ea6}.searchFigmaForm>button{width:72px;height:52px;padding:0;border-radius:26px;flex-basis:72px;font-size:14px;line-height:22px}.searchFigmaHot{gap:18px}.searchFigmaHot>h2{padding:0;font-size:20px;line-height:24px}.searchFigmaRank{width:335px;max-width:100%;height:66px;padding:10px 0;border-color:#38383d;gap:12px}.searchFigmaRankNum{width:30px;height:30px;flex-basis:30px;border-radius:8px;color:#9e9ea6;background:#1a1a1c;font-size:13px;line-height:20px}.searchFigmaRank:nth-child(-n+3) .searchFigmaRankNum{color:#fff;background:#ec0101;font-size:13px}.searchFigmaRankInfo{gap:3px}.searchFigmaRankInfo strong{color:#9e9ea6;font-size:14px;font-weight:400;line-height:22px}.searchFigmaRank:nth-child(-n+3) .searchFigmaRankInfo strong{color:#fff;font-weight:500}.searchFigmaRankInfo small{color:#6b6b73;font-size:11px;line-height:17px}.searchFigmaRankInfo small i{margin-left:3px}.searchFigmaHotBadge{width:28px;height:26px;flex-basis:28px;font-size:11px;line-height:17px}.searchFigmaPage .figmaFooter{width:auto;margin:0 16px 30px}.searchFigmaPage .figmaFooter>nav{width:100%}.searchFigmaDesktopBackTop{display:none}}