html,body{
margin:0;
padding:0;
min-height:100%;
font-family:"PingFang SC","Microsoft YaHei",sans-serif;
overflow-x:hidden;

/* ✅ 最稳定背景写法 */
background-image:url("images/tianti/01-hero.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
}

/* 玻璃条 */
.glass-strip{
width:1200px;
max-width:92%;
margin:0 auto;
background:rgba(255,255,255,0.45);
backdrop-filter:blur(25px);
-webkit-backdrop-filter:blur(25px);
padding-bottom:200px;
position:relative;
overflow:hidden;
}

/* 光感 */
.glass-strip::before{
content:"";
position:absolute;
top:-50%;
left:-50%;
width:200%;
height:200%;
background:linear-gradient(
120deg,
rgba(255,255,255,0) 40%,
rgba(255,255,255,0.25) 50%,
rgba(255,255,255,0) 60%
);
animation:shine 14s linear infinite;
pointer-events:none;
}

@keyframes shine{
0%{transform:translateX(-40%) translateY(-40%) rotate(25deg);}
100%{transform:translateX(40%) translateY(40%) rotate(25deg);}
}

.hero-top-full img{
width:100%;
display:block;
}

.section{
width:75%;
margin:120px auto;
position:relative;
z-index:2;
}

.center{text-align:center;}

img{
width:100%;
margin-top:40px;
transition:transform 0.4s ease;
}

.zoom:hover{
transform:scale(1.05);
}

h1{font-size:56px;margin-top:60px;}
h2{font-size:30px;margin-bottom:20px;}

.back-btn{
position:fixed;
top:20px;
left:20px;
padding:10px 18px;
background:rgba(0,0,0,0.6);
color:#fff;
text-decoration:none;
border-radius:30px;
z-index:1000;
}

/* 移动端 */
@media (max-width:768px){

.section{
width:90%;
margin:80px auto;
}

h1{font-size:32px;}
h2{font-size:22px;}

.glass-strip{
padding-bottom:120px;
}

}