*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{overflow-x:hidden}.artwork-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}._1k7bcr7{display:block;width:100%;height:100%}.card{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.3);transition:transform .2s;width:-moz-fit-content;width:fit-content;margin:5px;padding:5px;font-size:20px;text-align:center;border-radius:20px;width:350px;display:"inline-block"}.card:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.5)}.cardBannar,.cardImg{border-radius:20px}.cardBannar{width:"100%";height:"300px"}body{background-color:#f8f9fa}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fff;border-bottom:1px solid #ddd}.logo{font-size:24px;font-weight:700;color:#f4b400}.menu-items{display:flex;gap:20px}.menu-item{font-size:30px;color:#000;text-decoration:none;transition:color .3s}.menu-item:hover{color:#007bff}.user-avatar{width:40px;height:40px;border-radius:50%;cursor:pointer}.mask{background:rgba(250,250,252,.9)}.mask,.mask_ActionDropdown{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000}.mask_ActionDropdown{background:hsla(0,0%,78%,.9)}.ant-modal{z-index:1050!important}.App{padding:20px}.item-list{display:flex;flex-direction:row;gap:10px}.sortable-item{position:relative;width:150px;height:200px}.image-wrapper{position:relative;border:1px solid #ccc;border-radius:8px;overflow:hidden}.image,.image-wrapper{width:100%;height:100%}.image{object-fit:cover}.remove-button{position:absolute;top:-10px;right:-10px;background-color:#ff4d4f;color:#fff;border:none;border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15);visibility:hidden}.image-wrapper:hover .remove-button{visibility:visible}.articleCoverContainer{background-color:#fff;padding:12px;display:flex;cursor:pointer;transition:background-color .2s;margin-bottom:5px;box-shadow:0 4px 8px rgba(0,0,0,.15);border-radius:12px}.articleCoverContainer:hover{background-color:#f7f7f7}.rankingItem{display:flex;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer;background-color:#fff;margin-bottom:2.5px;transition:background-color .2s}.rankingItem:hover{background-color:#f0f0f0}.viewMoreButton:hover{background-color:#f0f0f0!important}.talkContainer{background-color:#fff;display:flex;transition:background-color .2s;margin-bottom:5px;box-shadow:0 4px 8px rgba(0,0,0,.15);border-radius:12px}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}html{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.login-modal-wrapper .ant-modal-mask{z-index:1049}.login-modal-wrapper .ant-modal-wrap{z-index:1050}.Header_headerWrapper__qXHXM{position:fixed;top:0;left:0;width:100%;z-index:1000;height:80px}.Header_header__b6rsY{background-color:#fff;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:space-between;border-radius:0 0 20px 20px;height:80px;transform-origin:0 0;width:100%}.Header_logo__h1sXA{display:flex;align-items:center;flex-shrink:0}.Header_menuContainer__v_bhA{flex-grow:1;justify-content:center;padding-right:20px;max-width:calc(100% - 100px)}.Header_rightSection__M2g8y{display:flex;align-items:center}