/**
 * 首页首屏轮播（banner）
 *
 * frontend.aggregated.min.css 里 .ry-stage 只有 max-height: calc(100vh - 80px)，
 * 所以这块一直撑满整个首屏（1600x900 下实测 820px）。
 * 2026-09-28 客户要求压低到跟页脚差不多高（页脚 .footer-new 实测 475px）。
 *
 * min() 的第二个值是给很矮的窗口兜底：窗口低于 680px 高时（600 + 80 的头部）
 * 就按 calc(100vh - 80px) 走，跟改动前一致，不会顶出屏幕。
 */
.ry-stage.ry-stage--type-homepage {
    height: min(600px, calc(100vh - 80px));
}

/**
 * 首屏标题/按钮的可读性
 *
 * 标题是纯白字、没有阴影（index.html 里那段内联样式只给了 color:#fff），
 * 而第 1 张的手机版底图是浅米色、第 2 张左下角也是浅色沙发，
 * 白字压上去基本看不清。这里只加阴影，不动图片本身，也不改配色。
 *
 * 按钮用 filter: drop-shadow —— 这样连 2px 白边框一起投影，
 * 浅底图上边框才不会消失（text-shadow 只管字、管不到边框）。
 */
.ry-stage--type-homepage .ry-stageitem-title {
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.75), 0 1px 3px rgba(0, 0, 0, 0.55);
}

.ry-stage--type-homepage .ry-button {
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}