/* @🍮 设置界面专属样式开始 */
        .settings-overlay { position: fixed; top: 100%; left: 0; width: 100%; height: 100%; background: #f0f0f0; transition: top 0.35s ease-in-out; z-index: 100; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; gap: 15px; overflow-y: auto; font-family: sans-serif; }
        .settings-overlay.active { top: 0; }
        .settings-header { display: flex; align-items: center; justify-content: space-between; font-weight: bold; margin-bottom: 5px; color: #333; }
        .close-btn { cursor: pointer; }
        .set-row { display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 15px; border-radius: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.02); }
        .set-row-input { display: flex; flex-direction: column; background: #fff; padding: 12px 15px; border-radius: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.02); }
        .set-row-input input { border: none; outline: none; background: transparent; font-size: 14px; width: 100%; color: #333; }
        .preset-btn { background: #333; color: #fff; padding: 6px 14px; border-radius: 20px; font-size: 13px; cursor: pointer; }
        
        /* 苹果风开关 */
        .toggle-switch { width: 44px; height: 24px; background: #d1d1d1; border-radius: 12px; position: relative; cursor: pointer; transition: background 0.3s; flex-shrink: 0; }
        .toggle-switch::after { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border-radius: 50%; transition: left 0.3s, transform 0.3s; box-shadow: 0 2px 4px rgba(0,0,0,0.2); }
        .toggle-switch.on { background: #34c759; }
        .toggle-switch.on::after { left: 42px; transform: translateX(-100%); }
        
        .set-label { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #333; font-weight: 500; }
        .set-label svg { fill: #555; }
        
        /* 自制预设弹窗 */
        .preset-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 200; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s; }
        .preset-modal.active { display: flex; opacity: 1; }
        .preset-content { background: #fff; width: 85%; max-width: 320px; border-radius: 20px; padding: 20px; display: flex; flex-direction: column; gap: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
        .preset-item { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f0f0f0; padding-bottom: 12px; font-size: 14px; color: #333; }
        .preset-actions { display: flex; gap: 12px; }
        .preset-actions svg { width: 18px; height: 18px; fill: #666; cursor: pointer; transition: fill 0.2s; }
        .preset-actions svg:active { fill: #000; }
        .close-preset-btn { background: #f0f0f0; color: #333; text-align: center; padding: 10px; border-radius: 12px; font-size: 14px; cursor: pointer; margin-top: 5px; }
        
        /* @🍮 进度条与新弹窗样式开始 */
        .set-row-group { display: flex; flex-direction: column; background: #fff; border-radius: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.02); padding: 5px 0; }
        .set-row-group .set-row { box-shadow: none; padding: 10px 15px; border-radius: 0; }
        .slider-container { display: none; align-items: center; gap: 15px; padding: 0 15px 15px 15px; animation: slideDown 0.3s ease-out; }
        @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
        .slider-container input[type="range"] { flex: 1; accent-color: #333; }
        .slider-value { font-size: 14px; color: #666; font-weight: bold; width: 35px; text-align: right; }
        
        .custom-dialog { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 300; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.2s; }
        .custom-dialog.active { display: flex; opacity: 1; }
        .dialog-content { background: #fff; width: 80%; max-width: 300px; border-radius: 20px; padding: 20px; display: flex; flex-direction: column; gap: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
        .dialog-title { font-weight: bold; text-align: center; color: #333; }
        .dialog-input { border: 1px solid #ddd; padding: 10px; border-radius: 10px; outline: none; font-size: 14px; }
        .dialog-btns { display: flex; gap: 10px; }
        .dialog-btn { flex: 1; padding: 10px; text-align: center; border-radius: 10px; cursor: pointer; font-size: 14px; font-weight: bold; }
        .dialog-btn.cancel { background: #f0f0f0; color: #666; }
        .dialog-btn.confirm { background: #333; color: #fff; }
        
        .model-list { max-height: 200px; overflow-y: auto; display: flex; flex-direction: column; gap: 5px; }
        .model-item { padding: 10px; background: #f9f9f9; border-radius: 8px; font-size: 13px; color: #333; cursor: pointer; word-break: break-all; }
        .model-item:active { background: #e0e0e0; }
        
        /* 存储详情界面 */
        .storage-overlay { position: fixed; top: 100%; left: 0; width: 100%; height: 100%; background: #f0f0f0; transition: top 0.35s ease-in-out; z-index: 150; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; gap: 15px; overflow-y: auto; font-family: sans-serif; }
        .storage-overlay.active { top: 0; }
        .chart-container { display: flex; align-items: center; justify-content: center; padding: 20px; background: #fff; border-radius: 16px; flex-direction: column; box-shadow: 0 2px 8px rgba(0,0,0,0.02); }
        .pie-chart { width: 150px; height: 150px; border-radius: 50%; background: #eee; margin-bottom: 20px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); }
        .legend { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; font-size: 12px; color: #333; }
        .legend-item { display: flex; align-items: center; gap: 5px; }
        .legend-color { width: 12px; height: 12px; border-radius: 3px; }
        .storage-list { background: #fff; border-radius: 16px; padding: 10px; display: flex; flex-direction: column; gap: 5px; box-shadow: 0 2px 8px rgba(0,0,0,0.02); }
        .storage-item { display: flex; justify-content: space-between; font-size: 13px; padding: 8px 5px; border-bottom: 1px solid #f9f9f9; color:#333; word-break: break-all; }
        .storage-item:last-child { border-bottom: none; }
        /* @🍮 进度条与新弹窗样式结束 */
        /* @🍮 设置界面专属样式结束 */