.storage-app{display:flex;height:100%;min-height:0;background:#fff;color:#26354b;font:14px/1.5 system-ui,Microsoft YaHei,sans-serif;overflow:hidden}.storage-app button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e0e7f1;border-radius:7px;background:#fff;color:#46566d;padding:7px 12px;cursor:pointer;font:inherit}.storage-app button:hover{background:#f1f6ff;color:#2164df}.storage-app button:disabled{opacity:.45;cursor:default}.storage-app button:focus-visible,.storage-app input:focus-visible{outline:2px solid #276bec;outline-offset:2px}.storage-app .primary{background:#2469e8;color:#fff;border-color:#2469e8}.storage-sidebar{width:218px;flex-shrink:0;display:flex;flex-direction:column;padding:24px 14px 18px;background:linear-gradient(155deg,#edf4ff,#f6f9ff 55%,#f8faff);border-right:1px solid #e4ebf6}.storage-brand{display:flex;align-items:center;gap:9px;padding:0 10px 24px;color:#236be8}.storage-brand strong{font-size:23px}.storage-brand span{margin-left:auto;font-size:11px;color:#7c8ca4}.storage-account{display:flex;align-items:center;gap:10px;padding:15px 6px 22px}.storage-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(130deg,#98c3ff,#5287ed);color:#fff;font-size:18px;flex-shrink:0}.storage-account>div:nth-child(2){min-width:0;flex:1}.storage-account b,.storage-account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-account small{color:#8390a3;font-size:11px;margin-top:4px}.storage-account>svg{color:#4884db}.storage-sidebar nav{display:grid;gap:8px}.storage-sidebar nav button{border:0;justify-content:flex-start;background:transparent;padding:11px 16px}.storage-sidebar nav button.active{color:#2368e8;background:#dfebff;font-weight:600}.storage-sidebar nav span{margin-left:auto;font-size:11px;background:#c8dcff;border-radius:12px;padding:0 7px}.storage-space{margin-top:auto;padding:24px 9px 0;display:grid;gap:6px;color:#8290a5;font-size:11px}.storage-space svg{color:#5585c4}.storage-space b{color:#566b88;font-size:12px}.storage-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.storage-main>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:27px 28px 19px}.storage-main h2{font-size:22px;margin:0 0 5px}.storage-main header p{color:#8a96a8;margin:0;font-size:12px}.storage-search{display:flex;align-items:center;gap:8px;background:#f4f7fb;border-radius:8px;padding:9px 12px;color:#8b98ad}.storage-search input{width:160px;border:0;background:transparent;outline:none;font:inherit;color:#354b66}.storage-toolbar{display:flex;gap:8px;align-items:center;padding:0 28px 18px;flex-wrap:wrap}.storage-toolbar-end{display:flex;gap:4px;margin-left:auto}.storage-toolbar-end button{border:0;padding:7px}.storage-toolbar-end button[aria-pressed=true]{color:#2469e8;background:#edf4ff}.storage-breadcrumb{border-top:1px solid #eef1f6;display:flex;align-items:center;gap:6px;padding:11px 26px;flex-wrap:wrap;font-size:12px;color:#8c9cb3}.storage-breadcrumb button{border:0;padding:3px 5px;font-size:12px}.storage-file-area{flex:1;min-height:0;overflow:auto;padding:0 28px}.storage-file-head,.storage-file{display:grid;grid-template-columns:minmax(150px,1fr) 70px 90px 60px;gap:12px;align-items:center}.storage-file-head{padding:10px 12px;background:#f8faff;color:#94a0b3;font-size:12px;border-radius:6px}.storage-file{padding:8px 10px;border-bottom:1px solid #f1f4f8;min-height:54px;border-radius:6px;font-size:12px}.storage-file:hover{background:#f7faff}.storage-file.selected{background:#edf4ff;box-shadow:inset 0 0 0 1px #c5d9ff}.storage-file-name{min-width:0;justify-content:flex-start!important;border:0!important;background:transparent!important;padding:4px!important;text-align:left}.storage-file-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-file-name svg{width:28px;height:28px;flex-shrink:0}.folder-icon{color:#efb852;fill:#ffe7ad;stroke-width:1.3}.file-icon{color:#77a8fa;fill:#e8f1ff;stroke-width:1.4}.storage-file>button:last-child{padding:4px;border:0;background:transparent;color:#5f89c5;font-size:12px}.storage-files.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px;padding:10px 0}.storage-files.grid .storage-file{display:flex;flex-direction:column;gap:4px;padding:18px 10px;border:1px solid #edf1f8;min-height:145px}.storage-files.grid .storage-file-name{flex-direction:column;width:100%;font-size:13px}.storage-files.grid .storage-file-name svg{width:48px;height:48px;margin-bottom:8px}.storage-files.grid .storage-file-name span{max-width:100%}.storage-files.grid .storage-file>span:nth-child(2){display:none}.storage-empty{height:100%;min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#8c9aaf;padding:25px}.storage-empty>div{width:94px;height:94px;display:grid;place-items:center;background:#eef4ff;border-radius:26px;color:#77a7f6;margin-bottom:15px}.storage-empty h3{font-size:18px;color:#435c80;margin:8px 0}.storage-empty p{margin:0 0 22px}.storage-main>footer{display:flex;justify-content:space-between;gap:10px;padding:13px 28px;border-top:1px solid #edf1f7;font-size:11px;color:#8898af}.storage-notice{margin:0 28px 14px;padding:9px 12px;display:flex;gap:9px;border-radius:7px;background:#edf7f2;color:#2b8463;overflow-wrap:anywhere}.storage-notice.error{background:#fff1ee;color:#bd5143}.storage-name-form{padding:12px 28px;display:flex;gap:8px;align-items:center;background:#f7faff}.storage-name-form label{display:flex;align-items:center;gap:10px;min-width:0}.storage-name-form input{min-width:0;width:190px;padding:6px;border:1px solid #cfdbed;border-radius:5px}.storage-transfer-area{flex:1;overflow:auto;padding:0 28px}.storage-transfer{display:flex;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid #edf1f7}.storage-transfer>svg{color:#7ca6e7}.storage-transfer>div{flex:1;min-width:0}.storage-transfer b{display:block;overflow-wrap:anywhere}.storage-transfer small{display:block;color:#8496b2;margin:4px 0}.storage-transfer progress{width:100%;height:5px;accent-color:#3679ed}.storage-recycle{flex:1;overflow:auto;padding:10px 20px;min-height:0}.storage-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:14px 28px;overflow:auto}.storage-tools section{border:1px solid #e5edf8;border-radius:12px;padding:24px;background:#fbfdff}.storage-tools svg{color:#4e84d7}.storage-tools p{color:#7d8ea8;font-size:13px}.storage-more{margin:15px auto;display:flex!important}@media(max-width:760px){.storage-sidebar{width:150px;padding:20px 8px}.storage-brand{padding:0 5px 15px}.storage-brand span,.storage-account>svg{display:none}.storage-account{gap:6px}.storage-avatar{width:28px;height:28px}.storage-main>header{padding:18px 14px;flex-wrap:wrap;gap:10px}.storage-main h2{font-size:18px}.storage-toolbar,.storage-breadcrumb{padding-left:14px;padding-right:14px}.storage-file-area{padding:0 12px}.storage-file-head,.storage-file{grid-template-columns:minmax(85px,1fr) 65px 40px;gap:5px}.storage-file-head>span:nth-child(2),.storage-file>span:nth-child(2){display:none}.storage-main>footer{padding:12px;flex-wrap:wrap}.storage-notice{margin:0 14px 12px}.storage-name-form{padding:12px;flex-wrap:wrap}.storage-space{font-size:10px}}.storage-transfer-filters{display:flex;justify-content:flex-end;align-items:center;gap:13px;padding:0 28px 12px;border-bottom:1px solid #eef1f6}.storage-transfer-filters label{display:flex;align-items:center;gap:4px}.storage-transfer-filters select{border:0;background:transparent;color:#63758d;font-size:12px;max-width:70px}.storage-transfer-filters button{border:0;padding:4px}.storage-mobile{flex-direction:column;position:relative;font-size:13px}.storage-mobile .storage-sidebar{display:none}.storage-phone-header{flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#edf4ff;border-bottom:1px solid #e4ebf6}.storage-phone-heading{display:flex;align-items:center;gap:8px;min-width:0}.storage-phone-identity{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.storage-phone-identity .storage-avatar{width:34px;height:34px;background:linear-gradient(140deg,#9d7bd1,#8b63c9);border:2px solid #ffdf8e;box-shadow:inset 0 0 0 2px #edf4ff;font-size:14px}.storage-phone-owner{flex:1;min-width:0}.storage-phone-owner b{display:flex;align-items:center;gap:4px;color:#333;font-size:13px;font-weight:600;min-width:0}.storage-phone-owner b>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.storage-phone-owner em{flex-shrink:0;font-size:9px;font-style:normal;font-weight:400;background:#fff0d7;color:#a27036;padding:1px 3px}.storage-phone-owner small{display:flex;align-items:center;gap:4px;margin-top:3px;color:#8298b6;font-size:10px;min-width:0;white-space:nowrap}.storage-phone-owner small>svg{flex-shrink:0;fill:#37b7ed;stroke:#1689d5}.storage-phone-owner small>strong{color:#145dab;font-size:11px;font-weight:500;flex-shrink:0}.storage-phone-owner small>span:not(.storage-phone-login){flex-shrink:0}.storage-phone-login{overflow:hidden;text-overflow:ellipsis;min-width:0}.storage-phone-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.storage-phone-actions button{padding:5px;border:0;background:transparent;color:#394a5e}.storage-phone-controls{display:flex;align-items:center;gap:8px;min-width:0}.storage-phone-controls .storage-search{display:flex;flex:1;min-width:0;padding:6px 9px;background:#fff}.storage-phone-controls .storage-search>svg{flex-shrink:0}.storage-phone-controls .storage-search input{width:100%;min-width:0}.storage-phone-controls .storage-phone-account-space{margin-left:auto;padding:5px 8px;font-size:12px;flex-shrink:0;border-color:#d5e0ee;color:#63758d;border-radius:5px}.storage-mobile .storage-main{min-height:0;flex:1}.storage-mobile .storage-main>header{display:none}.storage-mobile .storage-toolbar{padding:3px 12px 9px;gap:5px}.storage-mobile .storage-toolbar button{padding:6px 8px;font-size:11px}.storage-mobile .storage-toolbar-end{margin-left:0}.storage-mobile .storage-breadcrumb{padding:8px 10px;gap:2px}.storage-mobile .storage-file-head,.storage-mobile .storage-file{grid-template-columns:minmax(70px,1fr) 65px 40px;gap:4px}.storage-mobile .storage-file>span:nth-child(2),.storage-mobile .storage-file-head>span:nth-child(2){display:none}.storage-mobile .storage-files.grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px}.storage-mobile .storage-main>footer{padding:7px 12px;font-size:10px;gap:2px}.storage-mobile .storage-main>footer>span:last-child{display:none}.storage-mobile .storage-transfer-filters{height:45px;flex-shrink:0;padding:0 18px;gap:15px}.storage-mobile .storage-transfer-filters label{color:#555}.storage-mobile .storage-transfer-filters select{font-size:11px;max-width:55px}.storage-mobile .storage-transfer-filters button{color:#92979d}.storage-mobile .storage-transfer-area{padding:0 16px;min-height:0}.storage-mobile .storage-empty{padding:12px;min-height:200px;box-sizing:border-box;color:#898989}.storage-mobile .storage-empty>div{background:transparent;border-radius:0;width:86px;height:98px;margin-bottom:10px;color:#91b7ff}.storage-mobile .storage-empty>div svg{fill:#bed4ff;stroke:#91b7ff;stroke-width:1.3}.storage-mobile .storage-empty h3{font-size:17px;font-weight:500;color:#111;margin:8px 0 5px}.storage-mobile .storage-empty p{font-size:12px;color:#999;margin-bottom:15px}.storage-mobile .storage-empty .primary{font-size:13px;border-radius:6px;padding:6px 14px}.storage-phone-space{flex-shrink:0;border-top:1px solid #f0f0f0;padding:9px;display:flex;gap:8px;align-items:center;color:#354869;font-size:11px}.storage-phone-capacity{height:5px;flex:1;border-radius:4px;background:#e7e7e7}.storage-phone-space small{font-size:10px;color:#657594;white-space:nowrap}.storage-phone-space button{font-size:11px;padding:0;border:0;color:#2469e8}.storage-phone-tabs{flex-shrink:0;display:flex;justify-content:space-around;border-top:1px solid #f0f0f0;background:#fff;padding:14px 0 max(14px,env(safe-area-inset-bottom));min-height:64px;box-sizing:border-box}.storage-phone-tabs button{display:flex;flex:1;flex-direction:column;gap:4px;border:0;padding:3px 2px;border-radius:0;background:#fff;color:#555;font-size:11px;min-width:0}.storage-phone-tabs button.active{color:#2469e8}.storage-mobile .storage-notice{margin:7px 12px;padding:7px;font-size:11px}.storage-mobile .storage-name-form{padding:9px 12px;gap:5px;flex-wrap:wrap;font-size:12px}.storage-mobile .storage-name-form label{width:100%}.storage-mobile .storage-name-form input{flex:1;width:0}.storage-mobile .storage-tools{display:flex;flex-direction:column;padding:14px;gap:12px}.storage-mobile .storage-tools section{padding:16px}.storage-mobile .storage-tools h3{font-size:15px}.storage-mobile .storage-recycle{padding:6px;overflow:auto}.storage-mobile .storage-transfer{gap:10px;font-size:12px}.storage-phone-upload-icon{position:relative;display:grid;place-items:center;width:70px;height:82px;border-radius:8px;background:linear-gradient(#8cb2fe 0 24px,#bad1ff 24px);clip-path:polygon(0 0,65% 0,100% 29%,100% 100%,0 100%)}.storage-phone-upload-icon:before{content:"";position:absolute;right:0;top:0;width:25px;height:24px;background:#709aff;clip-path:polygon(0 0,100% 100%,0 100%)}.storage-phone-upload-icon b{font:52px/1 system-ui;color:#fff;font-weight:400;margin-top:15px}.storage-files.storage-virtual-files.grid{display:block;padding:0}.storage-virtual-row>.storage-file{box-sizing:border-box;height:58px;min-height:0;margin:0}.storage-files.grid .storage-virtual-row>.storage-file{height:176px;min-height:0;margin:0}.storage-virtual-space{overflow-anchor:none}.storage-file-head{position:sticky;top:0;z-index:1}.storage-selection-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 28px;background:#f7faff;border-top:1px solid #edf1f7}.storage-selection-toolbar>span{min-width:60px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:auto}.storage-more-menu{display:flex;flex-basis:100%;gap:8px}.storage-transfer-panel{flex-shrink:0;border-top:1px solid #e4ebf6;display:flex;flex-direction:column;min-height:0}.storage-transfer-panel.expanded{max-height:38%;min-height:140px}.storage-app .storage-transfer-toggle{border:0;border-radius:0;justify-content:flex-start;width:100%;padding:9px 16px;flex-shrink:0;background:#f8faff}.storage-transfer-toggle>span{margin-left:auto;font-size:12px}.storage-transfer-panel .storage-transfer-filters{padding:4px 16px;flex-shrink:0}.storage-transfer-panel .storage-transfer-area{min-height:0;overflow:auto;padding:0 16px}.storage-transfer-panel .storage-transfer{padding:10px 0}.storage-transfer-empty{color:#8496b2;font-size:12px}.storage-mobile .storage-selection-toolbar{padding:6px 10px;gap:4px}.storage-mobile .storage-selection-toolbar button{font-size:11px;padding:5px}.storage-mobile .storage-transfer-panel.expanded{max-height:40%;min-height:140px}.storage-mobile .storage-file-area{padding:0 10px}.storage-mobile .storage-transfer-filters{height:auto}.storage-mobile .storage-virtual-row .storage-file-name svg{flex-shrink:0}.storage-selection-toolbar{box-sizing:border-box;height:48px;min-height:48px;flex-shrink:0;flex-wrap:nowrap;overflow-x:auto}.storage-selection-toolbar button{flex-shrink:0}.storage-mobile .storage-selection-toolbar{height:42px;min-height:42px}.storage-mobile .storage-selection-toolbar>span{max-width:85px;flex-shrink:0}
