/* free/shop.html */
.jxfree-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-bottom: 40px; }

.jxfree-card { background: #fff; border: 1px solid #d8d8d5; border-radius: 0; padding: 28px; }

.jxfree-card-icon { width: 52px; height: 52px; border-radius: 0; background: linear-gradient(135deg, #151515, #151515); display: flex; align-items: center; justify-content: center; color: #fff; margin-bottom: 16px; }

.jxfree-card h3 { font-size: 20px; margin-bottom: 12px; color: #151515; }

.jxfree-card p { color: #555; font-size: 14px; line-height: 1.8; }

.jxfree-meta { margin-top: 14px; padding-top: 14px; border-top: 1px dashed #d8d8d5; color: #555; font-size: 13px; }

.jxfree-gate { background: #f4f4f1; border: 1px solid #d8d8d5; border-radius: 0; padding: 32px; max-width: 640px; margin: 0 auto; }

.jxfree-gate > h3 { font-size: 20px; margin-bottom: 8px; color: #151515; }

.jxfree-gate > p { color: #555; font-size: 14px; margin-bottom: 20px; }

.jxfree-form { display: flex; flex-direction: column; }

.jxfree-form input { width: 100%; padding: 12px; border: 1px solid #d8d8d5; border-radius: 0; font-size: 15px; background: #fff; }

.jxfree-form input:focus { outline: none; border-color: #151515; }

.jxfree-form button { margin-top: 8px; padding: 12px 24px; border: none; border-radius: 0; background: #151515; color: #fff; font-size: 16px; cursor: pointer; }

.jxfree-form button:hover { background: #151515; }

.jxfree-form button:disabled { opacity: 0.6; cursor: not-allowed; }

.jxfree-downloads { margin-top: 24px; padding-top: 20px; border-top: 1px dashed #d8d8d5; }

.jxfree-downloads-tip { font-weight: 600; color: #151515; margin-bottom: 12px; }

.jxfree-dl { display: block; margin-bottom: 8px; padding: 12px 18px; background: #151515; color: #fff; border-radius: 0; text-align: center; }

.jxfree-dl:hover { background: #151515; text-decoration: none; }

.jxfree-dl-meta { font-size: 12px; color: #555; word-break: break-all; margin-bottom: 16px; }

.jxfree-result { margin-top: 16px; font-size: 14px; }

.jxfree-ok { color: #15803d; }

.jxfree-err { color: #c0392b; }

.jxfree-boundary { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }

.jxfree-boundary > div { background: #fff; border: 1px solid #d8d8d5; border-radius: 0; padding: 28px; }

.jxfree-boundary-include { border-top: 3px solid #16a34a !important; }

.jxfree-boundary-exclude { border-top: 3px solid #dc2626 !important; }

.jxfree-boundary h3 { font-size: 18px; margin-bottom: 14px; color: #151515; }

.jxfree-boundary-include h3 { color: #15803d; }

.jxfree-boundary-exclude h3 { color: #b91c1c; }

.jxfree-boundary ul { padding-left: 20px; color: #555; font-size: 14px; line-height: 2; }

.jxfree-notice { margin-top: 24px; color: #555; font-size: 14px; line-height: 1.9; }

.jxfree-notice strong { color: #151515; }

@media (max-width: 768px) {
    .jxfree-grid, .jxfree-boundary { grid-template-columns: 1fr; }

    .jxfree-gate { padding: 20px; }

}


/* free/agent.html */
.jxfree-grid { display: grid; grid-template-columns: 1fr; gap: 24px; margin-bottom: 40px; max-width: 640px; margin-left: auto; margin-right: auto; }

.jxfree-card { background: #fff; border: 1px solid #d8d8d5; border-radius: 0; padding: 28px; }

.jxfree-card-icon { width: 52px; height: 52px; border-radius: 0; background: linear-gradient(135deg, #151515, #151515); display: flex; align-items: center; justify-content: center; color: #fff; margin-bottom: 16px; }

.jxfree-card h3 { font-size: 20px; margin-bottom: 12px; color: #151515; }

.jxfree-card p { color: #555; font-size: 14px; line-height: 1.8; }

.jxfree-meta { margin-top: 14px; padding-top: 14px; border-top: 1px dashed #d8d8d5; color: #555; font-size: 13px; }

.jxfree-gate { background: #f4f4f1; border: 1px solid #d8d8d5; border-radius: 0; padding: 32px; max-width: 640px; margin: 0 auto; }

.jxfree-gate > h3 { font-size: 20px; margin-bottom: 8px; color: #151515; }

.jxfree-gate > p { color: #555; font-size: 14px; margin-bottom: 20px; }

.jxfree-form { display: flex; flex-direction: column; }

.jxfree-form input { width: 100%; padding: 12px; border: 1px solid #d8d8d5; border-radius: 0; font-size: 15px; background: #fff; }

.jxfree-form input:focus { outline: none; border-color: #151515; }

.jxfree-form button { margin-top: 8px; padding: 12px 24px; border: none; border-radius: 0; background: #151515; color: #fff; font-size: 16px; cursor: pointer; }

.jxfree-form button:hover { background: #151515; }

.jxfree-form button:disabled { opacity: 0.6; cursor: not-allowed; }

.jxfree-downloads { margin-top: 24px; padding-top: 20px; border-top: 1px dashed #d8d8d5; }

.jxfree-downloads-tip { font-weight: 600; color: #151515; margin-bottom: 12px; }

.jxfree-dl { display: block; margin-bottom: 8px; padding: 12px 18px; background: #151515; color: #fff; border-radius: 0; text-align: center; }

.jxfree-dl:hover { background: #151515; text-decoration: none; }

.jxfree-dl-meta { font-size: 12px; color: #555; word-break: break-all; margin-bottom: 16px; }

.jxfree-result { margin-top: 16px; font-size: 14px; }

.jxfree-ok { color: #15803d; }

.jxfree-err { color: #c0392b; }

.jxfree-boundary { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }

.jxfree-boundary > div { background: #fff; border: 1px solid #d8d8d5; border-radius: 0; padding: 28px; }

.jxfree-boundary-include { border-top: 3px solid #16a34a !important; }

.jxfree-boundary-exclude { border-top: 3px solid #dc2626 !important; }

.jxfree-boundary h3 { font-size: 18px; margin-bottom: 14px; color: #151515; }

.jxfree-boundary-include h3 { color: #15803d; }

.jxfree-boundary-exclude h3 { color: #b91c1c; }

.jxfree-boundary ul { padding-left: 20px; color: #555; font-size: 14px; line-height: 2; }

.jxfree-notice { margin-top: 24px; color: #555; font-size: 14px; line-height: 1.9; }

.jxfree-notice strong { color: #151515; }

@media (max-width: 768px) {
    .jxfree-grid, .jxfree-boundary { grid-template-columns: 1fr; }

    .jxfree-gate { padding: 20px; }

}


/* templates/detail.html */
.jxtpl-detail-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: start; }

.jxtpl-detail-main .som-section-title { text-align: left; margin-top: 0; }

.jxtpl-pain { color: #555; font-size: 15px; line-height: 1.9; margin-bottom: 24px; }

.jxtpl-features { padding-left: 20px; color: #555; font-size: 15px; line-height: 2.1; margin-bottom: 28px; }

.jxtpl-detail-actions { margin-bottom: 28px; }

.jxtpl-back { margin-top: 12px; font-size: 14px; }

.jxtpl-demo { display: inline-block; padding: 11px 22px; border-radius: 0; background: #151515; color: #fff; font-size: 15px; }

.jxtpl-demo:hover { background: #151515; text-decoration: none; }

.jxtpl-gate { background: #f4f4f1; border: 1px solid #d8d8d5; border-radius: 0; padding: 28px; }

.jxtpl-gate h2 { font-size: 20px; color: #151515; margin-bottom: 8px; }

.jxtpl-gate > p { color: #555; font-size: 14px; margin-bottom: 18px; }

.jxtpl-form { display: flex; flex-direction: column; }

.jxtpl-form input, .jxtpl-form textarea { width: 100%; padding: 12px; border: 1px solid #d8d8d5; border-radius: 0; font-size: 15px; background: #fff; font-family: inherit; }

.jxtpl-form input:focus, .jxtpl-form textarea:focus { outline: none; border-color: #151515; }

.jxtpl-form .som-form-field { margin-bottom: 14px; }

.jxtpl-form button { margin-top: 6px; padding: 12px 24px; border: none; border-radius: 0; background: #151515; color: #fff; font-size: 16px; cursor: pointer; }

.jxtpl-form button:disabled { opacity: 0.6; cursor: not-allowed; }

.jxtpl-result { margin-top: 16px; font-size: 14px; }

.jxtpl-result.jxtpl-ok { color: #15803d; }

.jxtpl-result.jxtpl-err { color: #c0392b; }

@media (max-width: 900px) { .jxtpl-detail-grid { grid-template-columns: 1fr; }
 .jxtpl-gate { padding: 20px; }
 }


/* help/detail.html */
.jx-hd { max-width: 860px; margin: 0 auto; }

.jx-hd-card { background: #fff; border-radius: 0; box-shadow: 0 1px 3px rgba(16,24,40,.06); padding: 28px 30px; }

.jx-hd-q { font-size: 22px; line-height: 1.5; color: #151515; margin: 0 0 6px; }

.jx-hd-meta { font-size: 12px; color: #9aa1ac; margin-bottom: 18px; }

.jx-hd-a { font-size: 15px; line-height: 1.85; color: #374151; white-space: pre-wrap; word-break: break-word; }

.jx-hd-loading, .jx-hd-err { text-align: center; color: #9aa1ac; font-size: 14px; padding: 48px 0; }

.jx-hd-back { display: inline-block; margin-top: 22px; color: #151515; text-decoration: none; font-size: 14px; }

.jx-hd-rel-title { font-size: 13px; color: #9aa1ac; letter-spacing: .05em; margin: 28px 4px 10px; }

.jx-hd-rel { display: flex; flex-direction: column; gap: 10px; }

.jx-hd-rel a { background: #fff; border-radius: 0; box-shadow: 0 1px 3px rgba(16,24,40,.06); padding: 14px 18px; text-decoration: none; color: #1f2937; font-size: 15px; }

.jx-hd-rel a:hover { box-shadow: 0 3px 12px rgba(16,24,40,.1); }

.jx-hd-cta { margin-top: 30px; text-align: center; background: #f5f7fb; border-radius: 0; padding: 22px; }

.jx-hd-cta p { color: #6b7280; font-size: 14px; margin: 0 0 12px; }

.jx-hd-cta button { background: #151515; color: #fff; border: none; border-radius: 0; padding: 11px 26px; font-size: 15px; cursor: pointer; }


/* lead/thanks.html */
.som-lead-thanks { text-align: center; }

.som-lead-thanks-receipt { font-size: 15px; color: #334155; margin: 0 0 18px; }

.som-lead-thanks-receipt strong { color: #151515; font-size: 18px; letter-spacing: .5px; }

.som-lead-thanks .som-contact-wechat { margin-top: 0; }

.som-lead-thanks-noqr { color: #475569; font-size: 15px; line-height: 1.9; }

.som-lead-thanks-actions { margin-top: 24px; display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }

.som-lead-thanks-actions a { color: #151515; font-size: 15px; }



.som-banner{background:#f0f0ed;padding:clamp(56px,7vw,110px) var(--som-pad)}
.som-banner-inner{max-width:var(--som-max);margin:auto}
.som-banner-title{max-width:980px}
.som-banner-desc{max-width:850px;margin-top:28px;font-size:18px;line-height:1.9;color:#555}
.som-banner-btn{display:inline-block;margin-top:30px;border-bottom:1px solid;padding-bottom:8px}
.som-banner-stats{display:flex;gap:64px;margin-top:56px}
.som-banner-stat-value{font-size:36px;line-height:1.2}
.som-banner-stat-label{font-size:13px;color:#555}
.som-service-cards,.som-guarantee-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.som-service-card,.som-guarantee-item{padding:28px 0;border-top:1px solid #ccc}
.som-service-card h3{margin:24px 0 16px}
.som-service-card p{color:#555;line-height:1.9}
.som-service-icon svg,.som-guarantee-icon svg{width:32px;height:32px}
.som-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.som-timeline-item{border-top:1px solid #aaa;padding-top:24px}
.som-timeline-num{font-size:36px;margin-bottom:24px}
.som-timeline-content p{margin-top:18px;color:#555}
.som-faq-list{max-width:1000px}
.som-faq-item{border-bottom:1px solid #ccc;padding:24px 0}
.som-faq-answer{margin-top:16px;line-height:1.9;color:#555}
.som-intro-title{font-size:clamp(28px,3vw,44px);max-width:1100px;line-height:1.45}
.jxtpl-form input:focus,.jxtpl-form textarea:focus{outline:2px solid #151515;outline-offset:3px}
.som-section>.som-container>.card__details-eyebrow{font-size:28px;letter-spacing:0;color:#151515}
.som-form-field{margin-top:16px}

@media(max-width:900px){.som-service-cards,.som-guarantee-list,.som-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}

@media(max-width:680px){.som-banner-stats{gap:24px;flex-wrap:wrap}
.som-service-cards,.som-guarantee-list,.som-timeline{grid-template-columns:1fr}
.som-banner-desc{font-size:16px}
.jxfree-form button{white-space:normal}
}