.bbs-modal-overlay{z-index:1100;background:#0f172a7a;justify-content:center;align-items:center;padding:28px 24px;display:flex;position:fixed;inset:0}.bbs-modal-card{background:#fff;border:1px solid #e6e6e6;border-radius:2px;width:min(960px,100%);max-height:min(88vh,780px);margin:auto;padding:32px 28px 24px;position:relative;overflow:auto;box-shadow:0 20px 48px #0f172a29}.bbs-modal-close{color:#374151;cursor:pointer;background:#f7f7f8;border:1px solid #e6e6e6;border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,border-color .15s;display:flex;position:absolute;top:12px;right:12px}.bbs-modal-close:hover{background:#eee;border-color:#d4d4d4}.guide-quick-hero{text-align:center;max-width:560px;margin:0 auto 24px;padding-right:12px}.guide-quick-title{letter-spacing:-.035em;color:#141414;margin:0 0 10px;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.2}.guide-quick-lead{color:#666;margin:0;font-size:14px;line-height:1.6}.guide-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:4px 0;list-style:none;display:grid}.guide-quick-col{text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.guide-quick-num{letter-spacing:-.04em;color:#3b3a8f;font-size:clamp(28px,3vw,36px);font-weight:700;line-height:1;display:block}.guide-quick-shot{aspect-ratio:16/10;cursor:zoom-in;background:#f3f3f3;border:1px solid #e6e6e6;border-radius:2px;width:100%;padding:0;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.guide-quick-shot:hover{border-color:#cfcfcf;box-shadow:0 2px 10px #0f172a14}.guide-quick-shot-img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.guide-quick-shot-hint{color:#fff;pointer-events:none;background:#0f172ab8;border-radius:2px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:inline-flex;position:absolute;bottom:6px;right:6px}.guide-quick-col-title{letter-spacing:-.02em;color:#141414;margin:2px 0 0;font-size:14px;font-weight:700;line-height:1.3}.guide-quick-col-body{color:#666;max-width:210px;margin:0;font-size:12px;line-height:1.5}.guide-quick-footer{border-top:1px solid #ebebeb;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;padding-top:16px;display:flex}.guide-quick-link{color:#141414;font-size:13px;font-weight:600;text-decoration:none}.guide-quick-link:hover{text-decoration:underline}.guide-quick-cta{color:#fff;background:#141414;border-radius:2px;align-items:center;height:34px;margin-left:auto;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.guide-quick-cta:hover{color:#fff;background:#2a2a2a}.guide-quick-zoom{z-index:1200;background:#0f172ab8;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.guide-quick-zoom-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:2px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:16px;right:16px}.guide-quick-zoom-close:hover{background:#fff3}.guide-quick-zoom-frame{background:#111;border:1px solid #ffffff29;border-radius:2px;width:min(1080px,100%);max-height:min(84vh,760px);overflow:auto}.guide-quick-zoom-img{object-fit:contain;width:100%;height:auto;display:block}@media (max-width:860px){.bbs-modal-card{padding:26px 16px 20px}.guide-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-quick-col-body{max-width:none}}@media (max-width:520px){.guide-quick-grid{grid-template-columns:1fr;gap:18px}.guide-quick-cta{justify-content:center;width:100%;margin-left:0}}