body { margin: 0; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; color: #1c2833; background: #fff; }
.page { max-width: 390px; margin: 0 auto; padding: 24px 16px 48px; }
h1, h2, h3 { color: #0B3A66; line-height: 1.35; }
.banner, article { padding: 10px 12px; background: #fff8e8; border-left: 4px solid #F4B000; }
article { margin-top: 12px; }
.url, textarea { word-break: break-all; width: 100%; }
.actions { display: flex; flex-direction: column; gap: 8px; }
button, .line { min-height: 44px; text-align: center; }
@media (min-width: 1280px) {
  .page { max-width: 720px; padding: 48px; }
  .actions { flex-direction: row; }
}