/* Limit the new theme to pages with the shared navigation, including legacy forms. */
body:not(.ac-home):has(.ac-header) {
    --primary-color: #173f62;
    --nav-color: #173f62;
    --banner-color: #173f62;
    --home-blue-dark: #122e4b;
    --news-blue-dark: #122e4b;
    color: #172d45;
    background: #f4f7f9;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}
body .content:has(> .ac-header) {
    width: 100%;
    height: auto;
    margin: 0;
    padding-top: 0;
    background: transparent;
    overflow: visible;
}
body:has(.ac-header) :is(.detail-shell, .u-bg-greylight) { background: #f4f7f9; }
body:has(.ac-header) :is(.info-card, .news-list-panel, .news-article, .news-related, .login-box, .lookup-page__container > .container) {
    border: 1px solid #e3e9ed;
    border-top: 2px solid #d8bd91;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(23, 45, 69, .05);
}
body:has(.ac-header) :is(.info-card h1, .news-hero h1, .news-article h1) { color: #172d45; font-weight: 600; }
body:has(.ac-header) .news-kicker { color: #876637; letter-spacing: 2px; }
body:has(.ac-header) .help-item { border-color: #e3e9ed; }
body:has(.ac-header) .company-meta { background: #f4f7f9; border-color: #e3e9ed; }
/* Keep form controls and their layout intact; only recolor the existing title strip. */
body:has(.ac-header) .m-form-application-title {
    background: #edf3f7 !important;
    border-top: 2px solid #d8bd91 !important;
    border-bottom: 1px solid #e3e9ed !important;
    color: #173f62;
}
body:has(.ac-header) .m-form-application-title h2 { color: #173f62; font-weight: 600; }
body:has(.ac-header) .layui-upload-drag .layui-icon { color: var(--primary-color); }
body:has(.ac-header) .login-logo { color: #173f62; background: #f1dfc2; border-radius: 5px; }
body:has(.ac-header) .login-logo img { filter: brightness(0) saturate(100%) invert(19%) sepia(26%) saturate(1725%) hue-rotate(167deg) brightness(95%) contrast(94%); }
.login-page:has(.ac-header) .login-box { border-radius: 8px !important; box-shadow: 0 8px 24px rgba(23, 45, 69, .05) !important; }
body:not(.ac-home):has(.ac-header) .footer { margin-top: auto; }

/* Registration and lookup share the panel styling without changing form controls or result states. */
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) :is(.detail-shell, .wrap, .lookup-shell) > .layui-container {
    width: min(1200px, calc(100% - 80px));
    margin: 30px auto 48px;
    padding: 0;
}
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) :is(.detail-shell, .wrap, .lookup-shell) > .layui-container > .container:has(> .layui-form) {
    width: 100%;
    padding: 30px 24px 24px;
    background: #fff;
    border: 1px solid #e3e9ed;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(23, 45, 69, .04);
}
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .m-form-application-title {
    margin: 0 0 20px !important;
    padding: 0 10px 20px;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #e7edf1 !important;
}
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .m-form-application-title h2 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 24px;
    line-height: 1.5;
}
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .m-form-application-title h2::before {
    content: "";
    flex: 0 0 4px;
    height: 22px;
    border-radius: 2px;
    background: #b8894d;
}
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .layui-form-label { color: #31475c; font-size: 16px; font-weight: 500; }
@media (max-width: 800px) {
    body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) :is(.detail-shell, .wrap, .lookup-shell) > .layui-container { width: calc(100% - 24px); margin: 20px auto 30px; }
    body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) :is(.detail-shell, .wrap, .lookup-shell) > .layui-container > .container:has(> .layui-form) { padding: 22px 6px 18px; }
    body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .m-form-application-title { margin-bottom: 14px !important; padding-bottom: 16px; }
    body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .m-form-application-title h2 { font-size: 20px; }
    body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .layui-form-label { font-size: 15px; }
}

/* The lookup grid already owns its column layout; avoid doubling its outer padding. */
body.lookup-page:has(.ac-header) .lookup-shell { width: 100%; max-width: none; padding: 0; }
body.lookup-page:has(.ac-header) #Form1 .lookup-form-grid { padding: 4px 10px 0; }

/* Style the existing EVUS steps as cards without changing their visibility or field structure. */
body.detail-page:has(.ac-header) .detail-shell > .layui-container > .container:has(> .layui-form) {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
body.detail-page:has(.ac-header) .detail-shell form.layui-form {
    margin-bottom: 24px;
    padding: 28px 24px 18px;
    border: 1px solid #e1e8ee;
    border-top: 3px solid #d8bd91;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 22px rgba(23, 45, 69, .04);
}
body.detail-page:has(.ac-header) .detail-shell .m-form-application-title h2 { font-size: 22px; }
body.detail-page:has(.ac-header) .detail-shell .layui-form-label { padding-top: 6px; padding-bottom: 8px; line-height: 1.6; }
body.detail-page:has(.ac-header) .detail-shell .layui-input { border-color: #d9e2e9; border-radius: 6px; }
body.detail-page:has(.ac-header) .detail-shell .layui-input:focus { border-color: #285b7c !important; box-shadow: 0 0 0 3px rgba(40, 91, 124, .1); }
/* Keep address fields in paired rows even when labels have different heights. */
body.detail-page:has(.ac-header) #Form3 > .layui-row:has(> .layui-col-md6) { display: flex; flex-wrap: wrap; }
body.detail-page:has(.ac-header) #Form3 > .layui-row > .layui-field-title { flex-basis: 100%; }
body.detail-page:has(.ac-header) .detail-shell .layui-col-md12 > .layui-form-item:has(input[type="radio"]) {
    min-height: 0;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #edf1f4;
}
body.detail-page:has(.ac-header) .detail-shell .layui-form-radio { margin-top: 0; padding: 6px 8px; line-height: 1.7; white-space: normal; }
body.detail-page:has(.ac-header) #Form9 .layui-form-item:has(input[name="total_price"]) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    border: 0;
}
body.detail-page:has(.ac-header) #Form9 .layui-input-block:has(input[name="total_price"]) { margin: 0; min-width: 0; }
body.detail-page:has(.ac-header) #Form9 input[name="total_price"] + .layui-form-radio {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 16px;
    border: 1px solid #d9e2e9;
    border-radius: 8px;
    background: #f8fafc;
}
body.detail-page:has(.ac-header) #Form9 input[name="total_price"] + .layui-form-radio > i { flex-shrink: 0; margin-right: 0; }
body.detail-page:has(.ac-header) #Form9 input[name="total_price"] + .layui-form-radioed { border-color: #173f62; background: #edf3f7; box-shadow: inset 0 0 0 1px #173f62; }
body.detail-page:has(.ac-header) #Form9 .payment-choice-option:has(input:checked) { border-color: #173f62; box-shadow: 0 0 0 1px #173f62; }
body.detail-page:has(.ac-header) #submit { min-width: 220px; min-height: 48px; margin-top: 8px; border-radius: 6px; font-size: 18px; box-shadow: none; }
@media (max-width: 800px) {
    body.detail-page:has(.ac-header) .detail-shell form.layui-form { margin-bottom: 16px; padding: 20px 10px 12px; }
    body.detail-page:has(.ac-header) .detail-shell .m-form-application-title h2 { font-size: 20px; }
    body.detail-page:has(.ac-header) #Form9 .layui-form-item:has(input[name="total_price"]) { grid-template-columns: 1fr; }
    body.detail-page:has(.ac-header) #submit { width: 100%; min-width: 0; }
}