/* 圈数 / 常用尺寸 */
.seg{display:flex;gap:8px;}
.seg button{
  flex:1;height:38px;border-radius:12px;font-size:13px;color:var(--ink-2);
  background:var(--bg-2);border:1px solid var(--line-2);transition:.2s;
}
.seg button.on{
  background:linear-gradient(180deg,#d7b878,#b08d4a);color:#fff;font-weight:600;
  border-color:transparent;box-shadow:0 5px 13px -6px rgba(160,130,70,.85);
}
.quick{display:flex;gap:7px;}
.quick button{
  flex:1;height:36px;border-radius:11px;font-size:12.5px;color:var(--ink-2);
  background:var(--bg-2);border:1px solid var(--line-2);transition:.2s;
}
.quick button.on{
  color:var(--gold-dark);background:#fff;border-color:rgba(196,161,90,.55);font-weight:600;
  box-shadow:0 6px 16px -12px rgba(160,130,70,.9);
}

.sheet-ft{display:flex;gap:11px;}
.sbtn{flex:1;padding:14px 0;border-radius:14px;font-size:14px;letter-spacing:.1em;transition:.2s;}
.sbtn:active{transform:translateY(1px);}
.sbtn.ghost{color:var(--ink-2);border:1px solid var(--line);}
.sbtn.solid{
  background:linear-gradient(180deg,#d7b878,#b08d4a);color:#fff;font-weight:600;
  box-shadow:0 8px 18px -8px rgba(160,130,70,.9);
}

@media (max-width:520px),(max-height:900px){
  body{background:#fff;}
  .phone{width:100%;height:100vh;border-radius:0;box-shadow:none;}
}