/*全局初始化 轻量化重置*/
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
html{scroll-behavior:smooth;/*锚点平滑滚动SEO友好*/}
body{background:#080b16;color:#c5d1e2;font-size:15px;line-height:1.7;}
.container{max-width:1200px;margin:0 auto;padding:0 15px;width:100%;}
ul{list-style:none;}
a{text-decoration:none;color:inherit;transition:all 0.3s ease;}
img{max-width:100%;height:auto;display:block;}

/*头部导航*/
.site-header{background:rgba(8,11,22,0.9);backdrop-filter:blur(8px);position:sticky;top:0;z-index:999;border-bottom:1px solid rgba(0,212,255,0.15);}
.site-header .container{display:flex;justify-content:space-between;align-items:center;height:65px;}
.logo{font-size:22px;color:#00e5ff;font-weight:bold;}
.logo span{font-size:14px;color:#86a8cc;}
.navbar{display:flex;align-items:center;}
.nav-list{display:flex;gap:28px;}
.nav-list a:hover{color:#00e5ff;}
.menu-btn{display:none;font-size:28px;color:#fff;cursor:pointer;}

/*首屏Banner*/
.banner{height:60vh;min-height:420px;background:linear-gradient(135deg,#091530,#060a18);background-image:url(./banner_bg.jpg);background-size:cover;background-position:center;display:flex;align-items:center;position:relative;}
.banner::after{content:"";position:absolute;width:100%;height:100%;background:rgba(8,11,22,0.65);}
.banner-wrap{position:relative;z-index:2;}
.banner-text h1{font-size:46px;color:#fff;margin-bottom:12px;color:#00e5ff;}
.banner-text p{font-size:18px;margin-bottom:30px;color:#d1e8ff;}
.down-btn{padding:13px 32px;background:linear-gradient(90deg,#106bff,#00d4ff);border-radius:50px;color:#000;font-weight:bold;}
.down-btn:hover{opacity:0.85;transform:translateY(-2px);display:inline-block;}

/*通用区块样式*/
.section-block{padding:60px 0;border-bottom:1px solid rgba(0,212,255,0.08);}
.bg-glass{background:rgba(25,32,55,0.35);border-radius:16px;padding:40px 30px;margin:20px 0;backdrop-filter:blur(6px);border:1px solid rgba(0,212,255,0.1);}
.title-line{font-size:26px;color:#00e5ff;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid rgba(0,212,255,0.2);}
.content-text p{margin-bottom:14px;}

/*下载区域*/
.download-box{display:grid;grid-template-columns:1fr 1fr;gap:25px;}
.down-card{padding:25px;background:rgba(15,22,40,0.5);border-radius:12px;border:1px solid rgba(0,212,255,0.12);}
.down-card h3{color:#fff;margin-bottom:8px;}
.down-card-btn{display:inline-block;margin-top:15px;padding:10px 24px;background:linear-gradient(90deg,#106bff,#00d4ff);border-radius:8px;color:#000;font-weight:600;}

/*特色布局*/
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.feature-item{padding:22px;background:rgba(22,30,52,0.4);border-radius:12px;border:1px solid rgba(0,212,255,0.1);}
.feature-item h4{color:#00e5ff;margin-bottom:10px;font-size:17px;}

/*截图6格布局*/
.shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.shot-card{background:rgba(20,28,48,0.4);border-radius:12px;overflow:hidden;border:1px solid rgba(0,212,255,0.1);}
.shot-img{height:220px;overflow:hidden;}
.shot-img img{width:100%;height:100%;object-fit:cover;transition:0.4s;}
.shot-img img:hover{transform:scale(1.06);}
.shot-card p{padding:12px;text-align:center;color:#b3d9ff;}
.img-note{margin-top:20px;color:#789abc;font-size:13px;}

/*用户评价6格*/
.comment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.comment-card{padding:20px;background:rgba(18,26,45,0.45);border-radius:12px;border:1px solid rgba(0,212,255,0.1);}
.user-name{color:#00e5ff;font-weight:bold;margin-bottom:6px;}
.star{color:#ffd700;margin-bottom:10px;letter-spacing:2px;}

/*页脚*/
.site-footer{padding:30px 0;text-align:center;color:#7589a8;border-top:1px solid rgba(0,212,255,0.1);margin-top:30px;}

/*移动端自适应 <768px*/
@media(max-width:768px){
    .nav-list{position:absolute;top:65px;left:0;width:100%;background:#080b16;flex-direction:column;padding:20px;gap:15px;display:none;border-bottom:1px solid #00d4ff22;}
    .nav-list.show{display:flex;}
    .menu-btn{display:block;}
    .banner-text h1{font-size:32px;}
    .download-box,.feature-grid,.shot-grid,.comment-grid{grid-template-columns:1fr;}
    .section-block{padding:35px 0;}
}

/*星级统一配色，彻底消除字体色差*/
.star{
    margin-bottom:10px;
    letter-spacing:3px;
}
.star-full{
    display:inline-block;
    width:16px;
    height:16px;
    background:#ffd700;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star-empty{
    display:inline-block;
    width:16px;
    height:16px;
    background:#555555;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}