.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:#fff;color:#333}.app-header{background:#fff;padding:0 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #0000000d;height:64px;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;height:100%}.header-actions{display:flex;align-items:center;gap:8px}.theme-toggle-btn{font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s}.theme-toggle-btn:hover{color:#1890ff;transform:rotate(30deg)}.app-logo{font-size:24px;margin-right:12px;color:#1890ff}.app-title{margin:0}.app-content{padding:24px;flex:1;background-color:#f5f5f5}.global-spin{width:100%;height:100%}.sidebar{height:100%;scrollbar-width:thin;scrollbar-color:#ccc #f1f1f1}.sidebar::-webkit-scrollbar{width:8px;height:8px}.sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.control-card{margin-bottom:16px;border-radius:8px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;background-color:#fff}.control-card:hover{box-shadow:0 4px 12px #0000001a}.quality-slider{margin-bottom:16px}.quality-control{margin:8px 0}.slider-hint{display:block;margin-top:8px;font-size:12px}.action-button{margin-bottom:12px;height:44px;border-radius:6px;font-size:16px;font-weight:500}.stats-card{background-color:#fafafa}.stat-item{margin-bottom:8px}.saved-space{padding-top:8px;border-top:1px dashed #e8e8e8}.main-content{height:100%}.list-header{margin-bottom:16px}.list-title{margin:0}.list-divider{margin:12px 0 20px;border-color:#e8e8e8}.image-card{min-width:200px;width:100%;margin-bottom:16px;transition:all .3s ease;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000f;background-color:#fff}.image-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.image-preview{height:160px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#f0f2f5}.image-info{height:130px;overflow:hidden}.size-info{margin:4px 0}.image-list-container{display:flex;flex-wrap:wrap}.tag-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.upload-container{margin-bottom:16px}.upload-area{padding:20px 0;border-radius:8px;transition:border-color .3s}.upload-area:hover{border-color:#40a9ff}.upload-hint{font-size:12px;color:#999}.app-footer{text-align:center;background:#f5f5f5;padding:16px;border-top:1px solid #e8e8e8}.image-list-empty{padding:40px;text-align:center;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.ant-upload-list{scrollbar-width:thin;scrollbar-color:#ccc #f1f1f1}.ant-upload-list::-webkit-scrollbar{width:6px;height:6px}.ant-upload-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ant-upload-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.ant-upload-list::-webkit-scrollbar-thumb:hover{background:#b3b3b3}@media (max-width: 768px){.app-content{padding:16px}.control-card{margin-bottom:16px}.action-button{height:40px;font-size:14px;margin-bottom:8px}.image-card{width:100%}}@media (max-width: 576px){.app-header{padding:0 12px;height:56px}.app-logo{font-size:20px}.app-title{font-size:18px}.app-content{padding:12px}.control-card{margin-bottom:12px}.list-title{font-size:16px}.list-divider{margin:8px 0 16px}.image-preview{height:140px}}@media (min-width: 768px) and (max-width: 992px){.image-card{width:100%}.action-button{height:42px;font-size:15px}}@media (min-width: 992px){.sidebar{position:sticky;top:80px;height:calc(100vh - 160px);overflow-y:auto}.action-button{height:44px;font-size:16px}}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b3b3b3}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;color:#333;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ant-upload-drag{border-radius:8px!important;overflow:hidden;transition:all .3s;border:2px dashed #d9d9d9!important;background-color:#fafafa}.ant-upload-drag:hover{border-color:#1890ff!important}.ant-card{background-color:#fff;border-radius:8px;border-color:#f0f0f0}.ant-card-head{border-bottom:1px solid #f0f0f0;padding:0 16px;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#fff}.ant-btn{border-radius:6px;transition:all .3s}.ant-btn:hover,.ant-btn:focus{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.ant-btn-primary{background-color:#1890ff;border-color:#1890ff}.ant-btn-primary:hover,.ant-btn-primary:focus{background-color:#40a9ff;border-color:#40a9ff}.ant-btn-dangerous{color:#ff4d4f;border-color:#ff4d4f}.ant-divider{border-color:#f0f0f0}.ant-slider{margin:14px 6px 10px}.ant-slider-rail{background-color:#f0f0f0}.ant-slider-track{background-color:#1890ff}.ant-slider-handle{border-color:#1890ff;background-color:#fff}.ant-slider:hover .ant-slider-track{background-color:#40a9ff}.ant-slider:hover .ant-slider-handle{border-color:#40a9ff}.ant-statistic-title{font-size:14px;margin-bottom:4px}.ant-tag{margin:0;border-radius:4px}.ant-empty{margin:32px 0}.ant-empty-image img{opacity:.8}.ant-upload-drag-icon .anticon{font-size:48px;color:#1890ff}.ant-upload-text{margin:8px 0;font-weight:500}@media (max-width: 576px){.ant-card{border-radius:6px}.ant-btn{height:40px;font-size:14px}.ant-slider-handle{width:18px;height:18px;margin-top:-7px}.ant-statistic-content{font-size:20px}}@media (hover: none) and (pointer: coarse){.ant-btn{min-height:44px}.ant-slider-handle{width:24px;height:24px;margin-top:-10px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}