.common-avatar{object-fit:cover;&.circle{border-radius:100%;border:1px solid hsl(var(--border))}}.july-button{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;border:0;border-radius:var(--radius);background-color:transparent;color:hsl(var(--text-primary));padding:0;&:hover{background-color:hsl(var(--border))}}.common-container{width:100%;max-width:1400px;margin:0 auto;padding-left:16px;padding-right:16px}.website-layout header{width:100%;position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid hsl(var(--border));background-color:hsl(var(--background)/.95);.header-container{height:56px;justify-content:space-between}.header-container,.left-part{display:flex;align-items:center}.logo{display:flex;align-items:center;column-gap:8px;.my-name{font-size:14px;color:hsl(var(--text-plus));font-weight:600;text-decoration:none;font-family:var(--font-code)}}nav{display:flex;margin-left:32px;column-gap:24px;a{color:hsl(var(--text-primary))}}}@supports ((-webkit-backdrop-filter:blur(0px)) or (backdrop-filter:blur(0px))){.website-layout header{background-color:hsl(var(--background)/.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.website-layout main{min-height:calc(100vh - 104px);.main-container{width:100%;max-width:980px;margin:0 auto;padding:24px 16px 0}}.website-layout footer{width:100%;border-top:1px solid hsl(var(--border));.footer-container{height:46px;line-height:46px;font-size:14px;color:hsl(var(--text-secondary))}}