/* Shared presentation for the five agent portal pages only. */
html { min-height:100%; }
body.agent-page { margin:0 auto; padding:24px 24px 110px; width:100%; max-width:880px; min-height:100vh; background:#f3f7f5; color:#203d34; font:15px/1.6 "Microsoft YaHei", "PingFang SC", sans-serif; -webkit-font-smoothing:antialiased; }
.agent-page *, .agent-page *:before, .agent-page *:after { box-sizing:border-box; }
.agent-page div,.agent-page p,.agent-page dl,.agent-page dt,.agent-page dd { font-size:inherit; }
.agent-page a { text-decoration:none; color:inherit; }
.agent-page a:focus-visible,.agent-page input:focus-visible { outline:3px solid #70bba1; outline-offset:3px; }
.eyebrow { display:block; font-size:11px; font-weight:700; letter-spacing:3px; color:#4b8b73; }
.agent-welcome,.agent-intro { padding:24px 4px 22px; }
.agent-welcome h1,.agent-intro h2 { margin:6px 0; font-size:28px; font-weight:700; letter-spacing:1px; }
.agent-welcome p,.agent-intro p { margin:0; color:#7a8c85; font-size:14px; }
.agent-page #header { position:relative; top:auto; width:100%; height:60px; margin:0; }
.agent-page #header .head-b { height:60px; line-height:60px; background:transparent; border:0; position:relative; }
.agent-page #header h1 { margin:0; font-size:18px; line-height:60px; color:#203d34; }
.agent-page #header .u-left,.agent-page #header .u-right { top:0; height:60px; }
.agent-page #header a { display:inline-flex; align-items:center; justify-content:center; width:44px; height:54px; }
.agent-page #header img { width:21px; height:21px; object-fit:contain; filter:brightness(.45); }
.agent-page .head { padding:24px; border-radius:24px; background:radial-gradient(circle at 100% 0,rgba(187,224,170,.22),transparent 60%),linear-gradient(120deg,#174e3c,#2b7658); box-shadow:0 12px 30px #174e3c18; }
.agent-page .head > div:first-child { display:none; }
.agent-page .head_t { margin:0; height:auto; min-height:64px; padding-left:78px; padding-right:0; }
.agent-page .head .tx { width:60px; height:60px; border:3px solid #ffffff70; }
.agent-page .head .name { float:none; }
.agent-page .head .name #userid { float:none; font-size:19px; line-height:32px; overflow-wrap:anywhere; }
.agent-page .head .head_sj { position:relative; display:inline-block; right:auto; top:auto!important; height:auto; line-height:24px; padding:0 12px; border-radius:7px; background:#ffffff20; color:#e0efcf; font-size:11px; }
.agent-page .head .head_sj:empty { display:none; }
.agent-page .head .head_sj:before { display:none; }
.agent-page .head_nav { display:flex; margin:24px 0 0; border-top:1px solid #ffffff25; padding-top:18px; }
.agent-page .head_nav a { flex:1; }
.agent-page .head_nav dl { float:none; width:100%; border:0; margin:0; padding:0; }
.agent-page .head_nav a + a { border-left:1px solid #ffffff25; }
.agent-page .head_nav dt { color:white; font-size:24px; line-height:1.3; font-weight:600; }
.agent-page .head_nav dd { color:#d2e7db; margin:5px 0 0; font-size:13px; font-weight:400; }
.agent-page .mem_nav { margin:26px 0 0; padding:22px; background:white; border:1px solid #e5ede8; border-radius:22px; }
.agent-page .mem_dd_t { height:auto; padding:0 0 18px; border:0; line-height:1.5; }
.agent-page .mem_dd_t h3 { margin:0; font-size:17px; color:#203d34; }
.agent-page .mem_nav ul { display:flex; margin:0; padding:0; }
.agent-page .mem_nav ul:empty { display:none; }
.agent-page .mem_nav ul li { float:none; flex:1; width:auto; padding:0; list-style:none; }
.agent-page .mem_nav li a { display:block; padding:18px 4px; border-radius:14px; transition:background .2s; }
.agent-page .mem_nav li a:hover { background:#f0f7f3; }
.agent-page .mem_nav li div { width:44px; height:44px; margin:0 auto 12px; background-size:28px; background-color:#edf5ef; border-radius:14px; }
.agent-page .mem_nav li p { margin:0; font-size:14px; color:#3b5549; }
.agent-logout { text-align:center; margin:26px 0; }
.agent-logout a { display:block; padding:13px; border:1px solid #dce6df; border-radius:14px; color:#78877e; background:#ffffff80; font-size:14px; }
.agent-page #ziliao { padding:10px 24px 24px; border:1px solid #e5ede8; border-radius:22px; background:white; }
.agent-page .z-list { padding:14px 0 0; margin:0; line-height:1.6; }
.agent-page .z-list:after { display:none; }
.agent-page .z-list b,.agent-page .z-list label { display:block; margin:0 0 8px; color:#53685d; font-size:13px; font-weight:500; }
.agent-page .z-list input,.agent-page .z-list span { width:100%; height:48px; padding:12px 14px; border:1px solid #dfe8e1; border-radius:11px; background:#f8faf8; color:#264c3b; line-height:22px; font-size:16px; box-shadow:none; }
.agent-page .z-list span { border-color:transparent; background:#eff6f0; font-weight:600; }
.agent-page .z-list input:focus,.agent-login .am-form-group input:focus { border-color:#4f9677; outline:0; box-shadow:0 0 0 3px #4f967719; background:white; }
.agent-page input::placeholder { color:#9ba9a1; font-size:14px; }
.agent-page #zhuce-b { margin:22px 0; padding:0; }
.agent-page #zhuce-b input,.agent-login #Button1 { width:100%; height:50px; margin:0; padding:0 20px; border:0; border-radius:12px; background:#28684d; color:white; font-size:16px; font-weight:600; line-height:50px; box-shadow:0 8px 20px #28684d20; cursor:pointer; }
.agent-page #zhuce-b input:hover,.agent-login #Button1:hover { background:#1d553d; }
.agent-tabs { position:fixed; bottom:16px; left:50%; transform:translateX(-50%); width:calc(100% - 32px); max-width:832px; display:flex; padding:8px; padding-bottom:max(8px,env(safe-area-inset-bottom)); z-index:100; border:1px solid #e1eae4; border-radius:18px; background:#fffffff5; box-shadow:0 8px 32px #1c4c3520; }
.agent-tabs a { flex:1; text-align:center; padding:12px 2px; border-radius:11px; font-size:13px; color:#7a8b81; }
.agent-tabs a.is-active { background:#e9f3ec; color:#28684d; font-weight:700; }
.agent-page .zcMain { margin:12px 0 0; padding:26px; background:linear-gradient(120deg,#174e3c,#2b7658); border-radius:22px; height:auto; }
.agent-page .zcMainZ { text-align:left; padding:0; }
.agent-page .zcMainZ a { color:#d1e6d8; font-size:14px; }
.agent-page .zcMainZ h4 { margin:10px 0 0; color:white; font-size:38px; line-height:1.3; }
.agent-record-title { margin:24px 4px 14px; font-size:17px; }
.agent-page .mescroll { position:relative; top:auto; bottom:auto; width:100%; height:calc(100vh - 370px); min-height:220px; text-align:left; border-radius:16px; padding-bottom:12px; }
.agent-page .shouru { width:100%; }
.agent-page .mx_list { margin:0 0 12px; padding:18px; background:white; border:1px solid #e5ede8; border-radius:16px; }
.agent-page .mx_list > div { height:auto; min-height:25px; gap:12px; align-items:flex-start; }
.agent-page .mx_list_title { overflow-wrap:anywhere; text-align:left; }
.agent-page .mx_list > div:nth-child(1) > div { font-size:14px; color:#365243; }
.agent-page .mx_list > div > div.mx_list_jg { color:#2b8058; white-space:nowrap; font-size:16px; }
.agent-page .mx_list > div > div.mx_list_jg.fu { color:#c28649; }
.agent-page .mx_list_time,.agent-page .mx_list > div > div.mx_list_time { font-size:12px; color:#94a097; }
.agent-page .moreread { margin-top:8px; }
.agent-page .moreread:has(.mx_list_title:empty) { display:none; }
body.agent-login { box-sizing:border-box; min-height:100vh; min-height:100svh; max-width:none; display:flex; align-items:center; justify-content:center; padding:32px 20px; background:radial-gradient(ellipse at 12% 10%,#dcebdc,transparent 55%),radial-gradient(ellipse at 90% 90%,#e6eddb,transparent 50%),#f5f8f3; }
.agent-login .login-box { width:100%; max-width:440px; min-height:0; height:auto; padding:36px; background:#ffffffec; border:1px solid white; border-radius:28px; box-shadow:0 24px 80px #254e3412; display:block; }
.agent-login .logo { width:160px; margin:0 auto 28px; }
.agent-login .logo img { max-height:85px; object-fit:contain; }
.login-heading { text-align:center; }
.login-heading h1 { font-size:28px; color:#244d39; letter-spacing:3px; margin:9px 0; }
.login-heading p { font-size:14px; color:#8a9a90; margin:0; }
.agent-login .am-form { width:100%; padding:0; margin:32px 0 0; background:none; border:0; box-shadow:none; }
.agent-login .am-form-group { margin:0 0 20px; padding:0; }
.agent-login .am-form-group > label { width:auto; display:block; text-align:left; height:auto; line-height:1.5; font-size:13px; color:#526b5b; margin:0 0 8px; }
.agent-login .am-form-group input { height:50px; padding:12px 14px; text-indent:0; font-size:16px; line-height:24px; border:1px solid #dfe8e1; border-radius:11px; background:#f7faf6; }
.agent-login #Button1 { margin-top:28px; }
.agent-login .text { justify-content:center; padding:20px 0 0; font-size:12px; color:#9ba99e; }
.agent-login .tishi { text-align:center; margin-top:12px; font-size:13px; }
@media(max-width:560px) {
 body.agent-page { padding:12px 16px 104px; }
 body.agent-login { padding:24px 18px; }
 .agent-login .login-box { padding:32px 24px; }
 .agent-welcome,.agent-intro { padding-top:16px; }
 .agent-page .head { padding:22px 20px; }
 .agent-page #ziliao { padding:8px 18px 22px; }
 .agent-tabs a { font-size:12px; }
}
.agent-page #header { background:transparent; }
.agent-page #header img { top:0; vertical-align:middle; }
.agent-page .mem_nav ul:not(:has(li)) { display:none; }
.agent-page .mescroll-empty .empty-tip,.agent-page .mescroll-upwarp .upwarp-tip { font-size:13px; color:#8b9b90; }

/* Keep the login card within short mobile viewports without clipping inputs. */
@media (max-width:560px) and (max-height:740px) {
 body.agent-login { padding:16px; }
 .agent-login .login-box { padding:24px; }
 .agent-login .logo { width:130px; margin-bottom:16px; }
 .agent-login .logo img { max-height:60px; }
 .agent-login .am-form { margin-top:22px; }
 .agent-login .am-form-group { margin-bottom:14px; }
 .agent-login #Button1 { margin-top:20px; }
 .agent-login .text { padding-top:14px; }
 .agent-login .tishi:has(font:empty) { margin-top:0; }
}