/* 2026-11-12 完整页脚（首页底部 + 3D 房间“往地板看再下拉”共用，内容由 common.js 的 footerHtml 生成）：
   五栏链接 → 一句产品说明 → 备案号、公安备案、经营者、联系邮箱 → 版权 */
.sf { max-width: 1120px; margin: 0 auto; padding: 34px 24px 26px; font-size: 13.5px; line-height: 1.6; color: #50667c; text-align: left; }
.sf a { color: #33506e; text-decoration: none; }
.sf a:hover { color: #1f6fd0; text-decoration: underline; }
.sf-cols { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px 26px; }
.sf-col h4 { margin: 0 0 10px; font-size: 12.5px; font-weight: 600; color: #7d8fa3; letter-spacing: .04em; }
.sf-col a { display: block; padding: 4px 0; font-size: 14px; }
.sf-brand { margin: 26px 0 0; padding-top: 18px; border-top: 1px solid rgba(60, 100, 150, .18); display: grid; gap: 4px; }
.sf-brand b { color: #2a4058; font-size: 14px; }
.sf-legal { margin: 10px 0 0; display: flex; flex-wrap: wrap; gap: 4px 22px; align-items: center; }
.sf-legal a { border-bottom: 1px solid rgba(51, 80, 110, .35); }
.sf-legal a:hover { text-decoration: none; border-bottom-color: #1f6fd0; }
.sf-copy { margin: 14px 0 0; padding-top: 14px; border-top: 1px solid rgba(60, 100, 150, .18); font-size: 12.5px; color: #7d8fa3; }
@media (max-width: 860px) { .sf-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 520px) { .sf { padding: 26px 16px 22px; } .sf-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sf-legal { display: grid; gap: 4px; } }

/* 首页：页脚外壳不再用原来那一行的排法 */
.home-footer { padding: 0; }
.home-footer .section-inner { display: block; max-width: none; padding: 0; }

/* 3D 房间：往地板看再往下滚，页脚从底下升上来（盖在房间上面的玻璃板）；往上滚或抬头就收回去 */
#roomFooter { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; max-height: 78vh; overflow-y: auto; background: linear-gradient(180deg, rgba(248, 252, 255, .94), rgba(226, 240, 251, .96)); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border-top: 1px solid rgba(60, 100, 150, .28); box-shadow: 0 -18px 40px -22px rgba(20, 50, 90, .45); transform: translateY(102%); transition: transform .42s cubic-bezier(.2, .8, .2, 1); font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; }
#roomFooter.on { transform: none; }
#roomFooter .sf-close { position: sticky; top: 0; float: right; margin: 10px 14px 0 0; width: 30px; height: 30px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .9); box-shadow: 0 0 0 1px rgba(60, 100, 150, .25); color: #33506e; font-size: 16px; line-height: 1; cursor: pointer; padding: 0; }
#floorHint { position: fixed; left: 50%; bottom: 74px; z-index: 39; transform: translate(-50%, 12px); padding: 8px 16px; border-radius: 999px; background: rgba(255, 255, 255, .9); box-shadow: 0 0 0 1px rgba(60, 100, 150, .25), 0 10px 22px -12px rgba(20, 50, 90, .5); color: #33506e; font: 13px "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; opacity: 0; pointer-events: none; transition: opacity .3s, transform .3s; border: 0; cursor: pointer; }
#floorHint.on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
body.page #roomFooter, body.page #floorHint { display: none; }

/* 2026-11-13 其它页面底部的完整页脚 */
.page-footer { margin-top: 48px; background: rgba(255, 255, 255, .72); border-top: 1px solid rgba(60, 100, 150, .16); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.auth + .page-footer { margin-top: 0; }
@media print { .page-footer { display: none !important; } }
/* 登录页左侧：框住的英文句子 + 灵窗给出的中文 */
.auth-art .pick-tr { margin: -2px 6px 2px; padding: 8px 12px; border-left: 3px solid #2fae86; background: rgba(255, 255, 255, .78); border-radius: 8px; font-size: 13.5px; color: #24405e; }
.auth-art .pick-tr small { display: block; color: #6c8299; font-size: 11.5px; }
.auth-home { justify-self: start; font-size: 13px; color: #4a6680; text-decoration: none; }
.auth-home:hover { color: #1f6fd0; }