:root{--color-primary:#008080;--color-primary-dark:#006666;--color-primary-light:#00a3a3;--color-primary-rgb:0,128,128;--color-secondary:#333333;--color-secondary-light:#555555;--color-white:#FFFFFF;--color-bg:#F8F9FA;--color-bg-alt:#F0F4F4;--color-border:#E2E8F0;--color-text:#333333;--color-text-light:#666666;--color-text-muted:#999999;--color-success:#22C55E;--color-warning:#F59E0B;--color-error:#EF4444;--font-en:'Outfit',sans-serif;--font-zh:'Noto Sans SC',sans-serif;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 10px 30px rgba(0,0,0,0.12);--shadow-xl:0 20px 50px rgba(0,0,0,0.15);--shadow-primary:0 8px 24px rgba(var(--color-primary-rgb),0.25);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s ease;--header-height:80px;--container-max:1280px;--container-wide:1440px;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}body{font-family:var(--font-en);color:var(--color-text);background:var(--color-white);line-height:1.6;overflow-x:hidden;}body[lang="zh"]{font-family:var(--font-zh);}img{max-width:100%;height:auto;display:block;}a{color:inherit;text-decoration:none;transition:var(--transition);}button{cursor:pointer;border:none;background:none;font-family:inherit;}ul,ol{list-style:none;}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px;}.container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 24px;}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-secondary);}h1{font-size:clamp(2rem,4vw,3.25rem);}h2{font-size:clamp(1.75rem,3vw,2.5rem);}h3{font-size:clamp(1.25rem,2vw,1.75rem);}h4{font-size:clamp(1.1rem,1.5vw,1.35rem);}p{font-size:1rem;line-height:1.7;color:var(--color-text-light);}.section-label{display:inline-block;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--color-primary);margin-bottom:12px;}.section-title{margin-bottom:16px;}.section-subtitle{font-size:1.1rem;color:var(--color-text-light);max-width:640px;margin:0 auto 48px;}.text-center{text-align:center;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 32px;font-size:0.95rem;font-weight:600;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;text-align:center;}.btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-primary);}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 12px 28px rgba(var(--color-primary-rgb),0.35);}.btn-secondary{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary);}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px);}.btn-outline{background:transparent;color:var(--color-white);border:2px solid var(--color-white);}.btn-outline:hover{background:var(--color-white);color:var(--color-primary);transform:translateY(-2px);}.btn-sm{min-height:40px;padding:8px 20px;font-size:0.875rem;}.btn-lg{min-height:56px;padding:16px 40px;font-size:1.05rem;}.btn-icon{min-width:48px;min-height:48px;padding:12px;}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:var(--transition);}.site-header.scrolled{box-shadow:var(--shadow-md);}.header-inner{display:flex;align-items:center;justify-content:center;height:var(--header-height);max-width:var(--container-wide);margin:0 auto;padding:0 24px;}.logo{display:flex;align-items:center;gap:10px;order:2;flex-shrink:0;}.logo img{height:42px;width:auto;}.logo-text{font-size:1.5rem;font-weight:800;color:var(--color-primary);letter-spacing:-0.5px;}.nav-desktop{display:flex;align-items:center;gap:4px;}.nav-desktop.nav-left{order:1;flex:0 0 auto;justify-content:flex-end;margin-right:50px;}.nav-desktop.nav-right{order:3;flex:0 0 auto;justify-content:flex-start;margin-left:50px;}.nav-desktop > li{position:relative;}.nav-desktop > li > a{display:flex;align-items:center;gap:4px;padding:8px 14px;font-size:0.9rem;font-weight:500;color:var(--color-secondary);border-radius:var(--radius-sm);transition:var(--transition-fast);}.nav-desktop > li > a:hover,.nav-desktop > li > a.active{color:var(--color-primary);background:rgba(var(--color-primary-rgb),0.06);}.nav-desktop > li > a .nav-arrow{width:14px;height:14px;transition:transform 0.2s;}.nav-desktop > li:hover > a .nav-arrow{transform:rotate(180deg);}.dropdown-menu{position:absolute;top:100%;left:0;min-width:260px;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:var(--transition);z-index:100;}.nav-desktop > li:hover > .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}.dropdown-menu.dropdown-wide{min-width:520px;display:grid;grid-template-columns:1fr 1fr;gap:4px;}.dropdown-menu.dropdown-wide .dropdown-group-title{grid-column:span 1;padding:8px 12px 4px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);}.dropdown-menu a{display:block;padding:10px 14px;font-size:0.875rem;color:var(--color-text);border-radius:var(--radius-sm);transition:var(--transition-fast);}.dropdown-menu a:hover{background:rgba(var(--color-primary-rgb),0.06);color:var(--color-primary);}.hamburger{display:none;flex-direction:column;gap:5px;width:28px;padding:4px 0;z-index:1100;}.hamburger span{display:block;width:100%;height:2.5px;background:var(--color-secondary);border-radius:2px;transition:var(--transition);}.hamburger.active span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}.hamburger.active span:nth-child(2){opacity:0;}.hamburger.active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}.mobile-nav{position:fixed;top:0;right:-100%;width:100%;max-width:400px;height:100vh;background:var(--color-white);z-index:1050;overflow-y:auto;transition:right 0.35s cubic-bezier(0.4,0,0.2,1),transform 0.3s ease;padding:100px 24px 40px;}.mobile-nav.open{right:0;}.mobile-nav-close{position:absolute;top:20px;right:20px;width:52px;height:52px;border:none;background:var(--color-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;z-index:10;}.mobile-nav-close:hover{background:var(--color-border);}.mobile-nav-close svg{width:24px;height:24px;stroke:var(--color-secondary);stroke-width:2;}.mobile-nav-cta{display:flex;gap:10px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--color-border);}.mobile-nav-cta .btn{flex:1;font-size:0.85rem;padding:10px 12px;min-height:44px;}.mobile-nav-item{border-bottom:1px solid var(--color-border);}.mobile-nav-item > a,.mobile-nav-item > .mobile-nav-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:0.95rem;font-weight:600;color:var(--color-secondary);width:100%;text-align:left;}.mobile-nav-toggle svg{width:18px;height:18px;transition:transform 0.25s;}.mobile-nav-item.expanded > .mobile-nav-toggle svg{transform:rotate(180deg);}.mobile-nav-sub{max-height:0;overflow:hidden;transition:max-height 0.35s ease;}.mobile-nav-item.expanded > .mobile-nav-sub{max-height:800px;}.mobile-nav-sub a{display:block;padding:10px 0 10px 16px;font-size:0.875rem;color:var(--color-text-light);}.mobile-nav-sub a:hover{color:var(--color-primary);}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1040;opacity:0;visibility:hidden;transition:var(--transition);}.mobile-overlay.show{opacity:1;visibility:visible;}.hero{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden;background:var(--color-secondary);margin-top:var(--header-height);}.hero-bg{position:absolute;inset:0;overflow:hidden;}.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:0.55;}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,50,50,0.85),rgba(0,128,128,0.4));}.hero-content{position:relative;z-index:2;max-width:720px;padding:80px 0;}.hero h1{color:var(--color-white);margin-bottom:20px;font-weight:800;font-size:2.5rem;line-height:1.3;}.hero .hero-subtitle{color:rgba(255,255,255,0.9);font-size:1.1rem;margin-bottom:36px;line-height:1.6;}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;}.page-hero{position:relative;padding:60px 0 40px;background:linear-gradient(135deg,#004d4d,var(--color-primary));text-align:center;margin-top:var(--header-height);}.page-hero h1{color:var(--color-white);margin-bottom:12px;font-size:clamp(1.75rem,3.5vw,2.75rem);line-height:1.25;}.page-hero p{color:rgba(255,255,255,0.9);max-width:640px;margin:0 auto;font-size:1rem;line-height:1.6;}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;font-size:0.85rem;color:var(--color-text-muted);background:var(--color-bg);border-radius:var(--radius-sm);margin:16px 0;}.breadcrumb a{color:var(--color-text-light);}.breadcrumb a:hover{color:var(--color-primary);}.breadcrumb .sep{color:var(--color-text-muted);}.breadcrumb .current{color:var(--color-primary);font-weight:500;}.page-hero .breadcrumb{color:rgba(255,255,255,0.8);}.page-hero .breadcrumb a{color:rgba(255,255,255,0.9);}.page-hero .breadcrumb a:hover{color:var(--color-white);}.page-hero .breadcrumb .sep{color:rgba(255,255,255,0.6);}.page-hero .breadcrumb .current{color:var(--color-white);font-weight:600;}.section{padding:80px 0;}.section-alt{background:var(--color-bg);}.card{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);transition:var(--transition);height:100%;display:flex;flex-direction:column;}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}.card-img{width:100%;aspect-ratio:4/3;object-fit:cover;flex-shrink:0;}.card-body{padding:24px;flex:1;display:flex;flex-direction:column;}.card-title{font-size:1.15rem;font-weight:600;margin-bottom:8px;flex-shrink:0;}.card-params{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}.card-param{display:inline-block;padding:4px 10px;font-size:0.75rem;background:var(--color-bg-alt);color:var(--color-text-light);border-radius:4px;}.card-text{font-size:0.9rem;margin-bottom:16px;}.card .btn-view-details{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;font-size:0.875rem;font-weight:600;color:var(--color-white);background:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-sm);transition:var(--transition);margin-top:12px;box-shadow:var(--shadow-primary);}.card .btn-view-details:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 12px 28px rgba(var(--color-primary-rgb),0.35);}.card .btn-view-details svg{width:16px;height:16px;transition:transform 0.2s;}.card .btn-view-details:hover svg{transform:translateX(4px);}.product-gallery{margin-bottom:48px;}.product-gallery-main{border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.08);margin-bottom:24px;transition:var(--transition);aspect-ratio:4/3;}.product-gallery-main:hover{transform:scale(1.03);box-shadow:0 8px 24px rgba(0,0,0,0.12);}.product-gallery-main img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}.product-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}.product-gallery-item{border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.08);transition:var(--transition);aspect-ratio:4/3;}.product-gallery-item:hover{transform:scale(1.03);box-shadow:0 8px 24px rgba(0,0,0,0.12);}.product-gallery-item img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}.product-gallery-item.narrow{aspect-ratio:4/3;}.product-gallery-item.narrow img{width:100%;height:100%;object-fit:cover;object-position:center;}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}.grid-6{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.grid-8{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}.feature-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:32px 24px;text-align:center;transition:var(--transition);}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary);}.feature-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,128,128,0.1),rgba(0,128,128,0.05));border-radius:50%;color:var(--color-primary);}.feature-icon svg{width:32px;height:32px;}.feature-card h4{font-size:1.1rem;font-weight:700;margin-bottom:12px;color:var(--color-text);}.feature-card p{font-size:0.9rem;line-height:1.6;color:var(--color-text-light);margin:0;}.grid-2 > a > .card,.grid-3 > a > .card,.grid-4 > a > .card,.grid-6 > a > .card{height:100%;margin:0;}.grid-2 > a,.grid-3 > a,.grid-4 > a,.grid-6 > a{text-decoration:none;color:inherit;display:block;}.grid-2 > a.card,.grid-3 > a.card,.grid-4 > a.card,.grid-6 > a.card{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);transition:var(--transition);}.grid-2 > a.card:hover,.grid-3 > a.card:hover,.grid-4 > a.card:hover,.grid-6 > a.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}.grid-2 > a.card .card-img,.grid-3 > a.card .card-img,.grid-4 > a.card .card-img,.grid-6 > a.card .card-img{width:100%;aspect-ratio:4/3;object-fit:cover;flex-shrink:0;}.grid-2 > a.card .card-body,.grid-3 > a.card .card-body,.grid-4 > a.card .card-body,.grid-6 > a.card .card-body{padding:24px;flex:1;display:flex;flex-direction:column;}.grid-2 > .card[data-href],.grid-3 > .card[data-href],.grid-4 > .card[data-href],.grid-6 > .card[data-href]{display:flex;flex-direction:column;height:100%;background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);transition:var(--transition);}.grid-2 > .card[data-href]:hover,.grid-3 > .card[data-href]:hover,.grid-4 > .card[data-href]:hover,.grid-6 > .card[data-href]:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}.grid-2 > .card[data-href] .card-img,.grid-3 > .card[data-href] .card-img,.grid-4 > .card[data-href] .card-img,.grid-6 > .card[data-href] .card-img{width:100%;aspect-ratio:4/3;object-fit:cover;flex-shrink:0;}.grid-2 > .card[data-href] .card-body,.grid-3 > .card[data-href] .card-body,.grid-4 > .card[data-href] .card-body,.grid-6 > .card[data-href] .card-body{padding:24px;flex:1;display:flex;flex-direction:column;}.cert-scroll{display:flex;gap:32px;overflow-x:auto;padding:20px 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:center;}.cert-scroll::-webkit-scrollbar{height:4px;}.cert-scroll::-webkit-scrollbar-track{background:var(--color-bg);}.cert-scroll::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px;}.cert-item{flex:0 0 auto;width:160px;text-align:center;scroll-snap-align:start;transition:var(--transition);cursor:pointer;}.cert-item img{width:120px;height:120px;object-fit:contain;margin:0 auto 10px;filter:grayscale(0.3);transition:var(--transition);}.cert-item:hover img{filter:grayscale(0);transform:scale(1.1);}.cert-item span{font-size:0.8rem;color:var(--color-text-light);font-weight:500;}.client-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;align-items:center;}.client-logo{height:50px;filter:grayscale(100%) opacity(0.5);transition:var(--transition);}.client-logo:hover{filter:grayscale(0%) opacity(1);}.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}.advantage-card{text-align:center;padding:32px 20px;border-radius:var(--radius-md);background:var(--color-white);border:1px solid var(--color-border);transition:var(--transition);}.advantage-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px);}.advantage-icon{width:64px;height:64px;margin:0 auto 16px;background:rgba(var(--color-primary-rgb),0.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);}.advantage-icon svg{width:28px;height:28px;}.stats-row{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;padding:48px 0;}.stat-item{text-align:center;}.stat-number{font-size:2.5rem;font-weight:800;color:var(--color-primary);line-height:1;}.stat-label{font-size:0.9rem;color:var(--color-text-light);margin-top:8px;}.form-group{margin-bottom:20px;}.form-label{display:block;font-size:0.875rem;font-weight:500;margin-bottom:6px;color:var(--color-secondary);}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;font-size:0.95rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);transition:var(--transition-fast);font-family:var(--font-en);}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),0.12);}.form-textarea{min-height:120px;resize:vertical;}.form-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:0.85rem;color:var(--color-text-light);}.form-checkbox input[type="checkbox"]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary);}.faq-item{border-bottom:1px solid var(--color-border);}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;font-size:1.05rem;font-weight:600;text-align:left;color:var(--color-secondary);cursor:pointer;background:none;border:none;}.faq-question svg{flex-shrink:0;transition:transform 0.25s;width:20px;height:20px;}.faq-item.active .faq-question svg{transform:rotate(180deg);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s ease;}.faq-answer-inner{padding:0 0 20px;font-size:0.95rem;line-height:1.7;color:var(--color-text-light);}.faq-item.active .faq-answer{max-height:500px;}.site-footer{background:var(--color-secondary);color:rgba(255,255,255,0.8);padding:64px 0 0;}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,0.1);}.footer-col h4{color:var(--color-white);font-size:1rem;font-weight:600;margin-bottom:20px;}.footer-col a{display:block;padding:5px 0;font-size:0.875rem;color:rgba(255,255,255,0.65);transition:var(--transition-fast);}.footer-col a:hover{color:var(--color-white);padding-left:4px;}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;}.footer-contact{font-size:0.85rem;line-height:2;}.footer-contact strong{color:var(--color-white);}.footer-contact svg{width:14px;height:14px;display:inline-block;vertical-align:middle;margin-right:4px;}.footer-legal{display:flex;gap:24px;font-size:0.8rem;}.footer-legal a:hover{color:var(--color-white);}.footer-social{display:flex;gap:12px;}.footer-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;}.footer-social a:hover{background:var(--color-primary);}.footer-social svg{width:18px;height:18px;fill:white;}.footer-copyright{text-align:center;padding:20px 0;font-size:0.8rem;color:rgba(255,255,255,0.4);border-top:1px solid rgba(255,255,255,0.06);}.floating-actions{position:fixed !important;right:24px !important;top:50% !important;bottom:auto !important;transform:translateY(-50%) !important;display:flex;flex-direction:column;gap:12px;z-index:9999;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1);}.floating-actions.floating-hidden{transform:translateY(calc(-50% + 100px)) !important;opacity:0;pointer-events:none;}.float-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;background:rgba(255,255,255,0.85);backdrop-filter:blur(8px);}.float-btn:hover{transform:scale(1.15);box-shadow:0 8px 24px rgba(0,128,128,0.3);background:var(--color-primary);color:white;}.float-whatsapp{background:#25D366;color:white;}.float-whatsapp .float-tooltip{position:absolute;right:calc(100% + 10px);white-space:nowrap;background:var(--color-secondary);color:white;padding:6px 12px;border-radius:var(--radius-sm);font-size:0.75rem;font-weight:500;opacity:0;transition:var(--transition-fast);pointer-events:none;}.float-whatsapp:hover .float-tooltip{opacity:1;}.float-backtop{background:rgba(255,255,255,0.85);backdrop-filter:blur(8px);color:var(--color-primary);border:2px solid var(--color-primary);opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.float-backtop.show{opacity:1;visibility:visible;}.float-backtop:hover{background:var(--color-primary);color:white;border-color:var(--color-primary);transform:scale(1.15);box-shadow:0 8px 24px rgba(0,128,128,0.3);}.float-btn svg{width:24px;height:24px;}.cookie-banner{position:fixed;bottom:0;left:0;width:100%;background:var(--color-white);box-shadow:0 -4px 20px rgba(0,0,0,0.12);z-index:9999;padding:24px;transform:translateY(100%);transition:transform 0.4s ease;}.cookie-banner.show{transform:translateY(0);}.cookie-inner{max-width:var(--container-max);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:20px;}.cookie-text{flex:1;min-width:280px;font-size:0.9rem;color:var(--color-text-light);}.cookie-text a{color:var(--color-primary);text-decoration:underline;}.cookie-actions{display:flex;flex-wrap:wrap;gap:10px;}.cookie-actions .btn{min-height:42px;padding:8px 20px;font-size:0.85rem;}.cookie-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:var(--transition);}.cookie-modal.show{opacity:1;visibility:visible;}.cookie-modal-content{background:var(--color-white);border-radius:var(--radius-lg);max-width:520px;width:90%;max-height:80vh;overflow-y:auto;padding:32px;}.cookie-modal h3{margin-bottom:20px;}.cookie-category{padding:16px 0;border-bottom:1px solid var(--color-border);}.cookie-category:last-child{border:none;}.cookie-category-header{display:flex;justify-content:space-between;align-items:center;}.cookie-category h4{font-size:0.95rem;}.cookie-toggle{position:relative;width:48px;height:26px;}.cookie-toggle input{opacity:0;width:0;height:0;}.cookie-toggle .slider{position:absolute;inset:0;background:#ccc;border-radius:26px;cursor:pointer;transition:var(--transition-fast);}.cookie-toggle .slider::before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;background:white;bottom:3px;left:3px;transition:var(--transition-fast);}.cookie-toggle input:checked + .slider{background:var(--color-primary);}.cookie-toggle input:checked + .slider::before{transform:translateX(22px);}.cookie-category p{font-size:0.85rem;color:var(--color-text-muted);margin-top:6px;}.hot-links{background:var(--color-bg);padding:24px 0;text-align:center;}.hot-links-inner{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}.data-table{width:100%;border-collapse:collapse;font-size:0.9rem;}.data-table th{background:var(--color-primary);color:white;padding:12px 16px;text-align:left;font-weight:600;}.data-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);}.data-table tr:nth-child(even){background:var(--color-bg);}.table-responsive{overflow-x:auto;position:relative;}.scroll-hint{display:none;position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,rgba(0,0,0,0.08));pointer-events:none;}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}.two-col-img{border-radius:var(--radius-md);overflow:hidden;}.two-col-img img{width:100%;height:auto;}.cta-banner{background:linear-gradient(135deg,#004d4d,var(--color-primary));padding:64px 0;text-align:center;}.cta-banner h2{color:var(--color-white);margin-bottom:16px;}.cta-banner p{color:rgba(255,255,255,0.85);margin-bottom:32px;max-width:580px;margin-left:auto;margin-right:auto;}.cta-banner-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}.cta-banner-actions .btn{min-width:200px;flex:0 1 auto;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}@media (max-width:1024px){.nav-desktop{display:none;}.lang-switch{display:none;}.hamburger{display:flex;order:1;}.logo{order:0;margin-right:auto;}.header-inner{justify-content:flex-start;}.grid-3{grid-template-columns:repeat(2,1fr);}.grid-4{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:repeat(2,1fr);}.advantage-grid{grid-template-columns:repeat(2,1fr);}.two-col{grid-template-columns:1fr;gap:32px;}.hero h1{font-size:2.2rem;}}@media (max-width:768px){.footer-grid.desktop-only{display:none;}.footer-nav-mobile{display:block;}}@media (min-width:769px){.footer-nav-mobile{display:none !important;}.footer-grid.desktop-only{display:grid;}}.core-advantages-5{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;}@media (max-width:1024px){.core-advantages-5{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.core-advantages-5{grid-template-columns:1fr;}}.logo-carousel-container{position:relative;max-width:800px;margin:0 auto;}.logo-carousel-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;overflow:hidden;position:relative;}.logo-slide{display:none;justify-content:center;align-items:center;}.logo-slide.active{display:flex;}@media (min-width:769px){.logo-slide{flex:0 0 calc(20% - 19.2px);max-width:calc(20% - 19.2px);}}@media (max-width:768px){.logo-carousel-grid{gap:12px;}.logo-slide{flex:0 0 calc(33.333% - 8px);max-width:calc(33.333% - 8px);}}.logo-slide .client-logo-square{width:120px;height:120px;object-fit:contain;filter:grayscale(100%) opacity(0.6);transition:var(--transition);border-radius:var(--radius-sm);background:var(--color-bg);padding:16px;}@media (max-width:768px){.logo-slide .client-logo-square{width:100%;height:auto;aspect-ratio:1;padding:8px;}}.logo-slide .client-logo-square:hover{filter:grayscale(0%) opacity(1);}.logo-carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:24px;}.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);cursor:pointer;transition:var(--transition);}.logo-dot.active{background:var(--color-primary);}.about-hero-carousel{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);}.about-hero-carousel .carousel-slide img{width:100%;height:400px;object-fit:cover;}.about-hero-carousel .carousel-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10;}.about-hero-carousel .carousel-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);border:2px solid white;cursor:pointer;transition:var(--transition);}.about-hero-carousel .carousel-dot.active{background:white;}@media (max-width:768px){.about-hero-carousel .carousel-slide img{height:280px;}}.exhibition-carousel{position:relative;overflow:hidden;border-radius:var(--radius-lg);}.exhibition-carousel .carousel-track{display:flex;transition:transform 0.4s ease;}.exhibition-carousel .carousel-slide{min-width:100%;position:relative;}.exhibition-carousel .carousel-slide img{width:100%;height:480px;object-fit:cover;}.exhibition-carousel .carousel-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.85));padding:32px 24px 24px;color:white;}.exhibition-carousel .carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.9);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:var(--transition);z-index:10;}.exhibition-carousel .carousel-btn:hover{background:white;box-shadow:var(--shadow-lg);}.exhibition-carousel .carousel-btn.prev{left:20px;}.exhibition-carousel .carousel-btn.next{right:20px;}.exhibition-carousel .carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10;}.exhibition-carousel .carousel-indicators .dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.5);border:2px solid white;cursor:pointer;transition:var(--transition);}.exhibition-carousel .carousel-indicators .dot.active{background:white;}@media (max-width:768px){.exhibition-carousel .carousel-slide img{height:320px;}}@media (max-width:768px){:root{--header-height:64px;}.section{padding:48px 0;}.container{padding:0 16px;}.grid-2,.grid-3,.grid-4,.grid-6,.grid-8{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:1fr;gap:28px;}.advantage-grid{grid-template-columns:1fr 1fr;gap:12px;}.hero{min-height:80vh;}.hero-content{padding:40px 20px;}.hero h1{font-size:1.75rem;line-height:1.3;}.hero .hero-subtitle{font-size:1rem;margin-bottom:28px;}.hero-cta{flex-direction:column;}.hero-cta .btn{width:100%;}.stats-row{gap:24px;}.stat-number{font-size:2rem;}.floating-actions{right:16px;top:50%;bottom:auto;transform:translateY(-50%);}.float-btn{width:48px;height:48px;}.page-hero{padding:50px 0 32px;}.page-hero h1{font-size:1.5rem;margin-bottom:10px;}.page-hero p{font-size:0.9rem;}.cookie-inner{flex-direction:column;}.scroll-hint{display:block;}.footer-bottom{flex-direction:column;text-align:center;}.footer-nav-mobile{display:block;padding:24px 0;border-top:1px solid rgba(255,255,255,0.1);}.footer-nav-item{border-bottom:1px solid rgba(255,255,255,0.08);}.footer-nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;background:none;border:none;color:rgba(255,255,255,0.9);font-size:0.95rem;font-weight:600;cursor:pointer;transition:var(--transition);}.footer-nav-toggle svg{width:18px;height:18px;transition:transform 0.3s ease;}.footer-nav-item.expanded .footer-nav-toggle svg{transform:rotate(180deg);}.footer-nav-content{max-height:0;overflow:hidden;transition:max-height 0.35s ease;}.footer-nav-item.expanded .footer-nav-content{max-height:500px;}.footer-nav-content a{display:block;padding:10px 0 10px 16px;font-size:0.875rem;color:rgba(255,255,255,0.65);transition:var(--transition-fast);}.footer-nav-content a:hover{color:white;padding-left:20px;}.factory-carousel .carousel-container{border-radius:var(--radius-md) !important;}.factory-carousel .carousel-slide img{aspect-ratio:auto !important;max-height:60vh;object-fit:contain;background:#000;}.factory-carousel .carousel-caption{padding:16px !important;}.factory-carousel .carousel-caption h4{font-size:1rem !important;}.factory-carousel .carousel-caption p{font-size:0.85rem !important;}.video-container{aspect-ratio:16/9 !important;}#videoPlayOverlay > div{width:64px !important;height:64px !important;}#videoPlayOverlay svg{width:28px !important;height:28px !important;}#imageModal > div{padding:60px 16px !important;}#imageModal > button{top:12px !important;right:12px !important;width:40px !important;height:40px !important;}#modalCaption{bottom:20px !important;padding:12px 20px !important;font-size:0.9rem !important;}}@media (max-width:480px){.advantage-grid{grid-template-columns:1fr;}.grid-8{grid-template-columns:1fr;}.mobile-nav{max-width:100%;}.cta-banner-actions{flex-direction:column !important;align-items:center;gap:12px;}.cta-banner-actions .btn{width:100%;max-width:320px;min-width:unset;}}.fade-in{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease;}.fade-in.visible{opacity:1;transform:translateY(0);}img[loading="lazy"]{background:var(--color-bg);}.mobile-quick-contact{display:none;}@media (max-width:768px){.mobile-quick-contact{display:flex;gap:10px;padding:16px;background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:32px;}.mobile-quick-contact a{flex:1;text-align:center;font-size:0.85rem;}}.info-list{background:var(--color-white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);}.info-item{display:flex;padding:16px 0;border-bottom:1px solid var(--color-border);gap:24px;}.info-item:last-child{border-bottom:none;padding-bottom:0;}.info-item:first-child{padding-top:0;}.info-label{flex:0 0 160px;font-weight:700;font-size:0.95rem;color:var(--color-heading);}.info-value{flex:1;font-size:0.95rem;color:var(--color-text-light);line-height:1.6;}@media (max-width:768px){.info-list{padding:24px 20px;}.info-item{flex-direction:column;gap:8px;}.info-label{flex:unset;}}.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}.process-step{text-align:center;padding:24px 16px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:var(--transition);}.process-step:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}.process-step-icon{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:var(--color-primary);color:var(--color-white);font-size:1.25rem;font-weight:800;display:flex;align-items:center;justify-content:center;}.process-step h4{font-size:0.95rem;font-weight:700;margin-bottom:12px;color:var(--color-heading);}.process-step p{font-size:0.8rem;line-height:1.6;color:var(--color-text-light);margin:0;}.showcase-hero{grid-column:1 / -1;}.showcase-hero .card-img{height:320px;}.showcase-hero .card-img img{object-fit:cover;width:100%;height:100%;}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.process-steps-6{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.workflow-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:var(--transition);height:100%;display:flex;flex-direction:column;}.workflow-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px);}.workflow-card-image{width:100%;aspect-ratio:4/3;overflow:hidden;position:relative;}.workflow-card-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);}.workflow-card:hover .workflow-card-image img{transform:scale(1.05);}.workflow-card-body{padding:20px;text-align:center;flex:1;display:flex;flex-direction:column;}.workflow-step-number{width:36px;height:36px;margin:0 auto 12px;border-radius:50%;background:var(--color-primary);color:var(--color-white);font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;}.workflow-card-body h4{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--color-heading);}.workflow-card-body p{font-size:0.85rem;line-height:1.5;color:var(--color-text-light);margin:0;flex:1;}@media (max-width:1024px){.showcase-grid{grid-template-columns:repeat(2,1fr);}.process-steps-6{grid-template-columns:repeat(2,1fr);}.workflow-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.showcase-grid{grid-template-columns:1fr;}.process-steps-6{grid-template-columns:1fr;}.workflow-grid{grid-template-columns:repeat(2,1fr);}.showcase-hero .card-img{height:240px;}}@media (max-width:1024px){.process-steps{grid-template-columns:repeat(3,1fr);gap:16px;}}@media (max-width:768px){.process-steps{grid-template-columns:repeat(2,1fr);gap:12px;}.process-step{padding:20px 12px;}.process-step-icon{width:40px;height:40px;font-size:1rem;margin-bottom:12px;}.process-step h4{font-size:0.875rem;margin-bottom:8px;}.process-step p{font-size:0.75rem;}}@media (max-width:480px){.process-steps{grid-template-columns:1fr;gap:12px;}.process-step{display:flex;align-items:flex-start;text-align:left;padding:16px;gap:16px;}.process-step-icon{margin:0;flex-shrink:0;}.workflow-grid{grid-template-columns:1fr;}}.texture-series-section{padding-top:40px;}.texture-series-group{margin-bottom:56px;}.texture-series-group:last-child{margin-bottom:0;}.texture-series-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--color-border);}.texture-series-icon{width:48px;height:48px;background:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;}.texture-series-info{flex:1;}.texture-series-name{font-size:20px;font-weight:600;margin-bottom:4px;color:var(--color-secondary);}.texture-series-desc{font-size:13px;color:var(--color-text-muted);}.texture-series-count{font-size:12px;color:var(--color-primary);font-weight:600;white-space:nowrap;}.texture-layout{display:grid;grid-template-columns:380px 1fr;gap:32px;background:var(--color-white);padding:32px;border-radius:12px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);}.texture-main-area{position:sticky;top:100px;}.texture-large-img{width:100%;height:380px;border-radius:8px;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:center;color:white;font-size:16px;font-weight:600;margin-bottom:12px;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-md);}.texture-large-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,rgba(0,0,0,0.6));pointer-events:none;}.texture-large-img span{position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,0.3);}.texture-large-img:hover{transform:scale(1.02);box-shadow:var(--shadow-lg);}.texture-zoom-hint{font-size:12px;color:var(--color-text-muted);text-align:center;}.texture-info-area{display:flex;flex-direction:column;gap:24px;}.texture-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:20px;}.texture-card-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:8px;font-weight:600;}.texture-card-title{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--color-secondary);}.texture-card-desc{font-size:14px;line-height:1.6;color:var(--color-text-light);}.texture-detail-row{display:flex;align-items:flex-start;gap:16px;}.texture-preview-block{width:80px;height:80px;border-radius:8px;background-size:cover;background-position:center;border:2px solid var(--color-border);flex-shrink:0;box-shadow:var(--shadow-sm);}.texture-info-grid{display:grid;gap:8px;flex:1;}.texture-info-item{display:flex;align-items:center;gap:8px;font-size:14px;}.texture-info-label{color:var(--color-text-muted);min-width:60px;font-weight:500;}.texture-info-value{color:var(--color-secondary);font-weight:600;}.texture-grid-container{margin-top:8px;}.texture-grid-label{font-size:12px;color:var(--color-text-muted);margin-bottom:12px;font-weight:500;}.texture-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;}.texture-item{aspect-ratio:1;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all 0.2s ease;position:relative;background-size:cover;background-position:center;box-shadow:var(--shadow-sm);}.texture-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);z-index:1;}.texture-item.active{border-color:var(--color-primary);transform:scale(1.1);box-shadow:var(--shadow-md);z-index:2;}.texture-item-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--color-secondary);color:white;padding:6px 10px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;margin-bottom:6px;z-index:10;}.texture-item:hover .texture-item-tooltip{opacity:1;}.texture-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.9);opacity:0;visibility:hidden;transition:all 0.3s ease;}.texture-lightbox.show{opacity:1;visibility:visible;}.texture-lightbox-content{max-width:90%;max-height:90vh;position:relative;}.texture-lightbox-img{width:100%;max-width:800px;height:auto;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.5);}.texture-lightbox-close{position:absolute;top:-40px;right:0;width:40px;height:40px;border-radius:50%;background:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color-secondary);transition:all 0.2s;}.texture-lightbox-close:hover{background:var(--color-primary);color:white;transform:scale(1.1);}.texture-lightbox-caption{text-align:center;color:white;margin-top:16px;font-size:16px;font-weight:500;}@media (max-width:1024px){.texture-layout{grid-template-columns:1fr;gap:24px;}.texture-main-area{position:relative;top:0;}.texture-grid{grid-template-columns:repeat(8,1fr);}}@media (max-width:768px){.texture-series-header{flex-wrap:wrap;}.texture-series-count{order:3;}.texture-layout{padding:20px;}.texture-large-img{height:300px;}.texture-grid{grid-template-columns:repeat(6,1fr);gap:6px;}.texture-detail-row{flex-direction:column;}.texture-preview-block{width:100%;height:100px;}}@media (max-width:480px){.texture-grid{grid-template-columns:repeat(5,1fr);}.texture-large-img{height:260px;font-size:14px;}}.color-swatch-section{padding-top:40px;}.color-series-group{margin-bottom:56px;}.color-series-group:last-child{margin-bottom:0;}.color-series-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--color-border);}.color-series-icon{width:48px;height:48px;background:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;}.color-series-info{flex:1;}.color-series-name{font-size:20px;font-weight:600;margin-bottom:4px;color:var(--color-secondary);}.color-series-desc{font-size:13px;color:var(--color-text-muted);}.color-series-count{font-size:12px;color:var(--color-primary);font-weight:600;white-space:nowrap;}.color-layout{display:grid;grid-template-columns:1fr;gap:32px;background:var(--color-white);padding:32px;border-radius:12px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);}.color-info-area{display:flex;flex-direction:column;gap:24px;}.color-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:20px;}.color-card-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:8px;font-weight:600;}.color-card-title{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--color-secondary);}.color-card-desc{font-size:14px;line-height:1.6;color:var(--color-text-light);}.color-detail-row{display:flex;align-items:flex-start;gap:16px;}.color-preview-block{width:80px;height:80px;border-radius:8px;border:2px solid var(--color-border);flex-shrink:0;box-shadow:var(--shadow-sm);}.color-info-grid{display:grid;gap:8px;flex:1;}.color-info-item{display:flex;align-items:center;gap:8px;font-size:14px;}.color-info-label{color:var(--color-text-muted);min-width:60px;font-weight:500;}.color-info-value{color:var(--color-secondary);font-weight:600;}.color-grid-container{margin-top:8px;}.color-grid-label{font-size:12px;color:var(--color-text-muted);margin-bottom:12px;font-weight:500;}.color-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:8px;}.color-item{aspect-ratio:1;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all 0.2s ease;position:relative;box-shadow:var(--shadow-sm);}.color-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);z-index:1;}.color-item.active{border-color:var(--color-primary);transform:scale(1.15);box-shadow:var(--shadow-md);z-index:2;}.color-item-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--color-secondary);color:white;padding:6px 10px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;margin-bottom:6px;z-index:10;}.color-item:hover .color-item-tooltip{opacity:1;}.color-module-actions{display:flex;gap:16px;justify-content:center;margin-top:48px;padding-top:32px;border-top:2px solid var(--color-border);}.color-module-actions .btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);}.color-module-actions .btn-outline:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px);}.texture-module-actions{display:flex;gap:16px;justify-content:center;margin-top:48px;padding-top:32px;border-top:2px solid var(--color-border);}.texture-module-actions .btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);}.texture-module-actions .btn-outline:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px);}.color-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.9);opacity:0;visibility:hidden;transition:all 0.3s ease;}.color-lightbox.show{opacity:1;visibility:visible;}.color-lightbox-content{max-width:90%;max-height:90vh;position:relative;}.color-lightbox-close{position:absolute;top:-40px;right:0;width:40px;height:40px;border-radius:50%;background:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color-secondary);transition:all 0.2s;}.color-lightbox-close:hover{background:var(--color-primary);color:white;transform:scale(1.1);}.color-lightbox-caption{text-align:center;color:white;margin-top:16px;font-size:16px;font-weight:500;}@media (max-width:1024px){.color-grid{grid-template-columns:repeat(10,1fr);}}@media (max-width:768px){.color-series-header{flex-wrap:wrap;}.color-series-count{order:3;}.color-layout{padding:20px;}.color-grid{grid-template-columns:repeat(8,1fr);gap:6px;}.color-detail-row{flex-direction:column;}.color-preview-block{width:100%;height:100px;}.color-module-actions,.texture-module-actions{flex-direction:column;}}@media (max-width:480px){.color-grid{grid-template-columns:repeat(6,1fr);}.color-large-img{height:260px;font-size:14px;}}.site-header.header-hidden{transform:translateY(-100%);}.site-header{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}@media (max-width:768px){.logo img{transform:scale(0.7);transform-origin:left center;}}.news-hero{padding:100px 0 40px;text-align:center;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-white) 100%);border-bottom:1px solid var(--color-border);}.news-hero-content{max-width:800px;margin:0 auto;}.news-hero .section-label{margin-bottom:8px;}.news-hero h1{margin-top:0;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);}.news-hero-subtitle{font-size:1.1rem;color:var(--color-text-light);margin-bottom:0;}.news-filter{padding:8px 0;background:var(--color-white);position:sticky;top:80px;z-index:50;border-bottom:1px solid var(--color-border);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1);}.news-filter.filter-hidden{transform:translateY(-100%);opacity:0;pointer-events:none;}.news-filter-list{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;list-style:none;padding:0;margin:0;}.news-filter-item a{display:inline-flex;align-items:center;padding:10px 24px;font-size:0.9rem;font-weight:500;color:var(--color-text-light);border-radius:100px;transition:var(--transition);border:2px solid transparent;text-decoration:none;}.news-filter-item a:hover{color:var(--color-primary);background:rgba(var(--color-primary-rgb),0.05);}.news-filter-item.active a{color:var(--color-white);background:var(--color-primary);border-color:var(--color-primary);}.news-card{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);height:100%;display:flex;flex-direction:column;}.news-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}.news-card-image{width:100%;aspect-ratio:4/3;overflow:hidden;position:relative;}.news-card-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);}.news-card:hover .news-card-image img{transform:scale(1.05);}.news-card-category{position:absolute;top:16px;left:16px;padding:6px 14px;background:var(--color-white);color:var(--color-primary);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:100px;box-shadow:var(--shadow-sm);}.news-card-body{padding:24px;flex:1;display:flex;flex-direction:column;}.news-card-meta{display:flex;align-items:center;gap:16px;margin-bottom:12px;font-size:0.85rem;color:var(--color-text-muted);}.news-card-meta time{display:inline-flex;align-items:center;gap:6px;}.news-card-meta svg{width:14px;height:14px;opacity:0.6;}.news-card-title{font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:12px;color:var(--color-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.news-card-title a:hover{color:var(--color-primary);}.news-excerpt{font-size:0.95rem;line-height:1.6;color:var(--color-text-light);margin-bottom:20px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.news-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--color-border);margin-top:auto;}.news-read-more{display:inline-flex;align-items:center;gap:8px;font-size:0.9rem;font-weight:600;color:var(--color-primary);text-decoration:none;transition:var(--transition);}.news-read-more:hover{gap:12px;}.news-read-more svg{width:18px;height:18px;transition:transform 0.3s ease;}.news-read-more:hover svg{transform:translateX(4px);}.news-card-featured{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:48px;}.news-card-featured .news-card-image{aspect-ratio:16/10;height:100%;}.news-card-featured .news-card-body{padding:40px;display:flex;flex-direction:column;justify-content:center;}.news-card-featured .news-card-title{font-size:1.75rem;-webkit-line-clamp:3;}.news-card-featured .news-excerpt{-webkit-line-clamp:4;font-size:1rem;}.news-featured-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:100px;margin-bottom:16px;}.news-featured-badge svg{width:14px;height:14px;}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px;}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 0;}.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;font-size:0.95rem;font-weight:500;color:var(--color-text-light);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-sm);transition:var(--transition);text-decoration:none;}.pagination-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),0.05);}.pagination-link.active{color:var(--color-white);background:var(--color-primary);border-color:var(--color-primary);}.pagination-link.disabled{opacity:0.4;pointer-events:none;}.pagination-ellipsis{padding:0 8px;color:var(--color-text-muted);}.article-header{padding:60px 0 40px;text-align:center;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-white) 100%);border-bottom:1px solid var(--color-border);}.article-header-content{max-width:900px;margin:0 auto;}.article-category-links{display:flex;gap:12px;justify-content:center;margin-bottom:20px;}.article-category-link{display:inline-flex;align-items:center;padding:6px 16px;font-size:0.8rem;font-weight:600;color:var(--color-primary);background:rgba(var(--color-primary-rgb),0.08);border-radius:100px;text-decoration:none;transition:var(--transition);}.article-category-link:hover{background:var(--color-primary);color:var(--color-white);}.article-header h1{font-size:clamp(2rem,4vw,2.75rem);line-height:1.3;margin-bottom:24px;max-width:800px;margin-left:auto;margin-right:auto;}.article-meta{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;font-size:0.9rem;color:var(--color-text-muted);}.article-meta-item{display:inline-flex;align-items:center;gap:8px;}.article-meta-item svg{width:16px;height:16px;opacity:0.6;}.article-meta-divider{width:1px;height:16px;background:var(--color-border);}.article-featured-image{width:100%;max-width:1200px;margin:40px auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);}.article-featured-image img{width:100%;height:auto;display:block;}.article-content{max-width:800px;margin:0 auto;padding:48px 24px;}.article-content h2{font-size:1.75rem;margin-top:48px;margin-bottom:20px;color:var(--color-secondary);}.article-content h3{font-size:1.35rem;margin-top:36px;margin-bottom:16px;color:var(--color-secondary);}.article-content p{font-size:1.05rem;line-height:1.8;margin-bottom:24px;color:var(--color-text-light);}.article-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;}.article-content a:hover{color:var(--color-primary-dark);}.article-content ul,.article-content ol{margin-bottom:24px;padding-left:24px;}.article-content li{font-size:1.05rem;line-height:1.8;margin-bottom:12px;color:var(--color-text-light);}.article-content ul li{list-style:disc !important;}.article-content ol li{list-style:decimal !important;}.article-content blockquote{margin:32px 0;padding:24px 32px;background:var(--color-bg);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;}.article-content blockquote p{margin-bottom:0;color:var(--color-text);font-size:1.1rem;}.article-content figure{margin:32px 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);}.article-content figure img{width:100%;height:auto;display:block;}.article-content figcaption{padding:12px 16px;background:var(--color-bg);font-size:0.9rem;color:var(--color-text-muted);text-align:center;font-style:italic;}.article-share{display:flex;align-items:center;justify-content:center;gap:16px;padding:32px 0;margin-top:48px;border-top:2px solid var(--color-border);}.article-share-label{font-size:0.95rem;font-weight:600;color:var(--color-secondary);}.article-share-buttons{display:flex;gap:12px;}.article-share-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-bg);color:var(--color-text-light);transition:var(--transition);text-decoration:none;}.article-share-btn:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px);}.article-share-btn svg{width:20px;height:20px;}.related-articles{padding:64px 0;background:var(--color-bg);border-top:1px solid var(--color-border);}.related-articles-header{text-align:center;margin-bottom:40px;}.related-articles-header h2{margin-bottom:12px;}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:48px 0;border-top:2px solid var(--color-border);}.post-nav-item{display:flex;flex-direction:column;padding:24px;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);text-decoration:none;}.post-nav-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}.post-nav-item.next{text-align:right;}.post-nav-label{font-size:0.8rem;color:var(--color-text-muted);margin-bottom:8px;display:flex;align-items:center;gap:8px;}.post-nav-item.next .post-nav-label{justify-content:flex-end;}.post-nav-label svg{width:16px;height:16px;}.post-nav-title{font-size:1rem;font-weight:600;color:var(--color-secondary);line-height:1.4;}.post-nav-item:hover .post-nav-title{color:var(--color-primary);}.article-comments{padding:48px 0;border-top:2px solid var(--color-border);}.article-comments-placeholder{max-width:800px;margin:0 auto;padding:48px;background:var(--color-bg);border-radius:var(--radius-lg);text-align:center;}.article-comments-placeholder h3{margin-bottom:12px;}.article-comments-placeholder p{margin-bottom:0;}@media (max-width:1024px){.news-grid{grid-template-columns:repeat(2,1fr);gap:24px;}.news-card-featured{grid-template-columns:1fr;}.news-card-featured .news-card-image{aspect-ratio:16/9;}}@media (max-width:768px){.news-hero{padding:90px 0 32px;}.news-filter{position:static;padding:24px 0;}.news-filter-list{gap:8px;}.news-filter-item a{padding:8px 16px;font-size:0.85rem;}.news-grid{grid-template-columns:1fr;gap:24px;}.news-card-featured .news-card-body{padding:24px;}.news-card-featured .news-card-title{font-size:1.35rem;}.article-header{padding:40px 0 32px;}.article-meta{flex-direction:column;gap:12px;}.article-meta-divider{display:none;}.article-content{padding:32px 20px;}.article-content h2{font-size:1.5rem;margin-top:36px;}.article-content h3{font-size:1.25rem;margin-top:28px;}.article-content p{font-size:1rem;}.post-navigation{grid-template-columns:1fr;}.post-nav-item.next{text-align:left;}.article-share{flex-direction:column;gap:16px;}}@media (max-width:480px){.pagination{gap:6px;}.pagination-link{min-width:40px;height:40px;padding:0 12px;font-size:0.85rem;}.article-comments-placeholder{padding:32px 24px;}}.single-breadcrumb-wrapper{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:12px 0;}.single-breadcrumb-wrapper .breadcrumb{font-size:0.85rem;color:var(--color-text-muted);}.single-breadcrumb-wrapper .breadcrumb a{color:var(--color-text-light);}.single-breadcrumb-wrapper .breadcrumb a:hover{color:var(--color-primary);}.article-header-section{padding:48px 0 32px;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-white) 100%);}.article-header{max-width:900px;margin:0 auto;text-align:center;}.article-category{display:inline-block;padding:6px 16px;background:var(--color-primary);color:var(--color-white);font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:20px;margin-bottom:20px;}.article-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.25;color:var(--color-secondary);margin-bottom:24px;}.article-meta{display:flex;align-items:center;justify-content:center;gap:24px;color:var(--color-text-muted);font-size:0.95rem;}.article-meta time{display:flex;align-items:center;gap:8px;}.article-meta time svg{width:16px;height:16px;}.article-meta .reading-time{position:relative;padding-left:24px;}.article-meta .reading-time::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--color-text-muted);border-radius:50%;}.article-featured-image-section{padding:0 0 48px;}.article-featured-image{max-width:1200px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);}.article-featured-image img{width:100%;height:auto;display:block;}.article-content-section{padding:0 0 64px;}.article-layout{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start;}.article-main{min-width:0;}.article-body{font-size:1.05rem;line-height:1.8;color:var(--color-text-light);}.article-body > *:first-child{margin-top:0;}.article-body h2{font-size:1.75rem;font-weight:700;color:var(--color-secondary);margin-top:48px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--color-border);}.article-body h3{font-size:1.35rem;font-weight:600;color:var(--color-secondary);margin-top:36px;margin-bottom:16px;}.article-body p{margin-bottom:24px;}.article-body a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;transition:var(--transition);}.article-body a:hover{color:var(--color-primary-dark);}.article-body ul,.article-body ol{margin-bottom:24px;padding-left:28px;}.article-body ul li{list-style:disc;margin-bottom:12px;line-height:1.7;}.article-body ol li{list-style:decimal;margin-bottom:12px;line-height:1.7;}.article-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:32px 0;}.article-body figure{margin:32px 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);}.article-body figure img{margin:0;border-radius:0;}.article-body figcaption{padding:12px 16px;background:var(--color-bg);font-size:0.9rem;color:var(--color-text-muted);text-align:center;font-style:italic;}.article-body blockquote{margin:32px 0;padding:24px 32px;background:var(--color-bg);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;}.article-body blockquote p{margin-bottom:0;color:var(--color-text);font-size:1.1rem;}.article-share{margin-top:48px;padding-top:32px;border-top:1px solid var(--color-border);}.article-share h4{font-size:1rem;font-weight:600;color:var(--color-secondary);margin-bottom:16px;}.share-buttons{display:flex;gap:12px;flex-wrap:wrap;}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:0.9rem;font-weight:500;text-decoration:none;transition:var(--transition);}.share-btn svg{width:18px;height:18px;}.share-linkedin{background:#0077b5;color:var(--color-white);}.share-linkedin:hover{background:#005885;color:var(--color-white);}.share-twitter{background:#000000;color:var(--color-white);}.share-twitter:hover{background:#333333;color:var(--color-white);}.share-facebook{background:#1877f2;color:var(--color-white);}.share-facebook:hover{background:#0d5dc9;color:var(--color-white);}.article-sidebar{position:sticky;top:100px;}.sidebar-widget{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;}.sidebar-widget h4{font-size:1rem;font-weight:600;color:var(--color-secondary);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-primary);}.toc-widget .toc-nav ul{list-style:none;padding:0;margin:0;}.toc-widget .toc-nav li{margin-bottom:8px;}.toc-widget .toc-nav a{display:block;padding:8px 12px;color:var(--color-text-light);font-size:0.9rem;text-decoration:none;border-radius:6px;transition:var(--transition);line-height:1.5;}.toc-widget .toc-nav a:hover{background:var(--color-bg);color:var(--color-primary);}.toc-widget .toc-nav a.toc-h3{padding-left:24px;font-size:0.85rem;}.cta-widget{background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-alt) 100%);}.cta-widget p{font-size:0.9rem;color:var(--color-text-light);margin-bottom:16px;line-height:1.6;}.cta-widget .btn-block{display:block;width:100%;text-align:center;margin-bottom:10px;}.cta-widget .btn-block:last-child{margin-bottom:0;}.related-articles-section{padding:64px 0;background:var(--color-bg);}.related-articles-section .section-header{text-align:center;margin-bottom:40px;}.related-articles-section .section-header h3{font-size:1.75rem;font-weight:700;color:var(--color-secondary);margin-bottom:8px;}.related-articles-section .section-header p{color:var(--color-text-muted);font-size:1rem;}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.related-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);}.related-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}.related-card-image{aspect-ratio:16/10;overflow:hidden;}.related-card-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);}.related-card:hover .related-card-image img{transform:scale(1.05);}.related-card-body{padding:20px;}.related-card-category{display:inline-block;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--color-primary);margin-bottom:8px;}.related-card-title{font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:12px;}.related-card-title a{color:var(--color-secondary);text-decoration:none;transition:var(--transition);}.related-card-title a:hover{color:var(--color-primary);}.related-card-body time{font-size:0.85rem;color:var(--color-text-muted);}.cta-banner .cta-content{text-align:center;}.cta-banner .cta-content h2{font-size:2rem;margin-bottom:12px;}.cta-banner .cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}@media (max-width:1024px){.article-layout{grid-template-columns:1fr;gap:32px;}.article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:24px;}.sidebar-widget{margin-bottom:0;}.toc-widget{order:2;}.cta-widget{order:1;}.related-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.article-header-section{padding:32px 0 24px;}.article-title{font-size:1.5rem;}.article-meta{flex-direction:column;gap:8px;}.article-meta .reading-time{padding-left:0;}.article-meta .reading-time::before{display:none;}.article-featured-image-section{padding:0 0 32px;}.article-featured-image{border-radius:0;}.article-body{font-size:1rem;}.article-body h2{font-size:1.4rem;margin-top:36px;}.article-body h3{font-size:1.2rem;margin-top:28px;}.article-sidebar{grid-template-columns:1fr;}.share-buttons{justify-content:center;}.related-grid{grid-template-columns:1fr;}.cta-banner .cta-content h2{font-size:1.5rem;}}