.sp-overlay.sp-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,9,20,.72);animation:sp-fade .25s ease both}.sp-overlay .sp-card{position:relative;width:100%;max-width:820px;max-height:calc(100svh - 40px);overflow:auto;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);border-radius:18px;background:#111A2E;color:#E6ECF5;border:1px solid rgba(120,200,255,.18);box-shadow:0 24px 60px rgba(0,0,0,.55);animation:sp-rise .3s ease both}.sp-overlay .sp-card.no-img{grid-template-columns:1fr;max-width:520px}.sp-overlay .sp-img{background:#051531}.sp-overlay .sp-img img,.sp-overlay .sp-img picture{display:block;width:100%;height:100%}.sp-overlay .sp-img img{object-fit:cover;object-position:center}.sp-overlay .sp-body{padding:32px 28px 26px;display:flex;flex-direction:column;gap:14px}.sp-overlay .sp-kicker{margin:0;font-size:13px;font-weight:700;letter-spacing:.12em;color:#2EE6D6}.sp-overlay .sp-title{margin:0;padding-right:28px;font-size:22px;line-height:1.45;font-weight:800;color:#fff}.sp-overlay .sp-desc{margin:0;font-size:15px;line-height:1.7;color:#B9C4D6;white-space:pre-line}.sp-overlay .sp-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px;padding:4px}.sp-overlay a.sp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;transition:filter .2s ease,background .2s ease}.sp-overlay a.sp-btn-primary{background:linear-gradient(90deg,#38BDF8,#EC4899);color:#fff;font-family:"Noto Serif TC",PingFang TC,serif;font-weight:900;letter-spacing:.04em;box-shadow:0 0 0 4px #10162A,0 0 0 5px rgba(255,255,255,.14),0 0 22px rgba(236,72,153,.35),0 0 22px rgba(56,189,248,.25)}.sp-overlay a.sp-btn-primary:hover{filter:brightness(1.08);color:#fff}.sp-overlay a.sp-btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff}.sp-overlay a.sp-btn-ghost:hover{background:rgba(255,255,255,.08);color:#fff}.sp-overlay .sp-trial-list{margin:0;padding-left:1.4em;font-size:15px;line-height:1.7;color:#D6DEEA}.sp-overlay .sp-trial-list li{display:list-item;list-style:decimal outside}.sp-overlay .sp-trial-list li+li{margin-top:4px}.sp-overlay .sp-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#3B2A8C,#0F6A80)}.sp-overlay .sp-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sp-overlay .sp-coupon{margin:0;padding:10px 14px;border-radius:10px;background:rgba(46,230,214,.1);border:1px solid rgba(46,230,214,.3);font-size:14px;font-weight:700;color:#2EE6D6}.sp-overlay .sp-fixed{list-style:none;margin:6px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:#93A1B5}.sp-overlay .sp-fixed li:before{content:"✓";margin-right:6px;color:#2EE6D6}.sp-overlay .sp-fixed a,.sp-overlay .sp-fixed a:hover{color:#7CDFFF;text-decoration:underline;text-underline-offset:3px}.sp-overlay .sp-x{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:22px;line-height:1;cursor:pointer}.sp-overlay .sp-x:hover{background:rgba(0,0,0,.7)}@media (max-width:640px){.sp-overlay.sp-overlay{padding:14px}.sp-overlay .sp-card{grid-template-columns:1fr}.sp-overlay .sp-img{display:none}.sp-overlay .sp-img.has-m{display:block}.sp-overlay .sp-img.has-m img{height:auto;object-fit:fill}.sp-overlay .sp-body{padding:22px 20px 20px}.sp-overlay .sp-title{font-size:19px}.sp-overlay a.sp-btn{flex:1 1 auto}.sp-overlay .sp-actions.has-trial{gap:10px}.sp-overlay .sp-actions.has-trial a.sp-btn{flex:1 1 0;min-width:0;padding:0 12px}.sp-overlay .sp-actions.has-trial a.sp-btn-primary:first-child:not(:last-child){flex-basis:100%}}@keyframes sp-fade{0%{opacity:0}to{opacity:1}}@keyframes sp-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sp-card,.sp-overlay{animation:none}}