🐛 fix(banner): prevent title overflow on mobile with responsive f…

[LovesAsuna]

…ont-size

Type of change

• Bug fix (a non-breaking change that fixes an issue)

Checklist

• I have read the CONTRIBUTING document.
• I have checked to ensure that this Pull Request is not for personal changes.
• I have performed a self-review of my own code.
• My changes generate no new warnings.

Related Issue

问题截图：

Changes

• 1.1 在 src/styles/banner-title.css 中为 .banner-title 添加 overflow-wrap: break-word 和 word-break: break-word 属性
• 1.2 在 src/styles/banner-title.css 中为 .banner-title 添加字体大小响应式计算：font-size: min(var(--banner-title-size, 3rem), 10vw) 并保留内联 font-size 作为 fallback
• 1.3 在 src/styles/layout-styles.css 中更新各响应式断点的 .banner-title 样式，确保不再硬编码覆盖字体大小，而是使用 min(var(--banner-title-size), <breakpoint-max>) 方式

How To Test

Screenshots (if applicable)

修复后截图：

Additional Notes

[netlify]

✅ Deploy Preview for demo-firefly ready!

Name	Link
🔨 Latest commit	760c00a
🔍 Latest deploy log	https://app.netlify.com/projects/demo-firefly/deploys/69e2fbdeb6e7410008a71e3d
😎 Deploy Preview	https://deploy-preview-302--demo-firefly.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.