.hash-avatar-page{background:#f5f5f5;min-height:100vh;padding:24px}.hash-avatar-page .main-card{border-radius:8px;max-width:1200px;margin:0 auto;box-shadow:0 2px 8px #00000014}.hash-avatar-page .main-card .page-title{text-align:center;margin-bottom:12px;font-weight:600}.hash-avatar-page .main-card .page-title .anticon{margin-right:8px}.hash-avatar-page .main-card .ant-typography{text-align:center;margin-bottom:32px}.hash-avatar-page .input-card{border-radius:8px;transition:all .3s;box-shadow:0 1px 3px #0000001a}.hash-avatar-page .input-card:hover{box-shadow:0 4px 12px #00000026}.hash-avatar-page .input-card .ant-input-affix-wrapper{border-top-left-radius:6px;border-bottom-left-radius:6px}.hash-avatar-page .input-card .ant-btn{border-top-right-radius:6px;border-bottom-right-radius:6px}.hash-avatar-page .avatars-card{border-radius:8px;box-shadow:0 1px 3px #0000001a}.hash-avatar-page .avatars-card .avatars-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px;padding:16px;display:grid}.hash-avatar-page .avatars-card .avatars-grid .avatar-item{background:#fafafa;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:16px;transition:all .3s;display:flex}.hash-avatar-page .avatars-card .avatars-grid .avatar-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.hash-avatar-page .avatars-card .avatars-grid .avatar-item .avatar-canvas{background:#fff;border-radius:8px;padding:8px;box-shadow:0 2px 8px #0000000f}.hash-avatar-page .avatars-card .avatars-grid .avatar-item .avatar-canvas img{border-radius:4px;display:block}.hash-avatar-page .avatars-card .avatars-grid .avatar-item .avatar-label{color:#666;text-align:center;word-break:break-all;max-width:100%;font-size:14px}@media (max-width:768px){.hash-avatar-page{padding:16px}.hash-avatar-page .avatars-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:16px!important}}