/* 设置页（10·12）· 跟「事」页同一套：米色纸、黑字、等宽编号、一个亮黄。 */
.xh-header{position:relative}
.xu-gear{position:absolute;right:8px;top:36px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:#191918;border-radius:50%;cursor:pointer}
.xu-gear:focus-visible{outline:2px solid #191918;outline-offset:2px}
.xu-gear:active{background:rgba(25,25,24,.08)}

#xu-settings2{min-height:100%;display:flex;flex-direction:column;color:#171715;background:#e9e4d6;
  --ink:#171715;--paper:#e9e4d6;--panel:#f1eee4;--dim:#7b766c;--line:#cbc4b3;--yellow:#ffc21a;
  --sans:"Geist","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--mono:"Geist Mono","SFMono-Regular",ui-monospace,Menlo,monospace;
  font-family:var(--sans);-webkit-font-smoothing:antialiased}
#xu-settings2 *{box-sizing:border-box}
:where(#xu-settings2) button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}
:where(#xu-settings2) button:focus-visible,#xu-settings2 input:focus-visible,#xu-settings2 select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#xu-settings2 .mono{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.xs-page{padding:10px 16px 40px;display:flex;flex-direction:column;gap:12px}
.xs-top{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:0 4px;color:var(--dim)}
.xs-title{margin:0 4px 6px;font-size:56px;line-height:.95;font-weight:800;letter-spacing:-.03em}
.xs-sec{display:flex;flex-direction:column;gap:8px;scroll-margin-top:12px}
.xs-sh{display:flex;align-items:baseline;gap:10px;border-top:1px solid var(--ink);padding:12px 4px 2px}
.xs-sh .mono{color:var(--dim)}
.xs-sh h2{margin:0;font-size:22px;font-weight:800}
.xs-card{background:var(--panel);border-radius:20px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;width:100%}
.xs-card.dark{background:var(--ink);color:var(--paper);gap:4px}
.xs-card.dark .mono{color:#9c978f}
.xs-card.dark b{font-size:24px;line-height:1.2}
.xs-card.dark small{color:#b8b3ab}
.xs-card.dark .xs-btn{margin-top:8px;align-self:flex-start}
.xs-k{display:block;font-size:15px;font-weight:700}
.xs-card small,.xs-note{display:block;font-size:12.5px;line-height:1.5;color:var(--dim)}
.xs-line,.xs-step{display:flex;justify-content:space-between;align-items:center;gap:12px}
.xs-line+.xs-line{border-top:1px dashed var(--line);padding-top:10px}
.xs-line>div,.xs-step>div:first-child{min-width:0}
.xs-btn{flex:none;min-height:42px;padding:0 16px;border-radius:21px;background:var(--paper);border:1.5px solid var(--ink)!important;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.xs-btn.y{background:var(--yellow);border-color:var(--yellow)!important;color:var(--ink)}
.xs-btn:disabled{opacity:.4;cursor:default}
.xs-stepper{display:flex;align-items:center;gap:6px;flex:none}
.xs-stepper button{width:42px;height:42px;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center}
#xu-settings2 .xs-stepper b{font-size:30px;font-weight:500;min-width:44px;text-align:center}
.xs-pick{display:flex;flex-direction:column;gap:8px}
.xs-pick+.xs-pick{border-top:1px dashed var(--line);padding-top:10px}
.xs-chips{display:flex;flex-wrap:wrap;gap:6px}
.xs-chips button{min-height:38px;padding:0 14px;border-radius:19px;background:var(--paper);font-size:14px}
.xs-chips button[aria-checked=true]{background:var(--ink);color:var(--yellow);font-weight:600}
.xs-mrow{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;border-top:1px dashed var(--line)}
.xs-mrow label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--dim);min-width:0}
.xs-mrow label.wide{grid-column:1/-1}
.xs-mrow input,.xs-mrow select{font:15px var(--sans);color:var(--ink);background:var(--paper);border:1.5px solid transparent;border-radius:12px;padding:9px 11px;width:100%;min-height:42px;-webkit-appearance:none;appearance:none}
.xs-mrow input[name=model]{font-family:var(--mono);font-size:14px}
.xs-mrow input:focus{border-color:var(--ink);outline:none}
.xs-mrow:has(.xs-del){padding-right:40px}
.xs-del{position:absolute;top:12px;right:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dim)}
.xs-mact{display:flex;justify-content:space-between;gap:8px;padding-top:6px}
.xs-go{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;min-height:64px}
