/* ========== 伟达化工 - 高级版样式 ========== */
:root {
    --primary: #0a1628;
    --primary-light: #152240;
    --accent: #c8963e;
    --accent-light: #e8c97a;
    --gold: #c8963e;
    --bg: #ffffff;
    --bg-dark: #060f1f;
    --bg-light: #f8f6f0;
    --text: #1a1a2e;
    --text-light: #6b7280;
    --text-white: #e8eaed;
    --border: #e5e7eb;
    --glass: rgba(255,255,255,0.08);
    --glass-border: rgba(255,255,255,0.12);
    --shadow: 0 4px 30px rgba(0,0,0,0.08);
    --shadow-lg: 0 20px 60px rgba(0,0,0,0.12);
    --radius: 16px;
    --radius-sm: 10px;
    --transition: 0.3s cubic-bezier(0.4,0,0.2,1);
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    color: var(--text); line-height:1.7; background:var(--bg);
    overflow-x:hidden;
}
.container { max-width:1280px; margin:0 auto; padding:0 2rem; }
::selection { background:var(--accent); color:#fff; }

/* ===== 导航栏 ===== */
.navbar {
    position:fixed; top:0; left:0; right:0; z-index:1000;
    padding:1rem 0; transition:var(--transition);
}
.navbar.scrolled {
    background:rgba(10,22,40,0.95); backdrop-filter:blur(20px);
    box-shadow:0 2px 30px rgba(0,0,0,0.3); padding:0.6rem 0;
}
.navbar-inner {
    display:flex; justify-content:space-between; align-items:center;
    max-width:1280px; margin:0 auto; padding:0 2rem;
}
.nav-logo { text-decoration:none; display:flex; flex-direction:column; }
.nav-logo .logo-main { font-size:1.3rem; font-weight:700; color:#fff; letter-spacing:1px; }
.nav-logo .logo-sub { font-size:0.7rem; color:var(--accent-light); letter-spacing:2px; text-transform:uppercase; }
.nav-links { display:flex; gap:0.3rem; align-items:center; }
.nav-links a {
    color:rgba(255,255,255,0.8); text-decoration:none; padding:0.5rem 1.2rem;
    border-radius:50px; font-size:0.9rem; transition:var(--transition);
    position:relative;
}
.nav-links a:hover, .nav-links a.active {
    color:#fff; background:rgba(255,255,255,0.1);
}
.mobile-toggle { display:none; background:none; border:none; color:#fff; font-size:1.5rem; cursor:pointer; }

/* ===== Hero 全屏视频区 ===== */
.hero {
    position:relative; height:100vh; min-height:700px;
    display:flex; align-items:center; justify-content:center;
    overflow:hidden;
}
/* 视频背景 */
.hero-video-wrap {
    position:absolute; inset:0; z-index:0; overflow:hidden;
}
.hero-video {
    position:absolute; top:50%; left:50%;
    min-width:100%; min-height:100%;
    width:auto; height:auto;
    transform:translate(-50%,-50%);
    object-fit:cover;
}
.hero-overlay {
    position:absolute; inset:0;
    background:linear-gradient(135deg, rgba(6,15,31,0.85) 0%, rgba(10,22,40,0.7) 50%, rgba(15,32,64,0.8) 100%);
}
/* Canvas粒子层 */
.hero-canvas {
    position:absolute; inset:0; z-index:1; pointer-events:none;
}

.hero-content {
    position:relative; z-index:2; text-align:center; max-width:900px;
}
.hero-badge {
    display:inline-block; padding:0.4rem 1.5rem;
    border:1px solid rgba(200,150,62,0.4); border-radius:50px;
    color:var(--accent-light); font-size:0.85rem; letter-spacing:3px;
    margin-bottom:2rem; backdrop-filter:blur(10px);
    animation:fadeInUp 1s ease;
}
.hero h1 {
    font-size:3.5rem; font-weight:800; color:#fff; line-height:1.2;
    margin-bottom:1.5rem; letter-spacing:2px;
    animation:fadeInUp 1s ease 0.2s both;
}
.hero h1 span { color:var(--accent); }
.hero p.lead {
    font-size:1.2rem; color:rgba(255,255,255,0.7); max-width:600px;
    margin:0 auto 3rem; animation:fadeInUp 1s ease 0.4s both;
}
.hero-btns {
    display:flex; gap:1rem; justify-content:center; flex-wrap:wrap;
    animation:fadeInUp 1s ease 0.6s both;
}
.btn-primary {
    padding:0.9rem 2.5rem; background:var(--accent); color:#fff;
    border:none; border-radius:50px; font-size:1rem; font-weight:600;
    cursor:pointer; text-decoration:none; transition:var(--transition);
    letter-spacing:1px;
}
.btn-primary:hover { background:#d4a54e; transform:translateY(-2px); box-shadow:0 10px 30px rgba(200,150,62,0.3); }
.btn-outline-light {
    padding:0.9rem 2.5rem; border:1px solid rgba(255,255,255,0.3); color:#fff;
    border-radius:50px; font-size:1rem; text-decoration:none; transition:var(--transition);
}
.btn-outline-light:hover { border-color:#fff; background:rgba(255,255,255,0.1); }

/* 统计数字 */
.hero-stats {
    display:flex; justify-content:center; gap:4rem; margin-top:4rem;
    animation:fadeInUp 1s ease 0.8s both;
}
.hero-stat { text-align:center; }
.hero-stat .num { font-size:2.8rem; font-weight:800; color:var(--accent); display:block; }
.hero-stat .label { font-size:0.85rem; color:rgba(255,255,255,0.5); letter-spacing:2px; margin-top:0.3rem; }

/* 下滚指示 */
.scroll-indicator {
    position:absolute; bottom:2rem; left:50%; transform:translateX(-50%);
    z-index:2; animation:bounce 2s infinite;
}
.scroll-indicator span {
    display:block; width:30px; height:30px;
    border-right:2px solid rgba(255,255,255,0.4);
    border-bottom:2px solid rgba(255,255,255,0.4);
    transform:rotate(45deg);
}
@keyframes bounce {
    0%,100% { transform:translateX(-50%) translateY(0); }
    50% { transform:translateX(-50%) translateY(10px); }
}

/* ===== 滚动动画 ===== */
.fade-up {
    opacity:0; transform:translateY(40px);
    transition:opacity 0.8s ease, transform 0.8s ease;
}
.fade-up.visible { opacity:1; transform:translateY(0); }

/* ===== 区块通用 ===== */
.section { padding:6rem 0; }
.section-dark { background:var(--bg-dark); color:var(--text-white); }
.section-light { background:var(--bg-light); }
.section-header { text-align:center; margin-bottom:4rem; }
.section-header .overline {
    font-size:0.8rem; letter-spacing:4px; color:var(--accent);
    text-transform:uppercase; margin-bottom:1rem; display:block;
}
.section-header h2 {
    font-size:2.5rem; font-weight:700; margin-bottom:1rem;
}
.section-header p {
    color:var(--text-light); max-width:600px; margin:0 auto; font-size:1.05rem;
}
.section-dark .section-header h2 { color:#fff; }
.section-dark .section-header p { color:rgba(255,255,255,0.5); }

/* ===== 优势卡片 ===== */
.advantages { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.adv-card {
    background:#fff; border-radius:var(--radius); padding:2.5rem 2rem;
    box-shadow:var(--shadow); transition:var(--transition);
    position:relative; overflow:hidden; border:1px solid var(--border);
}
.adv-card::before {
    content:''; position:absolute; top:0; left:0; right:0; height:3px;
    background:linear-gradient(90deg, var(--accent), var(--accent-light));
    transform:scaleX(0); transition:transform 0.4s ease;
}
.adv-card:hover::before { transform:scaleX(1); }
.adv-card:hover { transform:translateY(-8px); box-shadow:var(--shadow-lg); }
.adv-icon {
    width:60px; height:60px; border-radius:50%; background:var(--bg-light);
    display:flex; align-items:center; justify-content:center;
    font-size:1.5rem; margin-bottom:1.5rem;
}
.adv-card h3 { font-size:1.2rem; margin-bottom:0.8rem; color:var(--primary); }
.adv-card p { color:var(--text-light); font-size:0.95rem; }

/* ===== 产品卡片 ===== */
.products { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:1.5rem; }
.prod-card {
    background:var(--glass); border:1px solid var(--glass-border);
    border-radius:var(--radius); padding:2rem; text-align:center;
    transition:var(--transition); backdrop-filter:blur(10px);
    text-decoration:none; color:inherit;
}
.prod-card:hover { background:rgba(255,255,255,0.12); transform:translateY(-4px); }
.prod-card .prod-icon { font-size:2.5rem; margin-bottom:1rem; }
.prod-card h3 { font-size:1.1rem; margin-bottom:0.5rem; color:#fff; }
.prod-card p { font-size:0.85rem; color:rgba(255,255,255,0.5); }

/* ===== 合作伙伴logo墙 ===== */
.partners-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; }
.partner-tag {
    padding:0.8rem 2rem; background:#fff; border:1px solid var(--border);
    border-radius:50px; font-size:0.9rem; color:var(--text);
    transition:var(--transition); cursor:default;
}
.partner-tag:hover {
    border-color:var(--accent); color:var(--accent);
    box-shadow:0 4px 15px rgba(200,150,62,0.15);
}

/* ===== 关于我们页面 ===== */
.page-hero {
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    padding:8rem 0 4rem; text-align:center; color:#fff;
}
.page-hero h1 { font-size:2.5rem; }
.page-body { max-width:800px; margin:0 auto; padding:4rem 2rem; }
.page-body h2 { color:var(--primary); margin:2.5rem 0 1rem; font-size:1.5rem; }
.page-body h2:first-child { margin-top:0; }
.page-body p { color:var(--text-light); margin-bottom:1rem; line-height:1.9; }

/* ===== 联系页面 ===== */
.contact-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:3rem; align-items:start; }
.contact-info h2 { margin-bottom:1.5rem; }
.contact-info .info-item { display:flex; align-items:center; gap:0.8rem; margin-bottom:1rem; font-size:1.1rem; }
.contact-form input, .contact-form textarea {
    width:100%; padding:0.9rem 1.2rem; margin-bottom:1rem;
    border:1px solid var(--border); border-radius:var(--radius-sm);
    font-size:1rem; transition:var(--transition); background:#fff;
}
.contact-form input:focus, .contact-form textarea:focus {
    outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(200,150,62,0.1);
}
.contact-form textarea { font-family:inherit; resize:vertical; }
.contact-form .btn { width:100%; }

/* ===== 页脚 ===== */
.footer {
    background:var(--bg-dark); color:rgba(255,255,255,0.6);
    padding:4rem 0 0;
}
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:3rem; }
.footer-brand .logo-text { font-size:1.3rem; font-weight:700; color:#fff; display:block; margin-bottom:0.5rem; }
.footer-brand p { font-size:0.9rem; margin-top:0.5rem; }
.footer-col h4 { color:#fff; margin-bottom:1.2rem; font-size:1rem; letter-spacing:1px; }
.footer-col a { display:block; color:rgba(255,255,255,0.5); text-decoration:none; padding:0.3rem 0; font-size:0.9rem; transition:var(--transition); }
.footer-col a:hover { color:var(--accent); }
.footer-bottom {
    margin-top:3rem; padding:1.5rem 0; border-top:1px solid rgba(255,255,255,0.08);
    text-align:center; font-size:0.8rem;
}
.footer-bottom a { color:rgba(255,255,255,0.4); text-decoration:none; }

/* ===== 动画关键帧 ===== */
@keyframes fadeInUp {
    from { opacity:0; transform:translateY(30px); }
    to { opacity:1; transform:translateY(0); }
}

/* ===== 响应式 ===== */
@media (max-width:768px) {
    .hero h1 { font-size:2rem; }
    .hero-stats { gap:2rem; flex-wrap:wrap; }
    .hero-stat .num { font-size:2rem; }
    .advantages { grid-template-columns:1fr; }
    .footer-grid { grid-template-columns:1fr; }
    .contact-grid { grid-template-columns:1fr; }
    .nav-links { display:none; }
    .nav-links.open { display:flex; flex-direction:column; position:absolute; top:100%; left:0; right:0; background:var(--primary); padding:1rem; }
    .mobile-toggle { display:block; }
    .section-header h2 { font-size:1.8rem; }
}