/* Approved compact page headers */
.main{padding-top:0}
.main .top{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;margin:0 0 20px;padding:24px 0;border-bottom:1px solid #dce8e1}
.main .top>div:first-child{display:flex;align-items:center;gap:20px;min-width:0}
.main .top h1{font-family:"Noto Serif SC","SimSun",serif;font-size:28px;line-height:1.3;margin:0;white-space:nowrap;color:#173b36}
.main .top .sub{font-size:14px;line-height:1.6;color:#567168;border-left:1px solid #cbded5;padding-left:20px;margin:0}
.main .top .sync{flex-shrink:0;max-width:360px;margin:0;padding:0;border:0;background:none;color:#24725e;font-size:12px;line-height:1.6;border-radius:0}
@media(max-width:1050px){.main .top{flex-wrap:wrap;gap:12px}.main .top .sync{margin-left:auto}}
@media(max-width:760px){.main .top{display:flex;flex-direction:column;align-items:flex-start;padding:20px 0;gap:12px}.main .top>div:first-child{flex-direction:column;align-items:flex-start;gap:8px}.main .top h1{font-size:26px}.main .top .sub{border:0;padding:0}.main .top .sync{margin:0;max-width:100%;overflow-wrap:anywhere}}

.main .top .page-title{display:flex;align-items:center;gap:12px;flex-shrink:0}
.main .top .page-title-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:#e1f2e9;color:#168368;border-radius:8px}
.main .top .page-title-icon svg{width:23px;height:23px;stroke-width:1.75}
