/* ====================================================================
   首页 - 基于1440×3496px画布的像素级还原
   所有切图、文字、交互都以这个画布为坐标
   画布等比缩放适配任意屏幕
   ==================================================================== */

*{ margin:0; padding:0; box-sizing:border-box; }

body{
  background:#0C071A;
  color:#fff;
  font-family:'PingFang SC','Microsoft YaHei',sans-serif;
  overflow-x:hidden;
  overflow-y:auto;
  min-height:100vh;
}

/* ====== 缩放容器：正常文档流，内容等比缩放 ====== */
#home-scale-wrap{
  position:relative;
  width:100%;
  overflow:hidden;
}

/* ====== 首页画布：固定1440×3496px ====== */
.page-home{
  position:absolute;
  left:50%; top:0;
  margin-left:-720px;
  width:1440px;
  height:3496px;
  transform-origin:center top;
  overflow:visible;
}

/* ====== 切图层 ====== */
.cut-layer{
  position:absolute;
  top:0; left:0;
  width:1440px;
  height:3496px;
  overflow:hidden;
  z-index:1;
  pointer-events:none;
}
.cut-layer img{
  position:absolute;
  display:block;
  pointer-events:none;
}

/* ====== 43张切图精确定位（哥的精确坐标，基于1440×3496总背景） ====== */
.cut-01{ left:0px; top:0px; width:1440px; height:3496px; }
.cut-02{ left:340px; top:0px; width:760px; height:170px; }
.cut-03{ left:140px; top:30px; width:40px; height:40px; }
.cut-04{ left:1220px; top:32px; width:80px; height:36px; }

/* ====== 热门音色网格容器：绝对定位元素的参考父容器 ====== */
.hot-voice-grid{
  position:relative;
  width:1440px;
  height:400px;
}

/* ====== 品牌标题 "胡萝卜配音" ====== */
.brand-title{
  position:absolute;
  left:188px; top:33px;
  width:117px; height:34px;
  font-family:'PingFang SC-Medium','PingFang SC',sans-serif;
  font-weight:500;
  font-size:24px;
  color:#FFFFFF;
  letter-spacing:-0.04em;
  line-height:34px;
  z-index:2;
  pointer-events:none;
}

