.bb-bar{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;box-shadow:0 1px 2px rgba(15,23,42,.04);}
.bb-bar-inner{max-width:1000px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.bb-bar-logo{display:flex;align-items:center;gap:8px;color:#0f172a;font-weight:700;font-size:15px;text-decoration:none;}
.bb-bar-logo:hover{color:#0d9488;}
.bb-bar-logo span{display:inline-flex;width:28px;height:28px;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border-radius:7px;align-items:center;justify-content:center;font-size:12px;font-weight:800;}
.bb-bar-logo em{font-style:normal;font-size:12px;color:#94a3b8;font-weight:400;margin-left:2px;}
.bb-bar-back{font-size:13px;color:#475569;padding:6px 12px;background:#f1f5f9;border-radius:6px;text-decoration:none;transition:all .2s;}
.bb-bar-back:hover{background:#0d9488;color:#fff;}
.bb-bar-date{font-size:12px;color:#64748b;font-variant-numeric:tabular-nums;background:#f1f5f9;padding:5px 10px;border-radius:6px;}
@media (max-width:768px){
  .bb-bar-inner{padding:8px 12px;gap:10px;}
  .bb-bar-logo{font-size:14px;}
  .bb-bar-logo span{width:24px;height:24px;font-size:10px;}
  .bb-bar-logo em{display:none;}
  .bb-bar-back{font-size:12px;padding:5px 10px;}
  .bb-bar-date{display:none;}
}