:root {
    --clr-primary: #1de9b6;
    --clr-secondary: #1dc4e9;
    --clr-bg: #0b0c10;
    --clr-overlay: rgba(11,12,16,0.6);
    --font: 'Poppins', sans-serif;
}
* { margin:0; padding:0; box-sizing:border-box; }
html, body { width:100%; height:100%;
    font-family: var(--font), serif; color:#fff; background:var(--clr-bg); overflow-x:hidden; }
.container { max-width:1200px; margin:0 auto; padding:0 1rem; z-index: 0; }
.main-content { padding:4rem; }

/* 背景视频 */
.bg-video { position:fixed; inset:0; z-index:0; overflow:hidden; }
.bg-video video { width:100%; height:100%; object-fit:cover; }
.overlay { position:fixed; inset:0; background:var(--clr-overlay); z-index: 0; }

/* 导航 */
.header { position:fixed; top:0; width:100%; z-index:1000; backdrop-filter:blur(12px); background:transparent; transition:background 0.3s, box-shadow 0.3s; }
.header.scrolled { background:rgba(0,0,0,0.8); box-shadow:0 4px 12px rgba(0,0,0,0.4); }
.nav-container { display:flex; justify-content:space-between; align-items:center; height:70px; }
.logo {
    font-size:1.5rem;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    display: flex;
    align-items: center;
    gap: 20px;
    .logo-img {
        height: 60px;
    }
}
.nav ul { list-style:none; display:flex; gap:2rem; }
.nav a { color:#fff; text-decoration:none; position:relative; transition:color 0.3s; }
.nav a::after { content:''; position:absolute; bottom:-4px; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--clr-primary),var(--clr-secondary)); transform:scaleX(0); transform-origin:left; transition:transform 0.3s; }
.nav a:hover { color:var(--clr-primary); }
.nav a:hover::after { transform:scaleX(1); }
.nav-toggle { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; }
.nav-toggle span { width:28px; height:3px; background:#fff; border-radius:2px; }
@media (max-width:768px) {
    .nav { position:absolute; top:70px; right:0; width:200px; background:rgba(255,255,255,0.05); backdrop-filter:blur(8px); transform:translateX(100%); transition:transform 0.3s; }
    .nav.open { transform:translateX(0); }
    .nav ul { flex-direction:column; padding:1rem; }
    .nav-toggle { display:flex; }
}

/* 英雄区 */
.hero { display:flex; align-items:center; justify-content:center; height:100vh; padding-top:70px; text-align:center; }
.hero-content h1 { font-size:3.5rem; margin-bottom:1rem; background:rgba(0,0,0,0.4); display:inline-block; padding:0.5rem 1rem; border-radius:8px; }
.hero-content p { font-size:1.2rem; margin-bottom:2rem; color:rgba(255,255,255,0.85); }
.btn-gradient { display:inline-block; padding:0.8rem 2rem; font-weight:600; border-radius:30px; background:linear-gradient(45deg,var(--clr-primary),var(--clr-secondary)); color:var(--clr-bg); text-decoration:none; transition:opacity 0.3s; }
.btn-gradient:hover { opacity:0.8; }

/* 产品列表 */
.product-list { display:grid; gap:2rem; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); padding:2rem 0; }
.product-card { background:rgba(255,255,255,0.05); border-radius:16px; overflow:hidden; backdrop-filter:blur(6px); transition:transform 0.3s, box-shadow 0.3s; cursor:pointer; }
.product-card:hover { transform:translateY(-10px); box-shadow:0 20px 40px rgba(0,0,0,0.4); }
.product-card img { width:100%; height:200px; object-fit:cover; }
.product-info { padding:1.5rem; }
.product-info h3 { font-size:1.5rem; margin-bottom:0.75rem; }
.product-info p { font-size:1rem; line-height:1.6; margin-bottom:1rem; color:rgba(255,255,255,0.9); }
.product-info a { color:var(--clr-primary); text-decoration:none; font-weight:600; }
.product-info a:hover { text-decoration:underline; }

/* 内容样式 */
.main-content h1, .main-content h2 { color:var(--clr-secondary); margin-bottom:1rem; }
.main-content p { color:rgba(255,255,255,0.9); margin-bottom:1rem; line-height:1.6; }