/* ==========================================================================
   首页视觉还原 · 对照 design/ 参考图逐像素实测
   基准 1536x1024。场景底图 = assets/scene.png（参考图擦除文字后的
   天空/地球/城市），月球 = assets/moon.png，三座岛屿 = assets/isles/*.png，
   全部为参考图切出的真实素材，不是占位图。
   实测坐标（1536 宽）：
     导航玻璃框   x 96-1481   y 19-86
     品牌         x 92-186    y 36-73
     导航文字     首页 350 / 关于我 448 / 作品集 549 / 联系 650 / 博客动态 733
     身份信息     x 1123-1249  y 46-61
     工作台胶囊   x 1301-1463  y 30-74
     主标题       x 309-1149   y 162-210   (字号 ~50)
     副标题       x 671-861    y 241-259
     辅助文案     x 542-982    y 278-293
     中央提示     x 707-829    y 487-499   左侧细线 600-677，右侧 830-980
     三岛墨迹     工作 257-556 / 探索 671-892 / 生活 1007-1288，y 533-716
     一级标签     y 764-794    二级标签 y 813-828
     SCROLL       x 736-797    y 932-940   箭头 y 905-916
     左下状态     x 58-266     y 920-932
   本文件仅被 index.html 引用，内页不涉及，不影响其他页面。
   ========================================================================== */

