body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-nav-container{background:#f2f3f7;border-right:1px solid #e3e5ed;flex-direction:column;justify-content:space-between;height:100%;display:flex}.main-logo{box-sizing:border-box;border-bottom:1px solid #e3e5ed;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 16px;font-size:0;display:flex}.main-logo-info{color:#323232;font-family:Anta;font-size:20px;font-weight:400}.small-nav-hide .main-file-all{justify-content:center;padding:0;display:flex}.small-nav-hide .main-file-all img{margin:0}.small-nav-hide .main-nav-item{justify-content:center;padding:0;display:flex}.small-nav-hide .main-item-icon{margin:0}.small-nav-hide .main-user{justify-content:center;width:100%;display:flex}.small-nav-hide .main-user-avatar{margin:0}.collapse-icon img{cursor:pointer;width:24px;height:24px}.small-nav-hide .collapse-icon{margin:auto;transform:rotate(180deg)}.main-file-list{box-sizing:border-box;cursor:pointer;padding:16px 4px}.main-file-list img{width:20px;height:20px}.main-file-all img{margin-right:12px}.main-file-list span{color:#323232;font-family:Inter;font-size:14px;font-weight:400}.main-file-cate{justify-content:space-between;align-items:center;margin-top:10px;padding:6px 12px;display:flex}.main-file-cate span{color:#999;font-family:Inter;font-size:14px;font-weight:400}.main-file-cate img{cursor:pointer;width:20px;height:20px;transition:transform .3s}.main-file-cate img.expanded{transform:rotate(180deg)}.main-file-cate-item{box-sizing:border-box;color:#323232;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:34px;padding-left:12px;padding-right:16px;font-family:Inter;font-size:14px;font-weight:400;line-height:34px;display:flex}.main-file-cate-item.active{background:#e7e9ef}.main-file-all{box-sizing:border-box;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:48px;padding-left:14px;padding-right:16px;display:flex}.main-file-all.active{background:#e7e9ef}.main-file-all-left{align-items:center;display:flex}.main-nav-btm{box-sizing:border-box;border-top:1px solid #e3e5ed;padding:4px}.main-vip-section{box-sizing:border-box;width:100%;padding:0 4px 12px}.main-nav-item{cursor:pointer;border-radius:8px;align-items:center;width:100%;height:48px;padding-left:12px;display:flex;position:relative}.main-nav-item.active{background-color:#e7e9ef}.main-item-icon{width:20px;height:20px;margin-right:12px}.main-item-icon img{width:20px;height:20px}.main-user-entry{box-sizing:border-box;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:62px;margin-top:12px;padding:16px 8px;display:flex}.main-user-entry .main-user-right-icon{width:20px;height:20px}.main-user{cursor:pointer;justify-content:center;align-items:center;display:flex}.main-user-avatar{border-radius:30px;width:30px;height:30px;margin-right:8px}.main-user-avatar img{width:30px;height:30px}.main-user-name{color:#323232;width:155px;font-size:14px;font-weight:400}.qr-code-popup{z-index:1000;width:189px;height:219px;margin-bottom:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.small-nav-hide .qr-code-popup{left:100px}.qr-code-content{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e3e5ed;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;box-shadow:0 4px 12px #00000026}.qr-code-title{color:#323232;margin-bottom:12px;font-family:Inter;font-size:14px;font-weight:500}.qr-code-image{flex:1;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.qr-code-placeholder{color:#999;background:#f2f3f7;border-radius:4px;justify-content:center;align-items:center;width:157px;height:157px;font-size:12px;display:flex}.qr-code-tip{color:#999;margin-top:auto;font-size:12px;font-weight:400}.main-file-all,.main-file-cate-item{color:#232323;background:0 0;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 16px;font-family:Inter;font-size:16px;font-weight:400;transition:background .2s;display:flex}.main-file-types-popover{z-index:1000;background:#fff;border-radius:16px;flex-direction:column;gap:4px;min-width:180px;margin-left:12px;padding:12px 0;display:flex;position:absolute;top:0;left:100%;box-shadow:0 8px 32px #00000029}.main-file-types-popover .main-file-all,.main-file-types-popover .main-file-cate-item{background:0 0;border-radius:12px;padding:14px 24px;font-size:16px;transition:background .2s}.main-file-types-popover .main-file-all.active,.main-file-types-popover .main-file-cate-item.active,.main-file-types-popover .main-file-cate-item:hover{background:#f5f6fa}.main-file-types-popover .main-file-cate-item span:last-child,.main-file-types-popover .main-file-all span:last-child{text-align:right;color:#232323;min-width:24px;margin-left:24px}.small-nav-hide .main-file-cate,.small-nav-hide .main-file-cate-item{display:none!important}.small-nav-hide .main-file-all{justify-content:center;padding:0}.main-file-types-hide.hidden{display:none}:root{--ant-primary-color:#62d6ad;--ant-primary-color-hover:#54c49d;--ant-primary-color-active:#4fa889;--ant-primary-color-outline:#49aaa033;--ant-link-color:#62d6ad;--ant-link-hover-color:#54c49d;--ant-link-active-color:#4fa889;--ant-success-color:#52c41a;--ant-success-color-hover:#73d13d;--ant-success-color-active:#389e0d;--ant-success-color-outline:#52c41a33;--ant-warning-color:#faad14;--ant-warning-color-hover:#ffc53d;--ant-warning-color-active:#d48806;--ant-warning-color-outline:#faad1433;--ant-error-color:#f5222d;--ant-error-color-hover:#ff4d4f;--ant-error-color-active:#cf1322;--ant-error-color-outline:#f5222d33;--ant-info-color:#49aaa0;--ant-info-color-hover:#62d6ad;--ant-info-color-active:#327a73;--ant-info-color-outline:#49aaa033}.ant-btn-primary{background-color:var(--ant-primary-color)!important;border-color:var(--ant-primary-color)!important}.ant-btn-primary:hover{background-color:var(--ant-primary-color-hover)!important;border-color:var(--ant-primary-color-hover)!important}.ant-btn-primary:active{background-color:var(--ant-primary-color-active)!important;border-color:var(--ant-primary-color-active)!important}.ant-btn-primary:focus{box-shadow:0 0 0 2px var(--ant-primary-color-outline)!important}.ant-link{color:var(--ant-link-color)!important}.ant-link:hover{color:var(--ant-link-hover-color)!important}.ant-link:active{color:var(--ant-link-active-color)!important}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--ant-primary-color)!important;border-color:var(--ant-primary-color)!important}.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-inner,.ant-radio-checked .ant-radio-inner{border-color:var(--ant-primary-color)!important}.ant-radio-checked .ant-radio-inner:after{background-color:var(--ant-primary-color)!important}.ant-radio-wrapper:hover .ant-radio-inner,.ant-radio:hover .ant-radio-inner{border-color:var(--ant-primary-color)!important}.ant-switch-checked,.ant-slider .ant-slider-track{background-color:var(--ant-primary-color)!important}.ant-slider .ant-slider-handle{border-color:var(--ant-primary-color)!important}.ant-slider:hover .ant-slider-track{background-color:var(--ant-primary-color-hover)!important}.ant-slider:hover .ant-slider-handle{border-color:var(--ant-primary-color-hover)!important}.ant-progress-bg{background-color:var(--ant-primary-color)!important}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--ant-primary-color)!important}.ant-tabs-ink-bar{background-color:var(--ant-primary-color)!important}.ant-pagination-item-active{border-color:var(--ant-primary-color)!important}.ant-pagination-item-active a{color:var(--ant-primary-color)!important}.ant-pagination-item:hover{border-color:var(--ant-primary-color)!important}.ant-pagination-item:hover a{color:var(--ant-primary-color)!important}.ant-select-focused .ant-select-selector{border-color:var(--ant-primary-color)!important;box-shadow:0 0 0 2px var(--ant-primary-color-outline)!important}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:var(--ant-primary-color-outline)!important}.ant-input:focus,.ant-input-focused{border-color:var(--ant-primary-color)!important;box-shadow:0 0 0 2px var(--ant-primary-color-outline)!important}.ant-modal-header{border-bottom-color:var(--ant-primary-color-outline)!important}.ant-modal-footer{border-top-color:var(--ant-primary-color-outline)!important}.ant-drawer-header{border-bottom-color:var(--ant-primary-color-outline)!important}.ant-table-thead>tr>th{background-color:#fafafa!important}.ant-table-tbody>tr:hover>td{background-color:var(--ant-primary-color-outline)!important}.ant-menu-item-selected{background-color:var(--ant-primary-color-outline)!important;color:var(--ant-primary-color)!important}.ant-menu-item:hover{color:var(--ant-primary-color)!important}.ant-dropdown-menu-item:hover{background-color:var(--ant-primary-color-outline)!important}.ant-message-notice-content{color:#fff!important;background-color:#000!important;border:1px solid #333!important;box-shadow:0 4px 12px #0000004d!important}.ant-message-notice-content .ant-message-custom-content{color:#fff!important}.ant-message-notice-content .anticon{display:none;color:#fff!important}.ant-message-success .ant-message-notice-content{background-color:#000!important;border-left:4px solid #52c41a!important}.ant-message-error .ant-message-notice-content{background-color:#000!important;border-left:4px solid #f5222d!important}.ant-message-warning .ant-message-notice-content{background-color:#000!important;border-left:4px solid #faad14!important}.ant-message-info .ant-message-notice-content{background-color:#000!important;border-left:4px solid #49aaa0!important}.ant-notification-notice{background-color:#fff!important}.ant-tooltip-inner{background-color:#000000bf!important}.ant-popconfirm-buttons .ant-btn-primary,.ant-steps-item-process .ant-steps-item-icon{background-color:var(--ant-primary-color)!important;border-color:var(--ant-primary-color)!important}.ant-steps-item-finish .ant-steps-item-icon{border-color:var(--ant-primary-color)!important}.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon{color:var(--ant-primary-color)!important}.ant-steps-item-finish .ant-steps-item-content .ant-steps-item-title:after{background-color:var(--ant-primary-color)!important}.ant-picker-focused,.ant-cascader-picker-focused,.ant-tree-select-focused .ant-select-selector{border-color:var(--ant-primary-color)!important;box-shadow:0 0 0 2px var(--ant-primary-color-outline)!important}.ant-upload-drag:hover{border-color:var(--ant-primary-color)!important}.ant-upload-list-item-actions .anticon,.ant-rate-star-full .ant-rate-star-first,.ant-rate-star-full .ant-rate-star-second{color:var(--ant-primary-color)!important}.ant-badge-count{background-color:var(--ant-primary-color)!important}.ant-anchor-link-title{color:var(--ant-primary-color)!important}.ant-anchor-ink-ball{background-color:var(--ant-primary-color)!important;border-color:var(--ant-primary-color)!important}.add-folder-modal .ant-modal-content{border-radius:12px}.add-folder-modal .ant-modal-content .ant-modal-header .ant-modal-title{color:#323232;font-size:18px;font-weight:600}.add-folder-modal .ant-modal-content .ant-modal-body{padding:16px 0}.add-folder-modal .ant-modal-content .ant-modal-footer{margin-top:0}.add-folder-modal .ant-modal-content .ant-modal-footer .ant-btn{border-radius:8px;height:36px;padding:0 24px;font-size:14px;font-weight:500}.add-folder-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-primary,.add-folder-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-primary:hover{background-color:#62d6ad;border-color:#62d6ad}.add-folder-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-primary:active{background-color:#327a73;border-color:#327a73}.add-folder-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-default{color:#323232;background-color:#f2f3f7;border-color:#f2f3f7}.add-folder-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-default:hover{color:#323232;background-color:#e8e9ed;border-color:#e8e9ed}.add-folder-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-default:active{color:#323232;background-color:#dde0e6;border-color:#dde0e6}.add-folder-input-container{margin-bottom:8px}.add-folder-input-container .add-folder-input{border:1px solid #d9d9d9;border-radius:8px;height:48px;padding:12px 16px;font-size:14px;transition:all .3s}.add-folder-input-container .add-folder-input:hover{border-color:#62d6ad}.add-folder-input-container .add-folder-input:focus{border-color:#62d6ad;box-shadow:0 0 0 2px #49aaa01a}.add-folder-input-container .add-folder-input::placeholder{color:#bfbfbf}.rename-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-primary,.rename-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-primary:hover{background-color:#62d6ad;border-color:#62d6ad}.rename-modal .ant-modal-content{border-radius:12px}.rename-modal .ant-modal-content .ant-modal-header .ant-modal-title{color:#323232;font-size:18px;font-weight:600}.rename-modal .ant-modal-content .ant-modal-body{padding:16px 0}.rename-modal .ant-modal-content .ant-modal-footer{margin-top:0}.rename-modal .ant-modal-content .ant-modal-footer .ant-btn{border-radius:8px;height:36px;padding:0 24px;font-size:14px;font-weight:500}.rename-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-primary,.rename-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-primary:hover{background-color:#62d6ad;border-color:#62d6ad}.rename-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-primary:active{background-color:#327a73;border-color:#327a73}.rename-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-default{color:#323232;background-color:#f2f3f7;border-color:#f2f3f7}.rename-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-default:hover{color:#323232;background-color:#e8e9ed;border-color:#e8e9ed}.rename-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-default:active{color:#323232;background-color:#dde0e6;border-color:#dde0e6}.rename-input-container{margin-bottom:8px}.rename-input-container .rename-input{border:1px solid #d9d9d9;border-radius:8px;height:48px;padding:12px 16px;font-size:14px;transition:all .3s}.rename-input-container .rename-input:hover{border-color:#62d6ad}.rename-input-container .rename-input:focus{border-color:#62d6ad;box-shadow:0 0 0 2px #49aaa01a}.rename-input-container .rename-input::placeholder{color:#bfbfbf}.main-file-all{position:relative}.fixed-hide-all-con{opacity:1;width:112px;height:48px;padding-left:6px;position:absolute;top:0;right:-112px}.fixed-hide-all-con .fixed-hide-all-content-outer{background-color:#fff;border-radius:4px;width:fit-content;padding:6px;box-shadow:0 2px 8px #00000026}.fixed-hide-all-con .fixed-hide-all-content{box-sizing:border-box;background-color:#fff;border-radius:4px;justify-content:space-between;align-items:center;width:148px;height:48px;padding:0 12px;display:flex}.fixed-hide-all-con .fixed-hide-all-content:hover{background-color:#e7e9ef}.main-file-types-hide{border-radius:12px;justify-content:center;align-items:center;width:100%;height:48px;display:flex;position:relative}.main-file-types-hide.active{background-color:#e7e9ef}.create-folder-icon{margin-right:6px}.fixed-hide-types-con{opacity:1;width:148px;height:fit-content;padding-left:6px;position:absolute;top:0;right:-148px}.fixed-hide-types-con .fixed-hide-types-content-outer{background-color:#fff;border-radius:4px;width:fit-content;padding:6px;box-shadow:0 2px 8px #00000026}.fixed-hide-types-con .fixed-hide-types-content{background-color:#fff;border-radius:4px;flex-direction:column;align-items:center;transition:opacity .3s ease-in-out;display:flex}.fixed-hide-types-con .fixed-hide-types-content div{box-sizing:border-box;border-radius:4px;justify-content:space-between;align-items:center;width:148px;height:48px;padding:0 12px;display:flex}.fixed-hide-types-con .fixed-hide-types-content div:hover{background-color:#e7e9ef}.no-folder{color:#b1b3bc;text-align:center;padding:12px 0;font-size:12px;font-weight:400}.main-file-cate-item{cursor:pointer;justify-content:space-between;align-items:center;display:flex;position:relative}.main-file-cate-item>span{pointer-events:auto}.folder-item-right{pointer-events:auto;justify-content:flex-end;align-items:center;gap:8px;min-width:40px;display:flex;position:relative}.folder-count{opacity:1;pointer-events:auto;transition:opacity .2s}.folder-count.hidden{opacity:0;pointer-events:none}.folder-more-icon{cursor:pointer;opacity:0;pointer-events:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s;display:flex;position:absolute;right:0}.folder-more-icon.visible{opacity:1;pointer-events:auto}.folder-more-icon:hover{background-color:#0000000d}.folder-more-icon img{width:16px;height:16px}.folder-more-icon .folder-menu-dropdown{z-index:1000;background:#fff;border-radius:6px;min-width:80px;padding:2px;position:absolute;top:28px;right:0;box-shadow:0 2px 16px #00000026}.folder-more-icon .folder-menu-dropdown .folder-menu-item{color:#1f2329;cursor:pointer;white-space:nowrap;border-radius:4px;padding:6px 12px;font-size:13px}.folder-more-icon .folder-menu-dropdown .folder-menu-item:hover{background-color:#e7e9ef}.member-vip{box-sizing:border-box;background:linear-gradient(90deg,#01bd80 0%,#009368 100%);border-radius:8px;width:100%;margin-bottom:12px;padding:16px}.member-vip:last-child{margin-bottom:0}.member-vip-title{color:#093d2e;margin-bottom:16px;font-size:16px;font-weight:600;line-height:16px}.member-vip-remaining{color:#093d2e;margin-bottom:8px;font-size:14px;font-weight:400;line-height:14px}.member-vip-desc{color:#093d2e;margin-bottom:16px;font-size:12px;line-height:16px}.member-vip-btn{color:#43403b;cursor:pointer;background:linear-gradient(#fedf95 0%,#f2bc67 100%);border-radius:60px;justify-content:center;align-items:center;width:92px;height:32px;font-size:12px;display:flex}.member-vip-times{background:#fff9;border-radius:8px;width:100%;height:8px;margin-bottom:8px;position:relative}.member-vip-times-left{background:linear-gradient(270deg,#e5a454 0%,#c6852b 100%);border-radius:8px;min-width:5%;height:8px;position:absolute;top:0;left:0}.member-vip-reset-date{color:#093d2e;margin-top:6px;font-size:12px;font-weight:400;line-height:12px}.pro-vip{background:linear-gradient(90deg,#f1c168 0%,#e9a835 100%)}.pro-vip .member-vip-title,.pro-vip .member-vip-remaining,.pro-vip .member-vip-reset-date{color:#944d08}.unlimited-vip{background:linear-gradient(90deg,#f0eaff 0%,#d7c6ff 50%,#a6bfff 100%)}.unlimited-vip .member-vip-title,.unlimited-vip .member-vip-remaining{color:#4d3bf3}.unlimited-vip .member-vip-times-left{background:linear-gradient(270deg,#b4aeff 0%,#5345fa 100%)}.vip-skeleton{width:100%;height:100%}.time-pkg{background:linear-gradient(90deg,#e8f4ff 0%,#d6e8ff 100%)}.time-pkg .member-vip-title,.time-pkg .member-vip-remaining,.time-pkg .member-vip-reset-date{color:#2b7aec}.time-pkg .member-vip-times-left{background:linear-gradient(270deg,#5ba3ff 0%,#3a8dff 100%)}.time-pkg.time-pkg-used-up{background:linear-gradient(90deg,#f5f5f5 0%,#e8e8e8 100%)}.time-pkg.time-pkg-used-up .member-vip-title{color:#999}.time-pkg.time-pkg-used-up .member-vip-remaining{color:#999;font-weight:600}.time-pkg.time-pkg-used-up .member-vip-reset-date{color:#999}.time-pkg.time-pkg-used-up .member-vip-times-left{background:linear-gradient(270deg,#ccc 0%,#aaa 100%)}.open-vip .open-vip-list{margin-top:24px;margin-bottom:20px}.open-vip .open-vip-list-item{align-items:center;margin-bottom:20px;display:flex}.open-vip .open-vip-list-item img{width:42px;height:42px;margin-right:12px}.open-vip .open-vip-list-item span{color:#323232;font-size:16px;font-weight:400;line-height:21px}.open-vip .open-vip-tip{color:#2b7aec;background:linear-gradient(90deg,#e8f4ff 0%,#d6e8ff 100%);border-radius:8px;margin-top:24px;padding:16px;font-size:14px;font-weight:400;line-height:20px}*{box-sizing:border-box;margin:0;padding:0}body{color:#000000d9;background-color:#f0f2f5;font-family:SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 16px}.card{background:#fff;border-radius:4px;margin-bottom:16px;padding:24px;box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017}.title{color:#000000d9;margin-bottom:16px;font-size:16px;font-weight:500}.btn{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:8px 16px;transition:all .2s;display:inline-block}.btn:hover{color:#49aaa0;border-color:#49aaa0}.btn-primary{color:#fff;background:#49aaa0;border-color:#49aaa0}.btn-primary:hover{color:#fff;background:#3a867e;border-color:#3a867e}.form-group{margin-bottom:16px}.form-group label{color:#000000d9;margin-bottom:8px;display:block}.form-group input,.form-group textarea{border:1px solid #d9d9d9;border-radius:4px;width:100%;padding:8px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#49aaa0;outline:none;box-shadow:0 0 0 2px #49aaa033}@media (width<=768px){.container{padding:0 8px}.card{padding:16px}}.hidden{display:none}