/* 到家啦 · 内页样式 v12（公共样式在 v12.css；.x-flow 在 v17.css） */
.x-guide{padding-top:36px}
.x-crumb{font-size:.86rem;color:var(--x-sub);margin:0 0 12px}
.x-crumb a{font-weight:600}
.x-crumb span{margin:0 8px;color:#9AA3BB}
.x-answer{font-size:1.06rem!important;font-weight:600;line-height:1.65!important;color:var(--x-ink);background:#EEF2FB;border-left:4px solid var(--persimmon);border-radius:0 14px 14px 0;padding:16px 18px;margin:0 0 8px!important}
/* 步骤：编号 + 一句话 + 一张图 */
.x-gsteps{list-style:none;margin:28px 0 0;padding:0;counter-reset:g}
.x-gsteps>li{counter-increment:g;position:relative;padding:0 0 30px 50px}
.x-gsteps>li::before{content:counter(g);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--cobalt);color:#fff;font-weight:700;font-size:.9rem;display:grid;place-items:center}
.x-gsteps>li::after{content:"";position:absolute;left:16.5px;top:42px;bottom:8px;width:1.5px;background:#D5DDF0}
.x-gsteps>li:last-child{padding-bottom:6px}.x-gsteps>li:last-child::after{display:none}
.x-gsteps h3{font-size:1.04rem;font-weight:700;line-height:1.55;color:var(--x-ink);margin:4px 0 0}
.x-gsteps h3 a{white-space:nowrap}
.x-shot{margin:14px 0 0;max-width:320px}
.x-shot img{width:100%;height:auto;border-radius:14px;border:1px solid var(--x-line);box-shadow:0 8px 24px rgba(8,17,49,.08)}
.x-shot.wide{max-width:100%}
.x-shot.narrow{max-width:220px}
.x-shot.small{max-width:300px}.x-shot.small img{border:0;box-shadow:none}
/* 注意 */
.x-warn{margin:28px 0 0;padding:18px 20px;border-radius:16px;background:#FFF3EB;border:1px solid #FFD9C4}
.x-warn .t{font-weight:800;font-size:.95rem!important;color:var(--x-orange-t);margin:0 0 6px!important}
.x-warn ul{margin:0;padding:0 0 0 1.15em}
.x-warn li{font-size:.94rem;line-height:1.65;color:#3B2A20;margin:0 0 6px}
.x-warn li:last-child{margin:0}
/* 概念图 */
.x-vs{display:grid;gap:10px;margin:28px 0 0}
.x-vs-row{padding:16px 18px;border-radius:14px;background:var(--x-soft);border:1px solid var(--x-line)}
.x-vs-row.on{background:var(--navy);border-color:var(--navy)}
.x-vs-k{font-size:1.04rem!important;font-weight:800;color:var(--x-ink);margin:0 0 2px!important}
.x-vs-v{font-size:.94rem!important;margin:0!important;color:var(--x-text)}
.x-vs-row.on .x-vs-k{color:var(--persimmon)}.x-vs-row.on .x-vs-v{color:#fff}
.x-seg{display:grid;gap:10px}
.x-seg-i{padding:16px 18px;border-radius:14px;background:var(--x-soft);border:1px solid var(--x-line)}
.x-seg-i p{margin:0!important;font-size:.95rem!important}
.x-seg-k{font-weight:800;color:var(--x-ink)}
.x-seg-i.on{background:#FFF3EB;border-color:var(--persimmon)}
.x-ban{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.x-ban li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 6px;border-radius:14px;background:#FFF3EB;font-size:.88rem;font-weight:700;color:#3B2A20;text-align:center}
.x-ban .ic{color:var(--x-orange-t)}
.x-facts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.x-facts li{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:#EEF2FB;font-size:.96rem;font-weight:700;color:var(--x-ink)}
.x-facts .ic{color:var(--cobalt);flex:none}
.x-guide .x-fee{margin-top:24px}
.x-guide .x-stats{margin-top:4px}
.x-dl{margin:0;display:grid;gap:10px}
.x-dl>div{padding:16px 18px;border-radius:14px;background:var(--x-soft)}
.x-soft .x-dl>div{background:#fff}
.x-dl dt{font-weight:800;color:var(--x-ink);font-size:.98rem;margin:0 0 2px}
.x-dl dd{margin:0;font-size:.94rem;line-height:1.65;color:var(--x-text)}
/* 视频 */
.x-video{margin:28px 0 0}
.x-video video{display:block;width:100%;max-width:320px;aspect-ratio:9/16;max-height:72vh;background:var(--navy);border-radius:18px}
.x-video figcaption{font-size:.88rem;color:var(--x-sub);margin-top:10px;line-height:1.6}
/* 回到填券 */
.x-back{margin:36px 0 0;padding:22px 20px 14px;border-radius:20px;background:var(--navy);color:#fff}
.x-back .t{font-weight:700;font-size:1rem!important;margin:0 0 12px!important;color:#fff}
.x-codeline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.x-back .x-code{color:#fff;font-size:1.9rem}
.x-back .x-link{color:#FFB48F!important;margin-top:6px}
.x-coupon-light+.x-gsteps{margin-top:36px}
/* 相关问题 */
.x-rel ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--x-line)}
.x-rel li{border-bottom:1px solid var(--x-line)}
.x-rel a{display:flex;justify-content:space-between;gap:12px;padding:16px 2px;font-size:.98rem;font-weight:600;color:var(--x-ink)}
.x-rel a::after{content:"→";color:var(--cobalt)}
.x-rel a:hover{text-decoration:none;color:var(--cobalt)}
/* 上一篇 / 下一篇 */
.x-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:36px 0 0}
.x-pn a{display:block;padding:14px 16px;border-radius:14px;border:1.5px solid var(--x-line);font-weight:700;font-size:.95rem;line-height:1.45;color:var(--x-ink)}
.x-pn a:hover{text-decoration:none;border-color:var(--cobalt)}
.x-pn small{display:block;font-weight:500;font-size:.82rem;color:var(--x-sub);margin-bottom:2px}
.x-pn .n{text-align:right}
/* 教程首页 */
.x-stages{display:grid;gap:14px}
.x-stage{padding:20px;border-radius:18px;border:1px solid var(--x-line);background:#fff}
.x-stage-h{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start}
.x-stage-h>.ic{width:52px;height:52px;padding:10px;border-radius:14px;background:#E9EFFC;color:var(--cobalt)}
.x-stage-no{font-size:.84rem!important;font-weight:700;color:var(--x-orange-t);margin:0!important}
.x-stage h2{font-size:1.14rem;font-weight:800;color:var(--x-ink);margin:0 0 2px;line-height:1.4}
.x-stage-h p:last-child{font-size:.92rem!important;color:var(--x-text);margin:0!important;line-height:1.55!important}
.x-stage ul{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--x-line)}
.x-stage li a{display:flex;justify-content:space-between;align-items:center;min-height:52px;border-bottom:1px solid var(--x-line);font-weight:700;font-size:.98rem;color:var(--cobalt)}
.x-stage li:last-child a{border-bottom:0;min-height:48px;margin-bottom:-6px}
.x-stage li a:hover{text-decoration:none}
/* .x-flow（流程条）v19 起在 v17.css（首页和内页都加载） */
@media (min-width:960px){
  .x-guide{padding-top:56px}
  .x-ban{grid-template-columns:repeat(5,1fr)}
  .x-facts,.x-vs,.x-seg{grid-template-columns:1fr 1fr}
  .x-stages{grid-template-columns:1fr 1fr}
  .x-stage:first-child{grid-column:1/-1}
}
/* v13 redrawn mockups (3x, transparent stage padding built in) */
.x-shot.mock{max-width:340px;margin-left:-12px}
.x-shot.mock img{border:0;border-radius:0;box-shadow:none}
@media (max-width:420px){.x-shot.mock{max-width:calc(100% + 12px)}}
/* v13 restraint pass: calmer notice + banned-items tiles (were orange-tinted blocks) */
.x-warn{background:var(--x-soft);border:1px solid var(--x-line)}
.x-warn .t{color:var(--x-ink);font-weight:700}
.x-warn li{color:var(--x-text)}
.x-ban li{background:#fff;border:1px solid var(--x-line);color:var(--x-ink);font-weight:600}
.x-ban .ic{color:var(--x-ink)}
.x-seg-i.on{background:#fff}