/* Loaded by Layout/homepage only. Never load this stylesheet in shared layouts. */
body.homepage-skin{background:#eef3f6;color:#172033;font-family:"PingFang SC","Microsoft YaHei",sans-serif;min-width:320px;padding-top:0}
.homepage-skin .hp-layout,.homepage-skin .hp-layout *,.homepage-skin .hp-contact,.homepage-skin .hp-contact *{box-sizing:border-box}
.homepage-skin .hp-layout{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:245px minmax(0,1fr);line-height:1.6}
.homepage-skin .hp-layout a,.homepage-skin .hp-contact a{text-decoration:none}
.homepage-skin .hp-layout h1,.homepage-skin .hp-layout h2,.homepage-skin .hp-layout p{margin:0;line-height:1.5}
.homepage-skin .hp-layout h2{font-size:16px;font-weight:700}
.homepage-skin .hp-layout p,.homepage-skin .hp-layout small,.homepage-skin .hp-layout em{font-weight:400}
.homepage-skin .hp-sidebar{padding:26px 20px;border-right:1px solid #cbd5e1;background:#f5f8fa;min-width:0}
.homepage-skin .hp-side-group+.hp-side-group{margin-top:25px;padding-top:22px;border-top:1px solid #dbe3e8}
.homepage-skin .hp-en{font-size:12px;color:#7b8c9e;margin-top:4px!important}
.homepage-skin .hp-tool-list{display:grid;gap:10px;margin-top:16px}
.homepage-skin .hp-tool{display:flex;width:100%;align-items:center;gap:10px;text-align:left;border:1px solid #dbe3e8;border-radius:7px;background:#fff;padding:14px 10px;min-height:86px;color:#273444;cursor:pointer;transition:box-shadow .2s,border-color .2s}
.homepage-skin .hp-tool-logo{width:48px;height:42px;object-fit:contain;flex-shrink:0}
.homepage-skin .hp-tool-symbol{width:48px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:6px;color:#087b87;background:#ecfeff;font-size:25px}
.homepage-skin .hp-tool strong{font-size:14px;font-weight:700;display:block}.homepage-skin .hp-tool small{display:block;font-size:11px;color:#78899c;line-height:1.5;margin-top:5px}
.homepage-skin .hp-tool:hover,.homepage-skin .hp-category:hover{border-color:#67c9cd;box-shadow:0 8px 20px #0f172a12}
.homepage-skin .hp-latest-box{margin-top:15px;padding:15px;border:1px solid #dbe3e8;border-radius:7px;background:#fff;text-align:center;font-size:14px;color:#087b87;overflow-wrap:anywhere}
.homepage-skin .hp-news-image{display:block;max-width:100%;max-height:200px;height:auto;object-fit:contain;margin:16px auto}
.homepage-skin .hp-community{display:block;padding:9px;border-radius:6px;background:#059669;color:#fff;font-size:12px;margin-top:12px}
.homepage-skin .hp-content{min-width:0;padding:26px 30px 40px}
.homepage-skin .hp-panel{padding:24px;border:1px solid #dbe3e8;border-radius:9px;background:#fff;box-shadow:0 2px 10px #0f172a0b}
.homepage-skin .hp-heading{font-size:21px;font-weight:700;border-left:4px solid #087b87;padding-left:12px}
.homepage-skin .hp-sub{font-size:13px;color:#64748b;margin-top:6px!important}
.homepage-skin .hp-databases{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.homepage-skin .hp-database{padding:19px 17px;display:flex;align-items:center;gap:15px;border:1px solid #dbe3e8;border-radius:8px;color:#273444;background:#fff;transition:box-shadow .2s;min-width:0}
.homepage-skin .hp-db-icon{width:54px;height:54px;display:grid;place-items:center;flex-shrink:0;border-radius:7px;background:#ecfdf5;color:#047857;font-size:26px}
.homepage-skin .hp-database strong{font-size:18px;font-weight:700;display:block}.homepage-skin .hp-database small{font-size:12px;color:#64748b;display:block;margin-top:5px}.homepage-skin .hp-database em{font-size:12px;font-style:normal;font-weight:600;display:block;color:#087b87;margin-top:9px}
.homepage-skin .hp-product{background:#2b4053;color:#fff;border-color:#2b4053}.homepage-skin .hp-product .hp-db-icon{background:#ffffff18;color:#fff}.homepage-skin .hp-product small{color:#d0dce5}.homepage-skin .hp-product em{color:#a5f3fc}
.homepage-skin .hp-enterprise:hover{border-color:#047857;box-shadow:0 5px 18px #064e3b1c;background:#f2fbf6;color:#047857}
.homepage-skin .hp-search-section{border-top:1px solid #dbe3e8;margin-top:22px;padding-top:20px}
.homepage-skin .hp-search-section .search-wrapper{margin:14px 0 0!important}.homepage-skin .hp-search-section .search-wrapper>.col-md-12,.homepage-skin .hp-search-section .card-body,.homepage-skin .hp-search-section .col-sm-12{padding:0!important}.homepage-skin .hp-search-section .card{border:0;box-shadow:none;margin:0}.homepage-skin .hp-search-section h5,.homepage-skin .hp-search-section .card-body>p{display:none}.homepage-skin .hp-search-section .form-group,.homepage-skin .hp-search-section .input-group{margin-bottom:0!important}
.homepage-skin .hp-search-section #search-box{display:flex;gap:8px;align-items:center;font-size:0}.homepage-skin .hp-search-section #search-key{font-size:14px;min-width:120px;height:46px;border-radius:6px;background:#f8fafc;padding:0 14px}.homepage-skin .hp-search-section .input-group-append{margin:0}.homepage-skin .hp-search-section .btn{font-size:14px;height:46px;border:0;border-radius:6px!important;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;background:#e8eef2;color:#334155!important}.homepage-skin .hp-search-section .search-btn{background:#2b4053;color:#fff!important}
.homepage-skin .hp-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.homepage-skin .hp-category{padding:20px 12px;border:1px solid #dbe3e8;border-radius:8px;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0;transition:box-shadow .2s,border-color .2s}.homepage-skin .hp-feature{grid-column:span 2}.homepage-skin .hp-category-link{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}
.homepage-skin .hp-category-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:8px;background:#ecfeff;color:#087b87;font-size:28px;margin-bottom:14px}.homepage-skin .hp-category-icon img{width:34px;height:34px;object-fit:contain}.homepage-skin .hp-category h2{font-size:14px;line-height:1.6;color:#087b87;min-height:44px}.homepage-skin .hp-category p{font-size:12px;color:#7b8c9e;line-height:1.5;margin:4px 0 12px;min-height:36px}.homepage-skin .hp-count{margin-top:auto;background:#f1f5f9;color:#64748b;font-size:12px;padding:4px 12px;border-radius:20px}.homepage-skin .hp-download{font-size:12px;color:#087b87;padding-top:12px}
.homepage-skin .hp-crowd{display:flex;gap:18px;align-items:center;margin-top:28px;padding:26px;border-radius:8px;background:linear-gradient(100deg,#065f46,#047857 55%,#0f766e);color:#fff}.homepage-skin .hp-crowd-icon{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;background:#ffffff20;border-radius:7px;font-size:25px}.homepage-skin .hp-crowd small{font-size:11px;letter-spacing:.1em;color:#d1fae5}.homepage-skin .hp-crowd h2{font-size:21px;margin:4px 0}.homepage-skin .hp-crowd p{font-size:13px;color:#e2f6ee;line-height:1.7}.homepage-skin .hp-crowd button{margin-left:auto;flex-shrink:0;background:#fff;color:#047857;border:0;border-radius:6px;padding:12px 18px;font-weight:700;cursor:pointer}
.homepage-skin .hp-info{margin-top:26px;padding-top:22px;border-top:1px solid #cbd5e1}.homepage-skin .hp-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:16px}.homepage-skin .hp-info-grid>a,.homepage-skin .hp-info-grid>button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px;border:0;border-radius:7px;background:#2b4053;color:#fff;font-size:14px;font-weight:600;text-align:left;min-height:80px;cursor:pointer}.homepage-skin .hp-info-grid small{display:block;font-size:12px;color:#c3ced7;font-weight:400;margin-top:5px}.homepage-skin .hp-info-grid>a:hover,.homepage-skin .hp-info-grid>button:hover{background:#087b87}
.homepage-skin .hp-contact{background:#f8fafc;border-top:1px solid #dbe3e8;padding:32px 24px;color:#334155}.homepage-skin .hp-contact h2{text-align:center;font-size:25px}.homepage-skin .hp-contact-details{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:660px;margin:28px auto}.homepage-skin .hp-wechat{display:flex;align-items:center;gap:18px}.homepage-skin .hp-wechat img{display:block;width:100px;height:100px}.homepage-skin .hp-wechat strong,.homepage-skin .hp-email a{display:block;margin-top:5px}.homepage-skin .hp-wechat small,.homepage-skin .hp-email span{color:#64748b}.homepage-skin .hp-email a{color:#087b87;font-weight:600}.homepage-skin .hp-copyright{max-width:1280px;margin:auto;border-top:1px solid #dbe3e8;padding-top:20px;display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#64748b}.homepage-skin .hp-copyright a{color:#64748b;margin-left:16px}
/* Homepage-only overrides of the unchanged shared navigation and footer. */
.homepage-skin .frontend_wrapper{display:block}.homepage-skin .hp-contact{width:100%}.homepage-skin .topbar-main .container-fluid .topbar-left{height:auto;margin:0;text-align:left;background:transparent}.homepage-skin .navbar-custom{min-height:0}.homepage-skin .navbar-custom .topbar-nav>li{height:auto;right:auto}
.homepage-skin .frontend-header-container{position:sticky;top:0;z-index:1030}.homepage-skin .topbar-main{background:#2b4053}.homepage-skin .topbar-main>.container-fluid{max-width:1500px;display:flex;align-items:center;gap:20px;padding:14px 24px;min-height:84px;flex-wrap:wrap}.homepage-skin .topbar-left{float:none;width:auto;flex:1;min-width:280px}.homepage-skin .hp-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.homepage-skin .hp-brand img{width:46px;height:46px;object-fit:contain;border-radius:6px}.homepage-skin .hp-brand strong{display:block;font-size:19px;font-weight:700;line-height:1.5}.homepage-skin .hp-brand small{display:block;font-size:11px;color:#c3ced7;line-height:1.5}
.homepage-skin .navbar-custom{float:none!important;width:auto!important;height:auto!important;margin:0!important;background:transparent!important;padding:0!important}.homepage-skin .navbar-custom>.mobile-title,.homepage-skin .navbar-custom>div.pc-nav{display:none!important}.homepage-skin .navbar-custom>ul.pc-nav{display:flex!important;align-items:center;flex-wrap:wrap;gap:5px;float:none!important;margin:0!important;padding:0!important}.homepage-skin .navbar-custom>ul.pc-nav>li{float:none!important;border:0!important;margin:0!important;line-height:normal!important}.homepage-skin .navbar-custom>ul.pc-nav>li>.nav-link{padding:8px 10px!important;font-size:14px!important;height:auto!important;line-height:1.5!important;border-radius:20px}.homepage-skin .navbar-custom>ul.pc-nav>.login>.nav-link{background:#059669;color:white!important}.homepage-skin .navbar-custom .fa:before{font-size:19px!important}.homepage-skin .navbar-custom>ul.pc-nav>.login>span{font-size:14px!important}.homepage-skin .navbar-custom .profile-dropdown-menu{left:auto!important;right:0}.homepage-skin .page-content{padding:0!important;margin:0!important;min-height:0}.homepage-skin .frontend_wrapper{padding-top:0!important}.homepage-skin .footer{margin:0!important}.homepage-skin .footer .col-3,.homepage-skin .footer .col-4,.homepage-skin .footer .col-5{font-size:12px}
.homepage-skin .hp-layout a:focus-visible,.homepage-skin .hp-layout button:focus-visible,.homepage-skin .hp-contact a:focus-visible{outline:3px solid #0c9eac;outline-offset:3px}
@media(max-width:1100px){.homepage-skin .hp-layout{grid-template-columns:220px minmax(0,1fr)}.homepage-skin .hp-content{padding:22px 20px}.homepage-skin .hp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.homepage-skin .hp-feature{grid-column:span 1}.homepage-skin .hp-crowd{flex-wrap:wrap}.homepage-skin .hp-search-section #search-key{flex-basis:100%}.homepage-skin .hp-brand strong{font-size:16px}}
@media(max-width:800px){.homepage-skin .hp-layout{grid-template-columns:1fr}.homepage-skin .hp-sidebar{border-right:0;border-bottom:1px solid #cbd5e1;padding:20px}.homepage-skin .hp-tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}.homepage-skin .hp-latest .hp-latest-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}.homepage-skin .hp-news-image{max-width:100px;margin:0}.homepage-skin .hp-community{margin:0}.homepage-skin .hp-contact-details{flex-wrap:wrap}.homepage-skin .topbar-main>.container-fluid{gap:10px;padding:12px 16px}.homepage-skin .navbar-custom .notification-dropdown-menu{position:absolute;left:auto!important;right:0!important;transform:none!important;width:min(90vw,420px)}.homepage-skin .footer .row{display:flex;flex-wrap:wrap}.homepage-skin .footer .col-3,.homepage-skin .footer .col-4,.homepage-skin .footer .col-5{flex:0 0 100%;max-width:100%;text-align:center!important}}
@media(max-width:540px){.homepage-skin .hp-content{padding:18px 14px}.homepage-skin .hp-panel{padding:18px}.homepage-skin .hp-databases,.homepage-skin .hp-info-grid{grid-template-columns:1fr}.homepage-skin .hp-product-grid{grid-template-columns:1fr 1fr;gap:10px}.homepage-skin .hp-category{padding:16px 8px}.homepage-skin .hp-category h2{font-size:13px}.homepage-skin .hp-crowd{padding:20px;gap:12px}.homepage-skin .hp-crowd button{width:100%;margin:0}.homepage-skin .hp-copyright{flex-direction:column}.homepage-skin .hp-copyright a{margin:0 16px 0 0}.homepage-skin .hp-brand strong{font-size:14px}.homepage-skin .hp-brand small{font-size:10px}.homepage-skin .hp-tool{flex-direction:column;align-items:flex-start}.homepage-skin .hp-tool-logo{width:70px}.homepage-skin .hp-search-section .btn{font-size:13px;padding:0 12px}.homepage-skin .hp-contact-details{justify-content:center}.homepage-skin .hp-email{text-align:center}}

/* Reviewed homepage layout; isolated from the legacy homepage. */
.homepage-skin .hp-search-section{border-top:0;margin-top:12px;padding-top:0}.homepage-skin .hp-enterprise-entry{display:block;padding:22px 18px;border-radius:8px;background:#087b68;color:#fff}.homepage-skin .hp-enterprise-entry strong{font-size:20px}.homepage-skin .hp-enterprise-entry p{margin:12px 0;line-height:1.6}.homepage-skin .hp-enterprise-entry span{display:block;padding-top:12px;border-top:1px solid #ffffff55}.homepage-skin .hp-tool{border-left:4px solid #00a8bd}.homepage-skin .hp-info-grid>a,.homepage-skin .hp-info-grid>button{justify-content:center;text-align:center;font-size:16px;font-weight:400}.homepage-skin .hp-info-grid small{font-size:14px}.homepage-skin .hp-info-grid .fa-angle-right{display:none}.homepage-skin .hp-category{background:transparent;border:0;box-shadow:none;padding:16px 10px}.homepage-skin .hp-category-icon{background:transparent;color:#333;font-size:48px}.homepage-skin .hp-category h2{color:#007bff;font-weight:400;font-size:14px}.homepage-skin .hp-category p{color:#999}.homepage-skin .hp-count{background:transparent;color:#333}.homepage-skin .hp-feature{grid-column:span 2}
@media(max-width:1100px){.homepage-skin .hp-feature{grid-column:span 1}}


/* Match the legacy header without changing shared navigation styles. */
.homepage-skin .topbar-main>.container-fluid{max-width:none;width:100%;margin:0;padding:10px 26px;min-height:72px;flex-wrap:nowrap}
.homepage-skin .hp-brand{gap:10px;white-space:nowrap}.homepage-skin .hp-brand img{width:39px;height:35px;border-radius:0}.homepage-skin .hp-brand strong{font-size:26px;font-weight:400;letter-spacing:2px;line-height:1.3}.homepage-skin .hp-brand small{font-size:12px;font-weight:600;letter-spacing:1px;color:#fff;line-height:1.5}
.homepage-skin .navbar-custom>ul.pc-nav{flex-direction:row-reverse;flex-wrap:nowrap;gap:12px}.homepage-skin .navbar-custom>ul.pc-nav>li{position:relative;white-space:nowrap}.homepage-skin .navbar-custom>ul.pc-nav>li>.nav-link{font-size:18px!important;padding:8px 0!important;border-radius:0}.homepage-skin .navbar-custom>ul.pc-nav>.login>.nav-link{background:transparent}.homepage-skin .navbar-custom>ul.pc-nav>.login>span{font-size:18px!important}.homepage-skin .navbar-custom .fa-book:before{font-size:26px!important}.homepage-skin .navbar-custom .fa-bell:before{font-size:22px!important}.homepage-skin .navbar-custom .cart-number.header-number{top:-8px;right:-12px}.homepage-skin .navbar-custom>ul.pc-nav>.bell{margin-right:10px!important}
@media(max-width:1100px){.homepage-skin .topbar-main>.container-fluid{flex-wrap:wrap;gap:10px}.homepage-skin .hp-brand strong{font-size:20px;letter-spacing:1px}.homepage-skin .navbar-custom{margin-left:auto!important}}
@media(max-width:540px){.homepage-skin .topbar-main>.container-fluid{padding:10px 12px}.homepage-skin .hp-brand{white-space:normal}.homepage-skin .hp-brand strong{font-size:15px;letter-spacing:0}.homepage-skin .hp-brand small{font-size:9px;letter-spacing:0}.homepage-skin .navbar-custom>ul.pc-nav>li>.nav-link,.homepage-skin .navbar-custom>ul.pc-nav>.login>span{font-size:14px!important}}


/* Product categories: legacy type sizes and compact vertical rhythm. */
.homepage-skin .hp-product-grid{row-gap:16px;margin-top:16px}
.homepage-skin .hp-category{padding:8px 10px 10px;border-radius:0}
.homepage-skin .hp-category:hover{box-shadow:none}
.homepage-skin .hp-category-link{height:auto}
.homepage-skin .hp-category-icon{width:80px;height:72px;margin-bottom:8px;font-size:64px;border-radius:0}
.homepage-skin .hp-category-icon img{width:80px;height:64px}
.homepage-skin .hp-layout .hp-category h2{font-size:16px;font-weight:400;line-height:20px;height:42px;min-height:0;margin:0;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.homepage-skin .hp-layout .hp-category p{font-size:14px;line-height:17px;height:40px;min-height:0;margin:0;padding-top:5px;max-width:100%;color:#aaa;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.homepage-skin .hp-count{margin-top:0;padding:0;font-size:14px;line-height:18px;border-radius:0}
.homepage-skin .hp-download{padding-top:0;font-size:14px;line-height:18px}
@media(max-width:540px){.homepage-skin .hp-category{padding:8px 4px}.homepage-skin .hp-category-icon{width:64px;height:62px;font-size:54px}.homepage-skin .hp-category-icon img{width:64px;height:54px}}


/* Keep the homepage footer in document flow so it cannot cover the last row. */
.homepage-skin .frontend_wrapper > footer.site-section.bg-light.footer{position:static;bottom:auto;left:auto;right:auto;height:auto;min-height:0;clear:both;flex-shrink:0}


/* Sidebar and service tiles share the main category typography. */
.homepage-skin .hp-layout .hp-sidebar h2,.homepage-skin .hp-sidebar .hp-tool strong,.homepage-skin .hp-sidebar .hp-latest-box>strong,.homepage-skin .hp-sidebar .hp-enterprise-entry strong,.homepage-skin .hp-info-grid>a>span,.homepage-skin .hp-info-grid>button>span{font-size:16px;line-height:20px}
.homepage-skin .hp-sidebar .hp-tool small,.homepage-skin .hp-sidebar .hp-en,.homepage-skin .hp-sidebar .hp-enterprise-entry p,.homepage-skin .hp-sidebar .hp-enterprise-entry span,.homepage-skin .hp-info-grid>a>span>small,.homepage-skin .hp-info-grid>button>span>small{font-size:14px;line-height:20px}
.homepage-skin .hp-sidebar .hp-tool>span{min-width:0;overflow-wrap:anywhere}


/* Enterprise library entrance in the preview homepage. */
.homepage-skin .hp-sidebar .hp-enterprise-entry strong{display:block;text-align:center;font-size:20px;line-height:1.5;margin-bottom:12px}
