.post-content .guide-figure{margin:2rem 0;padding:1.35rem;border:1px solid #cbd5e1;border-radius:1rem;background:#f8fafc;color:#0f172a}.guide-figure .figure-label{display:block;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#047857;margin-bottom:.8rem}.guide-figure .figure-title{font-size:1.2rem;font-weight:800;line-height:1.4;margin:0 0 1rem}.guide-figure .visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.9rem}.guide-figure .visual-card{padding:1rem;background:#fff;border:1px solid #cbd5e1;border-radius:.7rem;min-width:0}.guide-figure .visual-card strong{display:block;line-height:1.4;margin-bottom:.5rem}.guide-figure .visual-card p{font-size:.9rem;line-height:1.6;margin:0}.guide-figure .step-number{display:inline-flex;width:2rem;height:2rem;border-radius:50%;align-items:center;justify-content:center;background:#065f46;color:#fff;font-weight:800;margin-bottom:.6rem}.guide-figure figcaption{margin-top:1rem;font-size:.86rem;color:#475569;line-height:1.6}.guide-figure .visual-route{display:grid;gap:.65rem;margin:.85rem 0}.guide-figure .visual-route div{padding:.8rem 1rem;border-left:4px solid #059669;background:#ecfdf5;border-radius:.35rem}.guide-figure .visual-route strong{display:inline}.guide-figure .track{display:grid;grid-template-columns:100px 1fr;gap:.5rem;align-items:center;margin:.7rem 0;font-size:.85rem}.guide-figure .track-area{height:2.1rem;position:relative;background:#e2e8f0;border-radius:.3rem;overflow:hidden}.guide-figure .track-area span{position:absolute;top:.35rem;height:1.4rem;background:#047857;border-radius:.2rem}.guide-figure .track-area .music-bed{background:#b45309}.guide-figure .track-key{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.85rem}.guide-figure mark{background:#fef3c7;color:#78350f;padding:0 .15em}.guide-figure .cover-pair{display:flex;flex-wrap:wrap;align-items:end;gap:1.5rem}.guide-figure .cover-pair img{border:0;border-radius:0;max-width:100%;height:auto}.guide-figure .frame-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guide-figure .frame-pair>div>p{min-height:3.5em}.guide-figure .portrait-frame{aspect-ratio:9/16;background:#dbeafe;border-radius:.6rem;position:relative;overflow:hidden;min-height:240px;color:#0f172a}.guide-figure .portrait-frame .subject{position:absolute;left:15%;top:15%;width:55%;height:46%;border-radius:45% 45% 20% 20%;background:#93c5fd}.guide-figure .caption-line{position:absolute;left:8%;right:21%;top:65%;padding:.45rem;background:#0f172a;color:#fff;font-weight:700;font-size:.8rem;line-height:1.35;text-align:center}.guide-figure .caption-line.bad{top:86%}.guide-figure .ui-bottom{position:absolute;bottom:0;left:0;right:0;height:16%;background:repeating-linear-gradient(135deg,#cbd5e1,#cbd5e1 8px,#94a3b8 8px,#94a3b8 16px);opacity:.8}.guide-figure .ui-side{position:absolute;right:4%;top:48%;width:10%;height:35%;border-radius:1rem;background:#64748b}@media(max-width:480px){.post-content .guide-figure{padding:1rem}.guide-figure .track{grid-template-columns:70px 1fr}.guide-figure .frame-pair{gap:.5rem}.guide-figure .caption-line{font-size:.68rem}.guide-figure .portrait-frame{min-height:220px}}