153 lines
7.8 KiB
CSS
153 lines
7.8 KiB
CSS
/* 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; }
|
|
}
|