.home{
  background:#01060f;
  --green:#02cbc3; --green-l:#5eead4;
  overflow-x:hidden;
}
.home::before{background:#01060f;}

@keyframes chevron{
  0%,100%{transform:rotate(45deg) translate(0,0);opacity:.45;}
  50%{transform:rotate(45deg) translate(4px,4px);opacity:1;}
}
@keyframes blink{
  0%,100%{opacity:1;}
  50%{opacity:.28;}
}
/* 三岛标签专用入场：保留 translateX(-50%) 居中，避免 style.css 的 rise
   （终点 transform:none）把横向居中清掉，导致标签整体右移半宽。 */
@keyframes homeRise{
  from{opacity:0;transform:translate(-50%,16px);}
  to{opacity:1;transform:translate(-50%,0);}
}

/* ---------- 场景层：底图 + 月球 ---------- */
.home .scene{
  /* 关键修正：原来用 position:absolute;inset:0，容器高度 = 整个文档高度
     （1718px，首页下方还有 zone 区），导致 1536x1024 的底图被纵向拉伸，
     地球弧线、三岛、标题全部被放大变形。
     改为固定在视口内，用 cover 贴合：1536x1024 视口下与参考图严格 1:1。 */
  position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
}
/* 场景坐标系容器：桌面端 = 视口；竖屏端 = 与 scene-portrait.png 同宽高比，
   内部百分比坐标（底图 / 月球 / 三岛）与底图严格对齐。 */
.home .scene-frame{
  position:absolute;inset:0;
  overflow:hidden;
}
.home .scene-bg{
  position:absolute;inset:0;
  background:url("assets/scene.png") center center / cover no-repeat;
  will-change:transform;
}
.home .scene-moon{
  position:absolute;z-index:1;
  /* 参考图月球墨迹 x 1374-1476 / y 136-258 */
  left:89.58%;top:13.28%;
  width:6.64%;height:11.91%;
  will-change:transform;
}
.home .scene-moon img{width:100%;height:100%;display:block;object-fit:contain;}

/* ---------- 顶部玻璃拟态导航 ---------- */
/* 参考图实测（1536 宽）：
     玻璃框  x 92-1462 / y 19-86
     品牌   x 92-186（框内左上）
     导航   首页 x349 / 关于我 447 / 作品集 549 / 联系 650 / 博客动态 733
     身份   x 1124-1253
     工作台 x 1313-1447（框内右侧胶囊）
   上一版把品牌用 left:-13.5% 绝对定位到玻璃框外面，导致整条导航错位，
   这里改成正常 flex 布局，品牌回到框内。 */
.home .home-nav{
  background:transparent;
  border-bottom:0;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
.home .home-nav-in{
  position:relative;
  max-width:none;margin:0;padding:0;
  height:67px;                    /* 参考图玻璃框 y 19-86 */
  display:flex;align-items:center;
  margin-left:5.99%;margin-right:4.3%;   /* x 92 / 1470 */
  top:19px;                     /* 参考图玻璃框顶边 y=19 */
  padding:0 15px 0 0;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(16,32,64,.42),rgba(6,14,30,.34));
  border:1px solid rgba(94,150,235,.28);
  box-shadow:0 0 0 1px rgba(40,90,170,.10) inset,
             0 8px 34px rgba(0,0,0,.35),
             0 0 40px rgba(40,110,220,.10);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  gap:0;
}
/* 品牌：参考图在玻璃框内部左上角 */
.home .brand-os{
  position:static;flex:none;
  flex-direction:column;align-items:flex-start;gap:1px;
  color:#eef3fb;margin-right:0;
  text-decoration:none;
}
.home .brand-os .brand-name{font-size:21px;letter-spacing:.02em;font-weight:700;}
.home .brand-os .brand-sub{font-size:13px;letter-spacing:.04em;color:#b9c6da;font-weight:600;}
.home .brand-os:hover .brand-name{color:#fff;text-shadow:0 0 18px rgba(147,197,253,.6);}

/* 导航文字：参考图首页为蓝色高亮 + 底部发光短线 */
.home .nav-links{
  position:static;flex:none;
  margin-left:162px;            /* 品牌 x92-186 -> 导航首页 x349 */
  gap:54px;
}
.home .nl{
  position:relative;
  color:#c9d4e6;font-size:15px;font-weight:600;
  padding:4px 0;border-radius:0;background:none;box-shadow:none;
  letter-spacing:.02em;
  text-decoration:none;
}
.home .nl:hover{color:#fff;background:none;}
.home .nl.on{
  color:#5aa9ff;background:none;box-shadow:none;
  text-shadow:0 0 16px rgba(90,169,255,.65);
}
.home .nl.on::after{
  content:"";position:absolute;left:50%;bottom:-9px;
  width:34px;height:2px;margin-left:-17px;border-radius:2px;
  background:linear-gradient(90deg,rgba(90,169,255,0),#5aa9ff,rgba(90,169,255,0));
  box-shadow:0 0 12px rgba(90,169,255,.9);
}

/* 身份信息：参考图是“青绿圆点 + 上市公司 | 深圳”，无边框 */
.home .nav-id{
  position:static;transform:none;
  margin-left:auto;
  border:0;background:none;padding:0;
  font-size:14px;font-weight:600;letter-spacing:.09em;
  color:#c6d2e4;
  gap:9px;white-space:nowrap;
  display:flex;align-items:center;
}
.home .id-dot{
  width:9px;height:9px;border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#9ff5e8,#02cbc3 60%,#027a6e);
  box-shadow:0 0 12px rgba(2,203,195,.95),0 0 22px rgba(2,203,195,.5);
}

/* 独立「进入工作台」胶囊按钮 */
.home .wb-btn{
  position:static;transform:none;
  margin-left:58px;              /* 身份 x1124-1253 -> 胶囊 x1313 */
  display:inline-flex;align-items:center;gap:9px;
  height:52px;padding:0 10px 0 9px;
  border-radius:999px;
  text-decoration:none;
  color:#dceaff;
  font-size:14px;font-weight:700;letter-spacing:.04em;
  background:linear-gradient(180deg,rgba(28,96,205,.55),rgba(14,52,120,.42));
  border:1px solid rgba(110,175,255,.55);
  box-shadow:0 0 20px rgba(40,120,240,.28),inset 0 1px 0 rgba(180,215,255,.22);
  transition:box-shadow .3s,border-color .3s,background .3s;
  white-space:nowrap;flex:none;
}
.home .wb-btn:hover,.home .wb-btn:focus-visible{
  background:linear-gradient(180deg,rgba(38,116,235,.68),rgba(18,62,140,.5));
  border-color:rgba(150,200,255,.85);
  box-shadow:0 0 34px rgba(60,140,255,.5),inset 0 1px 0 rgba(200,225,255,.3);
  color:#fff;
}
.home .wb-ico{width:19px;height:19px;flex:none;color:#7fc0ff;filter:drop-shadow(0 0 6px rgba(90,170,255,.8));}
.home .wb-ico svg{width:100%;height:100%;display:block;}
.home .wb-arrow{width:17px;height:17px;flex:none;transition:transform .3s;}
.home .wb-arrow svg{width:100%;height:100%;display:block;}
.home .wb-btn:hover .wb-arrow{transform:translateX(4px);}

/* ---------- 首屏主视觉 ---------- */
.home .hero{
  position:relative;
  min-height:100vh;min-height:100svh;
  overflow:hidden;text-align:center;
}
/* 首屏内容坐标系容器：桌面端铺满首屏（内部坐标 = 参考图 1536x1024 的百分比，
   与 scene.png 底图同坐标系）；竖屏端改为与 scene-portrait.png 同宽高比。 */
.home .hero-space{
  position:absolute;inset:0;
}
.home .hero-in{
  position:absolute;z-index:3;left:0;right:0;
  /* 参考图主标题 y 162-210 / 副标题 241-259 / 辅助 278-293 */
  top:15.1%;
  padding:0 20px;
  will-change:transform;
}
.home .hero-title{
  font-size:clamp(26px,3.26vw,50px);
  font-weight:800;letter-spacing:.14em;line-height:1.2;
  color:#f2f7ff;
  text-shadow:0 0 34px rgba(110,180,255,.45),0 2px 18px rgba(0,0,0,.55);
  opacity:0;animation:rise .8s cubic-bezier(.22,.68,.36,1) .08s forwards;
}
.home .hero-sub{
  margin-top:18px;
  font-size:19px;font-weight:600;letter-spacing:.32em;color:#c3d0e4;
  text-shadow:0 2px 12px rgba(0,0,0,.6);
  opacity:0;animation:rise .7s cubic-bezier(.22,.68,.36,1) .3s forwards;
}
.home .hero-sub .sep{color:var(--blue-l);margin:0 .45em;}
.home .hero-aux{
  margin:9px auto 0;max-width:min(620px,90%);
  font-size:19px;font-weight:500;letter-spacing:.06em;color:#b6c4da;
  text-shadow:0 2px 12px rgba(0,0,0,.6);
  opacity:0;animation:rise .7s cubic-bezier(.22,.68,.36,1) .44s forwards;
}

/* 中央「探索我的数字世界」提示 */
.home .hint{
  position:absolute;z-index:3;left:0;right:0;
  /* 参考图 y 487-499 */
  top:46.5%;
  display:flex;align-items:center;justify-content:center;
  gap:14px;
  cursor:pointer;
  background:none;border:0;padding:6px 0;
  width:100%;
}
.home .hint-rule{
  display:block;height:1px;width:10%;
  background:linear-gradient(90deg,rgba(120,175,255,0),rgba(140,190,255,.85));
}
.home .hint-rule:last-child{background:linear-gradient(90deg,rgba(140,190,255,.85),rgba(120,175,255,0));}
.home .hint-text{
  font-size:12.5px;font-weight:600;letter-spacing:.2em;text-indent:.2em;
  color:#d5e2f5;
  text-shadow:0 0 18px rgba(120,180,255,.5);
  transition:color .3s,letter-spacing .3s;
}
.home .hint:hover .hint-text{color:#fff;letter-spacing:.24em;text-indent:.24em;}

/* ---------- 三大入口 ---------- */
.home .entries{
  position:absolute;z-index:3;inset:0;
  /* 三岛按参考图实测坐标绝对定位（1536x1024 基准），
     保证岛屿与底图里的柔光影严格对齐，不用等分 flex 猜位置。 */
  display:block;padding:0;
}
.home .entry{
  position:absolute;
  display:block;text-decoration:none;color:inherit;text-align:center;
  /* 素材与参考图 1:1 对齐，PNG 直接按裁切框的像素尺寸铺放 */
  width:21.6146%;              /* work.png 332/1536 */
  height:23.4375%;             /* work.png 240/1024 */
  perspective:900px;
  transition:transform .5s cubic-bezier(.22,.68,.36,1),filter .5s;
  transform-style:preserve-3d;
}
/* 三岛裁切框（与 reference.png 像素级对齐，PNG 实际尺寸）：
     工作 (240,528,572,768) = 332x240
     探索 (640,528,915,760) = 275x232
     生活 (995,528,1300,766) = 305x238 */
.home .entry-work{left:15.625%;top:51.5625%;width:21.6146%;height:23.4375%;}
.home .entry-explore{left:41.6667%;top:51.5625%;width:17.9036%;height:22.6563%;}
.home .entry-life{left:64.7786%;top:51.5625%;width:19.8568%;height:23.2422%;}
.home .entry:focus-visible{outline:2px solid var(--blue-l);outline-offset:6px;border-radius:16px;}
.home .isle-wrap{
  position:relative;
  display:block;
  height:100%;
}
.home .isle{
  position:absolute;left:0;top:0;
  width:100%;height:100%;
  object-fit:fill;
  transition:filter .5s,transform .5s cubic-bezier(.22,.68,.36,1);
  will-change:transform;
  transform-origin:50% 60%;
  transform:none;   /* 覆盖 style.css 的 scale(1.9)，三岛按素材 1:1 铺放 */
}
.home .entry:hover .isle,.home .entry:focus-visible .isle{
  filter:drop-shadow(0 0 26px rgba(120,180,255,.55)) brightness(1.16);
  transform:translateY(-6px) scale(1.05);
}
.home .entry-work:hover .isle,.home .entry-work:focus-visible .isle{
  filter:drop-shadow(0 0 30px rgba(64,150,255,.62)) brightness(1.18);
}
.home .entry-explore:hover .isle,.home .entry-explore:focus-visible .isle{
  filter:drop-shadow(0 0 30px rgba(168,110,255,.62)) brightness(1.18);
}
.home .entry-life:hover .isle,.home .entry-life:focus-visible .isle{
  filter:drop-shadow(0 0 30px rgba(2,203,195,.6)) brightness(1.18);
}
/* 悬停时整个入口上浮 + 轻微倾斜 */
.home .entry:hover,.home .entry:focus-visible{
  transform:translateY(-12px) rotateX(3deg) rotateY(3deg) scale(1.04);
}
.home .entry-txt{
  position:absolute;
  /* 参考图一级标签 y 764-794，二级 y 813-828 */
  top:99.4%;
  left:50%;
  width:100%;
  margin-top:0;
  transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:14px;
  animation:homeRise .7s cubic-bezier(.22,.68,.36,1) .55s both;
}
/* 标签中心对齐参考图实测位置：工作 372 / 探索 779 / 生活 1176 */
.home .entry-work .entry-txt{left:39.9%;}
.home .entry-explore .entry-txt{left:50.5%;}
.home .entry-life .entry-txt{left:59.3%;}
/* 探索岛 PNG 比左右两岛矮 8px，标签单独下移，保持三组基线一致 */
.home .entry-explore .entry-txt{top:100.7%;}
.home .entry-work .entry-txt{top:99.2%;}
.home .entry-work .entry-txt{animation-delay:.55s;}
.home .entry-explore .entry-txt{animation-delay:.64s;}
.home .entry-life .entry-txt{animation-delay:.73s;}
.home .entry-name{
  font-size:30px;line-height:1.05;font-weight:700;letter-spacing:.1em;color:#f0f6ff;
  text-shadow:0 0 20px rgba(120,175,255,.35),0 2px 10px rgba(0,0,0,.6);
  transition:text-shadow .35s,color .35s;
}
.home .entry-name i{font-style:normal;color:#5aa9ff;font-weight:400;margin-left:2px;transition:transform .35s;}
.home .entry:hover .entry-name i,.home .entry:focus-visible .entry-name i{transform:translateX(6px);}
.home .entry:hover .entry-name,.home .entry:focus-visible .entry-name{
  text-shadow:0 0 26px rgba(147,197,253,.75),0 2px 10px rgba(0,0,0,.6);
}
.home .entry-sub{
  font-size:15px;line-height:1.1;font-weight:600;letter-spacing:.22em;color:#93a3bb;
  transition:color .35s;
}
.home .entry:hover .entry-sub,.home .entry:focus-visible .entry-sub{color:#cfdcec;}

/* ---------- SCROLL 指示 ---------- */
.home .scroll-word{
  position:absolute;z-index:3;left:0;right:0;
  /* 参考图箭头 y 905-916，SCROLL y 932-940 */
  top:87.6%;
  display:flex;flex-direction:column;align-items:center;gap:11px;
  pointer-events:none;
}
.home .word-chev{
  width:9px;height:9px;
  border-right:1.5px solid rgba(190,215,245,.75);
  border-bottom:1.5px solid rgba(190,215,245,.75);
  transform:rotate(45deg);
  animation:chevron 2.1s ease-in-out infinite;
}
.home .word-txt{
  font-size:10px;font-weight:700;letter-spacing:.4em;text-indent:.4em;
  color:rgba(180,200,228,.72);
}

/* ---------- 底部状态灯 / 信息 ---------- */
.home .home-state{
  position:absolute;z-index:3;left:3.8%;bottom:7.6%;
  display:flex;align-items:center;gap:8px;
  font-size:10.5px;font-weight:600;letter-spacing:.14em;
  color:rgba(160,180,210,.75);
}
.home .home-state .st-dot{
  width:6px;height:6px;border-radius:50%;background:#22c55e;
  box-shadow:0 0 9px rgba(34,197,94,.9);
  animation:blink 2.4s ease-in-out infinite;
}
.home .home-info{
  position:absolute;z-index:3;right:3.8%;bottom:7.6%;
  width:20px;height:20px;border-radius:50%;
  border:1px solid rgba(160,190,230,.4);
  display:flex;align-items:center;justify-content:center;
  font-size:10px;font-weight:700;color:rgba(180,205,235,.8);
  background:rgba(10,20,40,.4);
}

/* ---------- 下钻转场 ---------- */
.home .drill-veil{
  position:fixed;inset:0;z-index:900;pointer-events:none;
  background:radial-gradient(circle at 50% 55%,rgba(20,60,130,.35),rgba(2,6,14,.92) 70%);
  opacity:0;transition:opacity .42s ease;
}
body.drilling .drill-veil{opacity:1;}
body.drilling .entry{transition:transform .42s cubic-bezier(.4,0,.2,1);}
body.drilling .entry.is-drilling{transform:translateY(-12px) scale(2.1);z-index:950;}
body.drilling .entry:not(.is-drilling){opacity:.25;transform:scale(.94);}

/* ---------- 响应式 ---------- */
@media (max-width:1200px) and (orientation:portrait){
  .home .hero-title{letter-spacing:.10em;}
  .home .nav-links{gap:22px;}
  .home .wb-btn{font-size:13px;padding:0 13px 0 11px;}
}
@media (max-width:900px) and (orientation:portrait){
  /* ---------- 竖屏场景坐标系 ----------
     scene-portrait.png 是 1144x2560 的竖向重排底图（像素全部来自参考图）。
     这里把 .scene-frame 建成同宽高比的坐标系：宽 = 视口宽，高 = 宽 * 2560/1144，
     底图 100% 铺满（不裁切、不变形），月球与三岛用同一套百分比坐标定位，
     因此在任何竖屏宽度上，岛屿都精确落在底图的对应位置。 */
  .home .scene-frame{
    inset:auto;left:0;top:0;
    width:100vw;
    height:calc(100vw * 2560 / 1144);
  }
  .home .scene-bg{
    background:url("assets/scene-portrait.png") center top / 100% 100% no-repeat;
  }
  /* 月球：海报坐标 x 1010 / y 560 / 102x122 → 百分比 */
  .home .scene-moon{
    left:88.2867%;top:21.875%;
    width:8.9161%;height:4.7656%;
  }

  /* ---------- 首屏内容坐标系 ----------
     hero-space 与 scene-frame 使用完全相同的几何（宽 = 视口宽，
     高 = 宽 * 2560/1144），因此 hero 内部的百分比坐标与底图逐像素对齐。 */
  .home .hero-space{
    inset:auto;left:0;top:0;
    width:100vw;
    height:calc(100vw * 2560 / 1144);
  }

  .home .home-nav-in{
    margin-left:16px;margin-right:16px;
    padding:10px 14px;border-radius:14px;
    flex-wrap:wrap;gap:8px 14px;
  }
  .home .brand-os{position:static;transform:none;left:auto;top:auto;flex:none;order:1;}
  .home .nav-links{position:static;transform:none;order:3;width:100%;gap:16px;overflow-x:auto;padding-top:2px;margin-left:0;}
  .home .nav-id{position:static;transform:none;order:2;margin-left:auto;}
  .home .wb-btn{position:static;transform:none;order:4;margin-left:0;}
  .home .nl.on::after{bottom:-5px;}
  /* 标题落在海报深空区（0-270px ≈ 0-10.5%），避开城市天际线与三岛 */
  .home .hero-in{top:4.5%;}
  .home .hero-title{font-size:clamp(22px,5.2vw,36px);letter-spacing:.06em;}
  .home .hero-sub{margin-top:16px;font-size:12px;letter-spacing:.18em;}
  .home .hero-aux{font-size:12.5px;}
  /* 中央提示：贴在城市天际线上方（海报 y ~890 → 34.8%），参考图中它在地球弧线上 */
  .home .hint{top:auto;bottom:auto;top:34.8%;}
  .home .hint-rule{width:14%;}

  /* ---------- 三岛：恢复绝对定位，按海报百分比对齐 ----------
     海报坐标（1144x2560）：
       工作  x 60   y 1130  332x240
       探索  x 460  y 1130  275x232
       生活  x 815  y 1130  305x238 */
  .home .entries{
    position:absolute;inset:0;
    display:block;padding:0;margin:0;
    z-index:3;
  }
  .home .entry{
    position:absolute;top:0;left:0;
    width:auto;height:auto;
  }
  /* 三岛尺寸按海报百分比铺放：与底图 1:1，前景 PNG 覆盖底图上抹除的位置 */
  .home .entry-work{left:5.2448%;top:44.1406%;width:29.0210%;height:9.3750%;}
  .home .entry-explore{left:40.2098%;top:44.1406%;width:24.0385%;height:9.0625%;}
  .home .entry-life{left:71.2413%;top:44.1406%;width:26.6608%;height:9.2969%;}
  /* style.css 在 600px 断点里把 .isle-wrap 写成 height:150px/126px，
     会盖住上面的百分比 —— 竖屏必须让它完全跟随 entry 的高度。 */
  .home .isle-wrap{height:100%;}
  .home .entry .isle-wrap{height:100%;}
  .home .isle{object-fit:fill;}
  /* style.css 的 .entry-txt 基础规则是 opacity:0 + animation:rise forwards。
     竖屏取消动画后 opacity 会停在 0，标签完全不可见 —— 必须显式补回 opacity:1，
     与下方 prefers-reduced-motion 块的处理方式一致。 */
  .home .entry-txt{
    position:absolute;top:auto;left:50%;
    transform:translateX(-50%) !important;
    /* 标签居中在岛屿下方：宽度不超过岛屿宽度，保证居中后不溢出视口 */
    width:100%;margin-top:0;
    animation:none !important;opacity:1 !important;
  }
  /* 桌面端给三个入口分别设了 left（39.9% / 50.5% / 59.3%），选择器权重更高，
     竖屏必须逐个覆盖回 50%，否则标签会偏离岛屿中心并溢出视口。 */
  .home .entry-work .entry-txt,
  .home .entry-explore .entry-txt,
  .home .entry-life .entry-txt{left:50%;}
  .home .entry-work .entry-txt{top:104%;}
  .home .entry-explore .entry-txt{top:106.5%;}
  .home .entry-life .entry-txt{top:104%;}
  .home .entry-name{font-size:15px;letter-spacing:.06em;}
  .home .entry-sub{font-size:10.5px;letter-spacing:.14em;}
  /* SCROLL：参考图在画面中下部，竖屏放在三岛标签下方（海报 y 1520 → 屏幕 518px） */
  .home .scroll-word{
    /* style.css 里是 bottom:5vh；与 top 同时存在时绝对定位元素会被拉伸，
       这里必须显式清掉 bottom，否则 SCROLL 会被拉成一条 291px 的高块。 */
    position:absolute;left:0;right:0;margin:0;bottom:auto;
    top:59.375%;
  }
  .home .home-state{left:16px;bottom:26px;}
  .home .home-info{right:16px;bottom:26px;}
}
@media (max-width:600px) and (orientation:portrait){
  .home .hero-title{font-size:clamp(19px,5.4vw,26px);letter-spacing:.03em;}
  .home .hero-in{top:5.5%;}
  .home .hint-rule{width:10%;}
  .home .entry-name{font-size:14px;letter-spacing:.04em;}
  .home .entry-sub{font-size:10px;letter-spacing:.12em;}
  .home .wb-btn{height:38px;font-size:12.5px;padding:0 11px 0 9px;}
  .home .wb-ico{width:16px;height:16px;}
  .home .wb-arrow{width:14px;height:14px;}
}

/* ---------- 降低动效偏好 ---------- */
@media (prefers-reduced-motion:reduce){
  .home .scene-bg,.home .scene-moon,.home .hero-in{transform:none !important;}
  .home .word-chev,.home .home-state .st-dot{animation:none !important;}
  .home .entry:hover,.home .entry:focus-visible{transform:none !important;}
  .home .entry:hover .isle,.home .entry:focus-visible .isle{transform:translateX(-50%) !important;filter:none !important;}
  .home .entry-txt,.home .hero-title,.home .hero-sub,.home .hero-aux{animation:none !important;opacity:1 !important;}
  .home .drill-veil{transition:none;}
  body.drilling .entry.is-drilling{transform:scale(1.35) !important;}
}
/* ==========================================================================
   手机横屏：整屏等比缩放为桌面 1536x1024 布局（「横屏与桌面同效果」）
   桌面端 display:contents 无副作用；横屏且高度 <=560px 时把首屏舞台固定为
   1536x1024，再按视口等比缩放。竖屏继续走上面的 portrait 断点。
   ========================================================================== */
.home-stage{display:contents;}

@media (orientation:landscape) and (max-height:560px){
  .home-stage{
    display:block;
    width:1536px;
    height:1024px;
    overflow:hidden;
    transform:scale(var(--s,1));
    transform-origin:top left;
    margin-bottom:calc((var(--s,1) - 1) * 1024px);
  }
  /* transform 使 .home-stage 成为 position:fixed 后代的包含块：
     场景底图 / 星空 / 导航都自然约束在舞台内，无需改动各自定位。 */
  .home-stage .hero{min-height:1024px;height:1024px;}
  /* 舞台内是 1536 逻辑宽度，vw 会被视口宽度带偏，锁死桌面字号 */
  .home-stage .hero-title{font-size:50px;}
}