/* Chinese Life Hub refinement: richer homepage, responsive UX, interaction modules */

/* Homepage: editorial desk + utility rail + three equal-height modules */
.home-shell-v7{align-items:start}
.home-news-primary{grid-column:1;min-width:0}
.home-utility-rail{grid-column:2;display:flex;flex-direction:column;align-self:stretch}
.home-utility-rail .rail-quick{flex:1}
.home-three-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.home-equal-card{min-width:0;min-height:680px;display:flex;flex-direction:column;overflow:hidden}
.home-equal-card>div:not(.portal-panel-head),.home-equal-card>.home-community-body{min-height:0}
.home-equal-card .home-card-more{margin-top:auto;min-height:42px;padding:0 14px;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #e8edf3;color:#51647b;font-size:11px;font-weight:800}
.home-equal-card .home-card-more:hover{color:#0867d7;background:#f8fbff}
.modern-home .home-three-grid .portal-news-list>div:last-of-type,.modern-home .home-three-grid .portal-jobs-list>div:last-of-type{padding:4px 12px 7px}
.home-three-grid .portal-news-row{min-height:56px!important;grid-template-columns:74px minmax(0,1fr)!important}
.home-three-grid .portal-news-row>div{height:46px!important}
.home-three-grid .portal-news-row strong{font-size:12px;line-height:1.35;-webkit-line-clamp:2}
.home-three-grid .portal-news-row small{font-size:9px}
.home-three-grid .portal-job-row{min-height:42px!important}
.home-three-grid .portal-job-row strong{font-size:12px}
.home-three-grid .portal-job-row small,.home-three-grid .portal-job-row time{font-size:9px}
.home-community-card{background:linear-gradient(155deg,#0867d7 0,#06489f 62%,#073777 100%);color:#fff}
.home-community-card .portal-panel-head{border-bottom-color:rgba(255,255,255,.15);background:rgba(255,255,255,.04)}
.home-community-card .portal-panel-head h2,.home-community-card .portal-panel-head a{color:#fff}
.home-community-card .portal-panel-head i{background:#7ec3ff}
.home-community-body{padding:24px 20px;display:flex;flex:1;flex-direction:column}
.home-community-body>span{color:#9dd0ff;font-size:10px;font-weight:850;letter-spacing:.09em}
.home-community-body>h2{margin:8px 0 8px;color:#fff;font-size:25px;line-height:1.25}
.home-community-body>p{margin:0;color:#d7eaff;font-size:12px;line-height:1.7}
.home-community-actions{margin:20px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.home-community-actions a{height:42px;display:grid;place-items:center;border-radius:6px;background:#fff;color:#075dcc;font-size:12px;font-weight:900}
.home-community-actions a+ a{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.08);color:#fff}
.home-community-body dl{margin:4px 0 18px;padding:0;border-top:1px solid rgba(255,255,255,.15)}
.home-community-body dl div{padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(255,255,255,.12)}
.home-community-body dt{color:#b9d6f5;font-size:10px}.home-community-body dd{margin:0;color:#fff;font-size:11px;font-weight:750}.home-community-body dd a{color:#fff}
.home-community-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:7px}
.home-community-links a{padding:6px 9px;border:1px solid rgba(255,255,255,.22);border-radius:20px;color:#e7f2ff;font-size:10px}
.home-category-panel{grid-column:1/-1}
.home-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0 14px 12px}
.home-category-column{min-width:0;padding:16px 18px;border-right:1px solid #e6ebf0;border-bottom:1px solid #e6ebf0}
.home-category-column:nth-child(3n){border-right:0}.home-category-column:nth-last-child(-n+3){border-bottom:0}
.home-category-column>header{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #172033;padding-bottom:8px}
.home-category-column h3{margin:0;color:#15263b;font-size:16px}.home-category-column header a{color:#7a8797;font-size:10px}
.home-category-story{min-width:0;padding:9px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;border-bottom:1px solid #edf1f4;color:#22354b}
.home-category-story:last-child{border-bottom:0}.home-category-story strong{min-width:0;font-size:12px;line-height:1.45}.home-category-story time{color:#99a4b2;font-size:9px;white-space:nowrap}
.home-category-story:has(.home-category-thumb){grid-template-columns:86px minmax(0,1fr);grid-template-rows:auto auto}
.home-category-thumb{grid-row:1/3;position:relative;height:58px;overflow:hidden;border-radius:4px;background:#e8eef5}.home-category-thumb img,.home-category-thumb .portal-media-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;font-size:8px}
.home-category-story:hover strong{color:#0867d7}

/* News article reactions and comments */
.article-engagement{margin:22px 34px 38px;padding-top:20px;border-top:1px solid #dfe5ec}
.article-reaction-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.article-reaction-row button{min-height:40px;padding:0 15px;border:1px solid #d4dbe4;border-radius:22px;background:#fff;color:#344054;font:750 12px/1 system-ui,sans-serif;cursor:pointer}
.article-reaction-row button:hover,.article-reaction-row button.active{border-color:#0b67d1;background:#eef6ff;color:#075dcc}.article-reaction-row button b{margin-left:4px}
.article-share-button{margin-left:auto!important}
.article-comments-head{margin-top:28px;padding-top:21px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-top:1px solid #e5e9ef}
.article-comments-head h2{margin:0;color:#172033;font-size:22px}.article-comments-head span{display:block;margin-top:4px;color:#7d8998;font-size:10px}.article-comments-head p{margin:0;color:#8a96a6;font-size:11px}
.article-comment-form{margin-top:16px;padding:16px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;border:1px solid #e1e6ed;border-radius:8px;background:#f9fbfd}
.article-comment-form label{display:grid;gap:6px;color:#475467;font-size:10px;font-weight:800}.article-comment-form input,.article-comment-form textarea{width:100%;padding:10px 11px;border:1px solid #cfd7e2;border-radius:6px;background:#fff;color:#1d2939;font:13px/1.55 system-ui,sans-serif;outline:0}.article-comment-form input{height:42px}.article-comment-form textarea{min-height:92px;resize:vertical}.article-comment-form input:focus,.article-comment-form textarea:focus{border-color:#75aef0;box-shadow:0 0 0 3px rgba(8,103,215,.08)}
.article-comment-form>div{grid-column:1/-1;display:flex;align-items:center;gap:12px}.article-comment-form button{height:39px;padding:0 18px;border:0;border-radius:5px;background:#075dcc;color:#fff;font-weight:850;cursor:pointer}.article-comment-form button:disabled{opacity:.55}.article-comment-form [data-comment-status]{color:#667085;font-size:11px}
.article-comment-list{margin-top:12px}.article-comment{padding:16px 2px;border-bottom:1px solid #e7ebf0}.article-comment header{display:flex;align-items:center;justify-content:space-between;gap:10px}.article-comment strong{color:#1d2939;font-size:12px}.article-comment time{color:#98a2b3;font-size:9px}.article-comment p{margin:7px 0 0;color:#475467;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.comment-empty,.comment-loading{padding:22px 0;color:#8995a5;font-size:12px;text-align:center}

/* Jobs: report/share and direct page jump */
.pager-advanced{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.pager-advanced .page-jump{display:flex;align-items:center;gap:5px;color:#667085;font-size:11px}.pager-advanced .page-jump input{width:64px;height:36px;padding:0 7px;border:1px solid #d0d5dd;border-radius:5px;text-align:center;outline:0}.pager-advanced .page-jump button{height:36px;padding:0 11px;border:1px solid #aeb7c3;border-radius:5px;background:#fff;color:#344054;font-weight:800}.pager-advanced #pageInfo{min-width:82px;text-align:center;color:#526174;font-size:11px}
.detail-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.detail-toolbar[hidden]{display:none}.button-danger-outline{border-color:#efb7b3!important;color:#b42318!important}.detail-toolbar #shareJobStatus{color:#667085;font-size:11px}

/* Header/tablet/mobile density */
@media(max-width:1180px){
  .home-three-grid{grid-template-columns:1fr 1fr}.home-community-card{grid-column:1/-1;min-height:390px}.home-community-body{display:grid;grid-template-columns:1.2fr .8fr;column-gap:28px}.home-community-body>span,.home-community-body>h2,.home-community-body>p,.home-community-actions{grid-column:1}.home-community-body dl,.home-community-links{grid-column:2}.home-community-body dl{grid-row:1/5}.home-community-links{align-self:end}.home-category-grid{grid-template-columns:repeat(2,1fr)}.home-category-column:nth-child(3n){border-right:1px solid #e6ebf0}.home-category-column:nth-child(2n){border-right:0}.home-category-column:nth-last-child(-n+3){border-bottom:1px solid #e6ebf0}.home-category-column:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:930px){
  .home-news-primary,.home-utility-rail{grid-column:1}.home-utility-rail{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.home-utility-rail .portal-panel{min-height:160px}.home-utility-rail .rail-quick{grid-column:auto}.home-three-grid,.home-category-panel{grid-column:1}.home-equal-card{min-height:650px}.article-engagement{margin-inline:24px}
}
@media(max-width:760px){
  .home-three-grid{grid-template-columns:1fr}.home-equal-card{min-height:0}.home-community-card{grid-column:auto;min-height:0}.home-community-body{display:flex}.home-utility-rail{grid-template-columns:1fr 1fr}.home-utility-rail .rail-quick{grid-column:1/-1}.home-category-grid{grid-template-columns:1fr}.home-category-column,.home-category-column:nth-child(2n),.home-category-column:nth-child(3n),.home-category-column:nth-last-child(-n+2),.home-category-column:nth-last-child(-n+3){border-right:0;border-bottom:1px solid #e6ebf0}.home-category-column:last-child{border-bottom:0}.article-engagement{margin:18px 20px 30px}.article-comments-head{align-items:flex-start;flex-direction:column;gap:5px}.article-comment-form{grid-template-columns:1fr}.article-comment-form>div{grid-column:auto}.article-share-button{margin-left:0!important}.pager-advanced{padding-inline:6px}.pager-advanced #firstPage,.pager-advanced #lastPage{display:none}
}
@media(max-width:560px){
  .home-utility-rail{grid-template-columns:1fr}.home-utility-rail .rail-quick{grid-column:auto}.home-news-minis{grid-template-columns:1fr 1fr}.home-three-grid .portal-news-row{grid-template-columns:64px minmax(0,1fr)!important}.home-community-body{padding:20px 16px}.home-community-body>h2{font-size:22px}.home-category-column{padding:14px 3px}.home-category-grid{padding-inline:12px}.article-engagement{margin-inline:16px}.article-reaction-row{display:grid;grid-template-columns:1fr 1fr}.article-reaction-row .article-share-button{grid-column:1/-1}.article-comment-form{padding:13px}.detail-toolbar{display:grid;grid-template-columns:1fr 1fr}.detail-toolbar #backToJobs{grid-column:1/-1}.detail-toolbar .button{text-align:center}.detail-toolbar #shareJobStatus{grid-column:1/-1}.pager-advanced{gap:6px}.pager-advanced .button{padding-inline:10px}.pager-advanced #pageInfo{order:-1;width:100%;min-width:100%}.pager-advanced .page-jump{order:5;width:100%;justify-content:center;margin-top:3px}.pager-advanced .page-jump input{width:72px}
}
/* Job list actions: share a canonical detail URL or report the listing directly. */
.jobs-page .job-list-head{grid-template-columns:minmax(260px,1.4fr) minmax(150px,.65fr) 105px 100px}
.jobs-page .job-list-card{grid-template-columns:minmax(260px,1.4fr) minmax(150px,.65fr) 105px 100px}
.jobs-page .job-list-main{display:contents;color:inherit;text-decoration:none}
.jobs-page .job-list-actions{display:flex;justify-content:flex-end;gap:5px}
.jobs-page .job-list-actions button,.jobs-page .job-list-actions a{padding:5px 7px;border:1px solid #d8e0e8;border-radius:5px;background:#fff;color:#526174;font:750 10px/1.2 var(--sans);cursor:pointer;white-space:nowrap}
.jobs-page .job-list-actions button:hover,.jobs-page .job-list-actions a:hover{border-color:#8bb8eb;color:#075dcc;background:#f4f9ff}
.jobs-page .job-list-actions a:last-child:hover{border-color:#f5a6a6;color:#b42318;background:#fff6f6}
@media(max-width:800px){.jobs-page .job-list-card{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.jobs-page .job-list-main{display:contents}.jobs-page .job-list-card strong{grid-column:1}.jobs-page .job-list-location{grid-column:1}.jobs-page .job-list-card time{grid-column:2;grid-row:1/3}.jobs-page .job-list-actions{grid-column:1/-1;justify-content:flex-start;padding-top:4px}.jobs-page .job-list-actions button,.jobs-page .job-list-actions a{padding:5px 9px}}

/* Home local-life card: neutral newsroom-style panel instead of a full blue billboard */
.home-local-card{background:#fff;color:#172033}
.home-local-card .portal-panel-head{background:#fff;border-bottom-color:#e8edf3}
.home-local-card .portal-panel-head h2{color:#172033}
.home-local-card .portal-panel-head>a{color:#728197}
.home-local-card .portal-panel-head i{background:#0867d7}
.home-local-body{padding:16px 18px 14px;display:flex;flex:1;min-height:0;flex-direction:column;gap:14px}
.home-local-lead{padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dce8f6;border-radius:8px;background:#f7fbff}
.home-local-lead>div{min-width:0}
.home-local-lead span{display:block;margin-bottom:4px;color:#0867d7;font-size:9px;font-weight:900;letter-spacing:.12em}
.home-local-lead strong{display:block;color:#17324f;font-size:17px;line-height:1.35}
.home-local-lead p{margin:4px 0 0;color:#718096;font-size:10px;line-height:1.55}
.home-local-primary{flex:0 0 auto;padding:9px 11px;border-radius:6px;background:#0867d7;color:#fff;font-size:10px;font-weight:900;white-space:nowrap}
.home-local-primary:hover{background:#0659bb;color:#fff}
.home-local-grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #e3e8ef;border-radius:8px;overflow:hidden;background:#fff}
.home-local-grid>a{min-height:61px;padding:8px 11px;display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:10px;border-bottom:1px solid #edf1f5;color:#22354b}
.home-local-grid>a:last-child{border-bottom:0}
.home-local-grid>a:hover{background:#f8fbff;color:#075dcc}
.home-local-grid .local-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef6ff;color:#0867d7;font-size:13px;font-weight:950}
.home-local-grid span{min-width:0;display:grid;gap:2px}
.home-local-grid strong{font-size:12px;line-height:1.25}
.home-local-grid small{overflow:hidden;color:#8a97a8;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.home-local-grid em{color:#a6b1bf;font-size:19px;font-style:normal;font-weight:400}
.home-local-publish{margin-top:auto;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background:#0a5fc2;color:#fff}
.home-local-publish>div{display:grid;gap:2px}.home-local-publish strong{font-size:12px}.home-local-publish span{color:#dbeaff;font-size:9px}
.home-local-publish>a{padding:8px 12px;border-radius:5px;background:#fff;color:#075dcc;font-size:10px;font-weight:900;white-space:nowrap}
.home-local-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.home-local-quick a{padding:8px 5px;border:1px solid #e1e6ed;border-radius:6px;background:#fff;color:#5e6e82;font-size:9px;font-weight:800;text-align:center}
.home-local-quick a:hover{border-color:#a7c9ef;background:#f6faff;color:#0867d7}
@media(max-width:1180px){
  .home-local-card{grid-column:1/-1;min-height:0}.home-local-body{display:grid;grid-template-columns:1fr 1fr;align-items:start}.home-local-lead,.home-local-publish,.home-local-quick{grid-column:1}.home-local-grid{grid-column:2;grid-row:1/4}.home-local-publish{margin-top:0}.home-local-grid>a{min-height:58px}
}
@media(max-width:760px){
  .home-local-card{grid-column:auto}.home-local-body{display:flex}.home-local-grid{display:grid;grid-template-columns:1fr 1fr}.home-local-grid>a{border-bottom:1px solid #edf1f5}.home-local-grid>a:nth-child(odd){border-right:1px solid #edf1f5}.home-local-grid>a:nth-last-child(-n+2){border-bottom:0}.home-local-lead{align-items:flex-start}.home-local-primary{margin-top:2px}
}
@media(max-width:520px){
  .home-local-body{padding:14px}.home-local-lead{display:block}.home-local-primary{display:inline-block;margin-top:10px}.home-local-grid{grid-template-columns:1fr}.home-local-grid>a:nth-child(odd){border-right:0}.home-local-grid>a:nth-last-child(2){border-bottom:1px solid #edf1f5}.home-local-grid>a:last-child{border-bottom:0}.home-local-quick{grid-template-columns:1fr 1fr}.home-local-quick a:last-child{grid-column:1/-1}
}

/* Job publish form refinements */
.job-manual-city{display:grid;gap:6px;margin-top:8px}.job-manual-city[hidden]{display:none!important}.job-manual-city>span{color:#667085;font-size:11px;font-weight:700}.salary-field{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:stretch}.salary-field>span{display:grid;place-items:center;border:1px solid #d0d5dd;border-right:0;border-radius:8px 0 0 8px;background:#f8fafc;color:#344054;font-size:15px;font-weight:850}.salary-field>.field{border-radius:0 8px 8px 0!important}.salary-field:focus-within>span{border-color:#84adff;background:#fff}.professional-form .job-manual-city .field{width:100%}