@charset "utf-8";
/* ============ 关于我们页 - 大气炫酷样式 ============ */
:root {
--ab-primary: #1677ff;
--ab-primary-dark: #0958d9;
--ab-accent: #ff4d4f;
--ab-purple: #a855f7;
--ab-cyan: #06b6d4;
--ab-dark: #0b1220;
--ab-dark-2: #111827;
--ab-dark-3: #1f2937;
--ab-text: #1f2937;
--ab-text-light: #6b7280;
--ab-bg: #f8fafc;
--ab-border: #e5e7eb;
--ab-shadow: 0 10px 40px rgba(15, 23, 42, 0.08);
--ab-shadow-hover: 0 20px 60px rgba(15, 23, 42, 0.15); 
}
#jiage,#about{background: #fff;color: var(--ab-text);line-height: 1.6;}
.about-container{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 16px;position: relative;}
/* ============ E-E-A-T 快速导航 ============ */
/*.about-eeat-nav{position: sticky;top: 84px;z-index: 40;padding: 16px 0;background: rgba(255,255,255,.94);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border-bottom: 1px solid rgba(229,231,235,.8);box-shadow: 0 8px 24px rgba(15,23,42,.05);}*/
/*.about-eeat-nav-inner{display: grid;grid-template-columns: repeat(4,1fr);gap: 12px;}*/
/*.about-eeat-nav-item{display: flex;align-items: center;gap: 10px;min-width: 0;padding: 12px 14px;background: #fff;border: 1px solid var(--ab-border);border-radius: 14px;text-decoration: none;transition: all .25s ease;}*/
/*.about-eeat-nav-item:hover,.about-eeat-nav-item.active{transform: translateY(-2px);box-shadow: var(--ab-shadow);border-color: transparent;}*/
/*.about-eeat-nav-item.active{background: linear-gradient(135deg,rgba(22,119,255,.06),rgba(168,85,247,.06));}*/
/*.about-eeat-nav-item.active strong{color: var(--ab-primary);}*/
/*.about-eeat-nav-item > span:nth-child(2){display: flex;flex-direction: column;min-width: 0;}*/
/*.about-eeat-nav-item strong{font-size: 14px;line-height: 1.4;color: var(--ab-text);}*/
/*.about-eeat-nav-item em{font-size: 10px;font-style: normal;color: var(--ab-text-light);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}*/
/*.about-eeat-nav-icon{width: 34px;height: 34px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;border-radius: 10px;color: #fff;font-size: 14px;background: linear-gradient(135deg,#1677ff,#4f46e5);}*/
/*.about-eeat-nav-item.expertise .about-eeat-nav-icon{background: linear-gradient(135deg,#a855f7,#ec4899);}*/
/*.about-eeat-nav-item.experience .about-eeat-nav-icon{background: linear-gradient(135deg,#f59e0b,#ef4444);}*/
/*.about-eeat-nav-item.trust .about-eeat-nav-icon{background: linear-gradient(135deg,#06b6d4,#3b82f6);}*/
/*.about-eeat-nav-arrow{margin-left: auto;color: var(--ab-text-light);font-size: 12px;transition: transform .25s,color .25s;}*/
/*.about-eeat-nav-item:hover .about-eeat-nav-arrow{transform: translateX(3px);color: var(--ab-primary);}*/

