.bb-wrap{width:min(1320px,94%);margin:18px auto 0;padding-bottom:90px}
  .bb-crumb{font-size:13px;font-weight:600;color:#8a97ad;margin-bottom:22px}
  .bb-crumb a{color:var(--blue)}
  .bb-card{background:#fff;border-radius:20px;padding:clamp(20px,3.4vw,44px);box-shadow:0 24px 60px -40px rgba(11,43,102,.5)}
  .bb-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,52px);align-items:start}
  .bb-photo{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;background:#f3f6fc;display:flex;align-items:center;justify-content:center}
  .bb-photo img{width:100%;height:100%;object-fit:contain;padding:14px;display:block}
  .bb-cat{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--blue);background:#e8f0ff;display:inline-block;padding:5px 14px;border-radius:999px;margin-bottom:14px}
  .bb-title{font-family:var(--round);font-weight:800;font-size:clamp(22px,2.6vw,32px);color:var(--navy);line-height:1.4;margin:0}
  .bb-sub{font-size:13.5px;font-weight:700;color:#9aa7bd;margin-top:8px}
  .bb-rule{height:3px;width:56px;background:linear-gradient(90deg,var(--yellow),var(--yellow-deep));border-radius:2px;margin:20px 0}

  .bb-price-box{border-radius:18px;background:linear-gradient(160deg,#fff7df,#ffedb3);border:1px solid #f0d98a;padding:24px 28px;margin-bottom:22px}
  .bb-price-box .k{display:inline-flex;align-items:center;gap:8px;font-family:var(--round);font-weight:800;font-size:13px;color:#9a6b00;background:#fff;border-radius:999px;padding:5px 14px;margin-bottom:10px}
  .bb-price-box .price{font-family:var(--round);font-weight:800;font-size:clamp(32px,3.8vw,46px);color:var(--navy-deep);line-height:1.1}
  .bb-price-box .price small{font-size:17px;color:#a17a25;margin-right:2px}
  .bb-price-box .date{font-size:12.5px;font-weight:700;color:#9a7c3a;margin-top:10px}

  .bb-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}
  .bb-meta .item{background:#f4f8ff;border-radius:12px;padding:13px 16px}
  .bb-meta .item .k{display:block;font-size:11.5px;font-weight:800;color:#8aa0c6;margin-bottom:4px}
  .bb-meta .item .v{font-family:var(--round);font-weight:700;font-size:15px;color:var(--navy)}

  .bb-remark{font-size:15px;line-height:2;color:#46536e;word-break:break-word;white-space:pre-line;background:#f4f8ff;border-left:4px solid var(--blue);border-radius:0 12px 12px 0;padding:16px 20px}
  .bb-remark:empty{display:none}
  .bb-remark-title{font-family:var(--round);font-weight:800;font-size:14px;color:var(--navy);margin:0 0 8px}

  .bb-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
  .bb-actions .btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--round);font-weight:800;font-size:15px;padding:15px 28px;border-radius:999px;transition:.3s;text-decoration:none}
  .bb-actions .btn-primary{background:linear-gradient(135deg,#f0b429,#d99a06);color:#2a1f04;box-shadow:0 16px 30px -16px rgba(190,150,20,.8)}
  .bb-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 38px -16px rgba(190,150,20,.9)}
  .bb-actions .btn-ghost{background:#eef3fb;color:var(--navy)}
  .bb-actions .btn-ghost:hover{background:#e0eaff}
  .bb-back{display:inline-flex;align-items:center;gap:8px;margin-top:30px;font-family:var(--round);font-weight:800;color:var(--navy)}
  .bb-back svg{transition:transform .3s}
  .bb-back:hover svg{transform:translateX(-4px)}

  .bb-tip{margin-top:26px;font-size:13px;font-weight:600;color:#8a97ad;line-height:1.9}
  @media(max-width:860px){.bb-grid{grid-template-columns:1fr}}
  @media(max-width:520px){.bb-wrap{margin-top:12px;padding-bottom:60px}.bb-meta{grid-template-columns:1fr}}