:root{--primary-color:#1E3A8A;--secondary-color:#333333;--accent-color:#F97316;--metal-silver:#C0C0C0;--text-color:#333333;--text-light:#666666;--text-lighter:#888888;--bg-light:#f9f9f9;--bg-lighter:#f5f5f5;--bg-white:#ffffff;--bg-dark:#1E3A5F;--border-color:#e0e0e0;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.1);--shadow-md:0 6px 15px rgba(0, 0, 0, 0.15);--shadow-lg:0 10px 30px rgba(0, 0, 0, 0.2);--radius:8px;--radius-lg:12px;--transition:all 0.3s ease;--transition-slow:all 0.6s ease}.surface-finishing-view{font-family:Arial,Helvetica,sans-serif;color:var(--text-color);background-color:var(--bg-white);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.section-header h2{font-size:28px;font-weight:700;margin-bottom:15px;color:#223769;position:relative}.section-header-line{width:60px;height:3px;background-color:#3498db;margin:0 auto 20px;border-radius:2px}.section-header p{font-size:16px;color:var(--text-light);max-width:100%;margin:0;line-height:1.6}.surface-finishing-applications,.surface-finishing-intro{padding:80px 0;background-color:var(--bg-white)}.intro-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.intro-image{border-radius:0;overflow:hidden}.application-card,.benefit-card,.finishing-type-card{border-radius:var(--radius-lg);transition:var(--transition)}.intro-image img{width:100%;height:auto;display:block}.intro-text h3{font-size:24px;font-weight:700;margin-bottom:20px;color:#223769}.intro-text ul{list-style:none;padding:0;margin-bottom:30px}.intro-text li{padding:10px 0 10px 30px;position:relative;font-size:16px;line-height:1.6;color:#333}.intro-text li::before{content:'✓';position:absolute;left:0;top:12px;color:#3498db;font-weight:700;font-size:18px}.surface-finishing-types{padding:54px 0}.surface-finishing-types h3{font-size:20px}.finishing-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.finishing-type-card{background-color:var(--bg-white);overflow:hidden;display:flex;flex-direction:column;height:100%}.application-card:hover,.benefit-card:hover,.finishing-type-card:hover,.process-step:hover{transform:translateY(-5px)}.finishing-type-image{width:100%;height:200px;overflow:hidden}.finishing-type-image img{width:100%;height:100%;object-fit:cover;display:block;transition:var(--transition)}.finishing-type-card:hover .finishing-type-image img{transform:scale(1.05)}.finishing-type-content{padding:20px;flex:1;display:flex;flex-direction:column}.finishing-type-content h3{font-size:20px;font-weight:700;margin-bottom:12px;color:#223769;text-align:left}.finishing-desc-wrapper{height:115px;margin-bottom:12px;overflow:hidden}.finishing-desc-wrapper p{font-size:13px;line-height:1.6;color:var(--text-light);margin-bottom:8px}.finishing-desc-wrapper p:last-child,.finishing-specs-item:last-child{margin-bottom:0}.finishing-specs{padding-top:12px;border-top:1px solid #e0e0e0}.finishing-specs-item{font-size:12px;line-height:1.6;color:var(--text-light);text-align:left;margin-bottom:6px}.finishing-specs-item strong{color:var(--secondary-color);font-weight:600}.finishing-type-link{display:inline-block;color:#3498db;text-decoration:none;font-weight:500;font-size:14px;position:relative;padding-right:20px;align-self:flex-start}.finishing-type-link::after{content:'→';position:absolute;right:0;top:0;transition:transform .3s}.finishing-type-link:hover::after{transform:translateX(5px)}.applications-grid,.benefits-grid,.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.application-card,.benefit-card{background-color:var(--bg-light);padding:30px;text-align:center}.application-icon,.benefit-icon{width:60px;height:60px;background-color:var(--bg-white);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.application-icon svg,.benefit-icon svg{width:30px;height:30px}.application-card h3{font-size:18px;font-weight:700;margin-bottom:10px;color:#223769}.application-card p,.benefit-card p{font-size:14px;line-height:1.6;color:var(--text-light);margin-bottom:0}.surface-finishing-process{padding:54px 0;background-color:var(--bg-light)}.process-step{text-align:center;position:relative;padding:0 0 30px;background-color:var(--bg-white);border-radius:var(--radius-lg);transition:var(--transition);overflow:hidden}.process-step-image{width:100%;height:160px;overflow:hidden;margin-bottom:20px}.process-step-image img{width:100%;height:100%;object-fit:cover;display:block}.process-step::after{content:'';position:absolute;top:50%;right:-30px;width:30px;height:2px;background-color:#3498db;transform:translateY(-50%);z-index:10}.process-step:last-child::after{display:none}.process-step-number{width:50px;height:50px;background-color:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin:0 auto 15px}.process-step h3{font-size:20px;font-weight:700;margin-bottom:12px;color:#223769;padding:0 20px}.process-step p{font-size:14px;line-height:1.6;color:var(--text-light);margin-bottom:0;padding:0 20px}.surface-finishing-benefits{padding:40px 0;background-color:var(--bg-white)}.benefit-card h3{font-size:18px;font-weight:700;margin-bottom:15px;color:#223769}.surface-finishing-quote{padding:80px 0;background:linear-gradient(135deg,#1e3a8a 0,#3b82f6 100%);color:#fff;text-align:center}.quote-content{max-width:800px;margin:0 auto;padding:0 20px}.quote-content h2{font-size:28px;font-weight:700;margin-bottom:20px}.quote-content p{font-size:16px;margin-bottom:40px;opacity:.9}.btn{display:inline-block;padding:12px 30px;text-decoration:none;border-radius:50px;font-weight:600;font-size:14px;transition:var(--transition);text-transform:uppercase;letter-spacing:1px;border:2px solid transparent}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9;color:#fff;border-color:#2980b9;transform:translateY(-2px)}.btn-secondary{background:0 0;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}[data-animate]{opacity:0;transition:.6s ease-out}[data-animate=fadeIn]{opacity:0}[data-animate=fadeInUp]{opacity:0;transform:translateY(30px)}[data-animate].animate{opacity:1;transform:translateY(0)}