/* 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; }