/* ============================================================
   技术支持专属样式 (support.css)
   适用范围：资料下载(index)、常见问题(faq)、售后服务(service_after)、选型帮助(help)
   ============================================================ */

/* ==================== 1. 资料下载 (index.html) ==================== */
.support-page { overflow: clip; }
.support-page .support-content { padding-top: max(0.7rem, 35px); padding-bottom: max(1.2rem, var(--space)); background-image: url(/uploads/image/shimages/support-content-bg.png); background-repeat: no-repeat; background-size: 100% auto; background-position: left center; }
.support-page .support-content .support-wrap { display: flex; align-items: flex-start; }
.support-page .support-content .support-wrap .support-aside { width: calc(364 / 1536 * 100%); flex-shrink: 0; margin-right: 30px; position: sticky; top: calc(10px   var(--header-height)); }
.support-page .support-content .support-wrap .support-aside .aside-title { font-weight: bold; font-size: var(--font24); color: #e70112; line-height: 1; margin-bottom: max(0.32rem, 20px); }
.support-page .support-content .support-wrap .support-aside .aside-form { display: block; margin-bottom: 10px; }
.support-page .support-content .support-wrap .support-aside .aside-form .form { display: flex; align-items: center; }
.support-page .support-content .support-wrap .support-aside .aside-form .form input { flex: 1; min-width: 0; height: 38px; background: #ffffff; border-radius: 6px 0 0 6px; border: 1px solid #cccccc; transition: var(--duration); border-right: none; font-weight: 400; font-size: 14px; padding-left: max(0.22rem, 10px); padding-right: max(0.22rem, 10px); color: #000; }
.support-page .support-content .support-wrap .support-aside .aside-form .form input::placeholder { color: #999999; }
.support-page .support-content .support-wrap .support-aside .aside-form .form input:focus { border-color: var(--theme); }
.support-page .support-content .support-wrap .support-aside .aside-form .form button { width: 80px; height: 40px; background: #cccccc; border-radius: 0px 6px 6px 0px; transition: var(--duration); user-select: none; cursor: pointer; flex-shrink: 0; }
.support-page .support-content .support-wrap .support-aside .aside-form .form button img { display: block; margin-left: auto; margin-right: auto; }
.support-page .support-content .support-wrap .support-aside .aside-form .form button:hover { background-color: var(--theme); }
.support-page .support-content .support-wrap .support-aside .aside-list-area { background-image: url(/uploads/image/shimages/support-aside-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center center; padding: max(0.4rem, 20px) max(15px, 0.45rem); border-radius: 10px; border: 1px solid rgba(204, 204, 204, 0.5); }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item { margin-bottom: 21px; }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item:last-child { margin-bottom: 0; }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item.active .title,
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item.current .title { color: #e70112; }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item.active .title .icon { background-color: #e70112; }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item.active .title .icon img { transform: rotate(-90deg); opacity: 1; filter: brightness(0) invert(1); }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .title { font-size: max(0.16rem, 14px); color: #666666; line-height: 1; display: flex; align-items: center; justify-content: space-between; user-select: none; cursor: pointer; }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .title span { transition: var(--duration); }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .title .icon { width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; user-select: none; cursor: pointer; }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .title .icon img { filter: brightness(0); opacity: 0.5; transition: var(--duration); width: 5px; }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .list { border-bottom: 2px solid #e70112; padding-top: 4px; display: none; margin-top: 19px; }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .list .item { display: flex; align-items: center; border-bottom: 1px solid rgba(0, 70, 127, 0.1); margin-left: max(0.19rem, 10px); }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .list .item.active .link,
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .list .item:hover .link { color: #e70112; }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .list .item.active .link img,
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .list .item:hover .link img { filter: none; opacity: 1; }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .list .item .link { font-family: sourcehansanscn-light, sans-serif; font-weight: 400; font-size: var(--font14); color: #666666; transition: var(--duration); display: flex; align-items: center; width: 100%; padding-bottom: max(0.14rem, 10px); padding-top: max(0.14rem, 10px); }
.support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .list .item .link img { filter: brightness(0); opacity: 0.5; margin-right: 9px; width: 5px; transition: var(--duration); }
.support-page .support-content .support-wrap .support-main { flex: 1; min-width: 0; }
.support-page .support-content .support-wrap .support-main .main-list { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 30px; column-gap: max(0.32rem, 15px); margin-bottom: max(0.61rem, 30px); }
.support-page .support-content .support-wrap .support-main .main-item { background: #ffffff; border-radius: 10px; border: 1px solid rgba(204, 204, 204, 0.5); padding-left: max(0.26rem, 15px); padding-right: max(0.26rem, 15px); padding-top: max(0.25rem, 20px); padding-bottom: max(0.3rem, 20px); overflow: hidden; position: relative; z-index: 2; }
.support-page .support-content .support-wrap .support-main .main-item .pic { display: block; width: 100%; background: #f8f8f8; border-radius: 10px; position: relative; }
.support-page .support-content .support-wrap .support-main .main-item .pic::after { content: ""; display: block; padding-bottom: 109.00321543%; }
.support-page .support-content .support-wrap .support-main .main-item .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--duration, 0.45s); }
.support-page .support-content .support-wrap .support-main .main-item .text { margin-top: max(0.26rem, 10px); }
.support-page .support-content .support-wrap .support-main .main-item .text .file-name { display: flex; align-items: center; justify-content: space-between; padding-bottom: max(0.2rem, 10px); border-bottom: 1px solid rgba(204, 204, 204, 0.5); margin-bottom: max(0.21rem, 10px); }
.support-page .support-content .support-wrap .support-main .main-item .text .file-name .icon { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; }
.support-page .support-content .support-wrap .support-main .main-item .text .file-name .icon img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center center; }
.support-page .support-content .support-wrap .support-main .main-item .text .file-name .name { margin-left: 10px; font-family: sourcehansanscn-light, sans-serif; font-weight: 300; font-size: var(--font16); color: #333333; flex: 1; min-width: 0; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; overflow-wrap: break-word; }
.support-page .support-content .support-wrap .support-main .main-item .text .other { display: flex; align-items: center; justify-content: space-between; column-gap: 10px; font-family: sourcehansanscn-light, sans-serif; font-weight: 300; font-size: var(--font14); color: rgba(51, 51, 51, 0.5); }
.support-page .support-content .support-wrap .support-main .main-item .download-area { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); display: flex; align-items: center; justify-content: center; flex-direction: column; transition: var(--duration); opacity: 0; }
.support-page .support-content .support-wrap .support-main .main-item .download-area .icon { width: max(65px, 0.92rem); height: max(65px, 0.92rem); background: #ffffff; border-radius: 50%; border: 2px solid #e70112; display: flex; align-items: center; justify-content: center; margin-bottom: max(0.2rem, 10px); }
.support-page .support-content .support-wrap .support-main .main-item .download-area .icon img { display: block; }
.support-page .support-content .support-wrap .support-main .main-item .download-area .download-placeholder { font-family: sourcehansanscn-light, sans-serif; font-weight: 300; font-size: var(--font18); color: #333333; line-height: 1; text-align: center; transition: var(--duration); }
.support-page .support-content .support-wrap .support-main .main-item .download-area .content:hover .download-placeholder { color: var(--theme); }
.support-page .support-content .support-wrap .support-main .main-item:hover .download-area { opacity: 1; }

/* ==================== 2. 常见问题 (faq.html) ==================== */
.support-question-page { overflow: clip; }
/* 分类导航 */
.faq-category-nav { background: #f8f9fa; padding: 20px 0; margin-bottom: 30px; border-bottom: 1px solid #eee; }
.cat-list-container { display: flex; flex-wrap: wrap; gap: 15px; }
.cat-item { padding: 8px 20px; background: #fff; border: 1px solid #ddd; border-radius: 20px; color: #666; text-decoration: none; font-size: 14px; transition: all 0.3s ease; }
.cat-item:hover { border-color: var(--theme); color: var(--theme); }
.cat-item.active { background: var(--theme); color: #fff; border-color: var(--theme); box-shadow: 0 4px 10px rgba(230, 0, 18, 0.2); }

.support-question-page .question-content { padding-top: max(0.81rem, 35px); padding-bottom: max(0.88rem, 35px); }
.support-question-page .question-content .question-wrap { display: flex; align-items: flex-start; justify-content: space-between; }
.support-question-page .question-content .question-wrap .question-left { flex-shrink: 0; width: 74.4140625%; }
.support-question-page .question-content .question-wrap .question-left .question-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.support-question-page .question-content .question-wrap .question-left .question-top .expand-all { display: flex; align-items: center; user-select: none; cursor: pointer; }
.support-question-page .question-content .question-wrap .question-left .question-top .expand-all.is-show img { transform: rotate(-180deg); }
.support-question-page .question-content .question-wrap .question-left .question-top .expand-all:hover span { color: var(--theme); }
.support-question-page .question-content .question-wrap .question-left .question-top .expand-all:hover .hover { display: block; }
.support-question-page .question-content .question-wrap .question-left .question-top .expand-all:hover .default { display: none; }
.support-question-page .question-content .question-wrap .question-left .question-top .expand-all:hover img { transition: var(--duration); }
.support-question-page .question-content .question-wrap .question-left .question-top .expand-all span { font-weight: 400; font-size: 16px; color: #999999; transition: var(--duration); }
.support-question-page .question-content .question-wrap .question-left .question-top .expand-all .hover { display: none; }
.support-question-page .question-content .question-wrap .question-left .question-top .expand-all img { display: block; margin-left: 7px; }
.support-question-page .question-content .question-wrap .question-left .question-top .search { width: 3.65rem; min-width: 200px; display: flex; align-items: center; }
.support-question-page .question-content .question-wrap .question-left .question-top .search input { height: 40px; flex: 1; background: #ffffff; border-radius: 6px 0 0 6px; border: 1px solid #cccccc; transition: var(--duration); border-right: none; font-weight: 400; font-size: 14px; color: #101010; padding-left: max(15px, 0.22rem); padding-right: 15px; min-width: 0; }
.support-question-page .question-content .question-wrap .question-left .question-top .search input::placeholder { color: #999999; }
.support-question-page .question-content .question-wrap .question-left .question-top .search input:focus { border-color: var(--theme); }
.support-question-page .question-content .question-wrap .question-left .question-top .search button { cursor: pointer; user-select: none; width: 80px; height: 40px; background: #cccccc; border-radius: 0px 6px 6px 0px; display: flex; align-items: center; justify-content: center; transition: var(--duration); flex-shrink: 0; }
.support-question-page .question-content .question-wrap .question-left .question-top .search button:hover { background-color: var(--theme); }
.support-question-page .question-content .question-wrap .question-left .question-list { margin-bottom: max(0.6rem, 30px); }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item { background: #f8f8f8; border-radius: 10px; border: 1px solid rgba(204, 204, 204, 0.5); padding-left: max(0.3rem, 15px); padding-right: max(0.3rem, 15px); padding-top: 20px; padding-bottom: 14px; margin-bottom: 20px; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item:last-child { margin-bottom: 0; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-top { display: flex; align-items: center; justify-content: space-between; line-height: 1.5; user-select: none; cursor: pointer; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-top.active .top-left .icon .hover { display: block; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-top.active .top-left .icon .default { display: none; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-top.active .top-left .top-text { color: #e70112; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-top.active .state img { transform: rotate(-90deg); opacity: 1; filter: none; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-top .top-left { display: flex; align-items: flex-start; flex: 1; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-top .top-left .icon { display: flex; align-items: flex-start; flex-shrink: 0; margin-top: 0.2em; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-top .top-left .icon .hover { display: none; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-top .top-left .top-text { font-family: sourcehansanscn-light, sans-serif; font-weight: 300; font-size: var(--font16); color: #333333; margin-left: 10px; margin-right: max(15px, 0.23rem); flex: 1; min-width: 0; overflow-wrap: break-word; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-top .state { display: flex; align-items: flex-start; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-top .state img { display: block; transition: var(--duration); opacity: 0.5; filter: brightness(0); }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-main { display: none; font-family: sourcehansanscn-light, sans-serif; font-weight: 300; font-size: var(--font16); color: #666666; line-height: 2; overflow-wrap: break-word; margin-left: 28px; padding-top: 12px; border-top: 1px solid rgba(204, 204, 204, 0.5); margin-top: max(0.22rem, 10px); margin-right: 36px; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-main img { max-width: 100%; vertical-align: top; height: auto; }
.support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-main img .table-wrap { max-width: 100%; overflow-wrap: break-word; }
.support-question-page .question-content .question-wrap .question-right { width: 23.56770833%; flex-shrink: 0; position: sticky; top: calc(10px   var(--header-height)); }
.support-question-page .question-content .question-wrap .question-right .area-title { font-weight: 400; font-size: var(--font18); color: #e70112; line-height: 1.77777778; margin-bottom: 30px; }
.support-question-page .question-content .question-wrap .question-right .q-item { display: block; padding-bottom: max(0.2rem, 20px); border-bottom: 1px solid rgba(204, 204, 204, 0.5); margin-bottom: 30px; }
.support-question-page .question-content .question-wrap .question-right .q-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.support-question-page .question-content .question-wrap .question-right .q-item:hover .pic img { transform: scale(1.05); }
.support-question-page .question-content .question-wrap .question-right .q-item:hover .text .title { color: var(--theme); }
.support-question-page .question-content .question-wrap .question-right .q-item .pic { display: block; border-radius: 10px; overflow: hidden; position: relative; }
.support-question-page .question-content .question-wrap .question-right .q-item .pic::after { content: ""; display: block; padding-top: 57.45856354%; }
.support-question-page .question-content .question-wrap .question-right .q-item .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--duration, 0.45s); }
.support-question-page .question-content .question-wrap .question-right .q-item .text { margin-top: 10px; }
.support-question-page .question-content .question-wrap .question-right .q-item .text .title { font-family: source han sans cn; font-weight: 400; font-size: var(--font18); color: #333333; line-height: 1.55555556; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; overflow-wrap: break-word; transition: var(--duration); }
.support-question-page .question-content .question-wrap .question-right .q-item .text .desc { font-family: sourcehansanscn-light, sans-serif; font-weight: 300; font-size: var(--font14); color: #666666; line-height: 1.57142857; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; overflow-wrap: break-word; margin-top: 10px; padding-right: 14px; }
.support-question-page .question-content .question-wrap .question-right .q-item .text .more-btn { display: flex; align-items: center; justify-content: center; user-select: none; cursor: pointer; width: 130px; height: 32px; border-radius: 16px; border: 1px solid rgba(204, 204, 204, 0.5); margin-top: max(0.16rem, 10px); }
.support-question-page .question-content .question-wrap .question-right .q-item .text .more-btn .more-text { font-weight: 300; font-size: 12px; color: #666666; line-height: 1; }
.support-question-page .question-content .question-wrap .question-right .q-item .text .more-btn .more-icon { width: 5px; margin-left: 11px; }


/* ==================== 3. 售后服务 (service_after.html) ==================== */
.support-service-page .service-after-text { padding-top: max(1.2rem, var(--space)); padding-bottom: max(1.21rem, var(--space)); }
.support-service-page .service-after-text .title { font-family: source han sans cn; font-weight: 400; font-size: var(--font32); color: #f71f26; line-height: 1; margin-bottom: max(0.21rem, 10px); }
.support-service-page .service-after-text .desc { font-family: sourcehansanscn-light, sans-serif; font-weight: 300; font-size: var(--font18); color: #333333; line-height: 1.77777778; }
.support-service-page form { margin-top: max(0.71rem, 30px); }
.support-service-page .form .input-line { display: flex; align-items: flex-start; justify-content: space-between; }
.support-service-page .form .input-line:last-of-type .input-item { margin-bottom: 0; }
.support-service-page .form .input-line .input-item { width: 49.0234375%; margin-bottom: 20px; }
.support-service-page .form .input-line .input-item.input-item-full { width: 100%; }
.support-service-page .form .input-line .input-item .placeholder-text { margin-bottom: 10px; }
.support-service-page .form .input-line .input-item .placeholder-text span { font-weight: 400; font-size: var(--font18); color: #333333; }
.support-service-page .form .input-line .input-item .placeholder-text .red { color: #ca1e1e; }
.support-service-page .form .input-line .input-item input { display: block; width: 100%; height: max(0.58rem, 35px); font-family: sourcehansanscn-light, sans-serif; font-weight: 300; font-size: var(--font16); color: #101010; padding-left: max(0.22rem, 10px); padding-right: max(0.22rem, 10px); transition: var(--duration); background: #ffffff; border-radius: 3px; border: 1px solid #cccccc; }
.support-service-page .form .input-line .input-item input::placeholder { color: #999999; }
.support-service-page .form .input-line .input-item input:focus { border-color: var(--theme); }
.support-service-page .form .input-line .input-item .layui-form-select .layui-input { color: #666; user-select: none; }
.support-service-page .form .input-line .input-item .layui-form-select .layui-edge { border-color: transparent; width: 25px; height: 10px; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; background-image: url(/uploads/image/shsvg/service-select.svg); margin-top: -5px; }
.support-service-page .form .input-line .input-item .layui-form-select dl { top: 100%; }
.support-service-page .form .input-line .input-item .layui-form-select dl dd.layui-this { background-color: var(--theme); }
.support-service-page .form .input-line .input-item .upload-file { height: max(1.74rem, 100px); background: #ffffff; border-radius: 3px; border: 1px solid #cccccc; display: flex; align-items: center; justify-content: center; position: relative; }
.support-service-page .form .input-line .input-item .upload-file p { font-weight: 500; font-size: var(--font16); color: #999999; line-height: 1; margin-top: max(0.26rem, 10px); text-align: center; }
.support-service-page .form .input-line .input-item .upload-file img { opacity: 0.5; display: block; margin-left: auto; margin-right: auto; pointer-events: none; width: max(0.47rem, 30px); object-fit: contain; }
.support-service-page .form .input-line .input-item .upload-file input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; user-select: auto; cursor: pointer; z-index: 2; }
.support-service-page .form .input-line .input-item textarea { height: max(2.04rem, 180px); background: #ffffff; border-radius: 3px; border: 1px solid #cccccc; resize: none; font-weight: 300; font-size: 16px; color: #101010; width: 100%; transition: var(--duration); padding-top: 21px; padding-left: max(0.22rem, 10px); padding-right: max(0.22rem, 10px); }
.support-service-page .form .input-line .input-item textarea:focus { border-color: var(--theme); }
.support-service-page .form .input-line .input-item textarea::placeholder { color: #999999; padding-left: 0; text-align: left; }
.support-service-page .form .submit-btn { display: block; width: 160px; height: 48px; background: #e70112; border-radius: 24px; font-weight: 400; font-size: var(--font18); color: #ffffff; line-height: 1; margin-left: auto; margin-right: auto; margin-top: max(0.4rem, 20px); cursor: pointer; user-select: none; }


/* ==================== 4. 选型帮助 (help.html) ==================== */
.support-model-help-page .model-help-wrap { padding-top: max(1.05rem, var(--space)); padding-bottom: max(1.08rem, var(--space)); }
.support-model-help-page .help-text { font-family: sourcehansanscn-light, sans-serif; font-weight: 300; font-size: var(--font18); color: #333333; line-height: 1.77777778; margin-bottom: max(0.7rem, 30px); }
.support-model-help-page .form-area { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: max(0.67rem, 30px); }
.support-model-help-page .form-area .left-area { width: 49.0234375%; flex-shrink: 0; }
.support-model-help-page .form-area .right-area { width: 49.0234375%; flex-shrink: 0; position: relative; border-radius: 10px; overflow: hidden; }
.support-model-help-page .form-area .right-area:hover img { transform: scale(1.05); }
.support-model-help-page .form-area .right-area::after { content: ""; display: block; padding-bottom: 41.5%; }
.support-model-help-page .form-area .right-area img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--duration, 0.45s); }
.support-model-help-page .input-item { margin-bottom: 20px; }
.support-model-help-page .input-item:last-of-type { margin-bottom: 0; }
.support-model-help-page .input-item .placeholder-text { font-weight: 400; font-size: var(--font18); color: #333333; line-height: 1; margin-bottom: 10px; }
.support-model-help-page .input-item .placeholder-text .red { color: #ca1e1e; }
.support-model-help-page .input-item input { display: block; width: 100%; height: max(0.58rem, 35px); background: #ffffff; border-radius: 3px; border: 1px solid #cccccc; transition: var(--duration); padding: 0 max(0.23rem, 15px); font-family: sourcehansanscn-light, sans-serif; font-weight: 300; color: #101010; }
.support-model-help-page .input-item input::placeholder { color: #999999; }
.support-model-help-page .input-item input:focus { border-color: var(--theme); }
.support-model-help-page .input-item textarea { display: block; width: 100%; height: max(100px, 1.74rem); background: #ffffff; border-radius: 3px; border: 1px solid #cccccc; padding: max(0.22rem, 15px); resize: none; font-family: sourcehansanscn-light, sans-serif; font-weight: 300; font-size: var(--font16); color: #101010; transition: var(--duration); }
.support-model-help-page .input-item textarea::placeholder { color: #999999; }
.support-model-help-page .input-item textarea:focus { border-color: var(--theme); }
.support-model-help-page .input-item .upload-file { position: relative; display: flex; align-items: center; justify-content: center; height: max(1.74rem, 100px); background: #ffffff; border-radius: 3px; border: 1px solid #cccccc; }
.support-model-help-page .input-item .upload-file input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; pointer-events: auto; opacity: 0; }
.support-model-help-page .input-item .upload-file .content img { display: block; margin-left: auto; margin-right: auto; opacity: 0.5; pointer-events: none; width: max(0.47rem, 30px); }
.support-model-help-page .input-item .upload-file .content p { font-weight: 500; font-size: var(--font16); color: #999999; line-height: 1; text-align: center; margin-top: max(0.26rem, 10px); }
.support-model-help-page .company-form .company-text { font-family: sourcehansanscn-light, sans-serif; font-weight: 300; font-size: var(--font18); color: #333333; margin-bottom: max(0.3rem, 10px); }
.support-model-help-page .company-form .input-line { display: flex; align-items: center; justify-content: space-between; }
.support-model-help-page .company-form .input-line .input-item { width: 49.0234375%; }
.support-model-help-page .company-form .input-line .input-item:last-of-type { margin-bottom: 20px; }
.support-model-help-page .company-form .submit-btn { display: block; margin-left: auto; margin-right: auto; user-select: none; cursor: pointer; width: 160px; height: 48px; background: #e70112; border-radius: 24px; font-size: var(--font18); color: #ffffff; line-height: 1; margin-top: 21px; }


/* ============================================================
   移动端响应式 (技术支持模块)
   ============================================================ */

/* 资料下载 (index) */
@media (max-width: 1200px) {
  .support-page .support-content .support-wrap .support-main .main-item .download-area .icon { width: 50px; height: 50px; }
  .support-page .support-content .support-wrap .support-main .main-item .download-area .icon img { max-width: 60%; max-height: 60%; }
}
@media (max-width: 992px) {
  .support-page .support-content .support-wrap { flex-wrap: wrap; }
  .support-page .support-content .support-wrap .support-aside { width: 100%; position: static; }
  .support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .list .item { border: var(--border); margin-left: 0; margin-bottom: 10px; padding-left: 20px; padding-right: 10px; position: relative; overflow: hidden; }
  .support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item .list .item::before { content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background-color: var(--theme); }
  .support-page .support-content .support-wrap .support-main { flex: none; width: 100%; margin-top: 30px; }
}
@media (max-width: 768px) {
  .support-page .support-content .support-wrap .support-aside .aside-list-area .aside-item { margin-bottom: 0; border-bottom: var(--border); padding-bottom: 10px; margin-bottom: 15px; }
}
@media (max-width: 576px) {
  .support-page .support-content .support-wrap .support-main .main-list { grid-template-columns: 1fr; }
  .support-page .support-content .support-wrap .support-main .main-item { padding-left: 10px; padding-right: 10px; }
  .support-page .support-content .support-wrap .support-main .main-item .pic::after { padding-bottom: 65%; }
}

/* 常见问题列表 (faq) */
@media (max-width: 768px) {
  .support-question-page .question-content .question-wrap { flex-wrap: wrap; }
  .support-question-page .question-content .question-wrap .question-left { width: 100%; }
  .support-question-page .question-content .question-wrap .question-right { width: 100%; }
  .support-question-page .question-content .question-wrap .question-left .question-top .search { flex: 1; margin-left: 50px; }
  .support-question-page .question-content .question-wrap .question-right { margin-top: 30px; }
}
@media (max-width: 576px) {
  .support-question-page .question-content .question-wrap .question-left .question-top { flex-wrap: wrap; }
  .support-question-page .question-content .question-wrap .question-left .question-top .search { width: 100%; margin-bottom: 10px; order: -1; flex: none; margin-left: auto; margin-right: auto; }
  .support-question-page .question-content .question-wrap .question-left .question-top .expand-all { margin-left: auto; }
  .support-question-page .question-content .question-wrap .question-left .question-list .question-item { padding-top: 10px; padding-bottom: 10px; }
  .support-question-page .question-content .question-wrap .question-left .question-list .question-item .item-top .top-left .icon { margin-top: 0; }
  .support-question-page .question-content .question-wrap .question-right .area-title { margin-bottom: 20px; }
  .support-question-page .question-content .question-wrap .question-right .q-item .text .desc { padding-right: 0; }
  .support-question-page .question-content .question-wrap .question-right .q-item .text .more-btn { display: none; }
}

/* 售后服务支持 (service_after) */
@media (max-width: 768px) {
  .support-service-page .form .submit-btn { width: 140px; height: 35px; }
}
@media (max-width: 576px) {
  .support-service-page .form .input-line { flex-wrap: wrap; }
  .support-service-page .form .input-line .input-item { width: 100%; }
  .support-service-page .form .input-line .input-item input { font-size: 14px; }
  .support-service-page .form .input-line .input-item textarea { font-size: 14px; }
}

/* 选型帮助 (help) */
@media (max-width: 768px) {
  .support-model-help-page .form-area { flex-wrap: wrap; }
  .support-model-help-page .form-area .left-area { width: 100%; margin-bottom: 20px; }
  .support-model-help-page .form-area .right-area { display: none; }
  .support-model-help-page .company-form .input-line { flex-wrap: wrap; }
  .support-model-help-page .company-form .input-line .input-item { width: 100%; }
  .support-model-help-page .company-form .submit-btn { width: 140px; height: 35px; }
}