@layer components{.top-bar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:#fff;border-bottom:1px solid var(--gray-100);z-index:var(--z-sticky);display:flex}.top-bar-inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--container-padding);max-width:var(--container-max);margin:0 auto;width:100%}.top-bar-left{display:flex;align-items:center;gap:4px;flex-shrink:0}.top-lang{color:var(--gray-400);text-decoration:none;font-weight:500;font-size:11px;transition:color var(--transition-fast);padding:2px 6px;border-radius:4px}.top-lang:hover{color:var(--cicc-blue);background:var(--gray-100)}.top-lang.active{color:var(--cicc-blue);font-weight:600;background:var(--cicc-blue-100)}.top-lang-sep{color:var(--gray-200);font-size:9px}.top-sep{color:var(--gray-200);font-size:10px;margin:0 4px}.top-bar-center{flex:1;display:flex;align-items:center;justify-content:center;max-width:400px;margin:0 16px}.top-search-form-inline{display:flex;align-items:center;gap:6px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:20px;padding:0 12px;width:100%;height:26px;transition:border 0.2s,background 0.2s}.top-search-form-inline:focus-within{border-color:var(--cicc-blue);background:#fff;box-shadow:0 0 0 2px rgb(0 87 163 / .08)}.top-search-icon{flex-shrink:0;color:var(--gray-300)}.top-search-form-inline input{flex:1;background:none;border:none;outline:none;color:var(--gray-700);font-size:12px;min-width:0}.top-search-form-inline input::placeholder{color:var(--gray-400);font-size:11px}.top-bar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.top-phone,.top-email,.top-login-text{display:inline-flex;align-items:center;gap:4px;color:var(--gray-500);text-decoration:none;font-size:11.5px;font-weight:500;transition:color var(--transition-fast);white-space:nowrap}.top-phone svg,.top-email svg,.top-login-text svg{flex-shrink:0;color:var(--gray-400)}.top-phone:hover,.top-email:hover,.top-login-text:hover{color:var(--cicc-blue)}.top-phone:hover svg,.top-email:hover svg,.top-login-text:hover svg{color:var(--cicc-blue)}.top-cta{font-size:11px;font-weight:700;padding:4px 14px;border-radius:5px;text-decoration:none;transition:all 0.25s ease;margin-left:6px;color:#fff!important;letter-spacing:.02em;position:relative}.top-cta--trial{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 2px 8px rgb(22 163 74 / .3)}.top-cta--trial:hover{background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 4px 14px rgb(22 163 74 / .45);transform:translateY(-1px);color:#fff!important}.top-cta--trial:active{transform:translateY(0)}.top-cta--contact{background:linear-gradient(135deg,#0057a3,#3b82f6);box-shadow:0 2px 8px rgb(0 87 163 / .3)}.top-cta--contact:hover{background:linear-gradient(135deg,#004080,#0057a3);box-shadow:0 4px 14px rgb(0 87 163 / .45);transform:translateY(-1px);color:#fff!important}.top-cta--contact:active{transform:translateY(0)}.top-login-text{background:var(--cicc-blue-100);color:var(--cicc-blue);padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.top-btn-register{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:20px;font-size:11px;font-weight:600;background:var(--cicc-orange);color:#fff;text-decoration:none;transition:all var(--transition-fast)}.top-btn-register:hover{background:#ea580c;color:#fff}@media (max-width:1024px){.top-bar-center{display:none}.top-phone span,.top-email{display:none}}@media (max-width:768px){.top-bar-left .show-mobile-tag{display:block!important}}.site-header{position:fixed;top:var(--topbar-height);left:0;right:0;height:var(--header-height);background:rgb(255 255 255 / .95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #fff0;z-index:var(--z-sticky);transition:background 0.3s,border-bottom 0.3s,box-shadow 0.3s,transform 0.35s ease}.site-header.scrolled{background:rgb(255 255 255 / .98);border-bottom-color:var(--gray-200);box-shadow:var(--shadow-sm)}.site-header.hidden{transform:translateY(-100%)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--container-padding);max-width:var(--container-max);margin:0 auto}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.logo img{height:40px;width:auto;max-width:180px}.logo-icon{font-size:24px;line-height:1}.logo-text{font-family:var(--font-heading);font-size:26px;font-weight:800;color:var(--cicc-navy);letter-spacing:-1px;line-height:1}.logo-text-suffix{font-size:11px;font-weight:500;color:var(--gray-400);letter-spacing:0;display:block;line-height:1.2}.main-nav{display:flex}.nav-list{display:flex;gap:2px;list-style:none;margin:0;padding:0}.nav-list li{position:relative;display:flex;align-items:center;height:var(--header-height)}.nav-list>li>a{display:flex;align-items:center;font-size:13px;padding:0 10px;gap:4px;padding:6px 12px;font-size:13.5px;font-weight:500;color:var(--gray-600);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.nav-list>li>a:hover,.nav-list>.current-menu-item>a,.nav-list>.current_page_item>a{color:var(--cicc-blue);background:var(--cicc-blue-100)}.nav-arrow{font-size:9px;margin-left:2px;transition:transform 0.2s;display:inline-block}.nav-list li:hover>a .nav-arrow{transform:rotate(180deg)}.mega-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:760px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:var(--space-6);z-index:var(--z-dropdown)}.nav-list li:hover .mega-menu{display:block;animation:megaFadeIn 0.2s ease}@keyframes megaFadeIn{from{opacity:0;transform:translateX(-50%) translateY(6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.mega-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.mega-inner--5col{grid-template-columns:repeat(5,1fr)}.mega-col{display:flex;flex-direction:column;gap:6px}.mega-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--gray-100)}.mega-count{font-size:10px;font-weight:700;color:var(--cicc-blue);background:var(--cicc-blue-100);display:inline-block;padding:1px 10px;border-radius:20px;margin-bottom:var(--space-2);letter-spacing:.02em}.mega-col a{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:500;color:var(--gray-600);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);line-height:1.3}.mega-col a:hover{background:var(--cicc-blue-100);color:var(--cicc-blue);padding-left:14px}.mega-col a.mega-all{margin-top:4px;font-weight:700;color:var(--cicc-blue);font-size:12px;border-top:1px solid var(--gray-100);padding-top:10px;border-radius:0}.mega-col a.mega-all:hover{background:none;color:var(--cicc-blue-600);padding-left:14px}display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--gray-50);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--gray-700);text-decoration:none;transition:all var(--transition-fast)}.mega-feat-item:hover{background:var(--cicc-blue-100);color:var(--cicc-blue)}.mega-feat-icon{font-size:18px;width:32px;text-align:center}.mega-feat-item small{font-weight:400;font-size:11px;color:var(--gray-400);display:block}.mega-all{display:block;text-align:center;margin-top:8px;font-size:13px;font-weight:700;color:var(--cicc-blue);border-top:1px solid var(--gray-100);padding-top:10px}padding:10px;margin-top:auto;font-size:13px;font-weight:600;color:var(--cicc-blue);border:1px dashed var(--gray-200);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.mega-all:hover{background:var(--cicc-blue);color:#fff;border-color:var(--cicc-blue)}.nav-list ul.sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:8px;z-index:var(--z-dropdown)}.nav-list li:hover>ul.sub-menu{display:block;animation:headerFadeIn 0.2s ease}@keyframes headerFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.nav-list ul.sub-menu li{height:auto}.nav-list ul.sub-menu a{padding:8px 16px;font-size:13px;border-radius:var(--radius-md)}.nav-list ul.sub-menu a:hover{background:var(--gray-50)}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-header-search{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;border:1.5px solid var(--gray-200);background:var(--gray-50);text-decoration:none;transition:all 0.3s ease;cursor:pointer}.btn-header-search:hover{background:linear-gradient(135deg,var(--cicc-blue-100),#eef2ff);border-color:var(--cicc-blue);box-shadow:0 0 16px rgb(0 87 163 / .15);transform:scale(1.03)}.btn-header-search svg{stroke:var(--gray-400);transition:stroke 0.3s}.btn-header-search:hover svg{stroke:var(--cicc-blue)}.btn-header-search span{font-size:10px;font-weight:600;color:var(--gray-400);transition:color 0.3s;letter-spacing:.02em}.btn-header-search:hover span{color:var(--cicc-blue)}display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--gray-400);transition:all var(--transition-fast);background:none;border:none;cursor:pointer}.btn-header-search:hover{background:var(--gray-50);color:var(--cicc-blue)}.btn-header-trial{padding:7px 18px;font-size:12.5px;font-weight:600;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast);background:#fff0;color:var(--cicc-blue);border:1.5px solid var(--cicc-blue)}.btn-header-trial:hover{background:var(--cicc-blue);color:#fff;transform:translateY(-1px)}.btn-header-register{padding:7px 18px;font-size:12.5px;font-weight:600;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast);background:var(--cicc-orange);color:#fff}.btn-header-register:hover{background:#ea580c;transform:translateY(-1px);color:#fff}.mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--gray-600);border-radius:var(--radius-md);transition:background var(--transition-fast)}.mobile-toggle:hover{background:var(--gray-100)}.icon-menu{width:24px;height:24px}@media (max-width:1024px){.main-nav{display:none}.header-actions .btn-header-trial,.header-actions .btn-header-register{display:none}.mobile-toggle{display:flex}}.search-overlay{display:none;position:fixed;top:0;left:0;right:0;z-index:9999;background:rgb(15 23 42 / .97);align-items:center;justify-content:center;padding:var(--space-6);min-height:300px}.search-overlay--open{display:flex}.search-overlay__close{position:absolute;top:24px;right:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .1);border-radius:50%;color:#fff;font-size:var(--text-xl);border:none;cursor:pointer}.search-overlay__box{width:100%;max-width:560px}.search-overlay__box input{width:100%;padding:16px 24px;font-size:var(--text-lg);border:2px solid rgb(255 255 255 / .2);border-radius:var(--radius-xl);background:rgb(255 255 255 / .06);color:#fff;outline:none;font-family:inherit}.search-overlay__box input:focus{border-color:var(--cicc-blue-light)}.search-overlay__box input::placeholder{color:rgb(255 255 255 / .4)}.mobile-nav{display:none;position:fixed;top:var(--total-header-height);left:0;right:0;bottom:0;background:rgb(15 23 42 / .98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:var(--z-overlay);padding:var(--space-6);overflow-y:auto}.mobile-nav--open{display:block}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid rgb(255 255 255 / .08)}.mobile-nav-logo{font-family:var(--font-heading);font-size:20px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.5px}.mobile-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgb(255 255 255 / .1);border:none;color:#fff;cursor:pointer;transition:background var(--transition-fast)}.mobile-close-btn:hover{background:rgb(255 255 255 / .2)}.mobile-search-form{margin-bottom:var(--space-6)}.mobile-search-form input{width:100%;padding:12px 16px;border-radius:var(--radius-lg);border:1px solid rgb(255 255 255 / .15);background:rgb(255 255 255 / .06);color:#fff;font-size:14px;outline:none;font-family:inherit;box-sizing:border-box}.mobile-search-form input:focus{border-color:var(--cicc-blue-light)}.mobile-search-form input::placeholder{color:rgb(255 255 255 / .35)}.mobile-nav-group{margin-bottom:var(--space-5)}.mobile-nav-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgb(255 255 255 / .3);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid rgb(255 255 255 / .06)}.mobile-nav-group a{display:block;padding:12px 0;font-size:15px;font-weight:500;color:rgb(255 255 255 / .8);text-decoration:none;border-bottom:1px solid rgb(255 255 255 / .04);transition:all var(--transition-fast)}.mobile-nav-group a:hover{color:#fff;padding-left:8px}.mobile-nav-contact{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgb(255 255 255 / .08);display:flex;flex-direction:column;gap:var(--space-3)}.mobile-nav-contact a{display:flex;align-items:center;gap:var(--space-2);color:rgb(255 255 255 / .5);font-size:13px;text-decoration:none;transition:color var(--transition-fast)}.mobile-nav-contact a:hover{color:#fff}.mobile-eco{margin-top:var(--space-6);padding:var(--space-4);background:rgb(255 255 255 / .05);border-radius:var(--radius-lg)}.mobile-eco>span{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(255 255 255 / .3);margin-bottom:var(--space-3)}.mobile-eco-links{display:flex;gap:var(--space-3)}.mobile-eco-links a{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:500;color:rgb(255 255 255 / .7);background:rgb(255 255 255 / .06);text-decoration:none;transition:all var(--transition-fast)}.mobile-eco-links a:hover{background:rgb(255 255 255 / .12);color:#fff}}