/* 大象民宿 · 首页 Hero 层
   全屏 Hero + 渐变遮罩 + 标签导航 */

.hero{
  position:relative;width:100%;height:100vh;height:100svh;min-height:680px;
  margin-top:calc(-1 * env(safe-area-inset-top, 0px));
  background:#3f86bf;
  overflow:hidden;display:flex;align-items:flex-end;
}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero .hero-scrim{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(37,41,43,.08) 0%,rgba(37,41,43,.30) 100%);
}
.hero .hero-content{position:relative;z-index:2;padding:0 40px 70px;width:100%}
.hero-arrow{display:inline-block;margin-bottom:12px;animation:bounce 2s ease-in-out infinite}
.hero-arrow svg{width:8px;height:22px;display:block}
.hero-arrow path{fill:none;stroke:rgba(255,255,255,.6);stroke-width:1.5}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
.hero-tags{list-style:none;display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;justify-content:center}
.hero-tags a{
  display:block;padding:5px 16px;background:rgba(255,255,255,.20);
  backdrop-filter:blur(4px);border-radius:999px;color:#fff;
  text-transform:uppercase;font-size:10px;font-family:'Space Mono',monospace;
  letter-spacing:.06em;transition:background .2s;border:1px solid rgba(255,255,255,.2);
}
.hero-tags a:hover{background:rgba(255,255,255,.3)}
@media(max-width:640px){
  .hero{min-height:560px}.hero .hero-content{padding:0 20px 40px}
}