/* 請巴哥喝珍奶 — 部落格文章底部贊助區塊（hcbtw 深色風格，非方格子素材） */
.sponsor-boba{
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;
  margin:36px 0 8px;padding:22px 24px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
  border:1px solid rgba(250,193,44,.28);
  box-shadow:0 12px 40px rgba(0,0,0,.18);
}
.sponsor-boba .sb-illu{flex:0 0 auto;width:84px;height:100px}
.sponsor-boba .sb-illu svg{width:84px;height:100px;display:block}
.sponsor-boba .sb-copy{flex:1 1 220px;min-width:0}
.sponsor-boba .sb-copy .eyebrow{margin-bottom:6px}
.sponsor-boba .sb-copy h2{
  margin:0 0 6px;font-size:clamp(20px,2.4vw,26px);line-height:1.35;
  border:0!important;padding:0!important;color:#fff;
}
.sponsor-boba .sb-copy p{margin:0;color:var(--muted);font-size:15px}
.sponsor-boba .sb-act{margin-left:auto}
.sponsor-boba .btn-sponsor{
  background:var(--grad);color:var(--brand-ink);
  box-shadow:0 8px 30px rgba(250,193,44,.35);font-weight:800;
}
.sponsor-boba .btn-sponsor:hover{color:var(--brand-ink);transform:translateY(-1px)}
.sponsor-boba .btn-sponsor svg{width:18px;height:18px}
.sponsor-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

.sponsor-modal[hidden]{display:none!important}
.sponsor-modal{
  position:fixed;inset:0;z-index:80;
  display:grid;place-items:center;padding:18px;
}
.sponsor-modal .sm-back{
  position:absolute;inset:0;background:rgba(0,5,19,.72);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:0;padding:0;cursor:pointer;
}
.sponsor-modal .sm-card{
  position:relative;z-index:1;width:min(520px,100%);
  max-height:min(92vh,820px);overflow:auto;
  background:#070b1c;border:1px solid rgba(250,193,44,.28);
  border-radius:22px;padding:26px 24px 22px;
  box-shadow:0 24px 80px rgba(0,0,0,.45);color:var(--ink);
}
.sponsor-modal h2{margin:0 0 6px;font-size:24px;line-height:1.3}
.sponsor-modal .sm-lead{margin:0 0 16px;color:var(--muted);font-size:15px}
.sponsor-modal .sm-demo{
  margin:0 0 16px;padding:10px 12px;border-radius:12px;
  background:rgba(250,193,44,.12);border:1px solid rgba(250,193,44,.35);
  color:#FCE096;font-size:14px;
}
.sponsor-modal label{display:block;font-size:14px;font-weight:700;margin:12px 0 6px}
.sponsor-modal input[type=text],
.sponsor-modal input[type=email],
.sponsor-modal input[type=number],
.sponsor-modal textarea{
  width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);
  background:var(--glass2);color:#fff;font:inherit;
}
.sponsor-modal textarea{min-height:72px;resize:vertical}
.sponsor-modal .hint{margin:6px 0 0;color:var(--muted);font-size:13px;font-weight:400}
.sponsor-cups{display:flex;flex-wrap:wrap;gap:8px}
.sponsor-cups button{
  flex:1 1 72px;padding:10px 8px;border-radius:12px;cursor:pointer;
  border:1px solid var(--line);background:var(--glass);color:var(--ink);font:inherit;font-weight:700;
}
.sponsor-cups button[aria-pressed=true]{
  border-color:var(--c1);background:rgba(250,193,44,.16);color:#fff;
}
.sponsor-custom{margin:0 0 4px}
.sponsor-total{
  margin:16px 0 8px;padding:12px 14px;border-radius:14px;
  background:rgba(250,193,44,.08);border:1px solid rgba(250,193,44,.22);
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
}
.sponsor-total b{font-size:22px;color:var(--c1)}
.sponsor-modal .sm-err{margin:8px 0 0;color:#fca5a5;font-size:14px}
.sponsor-modal .sm-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.sponsor-modal .sm-close-x{
  position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:10px;
  background:transparent;color:#fff;font-size:22px;cursor:pointer;
}
.sponsor-modal .check{display:flex;align-items:center;gap:8px;font-weight:700;margin:14px 0 0}
.sponsor-modal .company-inv-fields{display:none;margin-top:8px}
.sponsor-modal .company-inv:has(#sponsorTaxCompany:checked) .company-inv-fields{display:block}
.sponsor-demo-pay{max-width:560px;margin:40px auto;padding:0 22px 80px}
.sponsor-demo-pay .stamp{
  margin:0 0 16px;padding:10px 12px;border-radius:12px;
  background:rgba(250,193,44,.12);border:1px solid rgba(250,193,44,.35);
  color:#FCE096;
}
.sponsor-demo-pay .box{padding:24px;border-radius:22px}
@media (max-width:640px){
  .sponsor-boba{padding:18px 16px;gap:14px}
  .sponsor-boba .sb-act{margin-left:0;width:100%}
  .sponsor-boba .btn-sponsor{width:100%;justify-content:center}
  .sponsor-boba .sb-illu{width:72px;height:86px}
  .sponsor-boba .sb-illu svg{width:72px;height:86px}
}
@media (prefers-reduced-motion:reduce){
  .sponsor-boba .btn-sponsor:hover{transform:none}
}