/* 按原设计稿还原 - 1920x3341 */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    background: #191919;
    color: #fff;
}

.page {
    position: relative;
    margin: 0 auto;
    background: #0F1115;
}

/* 头部 */
.header {
    position: absolute;
    top: 50px;
    left: 60px;
    height: 48px;
    display: flex;
    align-items: center;
    z-index: 100;
}

.logo-img { height: 30px; width: auto; }

/* Banner */
.banner {
    position: relative;
    width: 1920px;
    height: 888px;
    background: linear-gradient(125deg, #2A2F36 4%, #0F1115 100%);
}

.banner-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.banner-title {
    position: absolute;
    left: 260px;
    top: 327px;
    font-size: 72px;
    font-weight: 900;
}

.banner-sub {
    position: absolute;
    left: 260px;
    top: 457px;
    font-size: 32px;
    line-height: 50px;
    font-weight: 300;
}

.banner-desc {
    position: absolute;
    right: 60px;
    bottom: 38px;
    font-size: 24px;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* 左侧箭头 — 朝左，按切图编组 13 */
.banner-desc-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 12px solid rgba(255, 255, 255, 0.9);
    flex-shrink: 0;
}

/* 箭头后的线 — 长度与「不是训练更多」一致 (约 7 字宽) */
.banner-desc-line {
    display: inline-block;
    width: 7em;
    height: 1px;
    background: rgba(255, 255, 255, 0.9);
    flex-shrink: 0;
    vertical-align: middle;
}

/* 中间内容区 - 按切图坐标还原 */
.middle-block {
    position: relative;
    width: 1920px;
    height: 1020px;
    background: #fff;
}

.path4-bg {
    position: absolute;
    left: 882px;
    top: 0;
    width: 1038px;
    height: 870px;
    object-fit: fill;
}

.rect-block {
    position: absolute;
    left: 1560px;
    top: 182px;
    width: 100px;
    height: 100px;
}

.image4 {
    position: absolute;
    left: 1210px;
    top: 212px;
    width: 420px;
    height: 540px;
}

.dot-icon {
    position: absolute;
    left: 211px;
    top: 58px;
    width: 37px;
    height: 23px;
}

.title-main {
    position: absolute;
    left: 260px;
    top: 42px;
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
    font-size: 42px;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
    white-space: nowrap;
    letter-spacing: -0.5px;
}

.blue-underline {
    position: absolute;
    left: 260px;
    top: 103px;
    width: 200px;
    height: 3px;
    background: #4C7EFF;
}

.gray-line {
    position: absolute;
    left: 260px;
    top: 105px;
    width: 1400px;
    height: 1px;
    background: #DDDDDD;
    opacity: 0.5;
}

.icon-row {
    position: absolute;
    left: 260px;
    top: 166px;
    display: flex;
    gap: 100px;
}

.icon-row .icon-item {
    width: 120px;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    color: #2A2F36;
}

.icon-row .icon-item:first-child span { color: #2A2F36; }
.icon-row .icon-item:nth-child(2) span { color: #000; }
.icon-row .icon-item:nth-child(3) span { color: #000; }

.divider-line {
    position: absolute;
    left: 0;
    top: 370px;
    width: 1211px;
    height: 1px;
    border-top: 1px solid #DBE5FF;
}

.text-desc {
    position: absolute;
    left: 260px;
    top: 421px;
    width: 552px;
    font-size: 24px;
    line-height: 44px;
    color: #2A2F36;
}

.title-sub {
    position: absolute;
    left: 260px;
    top: 627px;
    width: 458px;
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    color: #0F1115;
}

/* 理解负荷标题前图标 编组 19 (211,1939) 37x23 */
.title-load-icon {
    position: absolute;
    left: 211px;
    top: 970px;
    width: 37px;
    height: 23px;
    object-fit: contain;
}

/* 与 title-main 左对齐 */
.title-load {
    position: absolute;
    left: 260px;
    top: 954px;
    width: 506px;
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
    font-size: 42px;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
    letter-spacing: -0.5px;
}

.line-img {
    position: absolute;
    left: 260px;
    top: 1015px;
    width: 1400px;
    height: 3px;
    object-fit: fill;
}

/* 三张功能图 + Pace 描述 - 合并按切图坐标 */
.features-pace-section {
    position: relative;
    width: 1920px;
    min-height: 800px;
    padding-top: 113px;
    padding-bottom: 60px;
    background: #EEF3FF;
}

.features-pace-section .feature-item {
    position: absolute;
}

.features-pace-section .feature-1 {
    left: 260px;
    top: 113px;
}

.features-pace-section .feature-2 {
    left: 900px;
    top: 113px;
}

.features-pace-section .feature-3 {
    left: 1300px;
    top: 113px;
}

.features-pace-section .feature-item h3 {
    position: absolute;
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    line-height: 44px;
}

.features-pace-section .feature-1 h3 {
    left: 40px;
    bottom: 40px;
    font-size: 36px;
}

.features-pace-section .feature-2 h3,
.features-pace-section .feature-3 h3 {
    left: 24px;
    bottom: 48px;
    font-size: 30px;
}

/* 备份 装饰图 (969,2481) 60x47 — 切图坐标，图标顺时针旋转180° */
.features-pace-section .backup-img-wrap {
    position: absolute;
    left: 969px;
    top: 573px;
    width: 60px;
    height: 47px;
    z-index: 2;
    opacity: 0.39;
    overflow: hidden;
}

.features-pace-section .backup-img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none;
    transform-origin: center center;
}

/* Pace 文字 - (1129,2481) (1204,2621) 按切图定位 */
.features-pace-section .pace-text1 {
    position: absolute;
    left: 1129px;
    top: 573px;
    width: 531px;
    text-align: right;
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    color: #0F1115;
}

.features-pace-section .pace-text2 {
    position: absolute;
    left: 1204px;
    top: 713px;
    width: 456px;
    text-align: right;
    font-size: 24px;
    line-height: 44px;
    color: #2A2F36;
    z-index: 3; /* 高于底图，避免被矩形遮挡 */
}

/* 矩形备份 3 - (1580,2593) 100x100 右侧底图，使用切图显示 */
.features-pace-section .rect-block-3 {
    position: absolute;
    left: 1580px;
    top: 685px;
    width: 100px;
    height: 100px;
    z-index: 1;
    overflow: hidden;
}

.features-pace-section .rect-block-3 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 地图+联系 */
.map-section {
    position: relative;
    width: 1920px;
    height: 480px;
}

.map-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-overlay {
    position: absolute;
    inset: 0;
}

/* 联系框 编组 17 (960,2951) 700×300 — 与切图对齐 */
.contact-box {
    position: absolute;
    left: 960px;
    top: 90px;  /* 2951-2861 相对地图顶部 */
    width: 700px;
    height: 300px;
    padding: 0;
    background: rgba(15,17,21,0.7);
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* 编组 9 公司 Logo (534,3047) 53×53 */
.contact-company-logo {
    position: absolute;
    left: 534px;
    top: 186px;
    width: 53px;
    height: 53px;
    object-fit: contain;
}

/* 编组 10 公司按钮 (496,3010) 128×30 */
.contact-company-btn {
    position: absolute;
    left: 465px;
    top: 149px;
    width: 200px;
    height: 30px;
    background: linear-gradient(180deg, #79AFFF 0%, #0C75FE 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
}

.contact-company-btn:hover {
    opacity: 0.9;
}

/* 联系内容 — 按切图坐标：Logo (1040,3026)，微信(1094,3110) 邮箱(1154,3110) 电话(1214,3110) */
.contact-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-left {
    position: relative;
    width: 320px;
    height: 100%;
}

/* Logo 编组备份 11 相对 contact-box：left 80px, top 75px */
.contact-content .header-logo {
    position: absolute;
    left: 80px;
    top: 75px;
    height: 24px;
    width: auto;
    object-fit: contain;
}

/* 图标行 按切图：微信(1094,3110) 邮箱(1154,3110) 电话(1214,3110) → 相对框 left 134/194/254, top 159 */
.contact-content .contact-icons {
    position: absolute;
    left: -50px;
    top: 159px;
}

.contact-content .contact-icons img {
    position: absolute;
    width: 40px;
    height: 40px;
    opacity: 0.85;
}

.contact-content .contact-icons img:nth-child(1) { left: 134px; }
.contact-content .contact-icons img:nth-child(2) { left: 194px; }
.contact-content .contact-icons img:nth-child(3) { left: 254px; }

.coord-dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #4C7EFF;
    flex-shrink: 0;
}

.header-line {
    width: 74px;
    height: 2px;
    background: #FFFFFF;
}

.contact-label {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    opacity: 0.6;
}


.links {
    display: flex;
    gap: 80px;
}

.link-group h4 {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    opacity: 0.6;
    margin-bottom: 12px;
}

.link-group a {
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 36px;
    font-size: 14px;
}

/* 用户协议、隐私政策 — Logo 右侧 */
/* 用户协议、隐私政策 — 位于背景 3/5 处 */
.contact-legal-links {
    position: absolute;
    left: 60%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 48px;
}

.contact-legal-links a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.85;
}

.contact-legal-links a:hover {
    opacity: 1;
}

/* 页脚 - 版权信息 */
.footer {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.6;
}

.footer-copyright {
    white-space: nowrap;
}

/* 文档弹窗 - 用户协议 / 隐私政策 */
.doc-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s, opacity 0.2s;
}

.doc-modal.is-open {
    visibility: visible;
    opacity: 1;
}

.doc-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

.doc-modal-box {
    position: relative;
    width: 90%;
    max-width: 900px;
    height: 85vh;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.doc-modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border: none;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    font-size: 24px;
    line-height: 1;
    color: #333;
    cursor: pointer;
    z-index: 10;
}

.doc-modal-close:hover {
    background: rgba(0, 0, 0, 0.1);
}

.doc-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

/* 宽度适配由 js/responsive-scale.js 统一控制 */
html,
body {
    width: 100%;
    overflow-x: hidden;
}