/* 首页样式 */
.hero{height:480px;display:flex;align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);position:relative}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center;position:relative;z-index:1}
.hero-content h1{font-size:var(--text-4xl);font-weight:900;line-height:1.2;letter-spacing:-0.02em;margin-bottom:var(--space-4)}
.hero-content p{font-size:var(--text-lg);opacity:0.85;max-width:55ch;margin-bottom:var(--space-6);line-height:1.7}
.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding:var(--space-6);background:rgba(255,255,255,0.06);border-radius:var(--radius-lg);text-align:center}
.hero-metric .num{display:block;font-size:var(--text-3xl);font-weight:900;color:var(--accent);line-height:1}
.hero-metric .label{font-size:var(--text-sm);opacity:0.7;margin-top:var(--space-1)}
@media(max-width:768px){.hero{height:auto;padding:var(--space-12) 0}.hero-grid{grid-template-columns:1fr}.hero-content h1{font-size:var(--text-2xl)}}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
.service-card{padding:var(--space-5);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}
.service-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}
.service-card .icon{width:44px;height:44px;background:var(--primary-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:20px;font-weight:700;margin-bottom:var(--space-3)}
.service-card h3{font-size:var(--text-lg);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}
.service-card p{font-size:var(--text-sm);color:var(--gray-600);line-height:1.6}
@media(max-width:992px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.services-grid{grid-template-columns:1fr}}
.layer-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.layer-table thead{background:var(--primary);color:var(--white)}
.layer-table th{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:700;text-align:left}
.layer-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--gray-100);color:var(--gray-600)}
.layer-table tbody tr:hover{background:var(--primary-light)}
.cases-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
.case-item{padding:var(--space-5);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);text-align:center;transition:all var(--duration-normal)}
.case-item:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}
.case-item .num{font-size:var(--text-xl);font-weight:700;color:var(--accent);margin-bottom:var(--space-2)}
.case-item h4{font-size:var(--text-base);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}
.case-item p{font-size:var(--text-sm);color:var(--gray-600)}
@media(max-width:768px){.cases-showcase{grid-template-columns:1fr}}
.process-flow{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}
.process-step{flex:1;min-width:140px;text-align:center;padding:var(--space-4);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius)}
.process-step .step-num{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;margin:0 auto var(--space-2)}
.process-step h4{font-size:var(--text-sm);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-1)}
.process-step p{font-size:var(--text-xs);color:var(--gray-600)}
@media(max-width:576px){.process-flow{flex-direction:column}}
.footer-contact-info{padding:var(--space-6);background:var(--primary);color:var(--white);border-radius:var(--radius-lg);text-align:center}
.footer-contact-info .phone{font-size:var(--text-2xl);font-weight:700;letter-spacing:2px;margin-bottom:var(--space-2)}
.footer-contact-info .address{font-size:var(--text-sm);opacity:0.75;margin-bottom:var(--space-1)}
.footer-contact-info .social{font-size:var(--text-sm);opacity:0.75}