/* Original 51PHP visual identity, with accessible navigation and responsive repairs. */
:root{--cms-blue:#168acc;--cms-navy:#10154e}
html{scroll-behavior:smooth}
body{margin:0;background:#f5f6fa;color:#354052;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.7}
*,*:before,*:after{box-sizing:border-box}
img{max-width:100%;height:auto}
a:focus-visible,button:focus-visible{outline:3px solid #ffcc43;outline-offset:3px}
button{cursor:pointer}
#header{background:rgba(16,21,78,.98);width:100%;z-index:1000;padding:18px 0}
#header>.container{gap:16px}
#header .logo{flex-shrink:0}
#header .logo img{width:126px;height:auto;max-height:48px}
.nav-menu>ul{display:flex;align-items:center;gap:18px;padding:0;margin:0;list-style:none}
.nav-menu>ul>li{padding:0;float:none;position:relative}
.nav-menu a{padding:5px 0;color:#eee;font-size:15px;white-space:nowrap}
.nav-menu a:hover,.nav-menu a[aria-current=page]{color:#38adea}
.act200909>div>div{display:none;position:absolute;top:100%;left:0!important;width:180px!important;background:#141b56;padding:15px;box-shadow:0 8px 25px #0003}
.act200909:hover>div>div,.act200909:focus-within>div>div{display:grid;gap:9px}
.top-menu-buttons{display:flex;gap:10px;flex-shrink:0}
.top-menu-buttons a{padding:6px 12px!important;margin:0!important;white-space:nowrap}
.cms-menu-toggle{display:none;border:1px solid #ffffff88;background:transparent;color:white;border-radius:5px;font-size:24px;line-height:1.2;padding:4px 9px}
#hero{max-width:100%;background-position:center;background-size:cover}
#hero h1{max-width:100%;font-size:clamp(27px,3.4vw,44px);line-height:1.5;overflow-wrap:anywhere}
#hero h2{font-size:clamp(15px,1.5vw,20px);line-height:1.8}
.cms-shortcuts{max-width:1140px;width:calc(100% - 30px);margin:0 auto}
.cms-product-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cms-product-cards .card{width:auto;min-width:0;margin:0}
.cms-product-cards .card h5{font-size:14px}
.cms-unavailable{display:inline-block;color:#7a8293;padding:10px}
.cms-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;text-align:left}
.cms-news-card{min-width:0;background:#fff;border:1px solid #e4eaf0;border-radius:6px;padding:24px;box-shadow:0 4px 16px #12305a08}
.cms-news-card time{color:#188ac8;font-size:14px}
.cms-news-card h3{font-size:18px;line-height:1.6;margin:10px 0}
.cms-news-card h3 a{color:#26344a}
.cms-news-card p{font-size:14px;color:#718096;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8}
.news .container{text-align:left!important}
.cms-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:start;padding-top:40px;padding-bottom:50px}
.article-main{background:white;padding:34px;border:1px solid #e7ebf1;min-width:0}
.article-main h1{font-size:30px;line-height:1.5;color:#1f314b;margin:20px 0}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:#7a8799}
.article-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:13px;color:#8691a1;padding-bottom:22px;border-bottom:1px solid #edf0f5;margin-bottom:28px}
.prose{font-size:16px;line-height:1.9;overflow-wrap:anywhere}
.prose h2{font-size:23px;margin:30px 0 16px}
.prose h3{font-size:19px;margin:24px 0 12px}
.prose img{max-width:100%;height:auto;display:inline-block}
.prose pre{position:relative;max-width:100%;overflow:auto;padding:20px;border-radius:6px;background:#0d172b;white-space:pre;overflow-wrap:normal;color:#e6eefb}
.prose pre code{font-size:14px;line-height:1.8;white-space:pre}
.prose table{display:block;overflow:auto;max-width:100%;border-collapse:collapse}
.prose th,.prose td{padding:9px;border:1px solid #dce4ee}
.code-copy{position:absolute;right:8px;top:8px;border:1px solid #526078;background:#172742;color:white;border-radius:4px;padding:3px 8px}
.toc{position:sticky;top:105px;background:white;border:1px solid #e7ebf1;padding:22px;max-height:70vh;overflow:auto}
.toc h2{font-size:17px}
.toc a{display:block;font-size:14px;color:#65738b;margin:10px 0}
.toc .h3{padding-left:12px}
.answer-box{background:#eef8fe;border-left:3px solid #168acc;padding:18px;margin:24px 0}
.answer-box h2{font-size:18px}
.sources,.comments,.related{border-top:1px solid #e8edf5;padding-top:24px;margin-top:30px}
.sources h2,.comments h2,.related h2{font-size:20px}
.related a{display:block;margin:12px 0}
.tags{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}
.tags a{background:#eef5fb;padding:4px 12px;border-radius:4px;font-size:13px}
.preview-banner{padding:12px;background:#fff5d9;color:#775300}
.cms-listing{padding-top:35px;padding-bottom:45px}
.cms-category-nav{display:flex;gap:8px;flex-wrap:wrap;background:white;padding:22px;border:1px solid #e6ecf3}
.cms-category-nav a{padding:4px 12px;border:1px solid #e2e9f2;color:#536882;font-size:13px}
.cms-list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 22px}
.cms-list-heading h1{font-size:27px;margin:0}
.cms-search{display:flex;max-width:100%}
.cms-search input{min-width:0;border:1px solid #d4deeb;padding:8px 12px}
.cms-search button{background:#168acc;color:white;border:0;padding:8px 18px}
.cms-post-list{background:white;padding:0 28px;border:1px solid #e7ebf1}
.cms-post-list article{padding:26px 0;border-bottom:1px solid #edf0f5}
.cms-post-list h2{font-size:21px;line-height:1.6;margin:7px 0}
.cms-post-list time,.cms-post-list p{font-size:14px;color:#758197}
.cms-post-list p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cms-read{font-size:14px}
.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}
.pagination a{background:white;border:1px solid #dae4ef;padding:7px 18px}
.cms-page-heading{font-size:30px;line-height:1.5;margin:28px 0}
#footer{margin-top:0}
.cms-site-footer-note{font-size:13px;text-align:center;max-width:1100px;margin:18px auto}
.cms-back-top{position:fixed;bottom:20px;right:20px;border-radius:5px;background:#168acc;color:white;padding:8px 15px;z-index:1001}
.pc-agent{position:fixed;right:10px;top:43%;z-index:999;max-width:150px;background:white;box-shadow:0 3px 18px #0002}
.pc-agent img{max-width:150px}
.pc-agent .scrollsidebar{width:150px!important}
.pc-agent a{font-size:13px}
.pc-agent ul{list-style:none;margin:0;padding:0}
.pc-agent .hide,.pc-agent .show_btn{display:none}
.cms-customer-toggle{width:100%;background:#198dcc;color:white;padding:8px;border:0}
.pc-agent.cms-collapsed>*:not(.cms-customer-toggle){display:none}
.linux-page,.linux-banner,.header-box{min-width:0!important;max-width:100%}
.linux-page{overflow-wrap:anywhere}
.linux-page table{max-width:100%;display:block;overflow:auto}
.long-bg,.long-cards-bg,.long-cards-bg1{max-width:100%;min-width:0}
.tab-pane:not(.active){display:none}
.tab-pane.active{display:block;opacity:1}
.tab-content>.active{opacity:1}
.cms-price-heading{font-size:32px}
.nav-menu .act200909 div div a{display:block}
.cms-mobile-title{display:none}

@media(min-width:1200px){.container{max-width:1140px}
}
@media(max-width:1199px){.nav-menu>ul{gap:10px}
.nav-menu a{font-size:13px}
#header .logo img{width:108px}
.top-menu-buttons a{padding:5px 8px!important}
.cms-product-cards{gap:12px}
.pc-agent{display:none!important}
}
@media(max-width:991px){#header{padding:12px 0}
#header>.container{flex-wrap:wrap;gap:12px}
.cms-menu-toggle{display:block;order:2}
.top-menu-buttons{margin-left:auto}
.nav-menu{display:none;order:3;flex-basis:100%;width:100%}
.nav-menu.cms-open{display:block}
.nav-menu>ul{display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:65vh;overflow:auto;padding:12px 0}
.nav-menu a{display:block;font-size:15px;padding:9px 8px}
.act200909>div>div{display:flex!important;position:static;width:auto!important;gap:5px;flex-wrap:wrap;background:transparent;padding:0 12px;box-shadow:none}
.act200909>div>div a{font-size:13px;color:#b3c3dc}
.cms-product-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.cms-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cms-article-layout{grid-template-columns:minmax(0,1fr)}
.toc{position:static;grid-row:1;max-height:230px}
.cms-shortcuts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));height:auto!important}
.cms-shortcuts>a,.cms-shortcuts>div{width:auto!important;max-width:100%}
.cms-list-heading{align-items:flex-start;flex-direction:column}
.linux-page .row{margin-left:0;margin-right:0}
.linux-page [style*="width"]{max-width:100%}
}

@media(max-width:575px){#header .logo img{width:94px}
.top-menu-buttons{gap:6px}
.top-menu-buttons a{font-size:12px!important;padding:5px 7px!important}
.cms-menu-toggle{font-size:21px}
.cms-news-grid{grid-template-columns:minmax(0,1fr)}
.cms-product-cards{gap:10px}
.cms-product-cards .card-head{padding:16px 8px}
.cms-product-cards .card-body{padding:14px 9px}
.cms-product-cards .card h3{font-size:21px}
.cms-product-cards .card h5{font-size:12px}
.cms-product-cards .card p{font-size:12px}
.cms-product-cards .card .btn{font-size:13px}
#hero{min-height:240px;height:auto;min-width:0;padding:110px 0 55px}
#hero .container{padding-left:22px;padding-right:22px}
#hero h1{font-size:27px}
#hero h2{font-size:14px}
.article-main{padding:20px 16px}
.article-main h1{font-size:24px}
.prose{font-size:15px}
.cms-article-layout{padding-top:20px;gap:16px}
.cms-post-list{padding:0 18px}
.cms-post-list h2{font-size:19px}
.cms-category-nav{padding:14px}
.cms-search{width:100%}
.cms-search input{flex:1;width:0}
.cms-list-heading h1{font-size:24px}
.cms-page-heading{font-size:24px}
.cms-shortcuts{font-size:13px}
.cms-shortcuts .pre-icon{display:none}
.long-cards-bg .row,.long-bg .row{margin-left:-8px;margin-right:-8px}
.long-cards-bg [class*=col-],.long-bg [class*=col-]{padding-left:8px;padding-right:8px}
#footer .footer-top{padding:35px 0}
.flex-container{max-width:100%;flex-wrap:wrap}
.banner-btngroup{display:flex;flex-wrap:wrap;gap:8px}
.banner-btngroup .btn{margin:0!important}
.linux-banner{background-size:cover!important}
.linux-page .linux-content{width:100%!important}
section{max-width:100%}
}

.cms-faq-articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:16px;padding:22px}
.cms-faq-articles a{display:block;background:#fff;padding:16px;border:1px solid #e1e8f0;font-size:15px}
.box-th li[role=tab]{cursor:pointer}
.linux-tab button.item{border:0;background:transparent;font:inherit;color:inherit;padding:18px 20px}
.linux-tab li.active button.item{color:#138cca}
.J-quan-copy{border:0;background:transparent;cursor:pointer;font:inherit}
.cms-original-header .logo img{object-fit:contain}
@media(max-width:575px){.cms-faq-articles{grid-template-columns:minmax(0,1fr);padding:12px}
.box-th ul{display:flex;flex-wrap:wrap;padding:0;gap:10px}
.box-th li{width:auto!important;float:none!important;margin:0!important}
.linux-tab{display:flex;flex-wrap:wrap}
.linux-tab li{width:auto!important;float:none!important}
.linux-tab button.item{padding:10px 12px}
}

/* Repair fixed desktop dimensions inherited from the original WordPress pages. */
body .container{width:100%!important;max-width:1140px!important}
.cms-shortcuts{display:block!important}
.cms-shortcuts .hero-extend{position:relative;top:auto;left:auto;transform:none;width:100%;max-width:100%;margin:-32px auto 0}
.cms-shortcuts .row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}
.cms-shortcuts .row>div{width:100%;max-width:100%;padding:0;min-width:0}
.cms-shortcuts .small-card{height:100%;min-height:190px;margin:0;padding:20px 12px}
.cms-shortcuts .icon-img{height:64px;display:flex;justify-content:center;align-items:center}
.cms-shortcuts .icon-img img{height:54px;width:auto;object-fit:contain;padding:0!important}
.cms-shortcuts h2{font-size:21px;margin:14px 0 8px}
.cms-shortcuts p{font-size:14px;line-height:1.6;white-space:normal}
.card .card-btn{width:100%!important;max-width:100%;margin:0}
.cms-product-cards .card-body>a{display:block;width:100%}
.cms-product-cards .card-money{white-space:normal;font-size:12px}
.cms-product-cards .card-money span{font-size:36px}
.pc-agent .scrollsidebar{position:static!important;top:auto!important;right:auto!important;float:none}
.pc-agent .side_title{display:none}
.pc-agent .side_center{padding:6px;font-size:12px;color:#657187}
.pc-agent .side_center img{max-width:130px}
.pc-agent .side_content,.pc-agent .side_list,.pc-agent .side_center{width:100%!important}
#hero h2{width:auto!important;max-width:100%;height:auto!important;min-height:0}
.hearder-text ul,.main-features,.main-features-box ul,.main-sence ul,.question-list-tab ul,.question-main-box{width:100%!important;max-width:1140px;height:auto!important;margin-left:auto!important;margin-right:auto!important}
.hearder-text ul,.main-features-box ul,.main-sence ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px 15px}
.hearder-text ul>li,.main-features-box ul>li,.main-sence ul>li{width:auto!important;min-width:0;height:auto!important;margin:0!important;list-style:none}
.hearder-text li h5,.hearder-text li span{max-width:100%;height:auto;overflow-wrap:anywhere}
.product-box,.product-box1{display:grid;grid-template-columns:175px minmax(0,1fr) 220px;width:calc(100% - 30px)!important;max-width:1140px;height:auto;min-height:160px;margin:20px auto!important}
.box-middle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%!important;height:auto;padding:15px;align-items:center}
.box-text,.box-text>div,.blue-box,.blue-box>p{width:auto!important;max-width:100%;margin-left:0!important;margin-right:0!important}
.box-text{min-width:0}
.blue-box p{overflow-wrap:anywhere}
.box-left,.box-right{width:auto!important;max-width:100%;height:auto!important;padding:20px 12px}
.question-list-tab ul{flex-wrap:wrap;justify-content:center;gap:8px;padding:15px}
.question-list-tab li{width:auto!important;max-width:100%;margin:0!important;padding:10px 15px}
.question-main-box{min-height:0!important;padding:0!important}
.question-main-right{width:100%!important;max-width:100%;height:auto!important}
.product-head p,.features-head p,.sence-head p{max-width:100%;padding-left:15px;padding-right:15px}
.services .row,.support .row{max-width:calc(100% + 30px)}

@media(max-width:1199px){body .container{max-width:100%!important}
.product-box,.product-box1{grid-template-columns:140px minmax(0,1fr) 170px}
.main-sence ul li img,.main-features-box ul li img{max-width:100%}
}

@media(max-width:767px){.cms-shortcuts .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cms-shortcuts .small-card{min-height:165px;padding:15px 8px}
.cms-shortcuts .icon-img{height:48px}
.cms-shortcuts .icon-img img{height:42px}
.cms-shortcuts h2{font-size:17px}
.cms-shortcuts p{font-size:12px}
.product-box,.product-box1{grid-template-columns:minmax(0,1fr);height:auto!important}
.box-middle{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.box-left{padding:16px}
.box-left h4{margin:0}
.box-right{display:flex;justify-content:center;align-items:center;gap:15px}
.box-right .money,.box-right .shopping{margin:0}
.hearder-text ul,.main-features-box ul,.main-sence ul{grid-template-columns:minmax(0,1fr);gap:16px}
.hearder-text ul>li{padding:15px}
.main-sence ul>li{padding:20px}
.question-list-tab li p{margin:0}
.cms-product-cards .card-money span{font-size:28px}
.cms-product-cards .card-head h5{white-space:normal}
.box-text .blue-box{min-height:36px;height:auto}
.box-text .blue-box p{padding:6px;font-size:14px}
}

/* Cloud landing sections must grow with content instead of overlapping fixed-height panels. */
.hearder-text{position:static;top:auto;height:auto;opacity:1;z-index:auto;background:#f0f5fc}
.hearder-text-bg{display:none}
.hearder-text li,.hearder-text li:hover{background:#fff!important;border:1px solid #e1e9f4;border-radius:6px;height:auto!important;color:#334b68;margin:0!important}
.hearder-text h5{margin:0 0 10px;color:#235483;font-weight:500}
.hearder-text span{font-size:14px;color:#667991}
.product,.features,.sence,.question{height:auto!important;min-height:0;padding:30px 0!important;margin:0!important}
.product-head,.features-head,.sence-head,.question-head{height:auto!important;min-height:0;margin:0!important;padding:5px 15px 20px;text-align:center}
.heard-text p{position:static;left:auto;top:auto;width:auto;max-width:100%;margin:0!important;padding:0;font-size:28px;line-height:1.5;color:#284c75}
.heard-text p:before,.heard-text p:after{display:none}
.product-box-all{margin:0!important}
.main-features,.main-features-box,.main-sence,.question-list-tab{height:auto!important;min-height:0}
.main-features-box li{padding:22px!important;background:#fff!important;border:1px solid #dde7f3;border-radius:6px}
.main-features-box img{display:block;width:64px;height:64px;object-fit:contain;margin:0 0 18px}
.main-features-box h3{font-size:21px;margin:0 0 12px}
.main-features-box p{width:auto!important;margin:0!important;line-height:1.8}
.main-sence li{background:#fff!important;border:1px solid #dde7f3;border-radius:6px;padding:22px}
.main-sence p{width:auto!important;margin:20px 0!important;line-height:1.8}
.question-list-tab li{position:static;left:auto;top:auto;height:auto!important}
.question-list-tab p{margin:0!important}
.question{padding-bottom:45px!important}
main table,#main table{display:block;max-width:100%;width:100%!important;overflow:auto;-webkit-overflow-scrolling:touch}
main table tbody,#main table tbody{width:auto}
.product-box .box-middle,.product-box1 .box-middle{margin:0!important}
.hearder-text a1{color:#e24b3d}
.linux-page{max-width:1140px;margin-left:auto;margin-right:auto}
.linux-page .cms-page-heading{margin-top:25px}