/* ====== 首页主标语：让每一段 声音都有温度 ====== */
.hero-slogan{
  position:absolute;
  left:140px; top:174px;
  width:480px;
  z-index:2;
  pointer-events:none;
}
.hero-slogan-part1{
  display:block;
  font-family:'Public Sans',sans-serif;
  font-weight:700;
  font-size:68px;
  color:#F5F5F5;
  line-height:84px;
  letter-spacing:-0.01em;
  text-align:left;
  font-style:normal;
}
.hero-slogan-part2{
  display:block;
  font-family:'Platypi',serif;
  font-weight:600;
  font-style:italic;
  font-size:68px;
  line-height:84px;
  letter-spacing:-0.01em;
  text-align:left;
  background:linear-gradient(90deg,#A442DD,#FF6F1F);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

/* ====== 首页标签：商业配音·自媒体配音·有声书 ====== */
.hero-tags{
  position:absolute;
  left:140px; top:361px;
  width:608px; height:20px;
  font-family:'PingFang SC',sans-serif;
  font-weight:400;
  font-size:20px;
  color:rgba(255,255,255,0.55);
  letter-spacing:10%;
  line-height:20px;
  white-space:nowrap;
  z-index:2;
  pointer-events:none;
}

/* ====== 登录文字 ====== */
.hero-login-text{
  position:absolute;
  left:1246px; top:39px;
  width:28px; height:22px;
  font-family:'PingFang SC',sans-serif;
  font-weight:900;
  font-size:14px;
  color:rgba(255,255,255,0.55);
  letter-spacing:0%;
  line-height:21.7px;
  text-align:center;
  z-index:2;
  pointer-events:none;
}

/* ====== 立即体验AI配音 ====== */
.hero-cta-text{
  position:absolute;
  left:169px; top:421px;
  width:138px; height:28px;
  font-family:'PingFang SC',sans-serif;
  font-weight:500;
  font-size:20px;
  color:rgba(255,255,255,0.55);
  letter-spacing:0%;
  line-height:normal;
  white-space:nowrap;
  z-index:2;
  pointer-events:none;
}

/* ====== 5000+名创作者选择 ====== */
.hero-stats-text{
  position:absolute;
  left:140px; top:606px;
  width:484px;
  font-family:'PingFang SC',sans-serif;
  font-weight:300;
  font-size:30px;
  letter-spacing:0%;
  line-height:48px;
  z-index:2;
  pointer-events:none;
}
.hero-stats-text .stats-normal{
  color:rgba(253,251,249,0.6);
}
.hero-stats-text .stats-brand{
  color:rgba(255,111,31,0.7);
}

/* ====== 数字/数据：300+ / 6K+ / 一键商用 ====== */
.hero-number{
  position:absolute;
  height:64px;
  font-family:'Poppins',sans-serif;
  font-weight:700;
  font-size:36px;
  letter-spacing:0%;
  line-height:64px;
  background:linear-gradient(90deg, #A442DD 0%, #FF6F1F 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  z-index:2;
  pointer-events:none;
}
.hero-num-300{ left:712px; top:609px; width:92px; }
.hero-num-6k{ left:913px; top:609px; width:71px; }
.hero-num-yijian{ left:1156px; top:609px; width:144px; }

/* ====== 数据下方小字（颜色浅一点） ====== */
.hero-sub-text{
  position:absolute;
  height:16px;
  font-family:'PingFang SC',sans-serif;
  font-weight:400;
  font-size:16px;
  color:rgba(245,245,245,0.6);
  letter-spacing:0%;
  line-height:16px;
  white-space:nowrap;
  z-index:2;
  pointer-events:none;
}
.hero-sub-voices{ left:712px; top:683px; width:141px; }
.hero-sub-users{ left:913px; top:683px; width:183px; }
.hero-sub-copyright{ left:1156px; top:683px; width:134px; }

/* ====== 区域标题：特色功能 / 热门音色 / 全品类配音场景 / 常见问题 ====== */
.hero-section-title{
  position:absolute;
  width:840px; height:64px;
  font-family:'PingFang SC',sans-serif;
  font-weight:900;
  font-size:48px;
  letter-spacing:-5%;
  line-height:64px;
  text-align:center;
  background:linear-gradient(90deg, #FFFFFF 0%, #787878 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  z-index:2;
  pointer-events:none;
}
.hero-title-features{ left:300px; top:916px; }
.hero-title-hot{ left:300px; top:1482px; }
.hero-title-scenes{ left:300px; top:2130px; }
.hero-title-faq{ left:300px; top:2846px; }

/* ====== 区域副标题（颜色浅一点） ====== */
.hero-section-sub{
  position:absolute;
  height:24px;
  font-family:'PingFang SC',sans-serif;
  font-weight:400;
  font-size:16px;
  color:rgba(255,255,255,0.55);
  letter-spacing:0%;
  line-height:24px;
  text-align:center;
  white-space:nowrap;
  z-index:2;
  pointer-events:none;
}
.hero-sub-features{ left:539px; top:988px; width:362px; }

/* ====== 三大特色卡片标题 ====== */
.hero-feature-title{
  position:absolute;
  height:24px;
  font-family:'PingFang SC',sans-serif;
  font-weight:900;
  font-size:22px;
  color:#FFFFFF;
  letter-spacing:0%;
  line-height:24px;
  white-space:nowrap;
  z-index:2;
  pointer-events:none;
}
.hero-feat-voices{ left:221px; top:1262px; width:118px; font-size:22px; }
.hero-feat-gen{ left:632px; top:1262px; width:176px; font-size:22px; }
.hero-feat-license{ left:1088px; top:1262px; width:144px; font-size:24px; }

/* ====== 三大特色描述（颜色浅一点） ====== */
.hero-feature-desc{
  position:absolute;
  height:24px;
  font-family:'PingFang SC',sans-serif;
  font-weight:400;
  font-size:16px;
  color:rgba(255,255,255,0.55);
  letter-spacing:0%;
  line-height:24px;
  white-space:nowrap;
  z-index:2;
  pointer-events:none;
}
.hero-fdesc-cover{ left:120px; top:1301px; width:320px; }
.hero-fdesc-gen{ left:584px; top:1301px; width:272px; }
.hero-fdesc-license{ left:1016px; top:1303px; width:288px; }

/* cut-05已移除（橙色小横杠） */
.cut-06{ left:140px; top:405px; width:220px; height:60px; }
.cut-07{ left:311px; top:425px; width:20px; height:20px; }
.cut-08{ left:883px; top:634px; width:2px; height:40px; }
.cut-09{ left:1126px; top:634px; width:2px; height:40px; }
.cut-10{ left:0px; top:748px; width:1440px; height:48px; }
.cut-11{ left:80px; top:1062px; width:400px; height:300px; }
.cut-12{ left:520px; top:1062px; width:400px; height:300px; }
.cut-13{ left:960px; top:1062px; width:400px; height:300px; }
.cut-14{ left:90px; top:1638px; width:300px; height:372px; }
.cut-15{ left:410px; top:1638px; width:300px; height:372px; }
.cut-16{ left:730px; top:1638px; width:300px; height:372px; }
.cut-17{ left:1050px; top:1638px; width:300px; height:372px; }
.cut-18{ left:278px; top:1668px; width:52px; height:24px; }
.cut-19{ left:598px; top:1668px; width:52px; height:24px; }
.cut-20{ left:918px; top:1668px; width:52px; height:24px; }
.cut-21{ left:1238px; top:1668px; width:52px; height:24px; }
.cut-22{ left:286px; top:1672px; width:16px; height:16px; }
.cut-23{ left:606px; top:1672px; width:16px; height:16px; }
.cut-24{ left:926px; top:1672px; width:16px; height:16px; }
.cut-25{ left:1246px; top:1672px; width:16px; height:16px; }
.cut-26{ left:180px; top:1714px; width:120px; height:120px; }
.cut-27{ left:500px; top:1714px; width:120px; height:120px; }
.cut-28{ left:820px; top:1714px; width:120px; height:120px; }
.cut-29{ left:1140px; top:1714px; width:120px; height:120px; }
.cut-30{ left:122px; top:1946px; width:40px; height:40px; }
.cut-31{ left:178px; top:1946px; width:180px; height:40px; }
.cut-32{ left:442px; top:1946px; width:40px; height:40px; }
.cut-33{ left:498px; top:1946px; width:180px; height:40px; }
.cut-34{ left:762px; top:1946px; width:40px; height:40px; }
.cut-35{ left:818px; top:1946px; width:180px; height:40px; }
.cut-36{ left:1082px; top:1946px; width:40px; height:40px; }
.cut-37{ left:1138px; top:1946px; width:180px; height:40px; }
.cut-38{ left:80px; top:2286px; width:540px; height:440px; }
.cut-39{ left:640px; top:2286px; width:720px; height:440px; }
.cut-40{ left:1122px; top:2997.5px; width:24px; height:24px; }
.cut-41{ left:1122px; top:3092.5px; width:24px; height:24px; }
.cut-42{ left:1122px; top:3289.5px; width:24px; height:24px; }
.cut-43{ left:1122px; top:3384.5px; width:24px; height:24px; }

/* ====== 导航文字链接 ====== */
.nav-text-links{
  position:absolute;
  left:400px; top:20px;
  width:640px; height:60px;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-around;
  padding:0 20px;
  pointer-events:auto;
}
.nav-text-links a{
  color:rgba(255,255,255,0.55);
  font-size:13px;
  text-decoration:none;
  cursor:pointer;
  padding:2px 0;
  transition:color 0.2s;
  white-space:nowrap;
}
.nav-text-links a:hover,
.nav-text-links a.active{
  color:#fff;
}
.nav-text-links a.active::after{
  content:'';
  display:block;
  width:20px;
  height:2px;
  background:#FF6B35;
  margin:2px auto 0;
  border-radius:1px;
}

/* ====== 其他页面通用样式 ====== */
.page-inner{
  min-height:calc(100vh - 60px);
  padding-top:100px;
  padding-bottom:60px;
}

/* ====== 交互覆盖层 ====== */
.interactive-overlay{
  position:absolute;
  top:0; left:0;
  width:1440px; height:3496px;
  z-index:3;
  pointer-events:none;
}
.interactive-overlay > *{
  position:absolute;
  pointer-events:auto;
  cursor:pointer;
}
.click-logo{ left:140px; top:30px; width:40px; height:40px; }
.click-login{ left:1220px; top:32px; width:80px; height:36px; }
.click-cta{ left:140px; top:405px; width:220px; height:60px; }
.click-card1{ left:80px; top:1062px; width:400px; height:300px; }
.click-card2{ left:520px; top:1062px; width:400px; height:300px; }
.click-card3{ left:960px; top:1062px; width:400px; height:300px; }
.click-voice1{ left:90px; top:1638px; width:300px; height:372px; }
.click-voice2{ left:410px; top:1638px; width:300px; height:372px; }
.click-voice3{ left:730px; top:1638px; width:300px; height:372px; }
.click-voice4{ left:1050px; top:1638px; width:300px; height:372px; }

/* ====== 页面系统 ====== */
.page{ display:none; }
.page.active{ display:block; }

/* ====== 首页隐藏外部Header，其他页面显示 ====== */
body:has(#page-home.active) #mainHeader{ display:none !important; }