.cross-promo{margin:8px 16px 8px}
.cross-bar{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;padding:14px 16px 14px 14px;border-radius:22px;background:var(--footer-bg);color:#fff;text-decoration:none;box-shadow:0 10px 26px rgba(140,21,64,.28);transition:transform .2s ease,box-shadow .2s ease}
.cross-bar:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(140,21,64,.36)}
.cross-bar:active{transform:translateY(-1px) scale(.995)}
.cross-bar:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cross-bar-decor{position:absolute;inset:0;background:var(--footer-kao) 0 0/320px 320px;opacity:.13;pointer-events:none}
.cross-bar-media{position:relative;z-index:1;flex:0 0 64px;width:64px;height:64px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);box-shadow:0 4px 12px rgba(0,0,0,.18)}
.cross-bar-media img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover}
.cross-bar-text{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}
.cross-bar-title{font-family:var(--font-display);font-size:15.5px;font-weight:800;line-height:1.3;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cross-bar-sub{font-size:13px;font-weight:500;line-height:1.35;color:rgba(255,255,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cross-bar-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:12px 20px;border-radius:999px;background:#fff;color:var(--accent-2);font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.14);transition:transform .18s ease,gap .18s ease}
.cross-bar:hover .cross-bar-btn{gap:9px}
@media (max-width:640px){.cross-bar{padding:12px;gap:12px;border-radius:18px}.cross-bar-media{flex-basis:52px;width:52px;height:52px;border-radius:10px}.cross-bar-title{font-size:14px}.cross-bar-sub{display:none}.cross-bar-btn{padding:10px 14px;font-size:13px}}
@media (max-width:420px){.cross-bar-btn-label{}.cross-bar-btn{padding:5px 10px;}}