/* ========== 设置界面 ========== */
        .settings-content {
          padding: 20px;
          background: #FAFAFA;
          min-height: 100%;
          overflow-y: auto;
          padding-bottom: calc(var(--nav-height) + env(safe-area-inset-bottom) + 20px);
        }
        
        .settings-back {
          margin-bottom: 30px; padding-top: 10px;
          display: flex; align-items: center; color: #000; cursor: pointer;
          font-size: 13px; font-weight: 500;
          width: fit-content;
        }
        .settings-back svg { margin-right: 8px; width: 18px; height: 18px;}
        
        .settings-title { font-size: 24px; font-weight: 300; margin-bottom: 30px; color: #000; }

        .settings-group {
          background: var(--setting-group-bg);
          border-radius: 12px; 
          padding: 0 20px;
          margin-bottom: 24px;
          box-shadow: 0 2px 8px rgba(0,0,0,0.015);
          border: 1px solid var(--setting-border);
        }

        .setting-row {
          display: flex; justify-content: space-between; align-items: center;
          padding: 18px 0;
          border-bottom: 1px solid var(--setting-border);
        }
        .setting-row:last-child { border-bottom: none; }
        
        .setting-label { font-size: 14px; color: #37474F; font-weight: 400; }
        .setting-desc { font-size: 11px; color: #90A4AE; margin-top: 4px; max-width: 80%; line-height: 1.4; }

        .toggle-switch {
          position: relative; width: 44px; height: 24px;
          background: var(--toggle-inactive);
          border-radius: 12px;
          cursor: pointer;
          transition: background 0.3s;
        }
        .toggle-switch::after {
          content: ''; position: absolute;
          top: 2px; left: 2px;
          width: 20px; height: 20px;
          background: #FFF;
          border-radius: 50%;
          box-shadow: 0 2px 4px rgba(0,0,0,0.1);
          transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
        }
        .toggle-switch.checked { background: var(--toggle-active); }
        .toggle-switch.checked::after { transform: translateX(20px); }
        
        /* Font size slider styles */
        .range-slider {
          width: 80px;
          accent-color: #263238;
          height: 4px;
          background: #E0E0E0;
          border-radius: 2px;
          outline: none;
          -webkit-appearance: none;
        }
        .range-slider::-webkit-slider-thumb {
          -webkit-appearance: none;
          width: 14px; height: 14px;
          background: #fff;
          border: 1px solid #CFD8DC;
          border-radius: 50%;
          box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        }
        
        .font-size-controls {
          display: flex; align-items: center; gap: 8px;
        }
   

        .style-selector-group { display: flex; gap: 15px; }
        .style-option { display: flex; align-items: center; font-size: 12px; color: #546E7A; cursor: pointer; }
        .style-option input { margin-right: 6px; accent-color: #263238; filter: grayscale(1); }

        .expand-trigger { cursor: pointer; }
        .expand-icon { transition: transform 0.3s; font-size: 12px; color: #90A4AE; }
        .expand-trigger.open .expand-icon { transform: rotate(180deg); }

        .expandable-content {
          max-height: 0; overflow: hidden;
          transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        }
        .expandable-content.open { max-height: 600px; } 

        .custom-input-group { padding: 10px 0 20px 0; }
        .custom-field-label { font-size: 10px; color: #B0BEC5; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; display: block; }
        .custom-field-input { width: 100%; border: none; background: #F5F7F8; padding: 12px; border-radius: 8px; font-family: var(--font-serif); font-size: 13px; color: #333; }
        .custom-field-input:focus { background: #EEF1F3; }
        
              /* ========== 分区管理样式 ========== */
        .partition-manager-list { margin-top: 10px; }
        .partition-mgmt-row { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,0.03); }
        .partition-mgmt-row:last-child { border-bottom: none; }
        .partition-mgmt-name { flex: 1; font-size: 13px; color: #333; padding-right: 10px; }
        .partition-mgmt-actions { display: flex; align-items: center; gap: 8px; }
        .mgmt-btn { padding: 4px 8px; border-radius: 4px; font-size: 10px; cursor: pointer; background: #F5F7F8; color: #607D8B; border: none; }
        .mgmt-btn:active { background: #ECEFF1; }
        .mgmt-btn.delete { color: #EF9A9A; }
        
        .mgmt-btn.sort-handle { background: transparent; cursor: grab; display: flex; align-items: center; justify-content: center; padding: 0 4px; }
        .mgmt-btn.sort-handle svg { width: 14px; height: 14px; stroke: #CFD8DC; transition: stroke 0.2s; }
        .mgmt-btn.sort-handle:active svg { stroke: #000; }