:root{--primary-color:#1a365d;--secondary-color:#2c5282;--accent-color:#3182ce;--light-blue:#ebf8ff;--text-dark:#1a202c;--text-gray:#718096;--warm-accent:#f59e0b;--warm-accent-light:#fbbf24;--card-shadow:0 4px 20px rgba(0,0,0,0.06);--card-shadow-hover:0 20px 50px rgba(0,0,0,0.12);--transition-base:all 0.35s cubic-bezier(0.4,0,0.2,1);--transition-spring:all 0.5s cubic-bezier(0.34,1.56,0.64,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans SC,sans-serif;color:var(--text-dark);line-height:1.6;overflow-x:hidden;background:#f7fafc}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.navbar{padding:15px 0;transition:all .4s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,.92);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 2px 20px rgba(0,0,0,.04)}.navbar.scrolled{padding:10px 0;box-shadow:0 4px 30px rgba(0,0,0,.1);background:rgba(255,255,255,.97);border-bottom:2px solid;border-image:linear-gradient(90deg,transparent,var(--accent-color),var(--warm-accent),transparent) 1}.navbar-brand{font-size:1.5rem;font-weight:700;color:var(--primary-color)!important;transition:var(--transition-base)}.navbar-brand:hover{transform:scale(1.03)}.navbar-brand span{color:var(--accent-color)}.nav-link{font-weight:500;color:var(--text-dark)!important;padding:8px 18px!important;position:relative;transition:var(--transition-base);border-radius:8px}.nav-link:hover{color:var(--accent-color)!important;background:rgba(49,130,206,.05)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:2px;left:50%;background:linear-gradient(90deg,var(--accent-color),var(--warm-accent));transition:all .35s ease;transform:translateX(-50%);border-radius:1px}.nav-link.active:after,.nav-link:hover:after{width:70%}.nav-link.active{color:var(--accent-color)!important;background:rgba(49,130,206,.08)}@media (max-width:991px){.navbar-collapse{background:rgba(255,255,255,.98);border-radius:16px;padding:15px;margin-top:10px;box-shadow:0 10px 40px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05)}.nav-link{padding:12px 20px!important;border-radius:10px;margin-bottom:2px}}.btn-primary{background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));border:none;transition:var(--transition-base);box-shadow:0 4px 15px rgba(49,130,206,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(49,130,206,.4)}.btn-outline-primary{border:2px solid var(--accent-color);color:var(--accent-color);transition:var(--transition-base)}.btn-outline-primary:hover{background:var(--accent-color);color:white;transform:translateY(-2px)}.footer{background:linear-gradient(180deg,var(--primary-color) 0,#0f2340 100%);padding:70px 0 30px;position:relative}.footer:before{height:3px;background:linear-gradient(90deg,transparent,var(--accent-color),var(--warm-accent),transparent)}.footer:after,.footer:before{content:"";position:absolute;top:0;left:0;right:0}.footer:after{bottom:0;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 0);background-size:30px 30px;pointer-events:none}.footer h5,.footer h6{position:relative;padding-bottom:12px}.footer h5:after,.footer h6:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--accent-color);border-radius:1px}.footer a{transition:all .3s ease;display:inline-block}.footer a:hover{color:var(--warm-accent-light)!important;transform:translateX(5px)}.footer .footer-bottom{border-top:1px solid rgba(255,255,255,.1)}.footer img{transition:transform .3s ease}.footer img:hover{transform:scale(1.05)}.hero-section{min-height:100vh;position:relative;display:flex;align-items:center;background:radial-gradient(ellipse at 70% 50%,rgba(49,130,206,.2) 0,transparent 60%),radial-gradient(ellipse at 30% 80%,rgba(245,158,11,.08) 0,transparent 50%),linear-gradient(135deg,#1a365d,#2c5282 50%,#3182ce);overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='rgba(99,179,237,0.07)' stroke-width='0.8'%3E%3Cpath d='M0 40h60l10-10h70l10 10h50'/%3E%3Cpath d='M0 100h80l10 10h30l10-10h70'/%3E%3Cpath d='M0 160h40l10 10h100l10-10h50'/%3E%3Cpath d='M60 0v40l10 10v100l-10 10v40'/%3E%3Cpath d='M140 0v60l-10 10v30l10 10v100'/%3E%3Ccircle cx='60' cy='50' r='2.5'/%3E%3Ccircle cx='140' cy='70' r='2.5'/%3E%3Ccircle cx='60' cy='150' r='2.5'/%3E%3Ccircle cx='140' cy='170' r='2.5'/%3E%3C/g%3E%3C/svg%3E");background-size:200px 200px;opacity:.6;animation:circuitShift 20s linear infinite}@keyframes circuitShift{0%{background-position:0 0}to{background-position:0 200px}}.hero-content{position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;color:white;margin-bottom:20px;line-height:1.2}.hero-title .highlight{background:linear-gradient(135deg,#63b3ed,#f59e0b 50%,#63b3ed);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;position:relative}.hero-title .highlight:after{content:"";position:absolute;bottom:2px;left:10%;width:80%;height:3px;background:linear-gradient(90deg,transparent,var(--warm-accent),transparent);z-index:-1;animation:underlinePulse 3s ease-in-out infinite alternate}@keyframes gradientShift{0%,to{background-position:0}50%{background-position:200%}}@keyframes underlinePulse{0%{opacity:.2;transform:scaleX(.6)}to{opacity:.9;transform:scaleX(1)}}.hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,.9);margin-bottom:15px;font-weight:300}.hero-company{font-size:1.5rem;color:white;font-weight:500;margin-bottom:40px;letter-spacing:2px}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}.btn-hero-primary{background:white;color:var(--primary-color);padding:15px 40px;border-radius:50px;font-weight:600;font-size:1rem;border:none;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.2);background:#f7fafc;color:var(--primary-color)}.btn-hero-secondary{background:transparent;color:white;padding:15px 40px;border-radius:50px;font-weight:600;font-size:1rem;border:2px solid rgba(255,255,255,.5);transition:all .3s ease;text-decoration:none}.btn-hero-secondary:hover{background:rgba(255,255,255,.1);border-color:white;color:white}.hero-stats{display:flex;gap:50px;margin-top:60px}.hero-stat-item{text-align:center;animation:statPopIn .6s cubic-bezier(.34,1.56,.64,1) both}.hero-stat-item:first-child{animation-delay:.7s}.hero-stat-item:nth-child(2){animation-delay:.85s}.hero-stat-item:nth-child(3){animation-delay:1s}.hero-stat-item:nth-child(4){animation-delay:1.15s}.hero-stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#63b3ed,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{color:rgba(255,255,255,.8);font-size:.9rem}@keyframes statPopIn{0%{opacity:0;transform:scale(.3) translateY(20px)}60%{transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-card{position:absolute;background:rgba(255,255,255,.07);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px 24px;animation:float 6s ease-in-out infinite;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .4s ease}.floating-card:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.35);box-shadow:0 12px 40px rgba(0,0,0,.2);transform:translateY(-5px)!important}.floating-card-1{top:20%;right:10%;animation-delay:0s}.floating-card-2{bottom:25%;right:5%;animation-delay:2s}.floating-card-3{top:60%;right:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}.floating-card i{color:#63b3ed;font-size:1.5rem;margin-right:10px}.floating-card span{color:white;font-weight:500}.scroll-indicator{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;opacity:.6;text-decoration:none;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.scroll-indicator span{color:rgba(255,255,255,.55);font-size:.7rem;letter-spacing:2px}.scroll-indicator .scroll-arrow{width:20px;height:20px;border-right:2px solid rgba(255,255,255,.55);border-bottom:2px solid rgba(255,255,255,.55);transform:rotate(45deg);animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:rotate(45deg) translate(0);opacity:.35}50%{transform:rotate(45deg) translate(6px,6px);opacity:.9}}.hero-image-wrapper{position:relative;padding:20px}.hero-image-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}.hero-image-border{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:22px;background:linear-gradient(135deg,#63b3ed,#a78bfa,#f59e0b,#3182ce,#63b3ed);background-size:300% 300%;z-index:-1;animation:borderGlow 6s ease-in-out infinite}@keyframes borderGlow{0%{background-position:0 50%;opacity:.7}50%{background-position:100% 50%;opacity:1}to{background-position:0 50%;opacity:.7}}.hero-image{width:100%;max-height:500px;object-fit:cover;display:block;border-radius:20px}.hero-deco{background:rgba(99,179,237,.6);animation:pulse 3s ease-in-out infinite}.hero-deco,.hero-deco:after{position:absolute;border-radius:50%}.hero-deco:after{content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;border:1px solid rgba(99,179,237,.3);animation:pulseRing 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.9}}@keyframes pulseRing{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.deco-1{width:8px;height:8px;top:0;left:20%;animation-delay:0s}.deco-2{width:6px;height:6px;top:15%;right:5%;animation-delay:.5s}.deco-3{width:10px;height:10px;bottom:10%;left:5%;animation-delay:1s}.deco-4{width:5px;height:5px;bottom:20%;right:10%;animation-delay:1.5s}.deco-5{width:7px;height:7px;top:40%;left:-5%;animation-delay:2s}.deco-6{width:6px;height:6px;top:60%;right:-3%;animation-delay:2.5s}.hero-image-wrapper:after,.hero-image-wrapper:before{content:"";position:absolute;background:linear-gradient(90deg,transparent,rgba(99,179,237,.4),transparent);animation:lineShimmer 3s ease-in-out infinite}.hero-image-wrapper:before{top:10%;left:-30px;width:1px;height:60px;transform:rotate(30deg)}.hero-image-wrapper:after{bottom:15%;right:-25px;width:1px;height:50px;transform:rotate(-20deg);animation-delay:1.5s}@keyframes lineShimmer{0%,to{opacity:.3}50%{opacity:.8}}.tech-particle{position:absolute;border-radius:50%;pointer-events:none}.tp-1{width:3px;height:3px;top:10%;left:5%;background:rgba(99,179,237,.55);animation:tpFloat1 7s ease-in-out infinite}.tp-2{width:2px;height:2px;top:25%;left:15%;background:rgba(99,179,237,.4);animation:tpFloat2 9s ease-in-out .5s infinite}.tp-3{width:4px;height:4px;top:70%;left:8%;background:rgba(245,158,11,.45);animation:tpFloat3 8s ease-in-out 1.5s infinite}.tp-4{width:2px;height:2px;top:15%;right:20%;background:rgba(99,179,237,.45);animation:tpFloat1 10s ease-in-out 2s infinite}.tp-5{width:3px;height:3px;top:80%;right:12%;background:rgba(245,158,11,.4);animation:tpFloat2 7.5s ease-in-out 3s infinite}.tp-6{width:2px;height:2px;top:45%;right:25%;background:rgba(99,179,237,.35);animation:tpFloat3 8.5s ease-in-out 1s infinite}.tp-7{width:4px;height:4px;bottom:8%;left:30%;background:rgba(99,179,237,.4);animation:tpFloat1 9.5s ease-in-out 2.5s infinite}.tp-8{width:2px;height:2px;top:5%;left:60%;background:rgba(255,255,255,.35);animation:tpFloat2 11s ease-in-out 3.5s infinite}@keyframes tpFloat1{0%,to{transform:translate(0);opacity:.3}33%{transform:translate(20px,-30px);opacity:.7}66%{transform:translate(-15px,-15px);opacity:.4}}@keyframes tpFloat2{0%,to{transform:translate(0);opacity:.4}50%{transform:translate(-25px,-40px);opacity:.8}}@keyframes tpFloat3{0%,to{transform:translate(0);opacity:.3}25%{transform:translate(-10px,-20px);opacity:.7}75%{transform:translate(15px,-50px);opacity:.5}}.section{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:15px;position:relative;display:inline-block;padding-bottom:10px}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--warm-accent));border-radius:2px}.section-subtitle{font-size:1.1rem;color:var(--text-gray);max-width:600px;margin:0 auto}.section-title-english{color:var(--accent-color);font-size:.9rem;text-transform:uppercase;letter-spacing:3px;margin-bottom:10px;font-weight:500}.section-wave{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;pointer-events:none;z-index:1}.section-wave svg{display:block;width:100%;height:50px}.value-section{background:var(--light-blue);position:relative}.value-card{background:white;border-radius:20px;padding:40px 30px;text-align:center;transition:all .3s ease;height:100%;border:1px solid #e2e8f0}.value-card:hover{transform:translateY(-12px);box-shadow:var(--card-shadow-hover);border-color:var(--accent-color)}.value-card:hover .value-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 25px rgba(26,54,93,.3)}.value-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;transition:var(--transition-base)}.value-icon i{font-size:2rem;color:white}.value-title{font-size:1.25rem;font-weight:600;margin-bottom:15px;color:var(--text-dark)}.value-desc{color:var(--text-gray);font-size:.95rem;line-height:1.8}.product-card{border-radius:20px;overflow:hidden;background:white;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:var(--transition-base);height:100%;border:1px solid #e2e8f0}.product-card:hover{transform:translateY(-12px);box-shadow:var(--card-shadow-hover);border-color:var(--accent-color)}.product-card:hover .product-image{transform:scale(1.05)}.product-image{width:100%;height:200px;object-fit:contain;background:linear-gradient(135deg,#f7fafc,#edf2f7);display:flex;align-items:center;justify-content:center;color:var(--text-gray);font-size:.9rem;padding:15px;transition:transform .5s ease}.product-image img{width:100%;height:100%;object-fit:contain}.product-content{padding:25px}.product-title{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:var(--text-dark)}.product-desc{color:var(--text-gray);font-size:.9rem;margin-bottom:15px}.product-link{color:var(--accent-color);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:5px;transition:all .3s ease}.product-link:hover{gap:10px}.industry-section{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white}.industry-section .section-title{color:white}.industry-section .section-subtitle{color:rgba(255,255,255,.8)}.industry-card{display:block;text-decoration:none;color:inherit;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);height:100%;cursor:pointer}.industry-card:hover{background:rgba(255,255,255,.2);transform:translateY(-8px);border-color:rgba(255,255,255,.4);box-shadow:0 10px 40px rgba(0,0,0,.25),0 0 25px rgba(99,179,237,.15)}.industry-card:hover .industry-icon{transform:scale(1.15);box-shadow:0 0 20px rgba(99,179,237,.3)}.industry-icon{width:70px;height:70px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:var(--transition-base)}.industry-icon i{font-size:1.8rem;color:#63b3ed}.industry-title{font-size:1.2rem;font-weight:600;margin-bottom:10px}.industry-desc{color:rgba(255,255,255,.8);font-size:.9rem}.cta-section{background:linear-gradient(135deg,#3182ce,#2c5282);padding:100px 0;text-align:center;color:white;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(245,158,11,.12) 0,transparent 70%);border-radius:50%;pointer-events:none}.cta-title{font-size:2.2rem;font-weight:700;margin-bottom:20px}.cta-desc{font-size:1.1rem;opacity:.9;margin-bottom:35px;max-width:600px;margin-left:auto;margin-right:auto}.btn-cta{background:linear-gradient(135deg,var(--warm-accent),#d97706);color:white;padding:18px 50px;border-radius:50px;font-weight:600;font-size:1.1rem;border:none;transition:var(--transition-base);text-decoration:none;display:inline-block;box-shadow:0 8px 30px rgba(245,158,11,.35);position:relative;overflow:hidden}.btn-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s ease}.btn-cta:hover:before{left:100%}.btn-cta:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(245,158,11,.5);color:white}.placeholder-img{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#718096;font-size:.85rem;text-align:center;padding:20px}.placeholder-img i{font-size:2rem;margin-bottom:10px;opacity:.5}.articles-section{background:#f7fafc}.article-card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:all .3s ease;height:100%;border:1px solid #e2e8f0}.article-card a,.article-card a:hover,.badge a{text-decoration:none}.article-card:hover{transform:translateY(-12px);box-shadow:var(--card-shadow-hover);border-color:var(--accent-color)}.article-card:hover .article-cover{transform:scale(1.03)}.article-cover{width:100%;height:200px;background:linear-gradient(135deg,var(--light-blue),#e2e8f0);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .5s ease}.article-cover img{width:100%;height:100%;object-fit:cover}.article-cover i{font-size:3rem;color:var(--accent-color);opacity:.3}.article-body{padding:25px}.article-category{display:inline-block;background:var(--light-blue);color:var(--accent-color);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;margin-bottom:10px}.article-title{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-bottom:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-date{color:var(--text-gray);font-size:.85rem;margin-bottom:10px}.article-excerpt{color:var(--text-gray);font-size:.9rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:15px}.article-link{color:var(--accent-color);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:5px;transition:all .3s ease}.article-link:hover{gap:10px}.featured-badge{position:absolute;top:15px;right:15px;background:var(--accent-color);color:white;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.page-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color),var(--secondary-color));background-size:300% 300%;animation:pageHeaderShift 15s ease-in-out infinite;color:white;padding:120px 0 60px;text-align:center}@keyframes pageHeaderShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.breadcrumb-item{animation:fadeInRight .4s ease both}.breadcrumb-item:first-child{animation-delay:.1s}.breadcrumb-item:nth-child(2){animation-delay:.2s}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px}.page-header .subtitle{font-size:1.1rem;opacity:.9}.page-header .breadcrumb{justify-content:center;margin-top:20px}.page-header .breadcrumb-item a{color:rgba(255,255,255,.8);text-decoration:none}.page-header .breadcrumb-item.active{color:white}.team-card{background:white;border-radius:20px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid #e2e8f0;height:100%}.team-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:3px solid var(--accent-color)}.equipment-card{background:white;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.05);border:1px solid #e2e8f0;transition:all .3s ease;height:100%}.equipment-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.equipment-image{width:100%;height:200px;object-fit:cover;background:#f7fafc}.equipment-content{padding:15px;text-align:center}.equipment-name{font-weight:600;color:var(--text-dark);font-size:.95rem}.stat-box{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:white;border-radius:15px;padding:30px;text-align:center}.stat-box h3{font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-box p{margin:0;opacity:.9}.product-section{padding:60px 0}.product-section.bg-light{background-color:#f8f9fa!important}.param-table{margin-top:30px}.param-table table th{background:#f8f9fa;font-weight:600;white-space:nowrap}.param-table table td{font-size:.9rem}.custom-card{border-radius:20px;overflow:hidden;background:white;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid #e2e8f0;height:100%}.custom-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-color);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s;z-index:1000;border:none}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background:var(--secondary-color);transform:translateY(-3px)}.solution-card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid #e2e8f0;height:100%}.solution-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.solution-image{width:100%;height:250px;object-fit:cover;background:linear-gradient(135deg,#f7fafc,#edf2f7)}.solution-content{padding:30px}.solution-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.solution-icon i{font-size:1.5rem;color:white}.solution-title{font-size:1.4rem;font-weight:600;margin-bottom:15px;color:var(--text-dark)}.solution-desc{color:var(--text-gray);font-size:.95rem;line-height:1.8}.solution-desc ul{list-style:none;padding-left:0;margin-top:15px}.solution-desc ul li{padding-left:20px;position:relative;margin-bottom:8px}.solution-desc ul li:before{content:"✓";color:var(--accent-color);font-weight:700;position:absolute;left:0}.highlight-badge{display:inline-block;background:var(--light-blue);color:var(--accent-color);padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:10px}.contact-info{background:white;border-radius:20px;padding:40px}.contact-item{display:flex;align-items:flex-start;margin-bottom:30px}.contact-icon{width:50px;height:50px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0}.contact-icon i{color:white;font-size:1.2rem}.contact-title{font-weight:600;margin-bottom:5px}.contact-text{color:var(--text-gray)}.map-info{background:white;padding:30px;border-radius:15px;margin-top:30px}.map-info h4{color:var(--primary-color);margin-bottom:15px}.map-section{background:white;padding:60px 0}.map-container{border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1)}#map{height:450px;width:100%}.article-card .article-meta{display:flex;align-items:center;gap:15px;margin-bottom:12px;font-size:.85rem;color:var(--text-gray)}.article-tags{gap:8px;margin-bottom:15px}.article-tag{background:#f7fafc;color:var(--text-gray);padding:3px 10px;border-radius:15px;font-size:.75rem;border:1px solid #e2e8f0}.read-more{color:var(--accent-color);font-weight:500;display:inline-flex;align-items:center;gap:5px;transition:all .3s ease}.read-more:hover{gap:10px}.sidebar{background:white;border-radius:15px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:100px}.sidebar h5{font-weight:600;color:var(--primary-color);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--light-blue)}.category-list{list-style:none;padding:0;margin:0}.category-list li{margin-bottom:8px}.category-list a{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-radius:8px;color:var(--text-dark);text-decoration:none;transition:all .3s ease}.category-list a.active,.category-list a:hover{background:var(--light-blue);color:var(--accent-color)}.category-list a.active{font-weight:600}.empty-state{text-align:center;padding:60px 20px}.empty-state i{font-size:4rem;color:#cbd5e0;margin-bottom:20px}.empty-state h4{color:var(--text-gray);margin-bottom:10px}.filter-bar{background:white;border-radius:15px;padding:20px;margin-bottom:30px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.filter-bar .form-select{border-radius:10px;padding:10px 15px}.filter-bar .form-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(49,130,206,.1)}.article-hero{position:relative;min-height:400px;display:flex;align-items:flex-end;padding:120px 0 60px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));overflow:hidden}.article-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.article-hero-content{position:relative;z-index:2}.article-hero h1{font-size:2.5rem;font-weight:700;color:white;margin-bottom:15px;line-height:1.3}.article-hero-meta{display:flex;align-items:center;gap:20px;color:rgba(255,255,255,.9);font-size:.95rem}.article-hero-meta span{display:flex;align-items:center;gap:5px}.article-hero-category{background:rgba(255,255,255,.2);padding:4px 12px;border-radius:20px;font-size:.85rem}.article-content-section{padding:50px 0}.article-main{background:white;border-radius:15px;padding:40px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.article-cover-large{max-height:450px;margin-bottom:30px;background:linear-gradient(135deg,var(--light-blue),#e2e8f0);display:flex;align-items:center;justify-content:center;min-height:250px;overflow:hidden}.article-cover-large,.article-cover-large img{width:100%;object-fit:cover;border-radius:15px}.article-cover-large img{height:100%}.article-cover-large i{font-size:4rem;color:var(--accent-color);opacity:.3}.article-text{font-size:1.05rem;line-height:1.9;color:var(--text-dark);white-space:pre-wrap}.article-text h1,.article-text h2,.article-text h3,.article-text h4{color:var(--primary-color);font-weight:600;margin-top:30px;margin-bottom:15px}.article-text h1{font-size:1.8rem}.article-text h2{font-size:1.5rem}.article-text h3{font-size:1.3rem}.article-text p{margin-bottom:15px}.article-text ol,.article-text ul{margin-bottom:15px;padding-left:25px}.article-text li{margin-bottom:8px}.article-text blockquote{border-left:4px solid var(--accent-color);padding:15px 20px;margin:20px 0;background:var(--light-blue);border-radius:0 10px 10px 0;color:var(--secondary-color)}.article-text img{max-width:100%;height:auto;border-radius:10px;margin:20px 0}.article-text code{background:#f7fafc;padding:2px 6px;border-radius:4px;font-size:.9em;color:#e53e3e}.article-text pre{background:#1a202c;color:#e2e8f0;padding:20px;border-radius:10px;overflow-x:auto;margin:20px 0}.article-text pre code{background:transparent;color:inherit;padding:0}.article-text a{color:var(--accent-color);text-decoration:none}.article-text a:hover{text-decoration:underline}.article-text table{width:100%;border-collapse:collapse;margin:20px 0}.article-text table td,.article-text table th{border:1px solid #e2e8f0;padding:12px 15px;text-align:left}.article-text table th{background:var(--light-blue);font-weight:600}.article-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.article-tag{background:var(--light-blue);color:var(--accent-color);padding:6px 15px;border-radius:20px;font-size:.85rem;text-decoration:none;transition:all .3s ease}.article-tag:hover{background:var(--accent-color);color:white}.article-sidebar{background:white;border-radius:15px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:100px}.article-sidebar h5{font-weight:600;color:var(--primary-color);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--light-blue)}.related-article{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f7fafc;text-decoration:none;color:inherit;transition:all .3s ease}.related-article:last-child{border-bottom:none}.related-article:hover{color:var(--accent-color)}.related-article-thumb{width:60px;height:60px;border-radius:8px;background:var(--light-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.related-article-thumb img{width:100%;height:100%;object-fit:cover}.related-article-thumb i{color:var(--accent-color);opacity:.5}.related-article-title{font-size:.9rem;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-article-date{font-size:.8rem;color:var(--text-gray);margin-top:4px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-color);text-decoration:none;font-weight:500;margin-bottom:20px;transition:all .3s ease}.back-link:hover{gap:12px}.share-buttons{display:flex;gap:10px;margin-top:20px}.share-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:all .3s ease}.share-btn:hover{transform:translateY(-3px);color:white}.share-btn.wechat{background:#07c160}.share-btn.weibo{background:#e6162d}.share-btn.qq{background:#12b7f5}.login-container{background:white;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:50px 40px;width:100%;max-width:420px}.login-logo{text-align:center;margin-bottom:30px}.login-logo i{font-size:3rem;color:var(--accent-color);margin-bottom:15px}.login-logo h2{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:5px}.login-logo p{color:#718096;font-size:.9rem}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(49,130,206,.1)}.btn-login{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:white;border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:600;width:100%;transition:all .3s ease}.btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(49,130,206,.3);color:white}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.alert-error{background:#fed7d7;color:#c53030;border-radius:10px;padding:12px 15px;font-size:.9rem}.back-link{text-align:center;margin-top:20px}.back-link a{color:var(--accent-color);text-decoration:none;font-size:.9rem}.back-link a:hover{text-decoration:underline}.admin-body{background:#f1f5f9;min-height:100vh}.admin-sidebar{background:var(--primary-color);min-height:100vh;color:white;padding:20px 0}.admin-sidebar .brand{color:white;font-weight:700;font-size:1.2rem;padding:15px 25px;display:block}.admin-sidebar a{color:rgba(255,255,255,.8);padding:12px 25px;display:block;text-decoration:none;transition:all .3s}.admin-sidebar a.active,.admin-sidebar a:hover{background:rgba(255,255,255,.1);color:white}.admin-topbar{background:white;padding:15px 30px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.admin-content{padding:30px}.admin-card{margin-bottom:25px}.admin-card,.admin-stat{background:white;border-radius:15px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.admin-stat h3{font-size:2rem;font-weight:700;color:var(--primary-color)}.table-responsive{background:white;border-radius:15px;padding:10px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.cover-preview{max-width:120px;max-height:80px;border-radius:8px;object-fit:cover}@media (max-width:991px){.hero-title{font-size:2.5rem}.hero-stats{justify-content:center;flex-wrap:wrap;gap:30px}.floating-card,.tech-particle:nth-child(n+7){display:none}.sidebar{position:static;margin-bottom:30px}.article-sidebar{position:static;margin-top:30px}.article-main{padding:25px}}@media (max-width:768px){.hero-title{font-size:2rem}.section{padding:60px 0}.section-title{font-size:1.8rem}.section-title:after{width:40px;height:2px}.hero-buttons{flex-direction:column}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.hero-stats{gap:20px}.hero-stat-number{font-size:1.8rem}.scroll-indicator{display:none}.page-header h1{font-size:2rem}.page-header{padding:100px 0 40px}.article-hero h1{font-size:1.8rem}.article-hero{min-height:300px;padding:100px 0 40px}.article-hero-meta{flex-wrap:wrap;gap:10px}}.admin-header{background:white;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:15px 0}.admin-header .brand{font-size:1.3rem;font-weight:700;color:var(--primary-color)}.admin-header .brand span{color:var(--accent-color)}.btn-logout{background:transparent;border:1px solid #e2e8f0;color:#718096;padding:8px 20px;border-radius:8px;transition:all .3s ease}.btn-logout:hover{background:#fed7d7;border-color:#fc8181;color:#c53030}.admin-container{padding:30px}.stats-row{margin-bottom:30px}.stat-card{background:white;border-radius:15px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.stat-card i{font-size:2rem;color:var(--accent-color);margin-bottom:10px}.stat-card h3{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:5px}.stat-card p{color:#718096;margin:0;font-size:.9rem}.article-table-card{background:white;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:25px;margin-bottom:30px}.article-table-card h4{font-weight:600;margin-bottom:20px;color:var(--primary-color)}.article-table{width:100%}.article-table th{background:var(--light-blue);color:var(--primary-color);font-weight:600;padding:12px 15px;border:none}.article-table td{padding:12px 15px;vertical-align:middle;border-bottom:1px solid #e2e8f0}.article-table tr:last-child td{border-bottom:none}.article-table .title-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-action{padding:6px 12px;border-radius:6px;font-size:.85rem;margin-right:5px}.btn-edit{background:var(--light-blue);color:var(--accent-color);border:none}.btn-edit:hover{background:#bee3f8}.btn-delete{background:#fed7d7;color:#c53030;border:none}.btn-delete:hover{background:#feb2b2}.badge-category{background:var(--light-blue);color:var(--accent-color)}.badge-category,.badge-featured{padding:4px 10px;border-radius:20px;font-size:.8rem}.badge-featured{background:#fefcbf;color:#975a16}.modal-content{border-radius:15px;border:none}.modal-header{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:white;border-radius:15px 15px 0 0}.modal-title{font-weight:600}.btn-close-white{filter:brightness(0) invert(1)}.form-control:focus,.form-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(49,130,206,.1)}.btn-submit{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:white;border:none;border-radius:10px;padding:12px 30px;font-weight:600;transition:all .3s ease}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(49,130,206,.3);color:white}.btn-cancel{background:#e2e8f0;color:#4a5568;border:none;border-radius:10px;padding:12px 30px;font-weight:600}.btn-cancel:hover{background:#cbd5e0}.image-upload-area{border:2px dashed #e2e8f0;border-radius:10px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease}.image-upload-area:hover{border-color:var(--accent-color);background:var(--light-blue)}.image-upload-area i{font-size:2rem;color:#a0aec0;margin-bottom:10px}.image-preview{max-width:100%;max-height:200px;border-radius:10px;margin-top:15px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.toast-container{position:fixed;top:20px;right:20px;z-index:10000}.toast-container .toast{transition:opacity .3s ease}