/* Only used on preview pages, no changes to production styles. */
.preview-banner{background:#222b39;color:#fff;position:relative;z-index:5000;padding:10px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;font:600 13px/1.5 -apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif}
.preview-banner a,.preview-banner button{color:#fff;background:#405474;border:1px solid #7890ab;border-radius:9px;padding:7px 10px;text-decoration:none;cursor:pointer;font:inherit}
.preview-banner strong{color:#fff}
.preview-banner .preview-nav{display:flex;gap:6px;flex-wrap:wrap}
.preview-banner .preview-explain{font-weight:400;color:#d9e5f5}
@media(max-width:520px){.preview-banner{gap:7px}.preview-banner .preview-nav{width:100%}.preview-banner a,.preview-banner button{flex:1;text-align:center}}