@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&family=Poppins:wght@300;400;500;600;700&display=swap');
body { font-family: 'Noto Sans SC', 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

/* ===== 欧莱品牌蓝色板 ===== */
:root {
  --primary: #0C2D5E;
  --primary-dark: #081E3F;
  --primary-mid: #1A5C9E;
  --primary-light: #2E9DF5;
  --accent: #4DB8FF;
  --bg-light: #F0F4F8;
  --bg-card: #f5f8fc;
  --bg-blue-light: #E8F4FD;
  --text-dark: #0C2D5E;
  --text-muted: #6B7A8F;
  --border-light: #E0E8F0;
  --glow-color: rgba(13, 71, 161, 0.15);
}

/* ===== 入场动画 ===== */
.fade-in-up { opacity:0; transform:translateY(30px); transition:opacity 0.7s ease-out, transform 0.7s ease-out; }
.fade-in-up.visible { opacity:1; transform:translateY(0); }
.fade-in-up-delay-1 { transition-delay:0.1s; }
.fade-in-up-delay-2 { transition-delay:0.2s; }
.fade-in-up-delay-3 { transition-delay:0.3s; }
.fade-in-up-delay-4 { transition-delay:0.4s; }
.fade-in-up-delay-5 { transition-delay:0.5s; }
.fade-in-up-delay-6 { transition-delay:0.6s; }

/* ===== 导航 ===== */
.nav-link { position:relative; }
.nav-link::after { content:''; position:absolute; bottom:-2px; left:50%; width:0; height:2px; background:var(--primary-light); transition:all 0.3s ease; transform:translateX(-50%); }
.nav-link:hover::after { width:80%; }
.nav-link.active::after { width:80%; }

/* ===== 背景效果 ===== */
.hero-gradient { background:linear-gradient(160deg, #0C2D5E 0%, #1A5C9E 40%, #2E9DF5 70%, #0C2D5E 100%); }
.tech-blue-bg { background:linear-gradient(135deg, #0C2D5E, #1A5C9E 40%, #2E9DF5 70%, #4DB8FF) !important; }
.tech-blue-dark { background:linear-gradient(160deg, #0C2D5E, #0C2D5E 50%, #1A5C9E) !important; }
.omat-gradient { background:linear-gradient(135deg, #0C2D5E 0%, #1A5C9E 50%, #2E9DF5 100%); }

/* ===== 统一页面BANNER ===== */
.page-banner{height:340px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:80px;background:linear-gradient(135deg,#0C2D5E,#1A5C9E 50%,#2E9DF5);background-size:cover;background-position:center;}
.page-banner.has-bgimg{background-size:cover !important;background-repeat:no-repeat !important;background-position:center center !important;background-color:#0C2D5E !important;}
.page-banner.has-bgimg::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,45,94,.8),rgba(26,92,158,.6));z-index:0;pointer-events:none;}
.page-banner .banner-content{position:relative;z-index:1;text-align:center;padding:0 24px;}
.page-banner h1{font-size:2.5rem;font-weight:700;margin-bottom:8px;letter-spacing:-0.02em;color:#fff;}
@media(max-width:640px){.page-banner{height:260px;padding-top:60px;}.page-banner h1{font-size:1.6rem;}.page-banner .banner-sub{font-size:0.65rem;}.page-banner .banner-desc{font-size:0.8rem;}}
.page-banner .banner-sub{color:rgba(77,184,255,0.7);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.25em;margin-bottom:4px;}
.page-banner .banner-desc{color:rgba(255,255,255,0.8);font-size:0.9rem;max-width:600px;margin:0 auto;line-height:1.6;}
.tech-grid-bg { background-image:linear-gradient(rgba(46,157,245,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(46,157,245,0.06) 1px, transparent 1px); background-size:40px 40px; }

/* ===== 卡片效果 ===== */
.glow-card { position:relative; transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s ease; }
.glow-card:hover { transform:translateY(-6px); box-shadow:0 12px 30px rgba(12,45,94,0.1); }

.product-card { transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s ease; border-radius:0.75rem; overflow:hidden; border:1px solid var(--border-light); background:white; }
.product-card:hover { transform:translateY(-6px); box-shadow:0 16px 32px rgba(12,45,94,0.1); }
.product-card .prod-img { height:200px; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.product-card:hover .prod-img img { transform:scale(1.06); }
.product-card .prod-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.product-card .prod-info { padding:16px; }
.product-card .prod-info h3 { font-size:1rem; font-weight:700; color:var(--text-dark); margin-bottom:4px; }
.product-card .prod-desc { font-size:0.8rem; color:var(--text-muted); margin-top:8px; line-height:1.5; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.product-card .prod-footer { padding:12px 16px; border-top:1px solid var(--border-light); display:flex; justify-content:flex-end; }

.glass-panel { background:rgba(255,255,255,0.85); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,0.3); }
.glass-dark { background:rgba(12,45,94,0.6); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,0.08); }

/* ===== 按钮 ===== */
.tech-btn { position:relative; overflow:hidden; transition:all 0.3s ease; }
.tech-btn::after { content:''; position:absolute; top:50%; left:50%; width:0; height:0; background:rgba(255,255,255,0.15); border-radius:50%; transform:translate(-50%,-50%); transition:width 0.6s ease, height 0.6s ease; }
.tech-btn:hover::after { width:300px; height:300px; }

/* ===== 标签 ===== */
.tech-tag { display:inline-block; padding:2px 10px; font-size:11px; border-radius:20px; background:rgba(46,157,245,0.08); color:var(--primary-mid); border:1px solid rgba(46,157,245,0.15); letter-spacing:0.3px; }

/* ===== 产品页 ===== */
.stat-number{font-size:3rem;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--primary),var(--primary-mid));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* ===== Text glow ===== */
.glow-text { text-shadow:0 0 20px rgba(46,157,245,0.3), 0 0 40px rgba(46,157,245,0.1); }

/* ===== 禁用动效 ===== */
@media (prefers-reduced-motion: reduce) {
.fade-in-up { opacity:1; transform:none; transition:none; }
.product-card { transition:none; } .product-card:hover { transform:none; }
.nav-link::after { display:none; }
[class*="animate-"] { animation:none !important; }
}

/* ===== 品牌蓝色覆盖 ===== */
.text-omat { color: var(--primary); }
.text-omat-light { color: var(--primary-light); }
.bg-omat { background: var(--primary); }
.bg-omat-light { background: var(--bg-blue-light); }
.border-omat { border-color: var(--primary-light); }
.hover\:bg-omat:hover { background: var(--primary-mid); }
.hover\:text-omat-light:hover { color: var(--primary-light); }

/* ===== 首页特别样式 ===== */
.hero-slide { position:absolute; inset:0; transition:all 0.8s ease-in-out; }
.hero-slide.active { opacity:1; z-index:10; }
.hero-slide:not(.active) { opacity:0; z-index:0; }

.base-card { border-radius:0.75rem; overflow:hidden; border:1px solid var(--border-light); background:white; transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s ease; }
.base-card:hover { transform:translateY(-6px); box-shadow:0 16px 32px rgba(12,45,94,0.1); }

/* ===== Tab切换 ===== */
.tab-btn-omat { padding:10px 24px; border-radius:8px; font-size:0.9rem; font-weight:500; cursor:pointer; transition:all 0.3s ease; border:1px solid var(--border-light); background:white; color:var(--text-muted); }
.tab-btn-omat.active { background:var(--primary); color:white; border-color:var(--primary); }
.tab-btn-omat:hover:not(.active) { border-color:var(--primary-light); color:var(--primary-mid); }
.tab-panel { display:none; }
.tab-panel.active { display:block; }

/* ===== 产品详情页 ===== */
.prod-detail-hero { background:linear-gradient(135deg, #0C2D5E, #1A5C9E); }

/* ===== 基地卡片 ===== */
.base-tag { display:inline-block; padding:2px 10px; font-size:11px; border-radius:4px; font-weight:500; }
.base-tag-active { background:#22c55e; color:white; }
.base-tag-construction { background:#f97316; color:white; border:1px dashed #f97316; background:transparent; color:#f97316; }