.yx-consent-bar {
  position: fixed; z-index: 2147483000; left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom)); max-width: 900px; margin: auto; padding: 16px 18px;
  color: #3d2e1f; background: rgba(255, 253, 247, .98); border: 1px solid rgba(61, 46, 31, .18);
  border-radius: 16px; box-shadow: 0 12px 36px rgba(61, 46, 31, .2); font-family: "Noto Serif TC", "PingFang TC", serif;
}
.yx-consent-bar p { margin: 0 0 12px; font-size: 15px; line-height: 1.75; letter-spacing: .02em; }
.yx-consent-bar a { color: #7a4f24; text-decoration: underline; text-underline-offset: 3px; }
.yx-consent-bar div { display: flex; flex-wrap: wrap; gap: 8px; }
.yx-consent-bar button { min-height: 44px; padding: 9px 14px; border: 1px solid #7a4f24; border-radius: 999px;
  color: #7a4f24; background: #fffdf7; font: inherit; font-size: 14px; cursor: pointer; }
.yx-consent-bar button:first-child { color: #fff; background: #7a4f24; }
@media (max-width: 540px) {
  .yx-consent-bar { padding: 14px; }
  .yx-consent-bar p { font-size: 14px; }
  .yx-consent-bar div { display: grid; grid-template-columns: 1fr; }
  .yx-consent-bar button { width: 100%; font-size: 15px; }
}