.support-case { padding: var(--section-gap, 120px) var(--page-pad, clamp(28px,6vw,100px)); background: linear-gradient(110deg, #f7f3ec, var(--paper)); overflow-anchor:none; }
.support-copy { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(260px,.55fr); align-items: end; gap: clamp(36px,7vw,110px); margin-bottom: clamp(48px,7vh,82px); }
.support-copy > div > p { margin: 0 0 22px; color: var(--accent); font-size: 11px; font-weight: 600; letter-spacing: .14em; }
.support-copy h2 { margin: 0; font: 500 clamp(40px,4.5vw,66px)/1.34 "Noto Serif SC",serif; }
.support-copy > p { margin: 0; color: var(--muted); font: 500 15px/1.85 "Noto Serif SC",serif; }
.support-product { border: 1px solid var(--line); background: #f8f5ef; box-shadow: 0 26px 70px rgba(52,43,33,.08); }
.support-toolbar { min-height: 70px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 30px; background: var(--warm-ink,#292722); color: var(--warm-white,#f4efe8); }
.support-toolbar > div { display: flex; align-items: center; gap: 10px; }
.support-toolbar > div > span { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }
.support-toolbar b { font: 600 16px "Noto Serif SC",serif; }.support-toolbar small{color:#aaa49b;font-size:9px}
.support-toolbar ol { display: flex; gap: 24px; margin: 0; padding: 0; list-style: none; counter-reset: stage; }
.support-toolbar li { color: #77736c; font-size: 10px; }.support-toolbar li.is-current{color:#fff}.support-toolbar li:before{counter-increment:stage;content:"0" counter(stage) "  ";color:var(--accent)}
.support-stage { min-height: 570px; padding: clamp(30px,5vw,70px); animation: support-enter .48s var(--ease); }
@keyframes support-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.support-question-copy { display: grid; grid-template-columns: 140px 1fr; gap: 14px 30px; padding-bottom: 36px; border-bottom: 1px solid var(--line); }
.support-question-copy span { color: var(--accent); font-size: 11px; font-weight: 600; }.support-question-copy h3{margin:0;font:600 clamp(25px,3vw,40px) "Noto Serif SC",serif}.support-question-copy p{grid-column:2;margin:0;color:var(--muted);font-size:12px}
.support-presets { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 42px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.support-presets button { min-height: 230px; padding: 28px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; border: 0; border-right: 1px solid var(--line); background: transparent; text-align: left; transition: background .3s,color .3s; }
.support-presets button:last-child{border-right:0}.support-presets button:hover,.support-presets button:focus-visible{background:#efebe3;color:var(--accent)}.support-presets span{color:var(--accent);font-size:10px}.support-presets b{font:600 21px/1.55 "Noto Serif SC",serif}.support-presets small{margin-top:auto;color:var(--muted);font-size:10px}
.support-dialogue { max-width: 950px; margin: 0 auto; display: grid; gap: 20px; }.support-dialogue article{padding:22px 25px;border:1px solid var(--line)}.support-dialogue article>span{display:block;margin-bottom:10px;color:var(--accent);font-size:10px;font-weight:600}.support-dialogue article>p{margin:0;font:500 16px/1.8 "Noto Serif SC",serif}.support-bot{margin-left:8%;background:#efebe3}.support-evidence{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.support-evidence b,.support-evidence span{padding:6px 9px;background:#f8f5ef;color:var(--muted);font-size:9px;font-weight:500}.support-evidence b{padding-left:0;background:transparent;color:var(--ink)}
.support-actions { max-width:950px;margin:32px auto 0;display:flex;justify-content:flex-end;gap:14px}.support-actions button{min-height:46px;padding:0 18px;border:1px solid var(--line);background:transparent}.support-actions button:hover,.support-actions button:focus-visible{border-color:var(--accent);color:var(--accent)}.support-actions .support-primary{border-color:var(--accent);background:var(--accent);color:#fff}.support-actions .support-primary:hover{background:#d94d21;color:#fff}
.correction-before,.correction-editor{max-width:950px;margin:0 auto;padding:24px;border:1px solid var(--line)}.correction-before{background:#efebe3}.correction-before span,.correction-editor label{display:block;margin-bottom:12px;color:var(--accent);font-size:10px;font-weight:600}.correction-before p{margin:0;font:500 18px/1.7 "Noto Serif SC",serif}.correction-before small{display:block;margin-top:12px;color:#9a5140}.correction-editor{margin-top:20px}.correction-editor textarea{width:100%;padding:16px;border:1px solid var(--line);resize:vertical;background:#fffdf8;color:var(--ink);font:500 14px/1.7 "Noto Serif SC",serif}.correction-editor p{margin:10px 0 0;color:var(--muted);font-size:10px}
.memory-success{max-width:950px;margin:0 auto 28px;display:flex;align-items:center;gap:18px}.memory-success>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff}.memory-success p{margin:0 0 5px;color:var(--accent);font-size:10px}.memory-success h3{margin:0;font:600 clamp(22px,2.5vw,34px) "Noto Serif SC",serif}.memory-record{max-width:950px;margin:0 auto;border-top:1px solid var(--line)}.memory-record>div{display:grid;grid-template-columns:160px 1fr;padding:17px 0;border-bottom:1px solid var(--line)}.memory-record dt{color:var(--muted);font-size:10px}.memory-record dd{margin:0;font:500 13px/1.7 "Noto Serif SC",serif}
@media(max-width:900px){.support-copy{grid-template-columns:1fr}.support-toolbar{align-items:flex-start;flex-direction:column;padding:18px 20px}.support-toolbar ol{width:100%;justify-content:space-between}.support-presets{grid-template-columns:1fr}.support-presets button{min-height:150px;border-right:0;border-bottom:1px solid var(--line)}.support-presets button:last-child{border-bottom:0}}
@media(max-width:600px){.support-case{padding:78px 20px}.support-copy h2{font-size:37px}.support-toolbar ol{gap:8px;overflow-x:auto}.support-toolbar li{white-space:nowrap}.support-stage{min-height:540px;padding:28px 18px}.support-question-copy{grid-template-columns:1fr}.support-question-copy p{grid-column:1}.support-bot{margin-left:0}.support-actions{display:grid}.support-actions button{width:100%}.memory-record>div{grid-template-columns:1fr;gap:6px}}
@media(prefers-reduced-motion:reduce){.support-stage{animation:none}}

/* Keep every interaction stage in the same viewport on desktop. */
@media (min-width: 901px) {
  .support-case {
    height: 100svh;
    min-height: 700px;
    padding: clamp(66px, 7.5vh, 88px) var(--page-pad) clamp(20px, 3vh, 32px);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
  }
  .support-copy {
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, .5fr);
    margin-bottom: clamp(14px, 2vh, 22px);
  }
  .support-copy > div > p { margin-bottom: 10px; }
  .support-copy h2 { font-size: clamp(34px, 3.45vw, 52px); line-height: 1.3; }
  .support-copy > p { font-size: 12px; line-height: 1.7; }
  .support-product { min-height: 0; display: grid; grid-template-rows: 58px minmax(0, 1fr); overflow: hidden; }
  .support-toolbar { min-height: 58px; }
  .support-toolbar ol { gap: 10px; padding: 3px; border: 1px solid rgba(255,255,255,.16); }
  .support-toolbar li { min-height: 30px; padding: 7px 10px; display: flex; align-items: center; color: #aaa49b; }
  .support-toolbar li.is-current { background: var(--accent); color: #fff; }
  .support-toolbar li.is-current:before { color: #fff; }
  .support-stage { min-height: 0; height: 100%; padding: clamp(22px, 3vw, 38px); overflow: auto; }
  .support-question-copy { grid-template-columns: 110px 1fr; gap: 8px 24px; padding-bottom: 20px; }
  .support-question-copy h3 { font-size: clamp(23px, 2.25vw, 32px); }
  .support-question-copy p { font-size: 10px; }
  .support-presets { margin-top: 22px; }
  .support-presets button { position: relative; min-height: 150px; padding: 22px; gap: 12px; border-top: 2px solid transparent; }
  .support-presets button:after { content: "选择  →"; margin-top: auto; color: var(--accent); font-size: 10px; font-weight: 600; }
  .support-presets button:hover,.support-presets button:focus-visible { border-top-color: var(--accent); background: #efebe3; }
  .support-presets b { font-size: 18px; }
  .support-presets small { margin-top: 0; }
  .support-dialogue { gap: 12px; }
  .support-dialogue article { padding: 16px 20px; }
  .support-dialogue article > p { font-size: 14px; line-height: 1.65; }
  .support-actions { margin-top: 18px; }
  .support-actions button { min-height: 42px; font-weight: 600; }
  .correction-before,.correction-editor { padding: 16px 20px; }
  .correction-editor { margin-top: 12px; }
  .correction-editor textarea { min-height: 82px; padding: 12px; }
  .memory-success { margin-bottom: 16px; }
  .memory-record > div { padding: 12px 0; }
}

@media (min-width: 901px) and (max-height: 780px) {
  .support-case { padding-top: 58px; padding-bottom: 16px; }
  .support-copy { margin-bottom: 12px; }
  .support-copy h2 { font-size: clamp(30px, 3vw, 43px); }
  .support-copy > p { font-size: 10px; }
  .support-product { grid-template-rows: 52px minmax(0, 1fr); }
  .support-toolbar { min-height: 52px; }
  .support-stage { padding: 18px 28px; }
  .support-question-copy { padding-bottom: 12px; }
  .support-presets { margin-top: 14px; }
  .support-presets button { min-height: 120px; padding: 16px 20px; }
  .support-dialogue article { padding-block: 12px; }
  .support-actions { margin-top: 10px; }
  .memory-record > div { padding: 8px 0; }
}

@media (max-width: 600px) {
  .support-case { height: 100svh; min-height: 700px; padding: 58px 20px 16px; display: grid; grid-template-rows: auto minmax(0,1fr); overflow: hidden; }
  .support-copy { gap: 10px; margin-bottom: 12px; }
  .support-copy > div > p { margin-bottom: 8px; }
  .support-copy h2 { font-size: 30px; line-height: 1.3; }
  .support-copy > p { font-size: 10px; line-height: 1.55; }
  .support-product { min-height: 0; display: grid; grid-template-rows: 96px minmax(0,1fr); overflow: hidden; }
  .support-toolbar { min-height: 96px; padding: 12px 14px; gap: 8px; }
  .support-toolbar ol { min-height: 34px; }
  .support-toolbar li { padding: 7px 8px; border: 1px solid rgba(255,255,255,.14); }
  .support-toolbar li.is-current { border-color: var(--accent); background: var(--accent); color: #fff; }
  .support-toolbar li.is-current:before { color: #fff; }
  .support-stage { min-height: 0; height: 100%; padding: 18px 14px; overflow: auto; }
  .support-question-copy { gap: 7px; padding-bottom: 14px; }
  .support-question-copy h3 { font-size: 23px; }
  .support-presets { margin-top: 14px; }
  .support-presets button { min-height: 116px; padding: 16px; gap: 9px; }
  .support-presets button:after { content: "选择  →"; color: var(--accent); font-size: 10px; }
}

@media (max-width: 600px) {
  .support-case { height: auto; min-height: auto; overflow: visible; grid-template-rows: auto; padding-bottom: 72px; }
  .support-product { grid-template-rows: auto; overflow: visible; }
  .support-stage { height: auto; overflow: visible; }
  .support-toolbar li,.support-actions button { min-height: 44px; }
}