html { scroll-behavior:smooth; scroll-padding-top:88px; }
body { font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; color:#01101f; overflow-x:visible; }
* { box-sizing:border-box; }
::selection { background:#c8deff; color:#01101f; }
a { text-underline-offset:3px; }
a:focus-visible,summary:focus-visible { outline:3px solid #025bf8; outline-offset:5px; }
img { max-width:100%; }
.el-image__inner { object-fit:contain; }
.el-button { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
.single-nav { position:sticky; top:0; z-index:50; display:flex; align-items:center; gap:28px; min-height:72px; padding:10px 28px; background:#fff; box-shadow:0 2px 14px #152c5010; }
.brand { display:flex; flex-shrink:0; }
.brand img { width:200px; height:auto; }
.desktop-nav { display:flex; gap:24px; margin-left:auto; align-items:center; }
.single-nav a { color:#4e5969; text-decoration:none; white-space:nowrap; }
.single-nav a:hover { color:#025bf8; }
.account-nav { display:flex; gap:14px; align-items:center; }
.account-nav a { border:1px solid #025bf8; border-radius:30px; padding:7px 18px; color:#025bf8; }
.account-nav .register { color:#fff; background:#025bf8; }
.mobile-nav { display:none; }
.skip-link { position:fixed; left:20px; top:-90px; z-index:80; background:#fff; padding:12px; }
.skip-link:focus { top:12px; }
.merged-page, .help-section, .help-articles article { scroll-margin-top:88px; }
.merged-page > div > .body,.merged-page > div > .header > .body,.merged-page .content .img { width:min(1200px,calc(100% - 48px)) !important; margin-left:auto !important; margin-right:auto !important; }
#home h1 { margin-bottom:0; line-height:1.22; }
#home .body .app { margin-left:4%; margin-right:4%; }
#home .content .img1,#home .content .img2,#home .content .img3,#home .content .img4,#home .content .img5 { width:100%; }
#home .card { width:100%; }
#home .el-card__body { height:100%; }
#home .feed-card .info { white-space:normal; overflow:visible; -webkit-line-clamp:unset; }
#pricing .content .img1,#pricing .content .img2,#pricing .content .img3 { width:100%; }
#pricing .content > .img > .el-row { display:flex; gap:24px; }
#pricing .content > .img > .el-row > .el-col { width:calc((100% - 48px)/3); }
#downloads .card-btn { max-width:100%; }
#downloads .local-note { padding-top:38px; margin-bottom:-54px; }
.local-note { max-width:1000px; margin:0 auto; padding:24px; text-align:center; color:#4e5969; font-size:15px; line-height:1.8; }
.help-section { padding:72px 24px; background:#f5f9fe; }
.help-section > h2 { margin:0 0 32px; font-size:40px; text-align:center; font-weight:600; }
.help-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; max-width:1100px; margin:0 auto 48px; }
.help-nav a { display:block; padding:12px 20px; border:1px solid #c3d5ee; border-radius:5px; background:#fff; text-decoration:none; color:#025bf8; }
.help-nav a:hover { background:#e4efff; }
.help-articles { max-width:1050px; margin:auto; }
.help-articles article { padding:32px 0; border-bottom:1px solid #d9e4f2; }
.help-articles article:last-child { border:0; }
.help-articles h3 { font-size:26px; color:#025bf8; margin:0 0 20px; }
.help-articles .question-text { font-size:17px; line-height:1.95; text-indent:0; }
.help-articles .question-title { font-size:21px; font-weight:500; margin-top:20px; }
.service-notice { max-width:1100px; margin:36px auto; padding:24px; border:1px solid #cedbed; color:#4e5969; line-height:1.8; background:#f5f9fe; }
.service-notice h3 { color:#01101f; margin-top:0; }
.service-notice a { overflow-wrap:anywhere; color:#025bf8; }
.back-top { position:fixed; bottom:20px; right:20px; z-index:40; border-radius:28px; padding:12px 18px; background:#025bf8; color:#fff; text-decoration:none; box-shadow:0 5px 16px #002c7940; }
.footer .body { max-width:1200px; width:calc(100% - 48px) !important; }
.mobile-static-item { width:100%; margin:0 auto 20px; }
.mobile-static-item > div { width:100% !important; }
@media(max-width:1250px) {
 .single-nav { gap:18px; padding:10px 20px; }
 .brand img { width:170px; }
 .desktop-nav { gap:16px; font-size:15px; }
 .account-nav { gap:8px; }
 .account-nav a { padding:7px 12px; }
 #home .body .title { font-size:56px; }
 #home .card { height:auto; min-height:280px; }
}
@media(max-width:1050px) {
 .desktop-nav { display:none; }
 .single-nav { padding:12px 20px; gap:16px; }
 .account-nav { margin-left:auto; }
 .mobile-nav { display:block; }
 .mobile-nav summary { cursor:pointer; color:#025bf8; padding:12px 10px; }
 .mobile-nav nav { position:absolute; top:100%; right:0; width:min(360px,100%); max-height:calc(100dvh - 72px); overflow:auto; padding:10px 20px; background:#fff; box-shadow:0 12px 20px #18376222; }
 .mobile-nav nav a { display:block; padding:14px 10px; border-bottom:1px solid #e6edf8; }
 #product .header .title,#contact .header .tit { font-size:52px; }
 #downloads .content .img > .el-row > .el-col { width:50%; }
}
@media(max-width:768px) {
 html { scroll-padding-top:80px; }
 .single-nav { min-height:68px; gap:8px; padding:10px 14px; }
 .brand img { width:145px; }
 .account-nav { gap:6px; }
 .account-nav a { padding:6px 10px; font-size:14px; }
 .account-nav a:first-child { display:none; }
 .mobile-nav summary { font-size:15px; padding:10px 6px; }
 .merged-page > div > .body,.merged-page > div > .header > .body,.merged-page .content .img { width:calc(100% - 36px) !important; }
 .merged-page .title-second { font-size:27px !important; padding:0 18px; line-height:1.4; }
 #home .body .title { font-size:32px !important; padding-top:24px !important; margin-top:0 !important; }
 #home .body .sub-title { font-size:16px !important; line-height:1.8 !important; padding:16px 0; }
 #home .header .body { min-height:510px; }
 #home .body .app { margin:80px 0 24px; }
 #home .content .img { margin:auto !important; }
 #home .content .img1,#home .content .img2,#home .content .img3,#home .content .img4,#home .content .img5 { width:100% !important; }
 #home .content .download,#home .content .advantage,#home .content .feedback { margin:18px !important; }
 #home .download .el-row > .el-col { width:50%; margin-bottom:22px; }
 #home .advantage .el-row > .el-col { width:50%; }
 #home .card { min-height:240px; height:auto !important; }
 #home .info { font-size:15px !important; line-height:1.7; }
 #home .desc { font-size:17px !important; }
 #home .feedback .el-row > .el-col { width:100%; }
 #home .feedback .feed-card { height:auto !important; }
 #home .feedback .feed-card .info { padding:16px; }
 #product .body { padding-top:30px !important; padding-bottom:25px; }
 #product .body .title { font-size:30px !important; line-height:1.4; }
 #product .body .sub-title { font-size:17px !important; line-height:1.7 !important; margin:16px 0 !important; }
 #product .content .title,#contact .content .title { font-size:28px !important; padding:40px 16px 20px !important; }
 #product .content .info { font-size:16px !important; line-height:1.8; }
 #product .content .desc { font-size:24px !important; }
 #product .content .tip { font-size:18px !important; }
 #product .table-info { font-size:16px !important; line-height:1.7; }
 #product .mobile-static-item .table { padding:12px 4px; }
 #pricing .body .title { font-size:28px !important; line-height:1.5; padding:36px 0 16px !important; }
 #pricing .body .sub-title { font-size:16px !important; line-height:1.8 !important; }
 #pricing .content .title { font-size:28px !important; padding-top:36px !important; }
 #pricing .content > .img > .el-row { display:block; }
 #pricing .content > .img > .el-row > .el-col { width:100%; }
 #pricing .content .data,#pricing .content .info { font-size:16px !important; }
 #pricing .content .img1,#pricing .content .img2,#pricing .content .img3 { width:100% !important; margin-bottom:20px; }
 #downloads .content .title { font-size:28px !important; padding-top:50px !important; }
 #downloads .content .text { font-size:23px !important; }
 #downloads .content .img > .el-row > .el-col { width:100%; }
 #downloads .card { margin:10px 0 !important; }
 #downloads .card-title { font-size:17px !important; }
 #downloads .card-info { font-size:16px !important; }
 #downloads .card-btn { width:100%; min-height:48px; }
 #downloads .local-note { margin:0; padding:28px 18px 0; }
 .help-section { padding:50px 20px; }
 .help-section > h2 { font-size:28px; }
 .help-nav { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:18px; text-align:center; }
 .help-nav a { padding:12px 8px; }
 .help-articles h3 { font-size:24px; }
 .help-articles .question-text { font-size:16px; }
 #contact .body .tit { font-size:28px !important; line-height:1.5; padding:20px 0 !important; }
 #contact .table-img { width:90px; }
 #contact .card-title { font-size:19px !important; }
 #contact .card-info { font-size:16px !important; line-height:1.7; }
 #contact .centered-content { margin:24px 0 !important; }
 .service-notice { margin:24px 18px; padding:20px; font-size:15px; }
 .merged-page .banner { padding:40px 18px !important; }
 .merged-page .banner .title { font-size:25px !important; line-height:1.5; padding:0 !important; }
 .merged-page .banner .btn { max-width:100%; }
 .merged-page .phone-btn { min-height:44px; padding:12px 24px; font-size:16px; }
 .footer .body { width:calc(100% - 36px) !important; }
 .footer ul { padding-left:0; }
 .footer .el-col { margin-bottom:18px; }
 .back-top { right:12px; bottom:12px; font-size:14px; padding:12px 14px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
/* The original contact service block sits outside .content. Its fixed width and
   negative row gutters must follow the same fluid container rule. */
#contact > div > .img { width:min(1200px,calc(100% - 48px)) !important; margin-inline:auto; }
#contact > div > .img > .el-row { margin-inline:0 !important; }
@media(max-width:600px) {
 #contact > div > .img { width:calc(100% - 36px) !important; }
 #contact > div > .img .centered-content { width:100%; padding-inline:12px !important; }
}
/* A long document must extend the sticky header's containing block. */
body { height:auto; min-height:100%; }
html { scroll-padding-top:0; }
.account-nav .register:hover { color:#fff; background:#034ecf; }

/* Requested three-client row and inert account controls; original artwork remains. */
#home .download .hw-client-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;justify-content:center;max-width:900px;margin-inline:auto!important}
#home .download .hw-client-options>.el-col{width:100%!important;float:none;min-width:0;margin-bottom:0}
.hw-client-options .common-text{white-space:normal}
.account-nav .account-button{font:inherit;border:1px solid #025bf8;border-radius:30px;padding:7px 18px;color:#025bf8;background:#fff;cursor:pointer;white-space:nowrap}
.account-nav .account-button.register{color:#fff;background:#025bf8}
.account-nav .account-button.register:hover{color:#fff;background:#034ecf}
.account-button:focus-visible,.hw-qr-close:focus-visible{outline:3px solid #025bf8;outline-offset:4px}
#download-windows,#download-macos,#download-independent{scroll-margin-top:90px}
.hw-qr-dialog{box-sizing:border-box;width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:16px;padding:32px 24px 24px;margin:auto;background:#fff;color:#01101f}
.hw-qr-dialog::backdrop{background:#01101f99}
.hw-qr-dialog h2{font:600 22px/1.4 Arial,"PingFang SC",sans-serif;margin:0 20px 24px;text-align:center}
.hw-qr-close{position:absolute;right:10px;top:6px;border:0;background:transparent;color:#4e5969;font:28px/1.4 Arial;cursor:pointer;padding:4px 10px}
.hw-qr-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hw-qr-pair figure{margin:0;min-width:0;text-align:center}
.hw-qr-pair img{display:block;width:100%;height:auto;padding:8px;box-sizing:border-box;background:#fff}
.hw-qr-pair figcaption{font:600 14px/1.4 Arial,sans-serif;margin-top:8px}
@media(max-width:1250px){.account-nav .account-button{padding:7px 12px}}
@media(max-width:768px){.account-nav .account-button{padding:6px 10px;font-size:14px}#home .download .hw-client-options{gap:8px}#home .download .hw-client-options>.el-col{padding-inline:4px!important}.hw-client-options .common-text{font-size:13px}}

.hw-client-link{display:block;color:inherit;text-decoration:none;cursor:pointer}