/* 设置页 */
.set-page{max-width:820px;margin:0 auto;width:100%}
.set-sec{overflow:visible}
.set-sec-h{padding:16px 18px 0}
.set-sec-h h2{font-size:15.5px;font-family:var(--serif);letter-spacing:0}
.set-sec-h p{font-size:12.5px;color:var(--tx2);margin-top:4px}
.set-sec-b{padding:14px 18px 18px;display:flex;flex-direction:column;gap:14px}
.set-state{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tx2);background:var(--sf);border-radius:10px;padding:9px 12px}
.set-state.ok{color:var(--tx);background:var(--oks)}
.set-prov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.set-prov{
  display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:11px 13px;border-radius:12px;
  background:var(--sf);border:1.5px solid transparent;text-align:left;transition:.18s;
}
.set-prov:hover{background:var(--sf2)}
.set-prov b{font-size:13.5px;color:var(--ink);font-weight:600}
.set-prov small{font-size:11.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.set-prov.on{border-color:var(--ink);background:var(--bg2)}
.set-form{display:flex;flex-direction:column;gap:12px}
.set-keywrap{position:relative;display:flex;align-items:center;gap:6px}
.set-keywrap .input{padding-right:12px}
.set-keywrap .btn{flex:none}
.set-storage{display:flex;flex-direction:column;gap:7px}
.set-bar{height:8px;border-radius:99px;background:var(--sf);overflow:hidden}
.set-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ac),var(--ink));border-radius:99px;transition:width .5s var(--ease)}
.set-list{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--tx2);line-height:1.65;padding-left:2px}
.set-list li{position:relative;padding-left:14px}
.set-list li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--mu)}
.set-about{display:flex;flex-direction:column;gap:10px}
.set-about-b{display:flex;align-items:center;gap:12px}
.set-about-b b{display:block;font-size:14.5px}
.set-about-b small{font-size:12px;color:var(--mu)}
.set-about a{color:var(--ac);text-decoration:underline;text-underline-offset:2px}
.hint.good{color:var(--ok)}
.hint.bad{color:var(--bad);white-space:pre-line}
@media (max-width:760px){.set-sec-h{padding:14px 14px 0}.set-sec-b{padding:12px 14px 16px}}

.set-account{display:flex;flex-direction:column;gap:10px}
.set-acc-row{display:flex;align-items:center;gap:12px}
.set-acc-row b{font-size:14px;color:var(--ink)}
.set-acc-row small{display:block;font-size:12px;color:var(--mu);margin-top:2px}