/* ===== 设置弹窗：深色卡片，和登录框同一套风格 =====
   只作用在 #settingsModal 里，不影响「新建项目」「回收站」等别的弹窗。
   颜色全部来自 style.css 开头那张颜色表。 */

#settingsModal .modal-box{
  width:520px;max-width:100%;max-height:88vh;max-height:88dvh;
  padding:28px 28px 24px;background:var(--black);color:var(--paper);
  border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.6);
}
#settingsModal .modal-header{margin-bottom:20px;}
#settingsModal .modal-header h3{font-size:22px;font-weight:700;color:var(--white);}
#settingsModal .icon-btn{width:32px;height:32px;font-size:16px;color:var(--mid);}
#settingsModal .icon-btn:hover{background:rgba(255,255,255,.1);color:var(--white);}

/* 每一块之间用一条淡线隔开 */
#settingsModal .settings-block{margin:0;padding:20px 0;border-top:1px solid rgba(255,255,255,.08);}
#settingsModal .settings-block:last-child{padding-bottom:0;}
#settingsModal .settings-label{margin-bottom:10px;font-size:13px;color:var(--paper);}
#settingsModal .restore-danger-label{color:var(--danger) !important;}
#settingsModal .modal-hint{margin-bottom:14px;color:var(--mid);}
#settingsModal .modal-hint b{color:var(--paper);}

/* 输入框：和登录框一样的浅灰底、点进去有荧光绿边 */
#settingsModal .settings-block input{
  height:44px;padding:0 14px;border:none;border-radius:8px;
  background:var(--paper);color:var(--black);font-size:15px;outline:none;
}
#settingsModal .settings-block input::placeholder{color:var(--mid);}
#settingsModal .settings-block input:focus{box-shadow:0 0 0 2px var(--accent);}
#settingsModal .settings-block input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 100px var(--paper) inset;-webkit-text-fill-color:var(--black);
}

/* 选择备份文件：虚线框 + 灰色按钮 */
#settingsModal .settings-block input[type=file]{
  height:auto;padding:8px 10px;border:1px dashed rgba(255,255,255,.22);
  background:rgba(255,255,255,.05);color:var(--line);font-size:13px;
}
#settingsModal input[type=file]::file-selector-button{
  margin-right:12px;padding:7px 12px;border:none;border-radius:6px;
  background:rgba(255,255,255,.16);color:var(--white);font:inherit;font-weight:600;cursor:pointer;
}
#settingsModal input[type=file]::file-selector-button:hover{background:var(--accent);color:var(--black);}

/* 按钮：平时深灰，悬停变荧光绿 */
#settingsModal .btn-small,
#settingsModal .btn-outline{
  display:inline-flex;align-items:center;justify-content:center;
  height:44px;padding:0 18px;border:none;border-radius:8px;
  background:rgba(255,255,255,.14);color:var(--white);
  font-size:14px;font-weight:600;text-decoration:none;
}
#settingsModal .btn-small:hover,
#settingsModal .btn-outline:hover{background:var(--accent);color:var(--black);}
#savePasswordBtn{width:100%;}
#settingsModal .settings-row:has(.btn-outline){flex-wrap:wrap;}
#settingsModal .settings-row .btn-outline{flex:1 1 150px;}

/* 危险操作：红框，悬停才变实心红 */
#settingsModal .btn-danger-outline{
  height:44px;border:1px solid var(--danger);border-radius:8px;
  background:transparent;color:var(--danger);font-size:14px;font-weight:600;
}
#settingsModal .btn-danger-outline:hover:not(:disabled){background:var(--danger);color:var(--white);}

/* 提示信息：成功荧光绿，失败红 */
#settingsModal .settings-msg.ok{color:var(--accent);font-weight:600;}
#settingsModal .settings-msg.err{color:var(--danger);}

@media (max-width:560px){
  #settingsModal .modal-box{padding:22px 18px 20px;}
  #settingsModal .settings-block input{font-size:16px;} /* 防止 iPhone 点输入框时自动放大 */
}