.pb-banner{position:relative;display:block;width:calc(100% - 32px);border-radius:12px;background:linear-gradient(180deg,#0a84ff 0,#2563eb 100%);overflow:hidden;margin:16px;cursor:pointer;text-decoration:none;color:#fff;-webkit-tap-highlight-color:transparent;transition:transform .15s}
.pb-banner:focus,.pb-banner:hover{transform:translateY(-1px);text-decoration:none;color:#fff}
.pb-banner:active{transform:translateY(0)}
.pb-banner-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:16px 18px}
.pb-banner-icon{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pb-banner-icon .material-symbols-rounded,.pb-banner-icon svg{width:28px;height:28px;fill:#fff;color:#fff}
.pb-banner-text{flex:1;min-width:0}
.pb-banner-title{font-size:17px;font-weight:700;color:#fff;letter-spacing:-.2px;margin:0 0 4px 0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.25}
.pb-banner-sub{font-size:13px;font-weight:500;color:rgba(255,255,255,.85);margin:0;line-height:1.35}
.pb-banner-arrow{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s}
.pb-banner:hover .pb-banner-arrow{transform:translateX(2px)}
.pb-banner-arrow svg{width:18px;height:18px;fill:#fff}
@media (max-width:640px){
.pb-banner-content{padding:14px 16px;gap:12px}
.pb-banner-icon{width:42px;height:42px}
.pb-banner-icon .material-symbols-rounded,.pb-banner-icon svg{width:24px;height:24px}
.pb-banner-title{font-size:16px}
.pb-banner-sub{font-size:12.5px}
}