body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

* {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

html[lang^="zh"] * {
    word-break: break-all !important;
    overflow-wrap: break-word !important;
}

h1, h2, h3, h4, h5, h6 {
    word-break: break-word !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

p, span, div, a, li, td, th, label {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

table {
    table-layout: fixed !important;
    width: 100% !important;
    max-width: 100% !important;
}

table td, table th {
    word-break: break-word !important;
    white-space: normal !important;
}

.card, .box, 
.info-box, .tip-box, .warning-box, .district-box {
    overflow-x: hidden !important;
    word-break: break-word !important;
    max-width: 100% !important;
}

.container, .guide-content, .content-section {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

@media (max-width: 767px) {
    * {
        word-break: break-all !important;
    }
    
    body {
        overflow-x: hidden !important;
    }
    
    table {
        display: block !important;
        overflow-x: auto !important;
    }
}