.compliance-info { max-width: 1100px; margin: 28px auto; padding: 24px; background: #f5f8ff; border-radius: 10px; color: #4d4d4d; box-sizing: border-box; line-height: 1.8; }
.compliance-info h2 { font-size: 24px; margin-bottom: 12px; }
.compliance-info button { margin-top: 16px; padding: 10px 20px; border: 0; border-radius: 6px; background: #0a65e8; color: white; cursor: pointer; }
.compliance-note { line-height: 1.8; padding: 16px; color: #4d4d4d; }
.certificate-slid-item p { line-height: 1.8; }
@media (max-width: 768px) { .compliance-info { margin: 16px; padding: 18px; } .certificate-slid-item h6 { font-size: 16px; } }

.certificate-slid-item > h6 { line-height: 1.6; min-height: 52px; padding: 8px 0; }
.certificate > p { padding: 16px 24px; max-width: 1000px; margin: auto; line-height: 1.8; font-size: 16px; }
.main-recharge-title-container > .tags > .tag-item > .tag-content { width: calc(100% - 32px); height: auto; min-height: 104px; }
.main-recharge-title-container > .tags > .tag-item > button { max-width: calc(100% - 32px); }
.main-recharge-title-container > .tags > .tag-item { height: auto; min-height: 400px; }
@media (max-width: 768px) {
  .main-recharge-title-container > .tags > .tag-item { width: 100%; min-height: 350px; }
  .main-introduces .main-introduce-text { width: 100% !important; }
}

.interface-caption { color: #555; font-size: 14px; line-height: 1.8; padding: 16px; text-align: center; }
.interface-placeholder { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; min-height: 240px; padding: 24px; box-sizing: border-box; line-height: 2; text-align: center; background: #f0f5ff; color: #253057; border-radius: 12px; font-size: 22px; }
.interface-placeholder small { font-size: 14px; }
@media (max-width: 768px) {
  .main-introduces .main-introduce-text h1 { font-size: 36px !important; line-height: 1.4; }
  .main-introduces .main-introduce-text h5 { font-size: 16px !important; line-height: 1.7; padding: 0 16px; }
  .try-out-title { font-size: 12px !important; }
}

.version-selection { max-width: 1100px; margin: 180px auto 40px; padding: 24px; box-sizing: border-box; color: #253057; }
.version-selection h1 { font-size: 36px; margin-bottom: 20px; }
.version-selection h2 { font-size: 24px; margin: 24px 0 16px; }
.version-selection p { font-size: 16px; line-height: 1.8; margin: 12px 0; color: #555; }
.version-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 32px 0; }
.version-cards article { background: #f5f8ff; border-radius: 12px; padding: 24px; }
.version-cards a, .version-cards button { display: inline-block; background: #0a65e8; padding: 12px 20px; border: 0; border-radius: 6px; color: #fff; cursor: pointer; }
.version-selection table { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 24px 0; font-size: 16px; }
.version-selection th, .version-selection td { border: 1px solid #d9d9d9; padding: 16px; line-height: 1.6; text-align: center; overflow-wrap: anywhere; }
.version-selection thead { background: #edf3ff; }
.version-selection tbody th { text-align: left; font-weight: 400; }
.version-selection tr:nth-child(even) { background: #f9fbff; }
@media (max-width: 768px) { .version-selection { margin-top: 120px; padding: 18px; } .version-selection h1 { font-size: 30px; } .version-cards { grid-template-columns: 1fr; } .version-selection th, .version-selection td { padding: 10px 5px; font-size: 13px; } }
@media (max-width: 768px) {
  .custom-dream { padding: 32px 16px; }
  .custom-dream-l, .custom-dream-r { display: none; }
  .custom-dream-c { max-width: 100%; }
  .custom-dream-c-num, .custom-dream-year, .custom-dream-firm { left: auto; top: auto; transform: none; max-width: 100%; }
  .custom-dream-c-num { font-size: 100px; }
  .customized-product-content-desc li { white-space: normal; overflow-wrap: anywhere; }
  .custom-dream-c-num > img { width: 100px; height: 100px; left: 0; }
  .custom-dream-divider-landscape { max-width: 100%; }
  .custom-dream-bottom p { letter-spacing: 3px; line-height: 1.8; }
  footer .footer-bottom .footer-bottom-content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding: 32px 20px; box-sizing: border-box; }
  .footer-bottom-content-qr-code-img { position: static; margin: 0 !important; padding: 0; max-width: 100%; }
  .footer-bottom-content-qr-code { position: static; grid-column: 1 / -1; display: flex; max-width: 100%; margin: 0; justify-content: space-between; }
  .archival-information { height: auto; min-height: 72px; line-height: 1.8; padding: 20px; box-sizing: border-box; text-align: center; }
}

.parking-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.scope-consult { background: #0a65e8; color: #fff; border: 0; border-radius: 6px; padding: 12px 20px; cursor: pointer; }
.parking-scope th:first-child { width: 34%; }
@media (max-width: 768px) { .parking-cards { grid-template-columns: 1fr; } .parking-scope th, .parking-scope td { padding: 10px 4px; font-size: 12px; } .customized-product-content-desc ul { display: block; } .customized-product-content-desc li { margin-bottom: 10px; } }