.s1r { border-radius: 22px; padding: 18px 20px 16px; 
  border: 1px solid rgba(255,255,255,0.09); background: rgba(255,255,255,0.035);
  backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%);
 }
  .light .s1r { border-color: rgba(15,23,42,0.08); background: rgba(255,255,255,0.86); }
  .s1r-head { display: flex; align-items: center; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid rgba(148,163,184,0.14); }
  .light .s1r-head { border-color: rgba(15,23,42,0.07); }
  .s1r-head code { color: var(--mel-text-primary); font: 700 12.5px/1 'JetBrains Mono', ui-monospace, monospace; }
  .s1r-plan { padding: 4px 9px; border-radius: 999px; color: var(--mel-text-primary); font: 600 11.5px/1.2 Poppins, system-ui, sans-serif; border: 1px solid #818CF866; background: #818CF814; }
  .light .s1r-plan { border-color: rgba(30,58,138,0.3); background: rgba(30,58,138,0.06); }
  .s1r-ex { margin-left: auto; color: var(--mel-text-tertiary); font: 500 11px/1 Poppins, system-ui, sans-serif; }
  .s1r-steps { list-style: none; margin: 6px 0 0; padding: 0; }
  .s1r-steps li { display: grid; grid-template-columns: 5.6em minmax(0, 1fr) auto 20px; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(148,163,184,0.10); }
  .light .s1r-steps li { border-color: rgba(15,23,42,0.06); }
  .s1r-steps li:last-child { border-bottom: 0; }
  .s1r-steps code { color: var(--mel-text-tertiary); font: 600 12px/1.2 'JetBrains Mono', ui-monospace, monospace; }
  .s1r-txt { color: var(--mel-text-primary); font: 500 13.5px/1.4 Poppins, system-ui, sans-serif; }
  .s1r-tag { padding: 3px 8px; border-radius: 999px; white-space: nowrap; color: var(--mel-text-secondary); font: 500 11px/1.2 Poppins, system-ui, sans-serif; border: 1px solid rgba(148,163,184,0.25); }
  .s1r-tag[data-tag="laya"] { border-color: #F59E0B88; }
  .s1r-ok { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; color: #FFFFFF; background: #10B981; transform: scale(1); opacity: 1;
    transition: transform 260ms cubic-bezier(.3,1.4,.5,1), opacity 200ms ease; transition-delay: calc(250ms + var(--i) * 280ms); }
  .s1r:not(.is-on) .s1r-ok { transform: scale(0.4); opacity: 0; }
  .s1r-foot { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(148,163,184,0.14); color: var(--mel-text-tertiary); font: 500 12px/1.4 Poppins, system-ui, sans-serif; }
  .light .s1r-foot { border-color: rgba(15,23,42,0.07); }
  @media (max-width: 480px) {
    .s1r-steps li { grid-template-columns: minmax(0, 1fr) auto 20px; }
    .s1r-steps code { display: none; }
  }
  @media (prefers-reduced-motion: reduce) { .s1r-ok { transition: none; } }