/* v20260905a: cache-bust - footer 二维码区增加公众号二维码，与微信二维码并排展示；更新 .footer-qr / .qr-block 布局 */ /* v20260822p: cache-bust - 修复 article__body 表格 thead/tbody 列线不对齐（table-layout:fixed + .table-wrapper 横向滚动），并修复 news-6 固化工艺表格 */ /* v20260820e: cache-bust - 取消 scroll-reveal 与 hero/cert 内容入场动画（内容直接显示），保留导航栏滚动阴影 */ /* v20260819w: cache-bust - 弹窗场景图标移除 */ /* v20260819r: cache-bust - 修复手机端导航下拉菜单显示 */ /* v20260819h: cache-bust - 认证屏移动端改为横向滚动卡片排布，避免信息被遮挡 */ /* v20260818e: 产品卡片间距缩窄 */ /* v20260817n: 认证屏证书卡片整体加超链接跳转 certs.html + 去下划线 */ /* v20260817e: 认证屏证书卡片去白底/去橙色角标/加悬浮叠加阴影 */ /* v20260817c: 修复导航选中态字重变化导致菜单位移 */ :root{ /* v20260808h: cache-bust - 页脚版权与备案号改同一行左对齐 */ --primary:#0e3a8c;--primary-dark:#08245a;--primary-light:#1a5cc8;--primary-lighter:#4a85e0;--accent:#ff7a18;--accent-hover:#e84026;--accent-light:#ffa052; --text:#1a1a1a;--text-light:#555;--text-muted:#888;--bg:#fff;--bg-soft:#f5f7fa;--bg-section:#f9fafc;--bg-warm:#fff9f5;--border:#e5e7eb;--border-light:rgba(255,255,255,.1); --shadow-xs:0 1px 3px rgba(0,0,0,.04);--shadow-sm:0 2px 8px rgba(0,0,0,.06);--shadow:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 10px 40px rgba(0,0,0,.12);--shadow-xl:0 20px 60px rgba(0,0,0,.15); --shadow-primary:0 8px 24px rgba(14,58,140,.15);--shadow-accent:0 6px 20px rgba(255,122,24,.3); --radius:8px;--radius-lg:16px;--radius-xl:24px; --transition:.3s ease;--transition-slow:var(--motion);--motion:300ms ease-out; --container:1400px;--header-h:76px;--bp-sm:600px;--bp-md:900px;--bp-lg:1200px; } *,*::before,*::after{box-sizing:border-box;} *{margin:0;padding:0;} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;} html,body{overflow-x:clip;} img{max-width:100%;height:auto;} .grid>*,.intro-grid>*,.values-grid>*,.certs-grid>*{min-width:0;} body{padding-top:var(--header-h);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;color:var(--text);line-height:1.7;letter-spacing:.01em;background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} img,picture,video{max-width:100%;height:auto;display:block;} a{color:inherit;text-decoration:none;} ul,ol{list-style:none;} button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;} input,textarea,select{font:inherit;} /* ===== Layout ===== */ .container{max-width:var(--container);margin:0 auto;padding:0 24px;} @media(max-width:1460px){.container{max-width:calc(100% - 48px);}} .section{padding:88px 0;} .section--soft{background:var(--bg-section);} .section--warm{background:var(--bg-warm);} /* ===== Section Title - 装饰性标题 ===== */ .section-title{font-size:34px;text-align:center;margin-bottom:14px;font-weight:800;letter-spacing:.02em;position:relative;} .section-title::after{content:'';display:block;width:48px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));margin:16px auto 0;border-radius:2px;} .section-sub{color:var(--text-light);text-align:center;margin-bottom:52px;font-size:16px;letter-spacing:.03em;} /* ===== Header & Navigation ===== */ .site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:var(--header-h);display:flex;align-items:center;box-shadow:var(--shadow-xs);transition:background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease;} .nav-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding-left:16px;padding-right:16px;} /* v20260730p: cache-bust - logo 主副标题左右对齐（主标题大字间距让两行宽度相等） */ .ligu-logo-wrap{display:flex;align-items:center;gap:6px;padding-top:0;padding-left:0;margin-right:auto;flex-shrink:0;transition:opacity .2s;} .ligu-logo-wrap:hover{opacity:.85;} .ligu-logo-icon{height:64px;width:auto;display:block;} .ligu-logo-img{height:48px;width:auto;display:block;} .ligu-logo-text{display:inline-flex!important;flex-direction:column!important;align-items:center!important;line-height:1.05;gap:2px;padding-top:11px;} .ligu-logo-main{font-family:"Source Han Serif SC","Noto Serif SC","思源宋体","Songti SC","SimSun",serif;font-size:28px;font-weight:700;color:#1E4A9B;white-space:nowrap;letter-spacing:0.02em!important;line-height:1!important;text-align:center;margin:0;} .ligu-logo-en{font-family:"Roboto","Noto Sans","Noto Sans SC",sans-serif;font-size:9px;color:#666;font-weight:400;white-space:nowrap;letter-spacing:0.08em!important;line-height:1.2!important;text-align:center;margin:0;} .nav-list{display:flex;gap:32px;align-items:center;padding:0;margin:0;flex-shrink:0;} .nav-list a{font-size:16px;color:var(--text);font-weight:500;padding:10px 0;position:relative;transition:color .2s;white-space:nowrap;} .nav-list a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:2px;opacity:0;transition:opacity .2s ease;} .nav-list a:hover{color:var(--primary);} .nav-list a:hover::after,.nav-list a.active::after{opacity:1;} .nav-list a.active{color:var(--primary);} /* ===== Navigation Dropdown ===== */ .nav-dropdown{position:relative;} .nav-dropdown__toggle{display:inline-block;font-size:16px;color:var(--text);font-weight:500;padding:10px 0;position:relative;transition:color .2s;white-space:nowrap;background:none;border:0;} .nav-dropdown__menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:8px 0;min-width:180px;display:none;flex-direction:column;z-index:1001;} .nav-dropdown:hover .nav-dropdown__menu{display:flex;} .nav-dropdown__menu a{padding:10px 22px;font-size:14px;color:var(--text);transition:all .15s;white-space:nowrap;} .nav-dropdown__menu a:hover{background:var(--bg-soft);color:var(--primary);} .nav-dropdown__toggle:hover{color:var(--primary);} .nav-dropdown__toggle.active{color:var(--primary);} @media(max-width:768px){ .nav-dropdown{width:100%;align-self:stretch;min-width:0;} .nav-dropdown__toggle{width:100%;padding:12px 0;border-bottom:1px solid var(--border);} .nav-dropdown__menu{position:static;left:auto;transform:none !important;opacity:1;visibility:visible;display:none;box-shadow:none;border:none;border-radius:0;background:var(--bg-soft);padding:0;margin:0;width:100%;} .nav-dropdown.is-open .nav-dropdown__menu{display:flex;} .nav-dropdown__menu a{display:block;width:100%;box-sizing:border-box;padding:12px 20px;border-bottom:1px solid var(--border);white-space:normal;font-size:14px;} .nav-dropdown__menu a:last-child{border-bottom:none;} } .nav-toggle{display:none;flex-direction:column;gap:4px;padding:8px;cursor:pointer;} .nav-toggle span{display:block;width:22px;height:2px;background:var(--text);transition:.3s;} @media(max-width:768px){ .nav-toggle{display:flex;} .nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg);} .nav-toggle.is-open span:nth-child(2){opacity:0;} .nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);} .nav-list{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:16px 20px;border-top:1px solid var(--border);box-shadow:var(--shadow);gap:4px;z-index:999;} .nav-list.is-open{display:flex;} .nav-list a{padding:12px 0;width:100%;border-bottom:1px solid var(--border);} .nav-list a::after{display:none;} } @media(max-width:480px){ .ligu-logo-wrap{padding-top:0;gap:6px;} .ligu-logo-icon{height:52px;} .ligu-logo-img{height:38px;} .ligu-logo-main{font-size:22px;} .ligu-logo-en{font-size:7px;} } /* ===== Buttons ===== */ .btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 30px;font-size:15px;font-weight:600;border-radius:999px;transition:all var(--transition);border:1px solid transparent;cursor:pointer;letter-spacing:.02em;} .btn--primary{background:linear-gradient(135deg,var(--primary-light),var(--primary));background-size:200% 200%;background-position:0% 50%;color:#fff;box-shadow:0 4px 16px rgba(14,58,140,.35);border:1px solid transparent;} .btn--primary:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 8px 28px rgba(14,58,140,.45),0 0 0 3px rgba(14,58,140,.18);border-color:rgba(255,255,255,.6);} .btn--primary:active{transform:translateY(0);} .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);} .btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-1px);} .btn--outline{background:transparent;color:var(--primary);border-color:var(--primary);} .btn--outline:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 0 0 3px rgba(14,58,140,.15);} .btn--sm{padding:8px 18px;font-size:13px;} .btn--lg{padding:16px 36px;font-size:16px;} /* ===== Cards - 增强卡片效果 ===== */ .card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--motion);border:1px solid rgba(0,0,0,.04);} .card--link{text-decoration:none;color:inherit;display:block;} .card--link:hover .card__title{color:var(--primary);} .card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(14,58,140,.08);} .card__media{aspect-ratio:4/3;overflow:hidden;background:var(--bg-soft);} .card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion);} .card:hover .card__media img{transform:scale(1.06);} .card__body{padding:24px;} .card__title{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text);letter-spacing:.01em;} .card__desc{color:var(--text-light);font-size:14px;line-height:1.7;} .card__meta{display:flex;gap:12px;margin-top:12px;font-size:12px;color:var(--text-muted);} /* ===== Grid ===== */ .grid{display:grid;gap:28px;} .grid--2{grid-template-columns:repeat(2,1fr);} .grid--3{grid-template-columns:repeat(3,1fr);} .grid--4{grid-template-columns:repeat(4,1fr);} .certs-grid{grid-template-columns:repeat(3,1fr);} /* ===== Cert Cards ===== */ .cert-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--motion);border:1px solid var(--border);display:flex;flex-direction:column;} .cert-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-light);} .cert-card__media{height:260px;background:#f8fafd;display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid var(--border);overflow:hidden;} .cert-card__media img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;transition:transform .4s;} .cert-card:hover .cert-card__media img{transform:scale(1.05);} .cert-seal{width:108px;height:108px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;font-weight:800;letter-spacing:.5px;line-height:1.15;box-shadow:var(--shadow-primary);position:relative;} .cert-seal::after{content:"";position:absolute;inset:7px;border:2px solid rgba(255,255,255,.55);border-radius:50%;} .cert-card__body{padding:24px 22px;flex:1;display:flex;flex-direction:column;} .cert-card__title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:10px;} .cert-card__desc{color:var(--text-light);font-size:14px;line-height:1.7;flex:1;} .cert-card__tag{display:inline-block;margin-top:16px;align-self:flex-start;font-size:12px;color:var(--primary);background:#eaf2fb;padding:5px 14px;border-radius:20px;} /* ===== Page Header - 增强页面头部 ===== */ /* v20260730t: cache-bust - page-header 整体缩小一半（高度/padding/字号） */ .page-header{position:relative;padding:46px 0 38px;text-align:center;color:#fff;overflow:hidden;background:var(--primary-dark);} .page-header__bg{position:absolute;inset:0;background:url('images/hero-bg.webp') center/cover no-repeat;filter:brightness(.32) saturate(.8);} .page-header__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,36,90,.92) 0%,rgba(26,74,138,.75) 50%,rgba(8,36,90,.88) 100%);} .page-header .container{position:relative;z-index:2;} .page-header h1{font-size:34px;font-weight:800;margin-bottom:8px;letter-spacing:.03em;} .page-header__crumb{font-size:20px;font-weight:800;margin-bottom:6px;} .page-header p{font-size:20px;opacity:.85;letter-spacing:.05em;} @media(max-width:600px){.page-header{padding:32px 0 24px;}.page-header h1{font-size:26px;}.page-header__crumb{font-size:16px;}.page-header p{font-size:17px;}} /* v20260730x: page-header 后第一个 section 向上靠拢，与 solutions 页一致 */ .page-header+.section{padding-top:28px;} @media(max-width:600px){.page-header+.section{padding-top:16px;}} /* ===== Intro Grid ===== */ .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;} .intro-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform var(--motion);} .intro-img:hover{transform:scale(1.02);} .intro-text h3{font-size:28px;color:var(--primary);margin-bottom:16px;font-weight:700;} .intro-text h3 span{color:var(--accent);} .intro-text p{color:var(--text-light);margin-bottom:14px;font-size:15px;line-height:2;} .intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;} .intro-stat{text-align:center;padding:20px 12px;background:var(--bg-soft);border-radius:12px;transition:all .3s;border:1px solid transparent;} .intro-stat:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-sm);} .intro-stat .num{font-size:28px;font-weight:800;color:var(--primary);} .intro-stat .num span{color:var(--primary);} .intro-stat .label{font-size:12px;color:var(--text-light);margin-top:4px;} /* ===== Values Grid ===== */ .values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;} /* ===== 响应式（须位于基础规则之后，避免被覆盖） ===== */ @media(max-width:900px){.grid--3,.grid--4{grid-template-columns:repeat(3,1fr);}.values-grid{grid-template-columns:repeat(2,1fr);}.certs-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:600px){.grid--2{grid-template-columns:1fr;}.grid--3,.grid--4{grid-template-columns:repeat(2,1fr);gap:14px;}.product-card{padding:14px;}.product-card .card__title{font-size:14px;}.product-card .card__desc{font-size:12px;line-height:1.5;}.product-card ul{font-size:11px;line-height:1.7;margin-top:8px;}.intro-grid{grid-template-columns:1fr;gap:30px;}.intro-stats{grid-template-columns:1fr;}.intro-text h3{font-size:22px;}.values-grid{grid-template-columns:repeat(2,1fr);}.certs-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:360px){.grid--3,.grid--4{grid-template-columns:1fr;}} .value-card{background:#fff;border-radius:var(--radius-lg);padding:32px 24px;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--motion);border:1px solid var(--border);} .value-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent;} .value-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#e8f0fb,#d0e3fb);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:var(--primary);} .value-card h3{font-size:16px;color:var(--primary);margin-bottom:8px;font-weight:700;} .value-card p{font-size:13px;color:var(--text-light);line-height:1.7;} .value-icon svg{width:30px;height:30px;} /* ===== Solution Cards ===== */ .sol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;} .sol-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px 24px;box-shadow:var(--shadow-sm);transition:all var(--motion);} .sol-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-light);} .sol-card__icon{width:56px;height:56px;border-radius:14px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:16px;} .sol-card h3{font-size:17px;color:var(--primary);font-weight:700;margin-bottom:10px;} .sol-card p{font-size:13.5px;color:var(--text-light);line-height:1.8;} .case-card{overflow:hidden;} .case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;} .case-tags span{font-size:12px;color:var(--primary);background:rgba(14,58,140,.08);border:1px solid rgba(14,58,140,.15);padding:3px 10px;border-radius:12px;} /* ===== Custom Box ===== */ .custom-box{display:flex;align-items:center;justify-content:space-between;gap:32px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-xl);padding:44px 48px;color:#fff;position:relative;overflow:hidden;} .custom-box::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);border-radius:50%;} .custom-box__text{position:relative;z-index:1;} .custom-box__text h2{font-size:26px;margin-bottom:12px;font-weight:700;} .custom-box__text p{font-size:15px;line-height:1.9;opacity:.9;max-width:640px;} .custom-box__action{flex-shrink:0;position:relative;z-index:1;} .custom-box__action .btn--primary{background:#fff;color:var(--primary);} .custom-box__action .btn--primary:hover{background:var(--accent);color:#fff;} @media(max-width:900px){.sol-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:600px){.sol-grid{grid-template-columns:1fr;}.custom-box{flex-direction:column;align-items:flex-start;padding:30px 24px;}.custom-box__text h2{font-size:20px;}} /* ===== Product Quick Nav ===== */ .prod-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;justify-content:center;max-width:1100px;margin:0 auto;} .prod-quick-card{display:flex;flex-direction:column;align-items:center;padding:28px 16px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--motion);text-decoration:none;color:inherit;cursor:pointer;} .prod-quick-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-light);} .prod-quick-card__icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;margin-bottom:14px;box-shadow:0 4px 12px rgba(0,0,0,.15);} .prod-quick-card h3{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px;text-align:center;} .prod-quick-card p{font-size:12px;color:var(--text-light);text-align:center;line-height:1.5;} @media(max-width:900px){.prod-quick-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:600px){.prod-quick-grid{grid-template-columns:repeat(2,1fr);}.prod-quick-card{padding:20px 12px;}.prod-quick-card__icon{width:52px;height:52px;font-size:16px;}.prod-quick-card h3{font-size:13px;}.prod-quick-card p{font-size:11px;}} /* ===== Quick Nav Bar ===== */ .quick-nav{background:var(--primary-dark);padding:0;position:sticky;top:var(--header-h);z-index:99;box-shadow:0 2px 8px rgba(0,0,0,.15);} .quick-nav .container{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;} .quick-nav a{padding:14px 24px;font-size:14px;background:transparent;color:rgba(255,255,255,.75);white-space:nowrap;transition:all var(--transition);border-bottom:3px solid transparent;} .quick-nav a:hover,.quick-nav a.active{color:#fff;background:rgba(255,255,255,.1);border-bottom-color:var(--accent);} /* ===== Product Section ===== */ .prod-section{padding:64px 0;border-bottom:1px solid var(--border);} .prod-section:last-of-type{border-bottom:none;} .prod-section:nth-of-type(even){background:var(--bg-soft);} .prod-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:48px;align-items:start;} .prod-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;} .prod-icon{width:56px;height:56px;min-width:56px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;box-shadow:var(--shadow-primary);} .prod-icon.orange{background:linear-gradient(135deg,#d35400,var(--accent));} .prod-icon.green{background:linear-gradient(135deg,#16a085,#27ae60);} .prod-icon.purple{background:linear-gradient(135deg,#7c3aed,#9b59b6);} .prod-icon.red{background:linear-gradient(135deg,#c0392b,#e74c3c);} .prod-icon.teal{background:linear-gradient(135deg,#2c3e50,#34495e);} .prod-title h3{font-size:22px;color:var(--primary);font-weight:700;} .prod-title span{font-size:12px;color:var(--text-light);} .prod-desc{color:var(--text-light);font-size:14px;margin-bottom:20px;line-height:2;} .product-detail-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);} .inquiry-box{background:var(--bg-soft);border-radius:var(--radius-lg);padding:22px;margin-top:20px;border:1px solid var(--border);} .inquiry-box h4{color:var(--primary);margin-bottom:8px;font-size:15px;font-weight:700;} .inquiry-box p{font-size:13px;color:var(--text-light);margin-bottom:6px;} .inquiry-box .tel{font-size:22px;font-weight:800;color:var(--accent);} .inquiry-box.lh{background:#f3e8ff;} .inquiry-box.lh h4{color:#7c3aed;} .inquiry-box.lh .tel{color:#7c3aed;} .table-note{font-size:12px;color:var(--text-muted);margin-top:10px;} @media(max-width:900px){.prod-grid{grid-template-columns:1fr;gap:30px;}} /* ===== CTA Band ===== */ .cta-band{background:linear-gradient(135deg,#0d2f5c 0%,var(--primary) 100%);padding:80px 0;text-align:center;color:#fff;position:relative;overflow:hidden;} .cta-band::before{content:'';position:absolute;top:-30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%;} .cta-band h2{font-size:30px;font-weight:700;margin-bottom:12px;} .cta-band p{font-size:15px;opacity:.85;margin-bottom:28px;} .cta-band .btn{background:#fff;color:var(--primary);} .cta-band .btn:hover{background:var(--bg-soft);transform:translateY(-2px);} /* ===== Hero Section - 增强首屏 ===== */ /* v20260805d: cache-bust - hero文字按参考图重新排版：badge/两行大字/副标题 */ /* v20260730r: cache-bust - hero 背景图裁顶(220px) + 高度压缩(500px) */ /* v20260730t: cache-bust - Hero 内容整体上移（缩小各块margin + CTA底距 + 数据栏上浮量） */ /* ===== Hero Carousel - 5-slide 左对齐结构 ===== */ /* v20260805f: cache-bust - slide1标题补全为小内应力化解决方案 */ .hero{position:relative;width:100%;min-height:480px;height:82vh;max-height:760px;overflow:hidden;background:var(--primary-dark);} .slide{position:absolute;inset:0;opacity:0;pointer-events:none;} .slide.active{opacity:1;pointer-events:auto;} .slide-bg{position:absolute;inset:0;background-size:cover;background-position:center right;background-repeat:no-repeat;} .slide-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(8,20,45,.85) 0%,rgba(8,20,45,.6) 40%,rgba(8,20,45,.15) 65%,transparent 80%);} .slide-content{position:relative;z-index:2;display:flex;align-items:center;height:100%;padding:0 72px;max-width:1400px;margin:0 auto;width:100%;} .text-col{flex:0 0 52%;max-width:640px;} .delay-1{animation-delay:.15s;} .delay-2{animation-delay:.35s;} .delay-3{animation-delay:.55s;} @keyframes slideInLeft{from{opacity:0;transform:translateX(-36px);}to{opacity:1;transform:translateX(0);}} /* Hero 首屏文字/资质轮播内容入场动画已取消：内容直接显示（v20260820e） */ .badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;background:rgba(74,133,224,.16);color:#7fb0ff;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:22px;border:1px solid rgba(74,133,224,.3);} .badge-dot{width:7px;height:7px;border-radius:50%;background:#4a85e0;box-shadow:0 0 8px rgba(74,133,224,.6);animation:pulse 2s infinite;} @keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.85);}} .slide-title{font-size:clamp(28px,3.6vw,46px);font-weight:800;line-height:1.2;color:#fff;margin-bottom:16px;text-shadow:0 2px 12px rgba(0,0,0,.25);} .slide-subtitle{font-size:clamp(17px,1.8vw,24px);font-weight:600;color:#a8d8ea;margin-bottom:18px;letter-spacing:2px;} .slide-tagline{font-size:clamp(16px,1.4vw,22px);font-weight:600;color:var(--accent);margin-bottom:20px;letter-spacing:4px;text-shadow:0 2px 12px rgba(0,0,0,.3);} .slide-desc{font-size:clamp(14px,1.1vw,16px);line-height:1.75;color:rgba(255,255,255,.8);max-width:520px;margin-bottom:32px;} .cta-group{display:flex;gap:16px;flex-wrap:wrap;} .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .3s ease;} .btn-primary{background:linear-gradient(135deg,var(--primary-light),var(--primary));background-size:200% 200%;background-position:0% 50%;color:#fff;box-shadow:0 4px 16px rgba(14,58,140,.35);border:1px solid transparent;} .btn-primary:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 8px 28px rgba(14,58,140,.45),0 0 0 3px rgba(255,255,255,.25);border-color:rgba(255,255,255,.7);} .btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);} .btn-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7);box-shadow:0 0 0 3px rgba(255,255,255,.18);} .carousel-dots{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:10px;} .carousel-dots .dot{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer;border:none;transition:all .3s ease;padding:0;} .carousel-dots .dot.active{background:#fff;width:32px;border-radius:6px;box-shadow:0 0 12px rgba(255,255,255,.4);} .carousel-dots .dot:hover{background:rgba(255,255,255,.65);} .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;backdrop-filter:blur(6px);transition:all .3s ease;} .carousel-arrow:hover{background:rgba(255,255,255,.25);transform:translateY(-50%) scale(1.08);} .carousel-arrow svg{width:22px;height:22px;display:block} .arrow-prev{left:24px;} .arrow-next{right:24px;} .progress-bar{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary-light),#a8d8ea);z-index:10;width:0;transition:width linear;} .slide-counter{position:absolute;top:32px;right:48px;z-index:10;font-size:14px;color:rgba(255,255,255,.6);font-weight:500;letter-spacing:1px;} .slide-counter b{color:#fff;font-weight:700;} @media(max-width:900px){ .slide-content{padding:0 40px;} .text-col{flex:0 0 64%;max-width:none;} .slide-bg{background-position:center center;} .slide-overlay{background:linear-gradient(180deg,rgba(8,20,45,.8) 0%,rgba(8,20,45,.5) 55%,rgba(8,20,45,.2) 100%);} } @media(max-width:600px){ .hero{min-height:460px;height:68vh;} .slide-content{padding:0 22px;} .text-col{flex:0 0 100%;max-width:none;} .slide-title{font-size:25px;margin-bottom:12px;} .slide-subtitle{font-size:16px;margin-bottom:14px;} .slide-tagline{font-size:15px;margin-bottom:14px;letter-spacing:2px;} .slide-desc{font-size:14px;margin-bottom:22px;} .carousel-arrow{width:38px;height:38px;} .carousel-arrow svg{width:18px;height:18px;} .arrow-prev{left:10px;} .arrow-next{right:10px;} .slide-counter{right:16px;top:16px;font-size:12px;} .carousel-dots{bottom:18px;} .cta-group{flex-direction:column;} .btn{justify-content:center;} } /* ===== Hero Slide 1: 认证屏 (v20260817f: 标题居中 + 边框缩窄) ===== */ .slide--cert{ background:radial-gradient(120% 150% at 12% -10%, var(--primary) 0%, var(--primary-dark) 50%, #061027 100%); color:#fff; display:flex; align-items:center; overflow:hidden; } .slide--cert::before{ content:"";position:absolute;inset:0; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size:64px 64px;pointer-events:none; } .cert-stage{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:0 72px;z-index:2;} .cert-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;} .cert-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.16em;color:var(--accent-light);font-weight:600;border:1px solid rgba(255,122,24,.4);padding:7px 16px;border-radius:999px;background:rgba(255,122,24,.1);} .cert-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);} .cert-title{font-size:clamp(26px,3vw,38px);line-height:1.28;font-weight:800;margin:0 auto 22px;text-align:center;max-width:760px;} .cert-title span{color:var(--accent-light);} .cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;} .cert-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.02);border-radius:10px;padding:10px 4px 10px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,transform .2s;text-decoration:none;color:inherit;} .cert-card:hover{border-color:rgba(255,122,24,.5);transform:translateY(-4px);} .cert-thumb{position:relative;width:100%;height:168px;border-radius:8px;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;} .cert-thumb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,0,0,.45));transition:transform .35s ease;} .cert-img-wrap{width:100%;height:100%;overflow:hidden;border-radius:8px;} .cert-img-wrap img{transform:scale(1.2);transform-origin:center;} .cert-card:hover .cert-img-wrap img{transform:scale(1.25);} .cert-meta .name{font-size:19px;font-weight:700;text-align:center;} .cert-meta .issuer{font-size:12.5px;color:rgba(255,255,255,.62);margin-top:4px;letter-spacing:.02em;text-align:center;} .cert-stats{display:flex;align-items:baseline;gap:56px;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.14);} .cert-stat .num{font-size:clamp(34px,4vw,46px);font-weight:800;color:var(--accent-light);letter-spacing:.01em;} .cert-stat .num small{font-size:20px;font-weight:700;margin-left:2px;} .cert-stat .label{font-size:14px;color:rgba(255,255,255,.62);margin-top:2px;} @media(max-width:900px){ .cert-stage{padding:0 40px;} .cert-grid{grid-template-columns:repeat(2,1fr);gap:14px;} .cert-thumb{height:140px;} .cert-stats{gap:32px;flex-wrap:wrap;} } @media(max-width:600px){ .cert-stage{padding:0 0 0 22px;} .cert-top{margin-bottom:14px;} .cert-eyebrow{padding:5px 12px;font-size:11px;} .cert-title{font-size:22px;margin-bottom:14px;} .cert-grid{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; padding-right:22px; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .cert-grid::-webkit-scrollbar{display:none;} .cert-card{ flex:0 0 42vw; min-width:150px; max-width:180px; scroll-snap-align:start; padding:8px 4px 8px; gap:6px; } .cert-thumb{height:100px;} .cert-meta .name{font-size:14px;} .cert-meta .issuer{font-size:11px;margin-top:2px;} .cert-stats{gap:14px;flex-wrap:nowrap;justify-content:space-between;padding-top:12px;} .cert-stat .num{font-size:24px;} .cert-stat .num small{font-size:14px;} .cert-stat .label{font-size:12px;} } /* ===== Contact Section ===== */ .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;} .info-card{background:var(--bg-soft);border-radius:var(--radius-lg);padding:24px;border-left:4px solid var(--primary);margin-bottom:18px;box-shadow:var(--shadow-sm);transition:all .3s;} .info-card:hover{transform:translateX(4px);box-shadow:var(--shadow);} .info-card.orange{border-left-color:var(--accent);background:#fff8f4;} .info-card.green{border-left-color:#27ae60;background:#f0faf6;} .info-card-label{font-size:12px;color:var(--text-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;} .info-card-value{font-size:20px;color:var(--text);font-weight:700;} .info-card-value.accent{font-size:26px;color:var(--accent);} .info-card-value.green{color:#27ae60;} .info-card p{font-size:13px;color:var(--text-light);margin-top:4px;} .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;} .info-mini{text-align:center;padding:20px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .3s;border:1px solid var(--border);} .info-mini:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary-light);} .info-mini-icon{font-size:28px;margin-bottom:8px;width:48px;height:48px;margin-left:auto;margin-right:auto;} .info-mini strong{font-size:14px;color:var(--primary);display:block;font-weight:700;} .info-mini span{font-size:12px;color:var(--text-light);} /* ===== Contact Form ===== */ .contact-form-wrap{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border);} .form-header{background:linear-gradient(135deg,var(--primary),var(--primary-light));padding:28px 32px;color:#fff;position:relative;overflow:hidden;} .form-header::after{content:'';position:absolute;top:-30%;right:-5%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;} .form-header h3{font-size:20px;font-weight:700;margin-bottom:4px;position:relative;z-index:1;} .form-header p{font-size:13px;opacity:.85;position:relative;z-index:1;} .form-body{padding:32px;} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;} .form-group{margin-bottom:12px;} .form-group label{display:block;font-size:13px;color:var(--text);font-weight:600;margin-bottom:6px;} .form-group label .req{color:var(--accent);} .form-control{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit;transition:all var(--transition);background:#fafcff;} .form-control:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 4px rgba(26,92,200,.1);background:#fff;} .form-control.is-invalid{border-color:#e74c3c;background:#fff5f5;} textarea.form-control{height:90px;resize:vertical;} .field-error{display:none;color:#e74c3c;font-size:12px;margin-top:4px;} .field-error.show{display:block;} .form-success{display:none;background:#eafaf1;border:1px solid #27ae60;color:#1e7e4f;padding:14px 18px;border-radius:10px;font-size:14px;margin-top:12px;} .form-success.show{display:block;} .form-fail{display:none;background:#fdecea;border:1px solid #e74c3c;color:#c0392b;padding:14px 18px;border-radius:10px;font-size:14px;margin-top:12px;} .form-fail.show{display:block;} .form-submit .btn{width:100%;text-align:center;padding:14px;font-size:16px;border-radius:10px;} @media(max-width:768px){.contact-grid{grid-template-columns:1fr;}.form-row{grid-template-columns:1fr;}.info-grid{grid-template-columns:1fr 1fr;}} /* ===== Footer ===== */ .site-footer{background:var(--primary-dark);color:rgba(255,255,255,.7);padding:20px 0 24px;position:relative;} .site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));} .footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-bottom:20px;border-bottom:1px solid var(--border-light);} .footer-contact h4,.footer-quick h4{color:#fff;font-size:15px;margin-bottom:12px;font-weight:600;} .footer-contact ul li{font-size:14px;margin-bottom:6px;line-height:1.7;} .footer-contact .highlight{color:var(--accent-light);font-weight:600;transition:color .2s;} .footer-contact .highlight:hover{color:var(--accent);} .footer-icp{font-size:13px;margin-top:14px;color:rgba(255,255,255,.4);transition:color .2s;} .footer-icp:hover{color:#fff;} .footer-qr{text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:24px;flex-wrap:wrap;} .footer-qr h4{color:#fff;font-size:15px;margin-bottom:12px;font-weight:600;} .footer-qr .qr-block{display:flex;flex-direction:column;align-items:center;} .footer-qr .qr-img{width:120px;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.3);margin:0 auto 10px;display:block;} .footer-qr .qr-tip{font-size:13px;color:rgba(255,255,255,.6);text-align:center;margin-bottom:0;} .footer-quick{text-align:right;} .footer-nav-grid{display:grid;grid-template-columns:auto auto;gap:8px 12px;margin-top:4px;} .footer-nav-grid a{font-size:14px;transition:color var(--transition);color:rgba(255,255,255,.7);} .footer-nav-grid a:hover{color:#fff;} .footer-bottom{padding:16px 0 0;font-size:13px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;} .footer-bottom span{color:rgba(255,255,255,.5);} .footer-bottom a{color:rgba(255,255,255,.4);} .footer-bottom a:hover{color:#fff;} .footer-grid--2col{grid-template-columns:1fr 1fr;align-items:end;} .footer-grid--2col .footer-contact{padding-bottom:0;} .footer-grid--2col .footer-qr{text-align:center;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:24px;flex-wrap:wrap;padding-bottom:0;} .footer-grid--2col .footer-qr .qr-img{margin:0 0 8px;} .footer-grid--3col{grid-template-columns:1fr 1fr 1fr;align-items:start;} .footer-grid--3col .footer-nav{text-align:right;} .footer-grid--3col .footer-nav-grid{justify-items:end;gap:8px 12px;} .footer-nav h4{font-size:15px;color:#fff;margin-bottom:14px;font-weight:600;letter-spacing:.02em;} .footer-nav .footer-nav-grid a{display:block;padding:6px 0;font-size:14px;color:rgba(255,255,255,.7);transition:color var(--transition);} .footer-nav .footer-nav-grid a:hover{color:#fff;} .footer-bottom--right{justify-content:flex-end;gap:24px;} .footer-bottom--right span{order:2;} .footer-bottom--right a{order:1;} .footer-bottom--split{justify-content:flex-start;align-items:center;flex-direction:row;gap:12px;flex-wrap:wrap;} .footer-bottom--split .footer-copyright,.footer-bottom--split .footer-icp,.footer-bottom--split .footer-police{display:inline-flex;align-items:center;line-height:1.5;vertical-align:middle;margin-top:0;white-space:nowrap;} .footer-bottom--split .footer-copyright{color:rgba(255,255,255,.5);} .footer-bottom--split .footer-icp{color:rgba(255,255,255,.4);transition:color .2s;} .footer-bottom--split .footer-icp:hover{color:#fff;} .footer-police{color:rgba(255,255,255,.4);transition:color .2s;text-decoration:none;} .footer-police:hover{color:#fff;} .footer-police img{height:16px;width:auto;display:block;margin-right:4px;} @media(max-width:900px){.footer-grid{grid-template-columns:1fr;gap:24px;}.footer-grid--2col{grid-template-columns:1fr;align-items:center;}.footer-qr{text-align:center;}.footer-grid--3col .footer-nav{text-align:left;}.footer-grid--3col .footer-nav-grid{justify-items:start;}} @media(max-width:600px){.footer-grid{grid-template-columns:1fr;}.footer-bottom--right{flex-direction:column;align-items:flex-end;gap:8px;}.footer-bottom--split{justify-content:center;gap:8px 16px;}} /* ===== Tables ===== */ .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);} .table{width:100%;min-width:600px;border-collapse:collapse;background:#fff;} .table th,.table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--border);font-size:14px;} .table th{background:var(--bg-soft);font-weight:600;color:var(--text);} .table tbody tr:hover{background:var(--bg-soft);} .prod-table{width:100%;border-collapse:collapse;font-size:13px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);background:#fff;} .prod-table th{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:12px 16px;text-align:left;font-weight:600;} .prod-table td{padding:10px 16px;border-bottom:1px solid var(--border);} .prod-table tr:nth-child(even) td{background:var(--bg-soft);} .prod-table tr:last-child td{border-bottom:none;} .prod-table tr:hover td{background:#f0f4ff;} /* ===== Form (Products Page) ===== */ .form-group{margin-bottom:20px;} .form-label{display:block;font-size:14px;color:var(--text);margin-bottom:8px;font-weight:500;} .form-label .required{color:var(--accent-hover);margin-left:4px;} .form-control{width:100%;padding:12px 16px;font-size:15px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:all var(--transition);} .form-control:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 4px rgba(26,92,200,.1);} .form-control.is-invalid{border-color:var(--accent-hover);} .form-help{font-size:12px;color:var(--text-muted);margin-top:6px;} .form-error{font-size:12px;color:var(--accent-hover);margin-top:6px;display:none;} .form-control.is-invalid + .form-error{display:block;} .form-status{padding:12px 16px;border-radius:var(--radius);margin-top:16px;display:none;} .form-status.is-success{background:#ecfdf5;color:#047857;display:block;} .form-status.is-error{background:#fef2f2;color:#b91c1c;display:block;} /* ===== Timeline ===== */ /* v20260730aw: timeline grid 精确对齐(年份|圆点|内容) - 圆点中心与竖线 101px 重合 */ .timeline{position:relative;list-style:none;padding:0;margin:0;} .timeline::before{content:'';position:absolute;left:101px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--primary),var(--border));} .timeline-item{position:relative;display:grid;grid-template-columns:90px 22px 1fr;column-gap:0;align-items:start;margin-bottom:30px;} .timeline-year{text-align:right;font-size:18px;font-weight:700;color:var(--primary);letter-spacing:.02em;padding:2px 10px 0 0;line-height:1.4;min-height:20px;} .timeline-dot{justify-self:center;align-self:start;margin:8px 0 0;width:14px;height:14px;border-radius:50%;background:var(--primary);border:3px solid #fff;box-shadow:0 0 0 2px var(--primary);transition:transform .3s;z-index:1;} .timeline-item:hover .timeline-dot{transform:scale(1.2);} .timeline-body{min-width:0;padding-top:0;} .timeline-title{font-size:18px;font-weight:700;color:var(--primary);margin:0 0 4px;line-height:1.4;} .timeline-sub{font-weight:700;color:var(--primary);} .timeline-content{color:var(--text-light);font-size:15px;line-height:1.7;margin:0;} @media(max-width:600px){.timeline-item{grid-template-columns:62px 18px 1fr;}.timeline::before{left:71px;}.timeline-year{font-size:14px;padding-right:6px;}.timeline-dot{margin-top:6px;}} /* ===== About Photo ===== */ .about-photo{width:100%;max-width:520px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform .4s;} .about-photo:hover{transform:scale(1.02);} /* ===== Article ===== */ .article{background:#fff;border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm);margin-bottom:30px;} .article__back{display:inline-flex;align-items:center;gap:6px;background:var(--bg-soft);color:var(--primary);padding:6px 16px;border-radius:20px;font-size:13px;margin-bottom:20px;transition:all var(--transition);} .article__back:hover{background:var(--primary);color:#fff;} .article__meta{font-size:13px;color:var(--text-light);margin-bottom:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;} .article__title{font-size:26px;color:var(--primary);margin-bottom:16px;line-height:1.4;text-align:center;} .article__body p{color:var(--text-light);font-size:15px;line-height:2;margin-bottom:16px;} .article__body h2{color:var(--primary);font-size:19px;margin:28px 0 12px;} .article__body h3{color:var(--primary);font-size:17px;margin:24px 0 12px;} .article__body ul{list-style:none;margin-bottom:16px;} .article__body ul li{color:var(--text-light);font-size:14px;padding:4px 0 4px 24px;position:relative;line-height:1.8;} .article__body ul li::before{content:'\25B6';color:var(--accent);position:absolute;left:0;font-size:10px;top:8px;font-weight:700;} .article__body img{max-width:100%;height:auto;border-radius:10px;margin:8px 0 4px;display:block;} .article__body .img-caption{font-size:12px;color:var(--text-muted);text-align:center;margin-bottom:16px;} .article__body strong{color:var(--primary);} .article-table,.article__body table{width:100%;border-collapse:collapse;margin:20px 0 24px;font-size:14px;table-layout:fixed;} .article-table th,.article-table td,.article__body table th,.article__body table td{border:1px solid rgba(14,58,140,.15);padding:10px 12px;text-align:left;line-height:1.7;color:var(--text-light);} .article-table th,.article__body table th{background:rgba(14,58,140,.06);color:var(--primary);font-weight:600;text-align:center;} .article-table td:first-child,.article__body table td:first-child{color:var(--primary);font-weight:600;background:rgba(14,58,140,.03);} .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0 24px;} .table-wrapper table{margin:0;min-width:480px;} @media(max-width:600px){.article-table,.article__body table{font-size:12px;}.article-table th,.article-table td,.article__body table th,.article__body table td{padding:7px 8px;}} .article__cover{width:100%;max-height:360px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:24px;} .news-tag{display:inline-block;background:var(--primary);color:#fff;font-size:12px;padding:2px 10px;border-radius:10px;} .news-tag.orange{background:var(--accent);} .news-tag.green{background:#16a085;} @media(max-width:600px){.article{padding:24px;}.article__title{font-size:22px;}} /* ===== News Tabs ===== */ .news-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:30px;flex-wrap:wrap;} .news-tab{padding:8px 20px;border-radius:999px;font-size:14px;background:var(--bg-soft);color:var(--text);transition:all var(--transition);border:0;cursor:pointer;} .news-tab:hover{background:var(--border);} .news-tab.active{background:var(--primary);color:#fff;} /* ===== News Cards ===== */ .news-section{margin-top:36px;} .news-section__title{font-size:20px;color:var(--primary);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--primary);display:inline-block;} .news-card{border-bottom:1px solid var(--border);padding:28px 0;transition:all .2s;} .news-card:last-child{border-bottom:none;} .news-card:hover{padding-left:8px;} .news-card__link{display:flex;gap:24px;align-items:flex-start;} .news-date{min-width:80px;text-align:center;flex-shrink:0;} .news-date .day{font-size:36px;font-weight:800;color:var(--primary);line-height:1;} .news-date .month{font-size:13px;color:var(--text-light);} .news-body{flex:1;} .news-title{font-size:18px;color:var(--text);margin-bottom:8px;line-height:1.5;transition:color var(--transition);} .news-card__link:hover .news-title{color:var(--primary);} .news-body p{font-size:14px;color:var(--text-light);line-height:1.8;margin-bottom:10px;} .news-read{font-size:13px;color:var(--primary);font-weight:600;} @media(max-width:600px){.news-card__link{flex-direction:column;gap:8px;}.news-date{display:flex;gap:8px;align-items:baseline;}.news-date .day{font-size:24px;}} /* ===== Product Card (Grid) ===== */ .product-card .card__media{aspect-ratio:1/1;} .product-specs{background:var(--bg-soft);padding:30px;border-radius:var(--radius-lg);margin:30px 0;} /* ===== App Grid ===== */ .app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;} .app-card{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--motion);} .app-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);} .app-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s;} .app-card:hover img{transform:scale(1.08);} .app-card__overlay{position:absolute;inset:0;background:rgba(8,36,90,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;transition:background .3s;} .app-card:hover .app-card__overlay{background:rgba(8,36,90,.65);} .app-card__title{color:#fff;font-size:20px;font-weight:600;text-align:center;} @media(max-width:900px){.app-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:600px){.app-grid{grid-template-columns:1fr;}.app-card{aspect-ratio:4/3;}} /* ===== Stats Bar - 增强统计栏 ===== */ /* v20260801bs: cache-bust - stats-bar 移出 hero 区域至下方独立展示，恢复白色实体背景 */ /* v20260730s: cache-bust - stats-bar 卡片缩窄（padding 34→18 / gap 20→14 / 数字 40→32 / item padding 8→2 / 上浮 60→40）避免遮挡 Hero CTA 按钮 */ /* v20260730t: cache-bust - stats-bar 上浮 40→55，加大与 Hero CTA 按钮间距 */ .stats-bar{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:6px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 auto;max-width:var(--container);position:relative;z-index:2;border:1px solid rgba(0,0,0,.03);} .stat-item{text-align:center;padding:1px 0;transition:transform .3s;} .stat-item:hover{transform:translateY(-3px);} .stat-num{font-size:26px;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15;letter-spacing:-0.01em;} .stat-label{font-size:12px;color:var(--text-light);margin-top:2px;letter-spacing:.02em;} @media(max-width:600px){.stats-bar{grid-template-columns:repeat(2,1fr);padding:5px 16px;gap:10px;}.stat-num{font-size:22px;}.stat-label{font-size:11px;}} /* ===== Gallery ===== */ .gallery-banner{background:var(--bg-soft);padding:60px 0;} .gallery-banner h2{text-align:center;margin-bottom:30px;font-size:28px;} .gallery-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;} .gallery-row img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:var(--radius-lg);padding:12px;transition:transform .3s,box-shadow .3s;} .gallery-row img:hover{transform:scale(1.03);box-shadow:var(--shadow);} @media(max-width:900px){.gallery-row{grid-template-columns:repeat(2,1fr);}} @media(max-width:600px){.gallery-row{grid-template-columns:1fr;}} /* ===== Map ===== */ .map-wrap{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);background:#f3f4f6;} .map-wrap img{width:100%;height:auto;display:block;} /* ===== Back to Top ===== */ .back-to-top{position:fixed;right:24px;bottom:24px;z-index:999;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-primary);transition:all var(--transition);border:0;cursor:pointer;font-size:20px;} .back-to-top.is-show,.back-to-top.show{display:flex;} .back-to-top:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(14,58,140,.25);} /* ===== Utilities ===== */ .text-center{text-align:center;} .mb-1{margin-bottom:8px;}.mb-2{margin-bottom:16px;}.mb-3{margin-bottom:24px;}.mb-4{margin-bottom:32px;} .mt-1{margin-top:8px;}.mt-2{margin-top:16px;}.mt-3{margin-top:24px;}.mt-4{margin-top:32px;} /* ===== Form Toast ===== */ .form-toast{margin-top:12px;padding:10px 14px;border-radius:8px;background:#e8f5ee;color:#157f3e;font-size:14px;display:flex;align-items:center;gap:8px;border:1px solid #b6e3c5;} .form-toast__icon{display:inline-flex;width:20px;height:20px;background:#157f3e;color:#fff;border-radius:50%;align-items:center;justify-content:center;font-weight:700;font-size:13px;} .form-toast--show{animation:formToastFade .25s ease-out;} @keyframes formToastFade{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:translateY(0);}} /* ===== Contact Cards ===== */ .contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px;} .contact-card{display:flex;align-items:center;gap:16px;padding:22px 22px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:all var(--motion);position:relative;overflow:hidden;} .contact-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary),var(--primary-light));opacity:0;transition:opacity .25s ease;} .contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent;} .contact-card:hover::before{opacity:1;} .contact-card-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(26,92,200,.22);} .contact-card-icon svg{width:24px;height:24px;} .contact-card-content{display:flex;flex-direction:column;gap:4px;min-width:0;} .contact-card-label{font-size:13px;color:var(--text-muted);font-weight:500;} .contact-card-value{font-size:18px;color:var(--primary);font-weight:700;letter-spacing:.5px;word-break:break-all;} .contact-card-desc{font-size:12px;color:var(--text-light);margin-top:2px;} .contact-address{display:flex;align-items:center;gap:18px;padding:24px 28px;background:linear-gradient(135deg,var(--bg-soft) 0%,#fff 100%);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:36px;transition:all .3s;} .contact-address:hover{box-shadow:var(--shadow-sm);} .contact-address-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;} .contact-address-icon svg{width:24px;height:24px;} .contact-address-content{display:flex;flex-direction:column;gap:4px;} .contact-address-label{font-size:13px;color:var(--text-muted);font-weight:500;} .contact-address-value{font-size:16px;color:var(--text);font-weight:600;} .contact-section-title{font-size:22px;color:var(--primary);margin:0 0 18px;font-weight:700;display:flex;align-items:center;gap:12px;} .contact-section-title::before{content:'';display:inline-block;width:5px;height:22px;background:linear-gradient(180deg,var(--primary),var(--primary-light));border-radius:3px;} .map-and-services{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:48px;align-items:start;} .map-wrap{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);background:var(--bg-soft);} .map-wrap img{display:block;width:100%;height:auto;object-fit:cover;} .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:0;} .info-mini{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 20px;text-align:center;transition:all var(--motion);} .info-mini:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary-light);} .info-mini-icon{width:56px;height:56px;margin:0 auto 14px;display:block;object-fit:contain;} .info-mini strong{display:block;font-size:16px;color:var(--text);margin-bottom:6px;font-weight:700;} .info-mini span{display:block;font-size:13px;color:var(--text-light);} @media(max-width:1100px){.contact-cards{grid-template-columns:repeat(2,1fr);}} @media(max-width:900px){.contact-cards{grid-template-columns:1fr;gap:16px;}.contact-card{padding:22px;}.map-and-services{grid-template-columns:1fr;gap:24px;}} @media(max-width:600px){.contact-card{padding:18px;gap:14px;}.contact-card-icon{width:48px;height:48px;}.contact-card-icon svg{width:24px;height:24px;}.contact-card-value{font-size:17px;}.contact-address{padding:18px;gap:14px;flex-direction:column;align-items:flex-start;}.contact-section-title{font-size:18px;}.info-grid{grid-template-columns:1fr;gap:14px;}} /* ===== Solution Header ===== */ .solution-header{text-align:center;margin-bottom:40px;} .solution-header .section-title{font-size:30px;color:var(--primary);margin-bottom:12px;} .solution-header .section-sub{font-size:16px;color:var(--text-light);} .solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .solution-grid--2col{grid-template-columns:repeat(2,1fr);} .solution-grid--3col{grid-template-columns:repeat(3,1fr);} .solution-card{background:#fff;border-radius:var(--radius-lg);padding:30px;border:1px solid var(--border);transition:all var(--motion);} .solution-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-light);} .solution-card--wide{grid-column:span 2;} .solution-card--featured{padding:32px;} .solution-card__icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;} .solution-card__icon svg{width:28px;height:28px;color:#fff;} .solution-card h3{font-size:18px;color:var(--text);margin:0 0 16px;font-weight:700;} .product-list{list-style:none;padding:0;margin:0;} .product-list li{font-size:14px;color:var(--text);padding:6px 0;border-bottom:1px dashed var(--border);line-height:1.5;transition:padding-left .2s;} .product-list li:hover{padding-left:6px;} .product-list li:last-child{border-bottom:none;} .product-list li strong{color:var(--primary);font-weight:600;} .product-list--3col{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px;} .product-list--3col li{padding:4px 0;} /* ===== CTA Section ===== */ .section--cta{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;position:relative;overflow:hidden;} .section--cta::before{content:'';position:absolute;top:-20%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%;} .cta-box{text-align:center;padding:48px 24px;position:relative;z-index:1;} .cta-box h2{font-size:30px;margin:0 0 16px;font-weight:700;} .cta-box p{font-size:16px;opacity:.9;margin:0 0 32px;} .cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;} .cta-actions .btn--primary{background:#fff;color:var(--primary);padding:14px 32px;border-radius:var(--radius);font-weight:600;transition:all .25s ease;} .cta-actions .btn--primary:hover{background:var(--bg-soft);transform:translateY(-2px);} .cta-actions .btn--secondary{background:transparent;color:#fff;padding:14px 32px;border:2px solid #fff;border-radius:var(--radius);font-weight:600;transition:all .25s ease;} .cta-actions .btn--secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);} @media(max-width:1100px){.solution-grid{grid-template-columns:repeat(2,1fr);}.solution-grid--2col{grid-template-columns:repeat(2,1fr);}.solution-grid--3col{grid-template-columns:repeat(2,1fr);}.solution-card--wide{grid-column:span 2;}} @media(max-width:768px){.solution-header .section-title{font-size:24px;}.solution-grid{grid-template-columns:1fr;}.solution-grid--2col{grid-template-columns:1fr;}.solution-grid--3col{grid-template-columns:1fr;}.solution-card--wide{grid-column:span 1;}.product-list--3col{grid-template-columns:1fr;}.cta-box h2{font-size:22px;}.cta-actions{flex-direction:column;align-items:center;}.cta-actions .btn--primary,.cta-actions .btn--secondary{width:100%;max-width:300px;}} /* ===== Page Jump ===== */ .page-jump{display:flex;justify-content:center;gap:24px;margin-top:32px;flex-wrap:wrap;} .page-jump a{color:rgba(255,255,255,.7);font-size:14px;padding:6px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.25);text-decoration:none;transition:all .25s;} .page-jump a:hover{color:#fff;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.5);} /* ===== Industry Section ===== */ .industry-section{padding:60px 0 0;} .industry-section--alt{background:var(--bg-section);} .industry-hero{position:relative;width:100%;height:380px;overflow:hidden;margin-bottom:48px;border-radius:var(--radius-lg);} .industry-hero img{width:100%;height:100%;object-fit:cover;display:block;} .industry-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.55) 100%);display:flex;align-items:flex-end;padding-bottom:32px;} .industry-hero__overlay h2{color:#fff;font-size:36px;font-weight:700;margin:0 0 10px;text-shadow:0 2px 8px rgba(0,0,0,.4);} .industry-hero__overlay p{color:rgba(255,255,255,.85);font-size:16px;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.4);} .industry-scenarios{margin-bottom:60px;} .industry-scenarios__title,.industry-products__title{font-size:22px;font-weight:700;color:var(--primary);text-align:center;margin:0 0 28px;position:relative;} .industry-scenarios__title::after,.industry-products__title::after{content:'';display:block;width:40px;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));margin:12px auto 0;border-radius:2px;} .scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;} .scenario-card{position:relative;display:block;height:220px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--motion);text-decoration:none;} .scenario-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);} .scenario-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--motion);} .scenario-card:hover img{transform:scale(1.08);} .scenario-card__title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.65) 100%);color:#fff;font-size:18px;font-weight:600;letter-spacing:.5px;} .industry-products{padding-bottom:60px;} .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .product-card{background:#fff;padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--motion);} .product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary);} .product-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px;} .product-card h4{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 12px;border-bottom:1px solid var(--border);padding-bottom:10px;} .product-card ul{list-style:none;padding:0;margin:0;} .product-card li{font-size:13px;color:var(--text-light);line-height:1.7;padding-left:14px;position:relative;} .product-card li::before{content:'';position:absolute;left:0;top:11px;width:5px;height:5px;background:var(--primary);border-radius:50%;} /* ===== CTA Section (Products Page) ===== */ .cta-section{background:linear-gradient(135deg,#1a3a8a 0%,#2563eb 100%);padding:60px 0;color:#fff;text-align:center;position:relative;overflow:hidden;} .cta-section::before{content:'';position:absolute;top:-20%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%;} .cta-section h2{color:#fff;margin:0 0 12px;font-size:28px;position:relative;z-index:1;} .cta-section p{color:rgba(255,255,255,.85);margin:0 0 28px;font-size:15px;position:relative;z-index:1;} .cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1;} .cta-buttons .btn--primary{background:#fff;color:var(--primary);padding:12px 32px;border-radius:999px;font-weight:600;text-decoration:none;transition:all .25s;box-shadow:0 4px 16px rgba(255,255,255,.25);} .cta-buttons .btn--primary:hover{background:var(--bg-soft);transform:translateY(-2px);} .cta-buttons .btn--outline{background:transparent;color:#fff;padding:12px 32px;border-radius:999px;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.5);transition:all .25s;} .cta-buttons .btn--outline:hover{background:rgba(255,255,255,.1);border-color:#fff;} @media(max-width:1000px){.scenario-grid{grid-template-columns:repeat(2,1fr);}.product-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:768px){.industry-hero{height:280px;}.industry-hero__overlay h2{font-size:26px;}.industry-hero__overlay p{font-size:14px;}.scenario-grid{grid-template-columns:repeat(2,1fr);gap:12px;}.scenario-card{height:160px;}.scenario-card__title{font-size:15px;}.product-grid{grid-template-columns:1fr;gap:16px;}.page-jump{gap:12px;}.page-jump a{font-size:12px;padding:5px 12px;}} /* ===== Portal Section ===== */ .portal-section{background:var(--bg-section);padding:72px 0;} .portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;} .portal-card{position:relative;height:280px;border-radius:var(--radius-lg);overflow:hidden;background-size:cover;background-position:center;display:block;text-decoration:none;box-shadow:var(--shadow-sm);transition:all var(--motion);} .portal-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);} .portal-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.75) 100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:24px;color:#fff;transition:background .3s;} .portal-card:hover .portal-card__overlay{background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.8) 100%);} .portal-card__icon{font-size:36px;margin-bottom:10px;} .portal-card h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 6px;} .portal-card p{color:rgba(255,255,255,.8);font-size:13px;margin:0 0 12px;} .portal-card__arrow{color:rgba(255,255,255,.9);font-size:13px;font-weight:600;} .portal-card:hover .portal-card__arrow{text-decoration:underline;} .scenario-card--dark::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:1;border-radius:var(--radius-lg);transition:background .3s;} .scenario-card--dark:hover::before{background:rgba(0,0,0,.5);} @media(max-width:768px){.portal-grid{grid-template-columns:1fr;gap:16px;}.portal-card{height:200px;}.scenario-card--dark::before{display:none;}} /* ===== Industry Tabs ===== */ .industry-tabs{position:sticky;top:var(--header-h);z-index:99;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;gap:12px;overflow-x:auto;padding:16px 24px;justify-content:center;flex-wrap:wrap;border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs);} .industry-tab{flex-shrink:0;padding:12px 28px;font-size:15px;font-weight:500;color:#555;cursor:pointer;border:2px solid #e0e0e0;background:#fff;border-radius:10px;transition:all .25s;white-space:nowrap;font-family:inherit;} .industry-tab:hover{border-color:var(--primary-light);color:var(--primary-light);} .industry-tab.active{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-color:var(--primary);color:#fff;box-shadow:var(--shadow-primary);} .industry-panel{display:none;padding:48px 0;} .industry-panel.active{display:block;animation:fadeIn .4s ease;} @keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}} .industry-panel h2{font-size:26px;color:var(--primary);margin-bottom:8px;font-weight:700;} .industry-desc{color:var(--text-light);margin-bottom:36px;font-size:15px;padding:12px 16px;background:var(--bg-soft);border-left:4px solid var(--primary);border-radius:0 var(--radius) var(--radius) 0;} .sub-category{margin-bottom:40px;} .sub-category h3{font-size:17px;color:var(--text);font-weight:700;margin-bottom:14px;padding-left:12px;border-left:4px solid var(--primary);} .product-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);} .product-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;} .product-table th{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:12px 16px;text-align:left;font-weight:600;white-space:nowrap;} .product-table td{padding:10px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;transition:background .2s;} .product-table tr:hover td{background:#f0f4ff;} .product-table tr:last-child td{border-bottom:none;} /* ===== Footer Main (Products Page) ===== */ .footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.15);} .footer-col h4{color:#fff;font-size:16px;margin-bottom:16px;font-weight:700;} .footer-col p,.footer-col li{font-size:14px;line-height:2;} .footer-col ul{list-style:none;padding:0;margin:0;} .footer-col a{color:rgba(255,255,255,.7);transition:color .2s;} .footer-col a:hover{color:#fff;} .footer-qr{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:20px;flex-wrap:wrap;} .footer-qr img{width:100px;height:auto;border-radius:6px;} .footer-qr .qr-tip{font-size:12px;color:rgba(255,255,255,.6);text-align:center;margin-top:6px;} @media(max-width:768px){.footer-main{grid-template-columns:1fr;gap:24px;}.footer-qr{flex-direction:column;align-items:center;gap:16px;}} /* ===== Contact Form Extras ===== */ .contact-form-sub{color:var(--text-light);font-size:14px;margin-bottom:24px;} .form-submit-btn{width:100%;padding:14px;font-size:16px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .25s;} .form-submit-btn:hover{opacity:.9;transform:translateY(-1px);} .form-submit-btn:active{transform:scale(.98);} .form-submit-btn:disabled{opacity:.6;cursor:not-allowed;} /* Scroll Reveal 入场动画已取消：内容直接显示，不再淡入/上移（仅保留导航栏滚动阴影） */ /* ===== Header Scroll Shadow ===== */ .site-header.scrolled{background:rgba(255,255,255,.72);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 6px 24px rgba(14,58,140,.12);} /* ===== Selection ===== */ ::selection{background:var(--primary);color:#fff;} ::-moz-selection{background:var(--primary);color:#fff;} /* ===== Scrollbar ===== */ ::-webkit-scrollbar{width:10px;height:10px;} ::-webkit-scrollbar-track{background:var(--bg-soft);} ::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px;} ::-webkit-scrollbar-thumb:hover{background:var(--text-muted);} /* ===== Solutions Page (migrated from solutions.html inline