/* ============ Hero 英雄区 ============ */
.about-hero{position: relative;min-height: 520px;padding: 80px 0 100px;overflow: hidden;background: radial-gradient(ellipse at top left, #1e3a8a 0%, transparent 50%),radial-gradient(ellipse at top right, #7c3aed 0%, transparent 50%),radial-gradient(ellipse at bottom, #db2777 0%, transparent 60%),linear-gradient(135deg, #0b1220 0%, #1e293b 50%, #0f172a 100%);color: #fff;}
.about-hero::before{content: '';position: absolute;inset: 0;background-color: rgba(0,127,255,0.8);background-image:linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px, transparent 1px);background-size: 60px 60px;}
@keyframes float{0%, 100%{transform: translate(0, 0);}50%{transform: translate(-30px, 30px);}}
.about-hero .about-container{position: relative;z-index: 2;}
.about-breadcrumb{display: flex;align-items: center;gap: 8px;font-size: 14px;color: rgba(255,255,255,0.6);margin-bottom: 32px;}
.about-breadcrumb a{color: rgba(255,255,255,0.85);transition: color 0.3s;}
.about-breadcrumb a:hover{color: #fff;}
.about-breadcrumb span{color: rgba(255,255,255,0.4);}
.about-hero-badge{display: inline-flex;align-items: center;gap: 8px;padding: 8px 18px;background: rgba(255,255,255,0.1);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 1px solid rgba(255,255,255,0.2);border-radius: 100px;font-size: 14px;color: #fff;margin-bottom: 24px;}
.about-hero-badge .dot{width: 8px;height: 8px;background: #4ade80;border-radius: 50%;box-shadow: 0 0 12px #4ade80;animation: pulse 2s ease-in-out infinite;}
@keyframes pulse{0%, 100%{opacity: 1;transform: scale(1);}50%{opacity: 0.6;transform: scale(1.2);}}
.about-hero-title{font-size: 56px;font-weight: 800;line-height: 1.15;margin-bottom: 20px;background: linear-gradient(135deg, #fff 0%, #bddcff 50%, #c4b5fd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: -1px;}
.about-hero-subtitle{font-size: 22px;font-weight: 500;color: rgba(255,255,255,0.9);margin-bottom: 16px;}
.about-hero-desc{font-size: 16px;color: rgba(255,255,255,0.7);max-width: 720px;line-height: 1.8;margin-bottom: 32px;}
.about-hero-tags{display: flex;flex-wrap: wrap;gap: 12px;}
.about-hero-tag{display: inline-flex;align-items: center;gap: 6px;padding: 8px 20px;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.15);border-radius: 100px;font-size: 14px;color: #fff;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);transition: all 0.3s;}
.about-hero-tag:hover{background: rgba(255,255,255,0.15);transform: translateY(-2px);}
.about-hero-tag i{color: #93c5fd;}
/* ============ 统计数据区 ============ */
.about-stats{position: relative;margin-top: -60px;z-index: 5;padding: 0 0 40px;}
.about-stats-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;padding: 40px;background: #fff;border-radius: 24px;box-shadow: 0 20px 60px rgba(15,23,42,0.12);position: relative;overflow: hidden;}
.about-stats-grid::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #1677ff, #a855f7, #ff4d4f, #06b6d4);}
.about-stat-item{text-align: center;padding: 20px 10px;border-right: 1px solid var(--ab-border);transition: transform 0.3s;}
.about-stat-item:last-child{border-right: none;}
.about-stat-item:hover{transform: translateY(-4px);}
.about-stat-icon{width: 56px;height: 56px;margin: 0 auto 16px;display: flex;align-items: center;justify-content: center;border-radius: 16px;font-size: 24px;color: #fff;background: linear-gradient(135deg, #1677ff, #4f46e5);box-shadow: 0 8px 20px rgba(22,119,255,0.3);}
.about-stat-item:nth-child(2) .about-stat-icon{background: linear-gradient(135deg, #a855f7, #ec4899);box-shadow: 0 8px 20px rgba(168,85,247,0.3);}
.about-stat-item:nth-child(3) .about-stat-icon{background: linear-gradient(135deg, #f59e0b, #ef4444);box-shadow: 0 8px 20px rgba(245,158,11,0.3);}
.about-stat-item:nth-child(4) .about-stat-icon{background: linear-gradient(135deg, #06b6d4, #3b82f6);box-shadow: 0 8px 20px rgba(6,182,212,0.3);}
.about-stat-num{display: flex;align-items: baseline;justify-content: center;gap: 4px;margin-bottom: 8px;}
.about-stat-num .num{font-size: 42px;font-weight: 800;background: linear-gradient(135deg, #1677ff, #4f46e5);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;line-height: 1;}
.about-stat-num .unit{font-size: 18px;font-weight: 600;color: var(--ab-text-light);}
.about-stat-label{font-size: 14px;color: var(--ab-text-light);}
/* ============ 通用区块 ============ */
.about-section{padding: 80px 0;position: relative;}
.about-section.bg-gray{background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);}
.about-section.bg-dark{background: linear-gradient(135deg, #0b1220 0%, #1e293b 100%);color: #fff;}
.about-section-header{text-align: center;margin-bottom: 56px;}
.about-section-tag{display: inline-block;padding: 6px 18px;background: linear-gradient(135deg, rgba(22,119,255,0.1), rgba(168,85,247,0.1));color: var(--ab-primary);font-size: 13px;font-weight: 600;border-radius: 100px;margin-bottom: 16px;border: 1px solid rgba(22,119,255,0.2);}
.about-section.bg-dark .about-section-tag{background: rgba(255,255,255,0.08);color: #93c5fd;border-color: rgba(147,197,253,0.2);}
.about-section-title{font-size: 36px;font-weight: 800;color: var(--ab-text);margin-bottom: 12px;letter-spacing: -0.5px;}
.about-section.bg-dark .about-section-title{color: #fff;}
.about-section-desc{font-size: 16px;color: var(--ab-text-light);max-width: 640px;margin: 0 auto;}
.about-section.bg-dark .about-section-desc{color: rgba(255,255,255,0.7);}
/* ============ 公司简介 ============ */
.about-intro-wrap{display: grid;grid-template-columns: 1.3fr 1fr;gap: 60px;align-items: center;}
.about-intro-text p{font-size: 16px;line-height: 2;color: #4b5563;margin-bottom: 20px;}
.about-intro-text p strong{color: var(--ab-primary);font-weight: 600;}
.about-intro-quote{display: flex;align-items: center;gap: 12px;padding: 20px 24px;background: linear-gradient(135deg, rgba(22,119,255,0.06), rgba(168,85,247,0.06));border-left: 4px solid var(--ab-primary);border-radius: 12px;margin: 28px 0;font-size: 18px;font-weight: 600;color: var(--ab-text);}
.about-intro-quote i{color: var(--ab-primary);font-size: 20px;}
.about-intro-list{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;margin-top: 24px;}
.about-intro-list li{display: flex;align-items: center;gap: 10px;font-size: 15px;color: var(--ab-text);}
.about-intro-list li i{color: #10b981;font-size: 18px;}
.about-intro-image{position: relative;}
.about-intro-image .image-frame{position: relative;border-radius: 24px;overflow: hidden;box-shadow: 0 30px 80px rgba(15,23,42,0.2);aspect-ratio: 4 / 3;background: linear-gradient(135deg, #1e3a8a, #4f46e5);}
.about-intro-image .image-frame img{width: 100%;height: 100%;object-fit: cover;display: block;}
.about-intro-image::before{content: '';position: absolute;top: -20px;right: -20px;width: 120px;height: 120px;background: linear-gradient(135deg, #1677ff, #a855f7);border-radius: 24px;z-index: -1;opacity: 0.4;filter: blur(20px);}
.about-intro-image::after{content: '';position: absolute;bottom: -20px;left: -20px;width: 120px;height: 120px;background: linear-gradient(135deg, #ff4d4f, #f59e0b);border-radius: 24px;z-index: -1;opacity: 0.4;filter: blur(20px);}
.about-intro-badge{position: absolute;bottom: 24px;left: 24px;padding: 14px 22px;background: rgba(255,255,255,0.95);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-radius: 16px;box-shadow: 0 10px 30px rgba(0,0,0,0.15);text-align: center;}
.about-intro-badge .code{font-size: 22px;font-weight: 800;color: var(--ab-primary);display: block;line-height: 1;}
.about-intro-badge .text{font-size: 12px;color: var(--ab-text-light);margin-top: 4px;}
/* ============ 核心优势 ============ */
.about-adv-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;}
.about-adv-card{position: relative;padding: 36px 28px;background: #fff;border-radius: 20px;border: 1px solid var(--ab-border);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);overflow: hidden;}
.about-adv-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, var(--ab-primary), var(--ab-purple));transform: scaleX(0);transform-origin: left;transition: transform 0.4s;}
.about-adv-card:hover{transform: translateY(-8px);border-color: transparent;box-shadow: var(--ab-shadow-hover);}
.about-adv-card:hover::before{transform: scaleX(1);}
.about-adv-icon{width: 64px;height: 64px;display: flex;align-items: center;justify-content: center;border-radius: 18px;font-size: 26px;color: #fff;background: linear-gradient(135deg, #1677ff, #4f46e5);box-shadow: 0 12px 24px rgba(22,119,255,0.25);margin-bottom: 24px;transition: transform 0.4s;}
.about-adv-card:hover .about-adv-icon{transform: scale(1.1) rotate(-5deg);}
.about-adv-card:nth-child(2) .about-adv-icon{background: linear-gradient(135deg, #a855f7, #ec4899);box-shadow: 0 12px 24px rgba(168,85,247,0.25);}
.about-adv-card:nth-child(3) .about-adv-icon{background: linear-gradient(135deg, #f59e0b, #ef4444);box-shadow: 0 12px 24px rgba(245,158,11,0.25);}
.about-adv-card:nth-child(4) .about-adv-icon{background: linear-gradient(135deg, #06b6d4, #3b82f6);box-shadow: 0 12px 24px rgba(6,182,212,0.25);}
.about-adv-num{position: absolute;top: 24px;right: 28px;font-size: 56px;font-weight: 800;color: var(--ab-bg);line-height: 1;z-index: 0;}
.about-adv-card h3{position: relative;font-size: 20px;font-weight: 700;color: var(--ab-text);margin-bottom: 18px;z-index: 1;}
.about-adv-card ul{position: relative;z-index: 1;margin-bottom: 20px;}
.about-adv-card ul li{position: relative;padding-left: 22px;font-size: 14px;color: #4b5563;line-height: 1.9;}
.about-adv-card ul li::before{content: '';position: absolute;left: 0;top: 11px;width: 6px;height: 6px;border-radius: 50%;background: var(--ab-primary);}
.about-adv-card:nth-child(2) ul li::before{background: var(--ab-purple);}
.about-adv-card:nth-child(3) ul li::before{background: #f59e0b;}
.about-adv-card:nth-child(4) ul li::before{background: var(--ab-cyan);}
.about-adv-tag{display: inline-block;padding: 8px 14px;background: linear-gradient(135deg, rgba(22,119,255,0.08), rgba(168,85,247,0.08));color: var(--ab-primary);font-size: 13px;font-weight: 600;border-radius: 8px;border: 1px solid rgba(22,119,255,0.15);}
/* ============ 荣誉资质 ============ */
.about-honors-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;}
.about-honor-item{position: relative;padding: 12px;background: #fff;border-radius: 12px;border: 1px solid var(--ab-border);text-align: center;transition: all 0.3s;overflow: hidden;}
.about-honor-item::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg, rgba(22,119,255,0.04), rgba(168,85,247,0.04));opacity: 0;transition: opacity 0.3s;}
.about-honor-item:hover{transform: translateY(-6px);box-shadow: var(--ab-shadow);border-color: transparent;}
.about-honor-item:hover::before{opacity: 1;}
.about-honor-img{position: relative;width: 100%;aspect-ratio: 4 / 3;border-radius: 10px;overflow: hidden;margin-bottom: 12px;background: #f1f5f9;}
.about-honor-img img{width: 100%;height: 100%;object-fit: contain;transition: transform 0.5s;}
.about-honor-item:hover .about-honor-img img{transform: scale(1.05);}
.about-honor-text{position: relative;font-size: 14px;font-weight: 600;color: var(--ab-text);margin-bottom: 4px;line-height: 1.4;}
.about-honor-code{position: relative;font-size: 12px;color: var(--ab-text-light);}
.about-honors-more{text-align: center;margin-top: 40px;}
.about-honors-more a{display: inline-flex;align-items: center;gap: 8px;padding: 12px 28px;background: linear-gradient(135deg, #1677ff, #4f46e5);color: #fff;font-size: 15px;font-weight: 600;border-radius: 100px;transition: all 0.3s;box-shadow: 0 8px 20px rgba(22,119,255,0.3);}
.about-honors-more a:hover{transform: translateY(-2px);box-shadow: 0 12px 28px rgba(22,119,255,0.4);color: #fff;}
/* ============ 客户案例 ============ */
.about-customers-grid{display: grid;grid-template-columns: repeat(6, 1fr);gap: 16px;margin-bottom: 32px;}
.about-customer-card{background: rgba(255,255,255,0.05);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.1);border-radius: 14px;text-align: center;color: rgba(255,255,255,0.9);font-size: 15px;font-weight: 500;transition: all 0.3s;cursor: default;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.about-customer-card:hover{background: rgba(255,255,255,0.1);border-color: rgba(147,197,253,0.4);transform: translateY(-4px);color: #fff;box-shadow: 0 10px 30px rgba(22,119,255,0.2);}
.about-customer-card.more{background: linear-gradient(135deg, rgba(22,119,255,0.2), rgba(168,85,247,0.2));border-color: rgba(147,197,253,0.3);color: #93c5fd;gap: 8px;}
.about-customer-card img{width: 100%;border-radius: 8px;transition: transform 0.3s;}
.about-customer-card:hover img{transform: scale(1.1);}
.about-customers-summary{display: flex;align-items: center;justify-content: center;gap: 12px;padding: 20px 28px;background: rgba(255,255,255,0.05);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.1);border-radius: 100px;max-width: 720px;margin: 0 auto;color: rgba(255,255,255,0.85);font-size: 15px;}
.about-customers-summary i{color: #fbbf24;font-size: 18px;}
/* ============ 适合企业 ============ */
.about-suit-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;}
.about-suit-card{position: relative;padding: 40px 28px;background: #fff;border-radius: 20px;text-align: center;border: 1px solid var(--ab-border);transition: all 0.4s;overflow: hidden;}
.about-suit-card::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 0;background: linear-gradient(180deg, transparent, rgba(22,119,255,0.05));transition: height 0.4s;}
.about-suit-card:hover{transform: translateY(-6px);border-color: var(--ab-primary);box-shadow: 0 20px 40px rgba(22,119,255,0.12);}
.about-suit-card:hover::after{height: 100%;}
.about-suit-icon{width: 80px;height: 80px;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 32px;color: var(--ab-primary);background: linear-gradient(135deg, rgba(22,119,255,0.1), rgba(168,85,247,0.1));transition: all 0.4s;}
.about-suit-card:hover .about-suit-icon{background: linear-gradient(135deg, #1677ff, #4f46e5);color: #fff;transform: rotate(360deg);}
.about-suit-card h3{font-size: 20px;font-weight: 700;color: var(--ab-text);margin-bottom: 10px;}
.about-suit-card p{font-size: 14px;color: var(--ab-text-light);line-height: 1.7;}
/* ============ 对比表 ============ */
.about-comparison-wrap{max-width: 960px;margin: 0 auto;background: #fff;border-radius: 24px;overflow: hidden;box-shadow: var(--ab-shadow);border: 1px solid var(--ab-border);}
.about-comp-row{display: grid;grid-template-columns: 1.2fr 1fr 1.2fr;}
.about-comp-row + .about-comp-row{border-top: 1px solid var(--ab-border);}
.about-comp-row.header{background: linear-gradient(135deg, #f8fafc, #fff);}
.about-comp-cell{padding: 22px 28px;font-size: 15px;color: var(--ab-text);display: flex;align-items: center;justify-content: center;text-align: center;}
.about-comp-cell.label{font-weight: 600;background: rgba(248,250,252,0.5);color: var(--ab-text);}
.about-comp-cell.official{color: var(--ab-text-light);}
.about-comp-cell.qijia{position: relative;background: linear-gradient(135deg, rgba(22,119,255,0.04), rgba(168,85,247,0.04));color: var(--ab-primary);font-weight: 600;}
.about-comp-row.header .about-comp-cell{font-size: 17px;font-weight: 700;padding: 28px;}
.about-comp-row.header .about-comp-cell.qijia{color: #fff;background: linear-gradient(135deg, #1677ff, #4f46e5);font-size: 18px;}
.about-comp-row.header .about-comp-cell.qijia::before{content: '\f005';font-family: 'Font Awesome 5 Free';font-weight: 900;margin-right: 8px;color: #fbbf24;}
.about-comp-cell.qijia.highlight{color: var(--ab-primary);font-weight: 700;}
.about-comp-cell.qijia.highlight::before{content: '\f00c';font-family: 'Font Awesome 5 Free';font-weight: 900;margin-right: 8px;color: #10b981;}
.about-comparison-conclusion{display: flex;align-items: center;justify-content: center;gap: 12px;margin-top: 32px;padding: 20px 28px;background: linear-gradient(135deg, rgba(22,119,255,0.08), rgba(168,85,247,0.08));border-radius: 16px;color: var(--ab-text);font-size: 16px;max-width: 960px;margin-left: auto;margin-right: auto;}
.about-comparison-conclusion i{color: #f59e0b;font-size: 20px;}
.about-comparison-conclusion strong{color: var(--ab-primary);}
/* ============ 联系我们 ============ */
.about-contact-grid{display: grid;grid-template-columns: 1.2fr 1fr;gap: 24px;margin-bottom: 32px;}
.about-contact-card{position: relative;padding: 36px;background: #fff;border-radius: 20px;border: 1px solid var(--ab-border);transition: all 0.3s;overflow: hidden;}
.about-contact-card.main{background: linear-gradient(135deg, #0b1220 0%, #1e3a8a 100%);color: #fff;border: none;}
.about-contact-card.main::before{content: '';position: absolute;top: -100px;right: -100px;width: 300px;height: 300px;background: radial-gradient(circle, rgba(147,197,253,0.2), transparent 70%);border-radius: 50%;}
.about-contact-card.sub{background: linear-gradient(135deg, #fff, #f8fafc);}
.about-contact-card:hover{transform: translateY(-4px);box-shadow: var(--ab-shadow);}
.about-contact-tag{display: inline-block;padding: 4px 14px;background: rgba(255,255,255,0.15);color: #93c5fd;font-size: 12px;font-weight: 600;border-radius: 100px;margin-bottom: 16px;border: 1px solid rgba(147,197,253,0.3);}
.about-contact-card.sub .about-contact-tag{background: rgba(22,119,255,0.08);color: var(--ab-primary);border-color: rgba(22,119,255,0.2);}
.about-contact-card h3{position: relative;font-size: 24px;font-weight: 700;margin-bottom: 24px;}
.about-contact-card.main h3{color: #fff;}
.about-contact-info{position: relative;}
.about-contact-info .info-item{display: flex;align-items: flex-start;gap: 12px;padding: 10px 0;font-size: 14px;}
.about-contact-card.main .info-item{color: rgba(255,255,255,0.85);}
.about-contact-card.sub .info-item{color: #4b5563;}
.about-contact-info .info-item i{width: 32px;height: 32px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;border-radius: 8px;background: rgba(255,255,255,0.1);color: #93c5fd;font-size: 14px;}
.about-contact-card.sub .info-item i{background: rgba(22,119,255,0.08);color: var(--ab-primary);}
.about-contact-cta{display: flex;justify-content: center;gap: 16px;flex-wrap: wrap;}
.about-cta-btn{display: inline-flex;align-items: center;gap: 10px;padding: 14px 36px;border-radius: 100px;font-size: 16px;font-weight: 600;transition: all 0.3s;text-decoration: none;}
.about-cta-btn.primary{background: linear-gradient(135deg, #1677ff, #4f46e5);color: #fff;box-shadow: 0 10px 24px rgba(22,119,255,0.3);}
.about-cta-btn.primary:hover{transform: translateY(-2px);box-shadow: 0 14px 30px rgba(22,119,255,0.4);color: #fff;}
.about-cta-btn.outline{background: #fff;color: var(--ab-accent);border: 2px solid var(--ab-accent);}
.about-cta-btn.outline:hover{background: var(--ab-accent);color: #fff;transform: translateY(-2px);}
/* ============ 服务流程 ============ */
.about-process-wrap{position: relative;max-width: 1100px;margin: 0 auto;}
.about-process-line{position: absolute;top: 40px;left: 10%;right: 10%;height: 2px;background: linear-gradient(90deg, #1677ff, #a855f7, #ff4d4f, #06b6d4);z-index: 0;}
.about-process-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;position: relative;z-index: 1;}
.about-process-item{text-align: center;padding: 0 12px;}
.about-process-num{width: 80px;height: 80px;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #fff;border: 3px solid var(--ab-primary);color: var(--ab-primary);font-size: 28px;font-weight: 800;box-shadow: 0 10px 30px rgba(22,119,255,0.15);transition: all 0.3s;}
.about-process-item:nth-child(2) .about-process-num{border-color: var(--ab-purple);color: var(--ab-purple);box-shadow: 0 10px 30px rgba(168,85,247,0.15);}
.about-process-item:nth-child(3) .about-process-num{border-color: #f59e0b;color: #f59e0b;box-shadow: 0 10px 30px rgba(245,158,11,0.15);}
.about-process-item:nth-child(4) .about-process-num{border-color: var(--ab-cyan);color: var(--ab-cyan);box-shadow: 0 10px 30px rgba(6,182,212,0.15);}
.about-process-item:hover .about-process-num{transform: scale(1.1);background: var(--ab-primary);color: #fff;}
.about-process-item:nth-child(2):hover .about-process-num{background: var(--ab-purple);}
.about-process-item:nth-child(3):hover .about-process-num{background: #f59e0b;}
.about-process-item:nth-child(4):hover .about-process-num{background: var(--ab-cyan);}
.about-process-item h3{font-size: 18px;font-weight: 700;color: var(--ab-text);margin-bottom: 8px;}
.about-process-item p{font-size: 14px;color: var(--ab-text-light);line-height: 1.6;}
/* ============ 响应式 ============ */
@media screen and (max-width: 1024px){
    .about-eeat-nav{top: 60px;}
    .about-eeat-nav-inner{grid-template-columns: repeat(2,1fr);}
    .about-hero-title{font-size: 42px;}
    .about-adv-grid{grid-template-columns: repeat(2, 1fr);}
    .about-honors-grid{grid-template-columns: repeat(3, 1fr);}
    .about-customers-grid{grid-template-columns: repeat(4, 1fr);}
    .about-suit-grid{grid-template-columns: repeat(2, 1fr);}
    .about-stats-grid{grid-template-columns: repeat(2, 1fr);gap: 30px 20px;}
    .about-stat-item{border-right: none;}
    .about-stat-item:nth-child(odd){border-right: 1px solid var(--ab-border);}
    .about-intro-wrap{grid-template-columns: 1fr;gap: 40px;}
    .about-contact-grid{grid-template-columns: 1fr;}
    .about-process-grid{grid-template-columns: repeat(2, 1fr);gap: 40px 20px;}
    .about-process-line{display: none;}
}
@media screen and (max-width: 768px){
    .about-eeat-nav{position: relative;top: auto;padding: 10px 0;overflow-x: auto;}
    .about-eeat-nav-inner{display: flex;gap: 8px;overflow-x: auto;padding-bottom: 2px;scrollbar-width: none;}
    .about-eeat-nav-inner::-webkit-scrollbar{display: none;}
    .about-eeat-nav-item{min-width: 172px;padding: 10px 12px;}
    .about-eeat-nav-arrow{display: none;}
    .about-hero{padding: 60px 0 80px;min-height: 420px;}
    .about-hero-title{font-size: 32px;}
    .about-hero-subtitle{font-size: 18px;}
    .about-hero-desc{font-size: 14px;}
    .about-section{padding: 50px 0;}
    .about-section-title{font-size: 26px;}
    .about-stats{margin-top: -40px;}
    .about-stats-grid{padding: 24px 16px;}
    .about-stat-num .num{font-size: 32px;}
    .about-adv-grid{grid-template-columns: 1fr;}
    .about-honors-grid{grid-template-columns: repeat(2, 1fr);}
    .about-customers-grid{grid-template-columns: repeat(3, 1fr);}
    .about-suit-grid{grid-template-columns: 1fr;}
    .about-intro-list{grid-template-columns: 1fr;}
    .about-comp-row{grid-template-columns: 1fr;}
    .about-comp-cell{padding: 14px;font-size: 14px;}
    .about-comp-row.header{display: none;}
    .about-comp-cell.label{background: var(--ab-primary);color: #fff;font-weight: 700;border-radius: 8px 8px 0 0;margin-top: 12px;}
    .about-comp-cell.official{border-bottom: 1px dashed var(--ab-border);}
    .about-contact-card{padding: 24px;}
    .about-cta-btn{padding: 12px 24px;font-size: 14px;}
    .about-process-grid{grid-template-columns: 1fr;}
    .about-section-header{margin-bottom: 36px;}
}
/* ============ 荣誉资质模态框 ============ */
.honor-modal{display: none;position: fixed;inset: 0;z-index: 9999;justify-content: center;align-items: center;}
.honor-modal.active{display: flex;}
.honor-modal-overlay{position: absolute;inset: 0;background: rgba(0,0,0,0.85);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.honor-modal-content{position: relative;width: 90%;max-width: 900px;background: #fff;border-radius: 20px;overflow: hidden;box-shadow: 0 30px 100px rgba(0,0,0,0.4);animation: honorModalIn 0.3s ease-out;}
@keyframes honorModalIn{from{opacity: 0;transform: scale(0.9) translateY(20px);}to{opacity: 1;transform: scale(1) translateY(0);}}
.honor-modal-close{position: absolute;top: 16px;right: 16px;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.5);color: #fff;border: none;border-radius: 50%;font-size: 18px;cursor: pointer;transition: all 0.3s;z-index: 10;}
.honor-modal-close:hover{background: rgba(0,0,0,0.7);transform: scale(1.1);}
.honor-modal-prev,
.honor-modal-next{position: absolute;top: 50%;transform: translateY(-50%);width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.9);color: var(--ab-primary);border: none;border-radius: 50%;font-size: 24px;cursor: pointer;transition: all 0.3s;z-index: 10;box-shadow: 0 4px 16px rgba(0,0,0,0.15);}
.honor-modal-prev:hover,
.honor-modal-next:hover{background: #fff;transform: translateY(-50%) scale(1.1);}
.honor-modal-prev{left: 16px;}
.honor-modal-next{right: 16px;}
.honor-modal-image-wrap{position: relative;width: 100%;max-height: 70vh;display: flex;align-items: center;justify-content: center;background: #f8fafc;padding: 24px;}
.honor-modal-image-wrap img{max-width: 100%;max-height: 60vh;object-fit: contain;border-radius: 12px;}
.honor-modal-info{padding: 24px 32px 32px;text-align: center;background: #fff;}
.honor-modal-title{font-size: 20px;font-weight: 700;color: var(--ab-text);margin-bottom: 8px;}
.honor-modal-desc{font-size: 14px;color: var(--ab-text-light);margin-bottom: 12px;}
.honor-modal-counter{font-size: 13px;color: var(--ab-text-light);}
@media screen and (max-width: 768px){
    .honor-modal-content{width: 95%;max-width: none;border-radius: 12px;}
    .honor-modal-prev,
    .honor-modal-next{width: 44px;height: 44px;font-size: 20px;}
    .honor-modal-prev{left: 12px;}
    .honor-modal-next{right: 12px;}
    .honor-modal-image-wrap{padding: 16px;}
    .honor-modal-image-wrap img{max-height: 50vh;}
    .honor-modal-info{padding: 16px 20px 24px;}
    .honor-modal-title{font-size: 18px;}
}
/* ============ E-E-A-T 扩展样式 ============ */
/* E-E-A-T 维度标签（区块角标） */
.about-section-tag.eeat-tag{background: linear-gradient(135deg, rgba(22,119,255,0.12), rgba(168,85,247,0.12)); color: var(--ab-primary); border-color: rgba(22,119,255,0.3); display: inline-flex; align-items: center; gap: 6px;}
.about-section-tag.eeat-tag.dark{background: rgba(255,255,255,0.08); color: #93c5fd; border-color: rgba(147,197,253,0.3);}

/* 授权验证卡 */
.about-auth-card{display: flex; align-items: stretch; gap: 24px; padding: 28px 32px; margin-bottom: 48px; background: #fff; border: 1px solid var(--ab-border); border-radius: 20px; box-shadow: var(--ab-shadow); flex-wrap: wrap;}
.about-auth-left{display: flex; align-items: center; gap: 20px; flex: 1; min-width: 260px;}
.about-auth-seal{width: 72px; height: 72px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 30px; color: var(--ab-primary); background: linear-gradient(135deg, rgba(22,119,255,0.1), rgba(168,85,247,0.1)); border: 2px dashed rgba(22,119,255,0.35);}
.about-auth-info{min-width: 0;}
.about-auth-label{font-size: 17px; font-weight: 700; color: var(--ab-text); margin-bottom: 6px;}
.about-auth-code{font-size: 15px; font-weight: 800; color: var(--ab-primary); margin-bottom: 4px; letter-spacing: 0.5px;}
.about-auth-scope{font-size: 13px; color: var(--ab-text-light);}
.about-auth-verify{display: flex; align-items: center; gap: 14px; padding: 16px 24px; background: linear-gradient(135deg, #1677ff, #4f46e5); color: #fff; border-radius: 14px; text-decoration: none; font-size: 15px; font-weight: 600; line-height: 1.5; transition: all 0.3s; align-self: center;}
.about-auth-verify i{font-size: 22px;}
.about-auth-verify em{font-style: normal; font-size: 12px; font-weight: 400; opacity: 0.85;}
.about-auth-verify:hover{transform: translateY(-3px); box-shadow: 0 12px 30px rgba(22,119,255,0.4); color: #fff;}

/* 客户评价（深色区块内） */
.about-testimonial-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 48px 0;}
.about-testimonial-card{display: flex; flex-direction: column; padding: 28px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius: 20px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: all 0.3s;}
.about-testimonial-card:hover{background: rgba(255,255,255,0.08); transform: translateY(-4px); border-color: rgba(147,197,253,0.35);}
.about-testimonial-stars{display: flex; gap: 4px; margin-bottom: 16px; color: #fbbf24; font-size: 14px;}
.about-testimonial-text{flex: 1; font-size: 14px; line-height: 1.9; color: rgba(255,255,255,0.85); margin-bottom: 20px;}
.about-testimonial-user{display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.1);}
.about-testimonial-avatar{width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient(135deg, #1677ff, #a855f7); color: #fff; font-size: 17px;}
.about-testimonial-name{font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 3px;}
.about-testimonial-meta{font-size: 12px; color: rgba(255,255,255,0.55);}

/* 服务承诺 */
.about-promise-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 56px;}
.about-promise-item{display: flex; gap: 16px; align-items: flex-start; padding: 24px; background: #fff; border: 1px solid var(--ab-border); border-radius: 16px; transition: all 0.3s;}
.about-promise-item:hover{box-shadow: var(--ab-shadow-hover); transform: translateY(-3px); border-color: rgba(22,119,255,0.3);}
.about-promise-item > i{width: 46px; height: 46px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-size: 18px; color: #fff; background: linear-gradient(135deg, #1677ff, #4f46e5);}
.about-promise-item:nth-child(2) > i{background: linear-gradient(135deg, #a855f7, #ec4899);}
.about-promise-item:nth-child(3) > i{background: linear-gradient(135deg, #f59e0b, #ef4444);}
.about-promise-item:nth-child(4) > i{background: linear-gradient(135deg, #06b6d4, #3b82f6);}
.about-promise-item h4{font-size: 16px; font-weight: 700; color: var(--ab-text); margin-bottom: 6px;}
.about-promise-item p{font-size: 13px; color: var(--ab-text-light); line-height: 1.7;}

/* FAQ 手风琴 */
.about-faq-list{display: flex; flex-direction: column; gap: 14px; margin-top: 56px; max-width: 860px; margin-left: auto; margin-right: auto;}
.about-faq-item{background: #fff; border: 1px solid var(--ab-border); border-radius: 14px; overflow: hidden; transition: all 0.3s;}
.about-faq-item.open{border-color: rgba(22,119,255,0.4); box-shadow: var(--ab-shadow);}
.about-faq-q{display: flex; align-items: center; gap: 12px; padding: 18px 22px; cursor: pointer; font-size: 15px; font-weight: 600; color: var(--ab-text); user-select: none; -webkit-tap-highlight-color: transparent;}
.about-faq-q > i:first-child{color: var(--ab-primary); font-size: 17px; flex-shrink: 0;}
.about-faq-q span{flex: 1;}
.about-faq-arrow{margin-left: auto; color: var(--ab-text-light); font-size: 13px; transition: transform 0.3s; flex-shrink: 0;}
.about-faq-item.open .about-faq-arrow{transform: rotate(180deg); color: var(--ab-primary);}
.about-faq-a{display: none; padding: 0 22px 20px 51px;}
.about-faq-item.open .about-faq-a{display: block; animation: faqSlideIn 0.3s ease;}
@keyframes faqSlideIn{from{opacity: 0; transform: translateY(-6px);}to{opacity: 1; transform: translateY(0);}}
.about-faq-a p{font-size: 14px; line-height: 1.9; color: var(--ab-text-light);}
.about-faq-a a{color: var(--ab-primary); text-decoration: none; border-bottom: 1px dashed var(--ab-primary);}
.about-faq-a a:hover{border-bottom-style: solid;}

/* 响应式 */
@media screen and (max-width: 992px){
    .about-testimonial-grid{grid-template-columns: 1fr;}
    .about-auth-card{flex-direction: column; gap: 16px;}
    .about-auth-verify{align-self: stretch; justify-content: center;}
}
@media screen and (max-width: 640px){
    .about-promise-grid{grid-template-columns: 1fr;}
    .about-auth-card{padding: 20px;}
    .about-auth-seal{width: 56px; height: 56px; font-size: 24px;}
    .about-testimonial-card{padding: 20px;}
    .about-faq-q{padding: 15px 16px; font-size: 14px;}
    .about-faq-a{padding: 0 16px 16px 16px;}
}