*{box-sizing:border-box}
body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;color:#1f2937;background:#f4f6f8;line-height:1.55}
a{color:#1456a8;text-decoration:none}
input,select,textarea,button{font:inherit}
button{cursor:pointer;white-space:nowrap}
a[role=button],.auth-actions a,.home-member-actions a,.detail-actions a,.pager a,.pager span,.admin-actions button,.admin-modal-actions button,.table-wrap td button,.row-btn,.portal-tabs a,.portal-search a,.portal-search button,.directory-filter a,.directory-filter button{white-space:nowrap}
.hidden{display:none!important}

.site-body{background:#fff}
.site-header{position:relative;z-index:10;background:linear-gradient(#050505 0%,#202426 43%,#7e878a 100%);color:#fff;border-bottom:1px solid #d5dde6}
.site-header-inner{height:112px;max-width:1270px;margin:0 auto;padding:0 6px;display:grid;grid-template-columns:520px 650px;align-items:center;justify-content:space-between;gap:26px}
.site-header .brand{color:#fff;white-space:nowrap}
.portal-brand{display:flex;align-items:center;gap:12px}
.brand-mark{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#f22c35;color:#fff;font-size:23px;font-weight:900;box-shadow:inset 0 0 0 5px #23a6e8,0 2px 8px rgba(0,0,0,.28)}
.brand-mark:after{content:"";position:absolute;width:34px;height:8px;background:#f22c35;right:-24px;bottom:2px;transform:rotate(42deg);border-radius:6px}
.brand-logo-img{width:62px;height:54px;border-radius:6px;background:#fff;object-fit:contain;display:block;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,.22)}
.brand-logo-img.full-logo{width:auto;max-width:360px;height:74px;border-radius:4px;padding:0;background:transparent;box-shadow:none}
.portal-brand strong{display:block;font-size:31px;line-height:1;letter-spacing:1px;text-shadow:0 1px 1px rgba(0,0,0,.4)}
.portal-brand em{display:block;margin-top:5px;color:#f3f5f7;font-size:12px;font-style:normal;letter-spacing:2px}
.portal-brand b{display:inline-block;margin-top:3px;padding:1px 10px;background:#f0b21c;color:#fff;font-size:10px;line-height:1.2;font-weight:700;border-radius:0 0 3px 3px}
.portal-head-right{width:100%}
.top-links{display:flex;justify-content:center;gap:24px;margin-bottom:14px}
.top-links a,.top-links span{color:#fff;font-weight:700;font-size:14px}
.top-links span{opacity:.88}
.portal-search{display:grid;grid-template-columns:48px minmax(0,1fr) 92px 112px;gap:8px;align-items:center}
.portal-search span{height:34px;display:grid;place-items:center;background:#fff;color:#333;font-size:16px}
.portal-search input{height:34px;border:0;padding:0 12px;background:#fff;outline:none}
.portal-search button{height:34px;border:0;background:#e62d38;color:#fff;font-weight:800}
.portal-search a{height:36px;display:grid;place-items:center;border:2px solid #e62d38;background:#fff;color:#e62d38;font-weight:800}
.portal-tabs{height:42px;background:transparent}
.portal-tabs div{max-width:1270px;margin:0 auto;padding:0 12px;display:flex;align-items:flex-end;gap:4px}
.portal-tabs a{display:block;height:41px;line-height:41px;padding:0 13px;background:#fff;color:#111;border-radius:8px 8px 0 0;border:1px solid #cfd3d6;border-bottom:0;font-weight:700;font-size:14px}
.portal-tabs a.active{color:#111}
.site-main{max-width:1246px;margin:0 auto;padding:58px 8px 14px}
.site-footer{max-width:1246px;margin:20px auto;padding:0 8px 24px;color:#718096;font-size:13px}
.modal-open{overflow:hidden}
.front-modal-mask{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:24px;background:rgba(15,23,42,.52);backdrop-filter:blur(6px)}
.front-modal-mask.show{display:grid}
.front-modal{width:min(520px,100%);height:auto;max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff;border-radius:10px;box-shadow:0 28px 90px rgba(15,23,42,.34);overflow:hidden;border:1px solid rgba(255,255,255,.35)}
.front-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#f8fafc;border-bottom:1px solid #e5edf5}
.front-modal-head h2{margin:0;color:#1f3552;font-size:18px}
.front-modal-head button{border:0;border-radius:6px;background:#edf2f7;color:#35506c;padding:8px 12px;font-weight:700}
.front-modal iframe{width:100%;height:min(440px,82vh);border:0;background:#fff}
.front-modal.wide{width:min(820px,100%)}
.front-modal.wide iframe{height:min(690px,86vh)}
.modal-embed-body{background:#fff}
.modal-embed-main{max-width:none;padding:22px;background:#fff}
.modal-embed-main .m-section{margin:0}
.modal-embed-main pre{min-height:86px;max-height:180px}
.modal-embed-main .member-auth-card{width:100%;border:0;box-shadow:none;border-radius:0;padding:0}
.modal-embed-main .auth-head{margin-bottom:16px}
.modal-embed-main .auth-head h1{font-size:22px}

.portal-intro{margin:0 6px 24px;color:#1f2937;font-size:15px;line-height:1.55;background:#fff}
.portal-home{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:38px;align-items:start}
.portal-main,.portal-side{min-width:0}
.portal-box{border:1px solid #c9cdd1;border-radius:4px;background:#fff;margin-bottom:32px;overflow:hidden}
.portal-box-title{height:31px;line-height:31px;padding:0 10px;background:#d3d3d3;color:#333;font-size:15px}
.portal-empty{padding:18px;color:#111827}
.portal-empty.compact{padding:0 30px 16px;margin:0;color:#111827}
.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:26px 30px;padding:20px 30px 26px}
.product-card{display:block;text-align:center;color:#004db3;font-weight:700}
.product-pic{display:grid;place-items:center;width:92px;height:90px;margin:0 auto 8px;background:#f3f5f7;overflow:hidden}
.product-pic img{width:100%;height:100%;object-fit:cover;display:block}
.product-fallback{display:grid;place-items:center;width:100%;height:100%;background:#f2f2f2;color:#004db3;font-size:18px;font-weight:900}
.pf-1,.pf-2,.pf-3,.pf-4,.pf-5,.pf-6{background:#f2f2f2}
.portal-placeholder-products span{display:grid;place-items:center;width:92px;height:90px;margin:0 auto 6px;background:#f2f2f2;color:#004db3;font-weight:800}
.side-box{margin-bottom:32px}
.keyword-cloud{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 10px;padding:14px 16px}
.keyword-cloud a{color:#004db3;font-size:14px;white-space:nowrap}
.latest-companies ul{list-style:none;margin:0;padding:14px 16px;display:grid;gap:8px}
.latest-companies li{position:relative;padding-left:12px;line-height:1.25}
.latest-companies li:before{content:"";position:absolute;left:0;top:.55em;width:3px;height:3px;background:#555}
.latest-companies a{color:#004db3;font-weight:700}
.company-show{margin-top:20px}
.company-show h2{margin:0 0 8px;color:#111;font-size:18px;font-weight:400;border-bottom:2px solid #e5e7eb;padding-bottom:4px}
.company-show-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ddd;border-bottom:0;background:#f7f7f7}
.company-show-tabs span{height:38px;line-height:38px;text-align:center;border-right:1px solid #ddd;font-weight:800}
.company-show-tabs span:last-child{border-right:0}
.company-show-tabs .active{background:#e52e38;color:#fff}
.company-show-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ddd}
.company-show-grid article{min-height:116px;padding:26px 12px 14px;border-right:1px solid #ddd;border-bottom:1px dashed #ddd}
.company-show-grid article:nth-child(3n){border-right:0}
.company-show-grid h3{margin:0 0 10px;font-size:14px;font-weight:400}
.company-show-grid h3 a{color:#004db3}
.company-show-grid p{margin:0;color:#004db3;font-size:14px}
.company-show-grid p span{color:#777}

.m-hero{background:linear-gradient(135deg,#0c64b6,#1786d3);border-radius:8px;padding:24px 28px;color:#fff;box-shadow:0 10px 24px rgba(12,100,182,.22)}
.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.hero-top strong{font-size:17px}
.hero-top span{font-size:12px;opacity:.9}
.m-hero h1{font-size:30px;line-height:1.25;margin:8px 0 10px}
.m-hero p{max-width:760px;margin:0 0 14px;color:#e7f4ff;font-size:15px}
.hero-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.hero-actions a{display:block;background:#fff;color:#0c64b6;border-radius:8px;padding:10px 8px;text-align:center;font-weight:800}
.m-search{display:flex;gap:8px;background:#fff;border-radius:8px;padding:8px;margin:14px 0;box-shadow:0 6px 16px rgba(17,24,39,.12)}
.m-search input{flex:1;min-width:0;border:0;padding:10px 10px;color:#111827;outline:none}
.m-search button{border:0;border-radius:6px;background:#f17f13;color:#fff;padding:0 24px;font-weight:700}
.m-grid-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.m-grid-nav a{background:#fff;border:1px solid #dfe8f2;border-radius:8px;padding:12px 6px;text-align:center;min-height:92px;box-shadow:0 2px 8px rgba(16,24,40,.04)}
.m-grid-nav i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e8f3ff;color:#0c64b6;font-style:normal;font-weight:800;margin-bottom:6px}
.m-grid-nav strong{display:block;color:#1f3552;font-size:14px}
.m-grid-nav span{display:block;color:#7a8796;font-size:12px;margin-top:3px}
.pc-home-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 286px;gap:14px;align-items:start}
.pc-side,.pc-main,.pc-aside{min-width:0}
.pc-side,.pc-aside{display:grid;gap:14px}
.pc-side .m-section,.pc-aside .m-section{margin-top:0}
.pc-side .m-grid-nav{grid-template-columns:1fr;margin:12px 0 0}
.pc-side .m-grid-nav a{min-height:auto;text-align:left;display:grid;grid-template-columns:34px 1fr;gap:2px 8px;align-items:center;padding:10px 12px}
.pc-side .m-grid-nav i{grid-row:1/3;margin:0}
.pc-side .m-grid-nav span{margin:0}
.home-cat-list{display:grid;gap:8px;margin-top:12px}
.home-cat-list a{display:block;border:1px solid #e2e8f0;border-radius:6px;padding:9px 10px;background:#fbfdff}
.home-cat-list strong{display:block;color:#173b65;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-cat-list span{display:block;color:#7a8796;font-size:12px;margin-top:2px}
.home-member{border-radius:4px;margin-top:0}
.home-member h2{font-size:16px;line-height:1.35;margin:12px 14px 0;color:#173b65}
.home-member-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.home-member .home-member-actions{padding:0 14px}
.home-member-actions a{display:block;text-align:center;border-radius:6px;padding:9px 8px;background:#0c64b6;color:#fff;font-weight:700}
.home-member-actions a:nth-child(2n){background:#f17f13}
.home-member ul{margin:10px 14px 16px;padding-left:18px;color:#566274;font-size:13px}
.home-member li{margin:5px 0}
.filter-tabs{display:flex;gap:8px;overflow:auto;margin:12px 0;padding-bottom:2px}
.filter-tabs a{white-space:nowrap;background:#fff;border:1px solid #dfe8f2;border-radius:999px;padding:7px 12px;color:#35506c}
.filter-tabs a.active{background:#0c64b6;border-color:#0c64b6;color:#fff}
.directory-filter form{display:grid;grid-template-columns:2fr repeat(4,1fr) auto auto;gap:8px}
.directory-filter input{min-width:0;border:1px solid #cfd9e6;border-radius:6px;padding:9px 10px;background:#fff}
.directory-filter button,.directory-filter a{border:0;border-radius:6px;background:#0c64b6;color:#fff;padding:9px 12px;font-weight:700;text-align:center}
.directory-filter a{background:#edf2f7;color:#35506c}
.m-section{background:#fff;border:1px solid #dfe8f2;border-radius:10px;margin:12px 0;padding:14px;box-shadow:0 2px 8px rgba(16,24,40,.035)}
.section-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.section-row h2,.m-section h1,.m-section h2{margin:0;color:#1f3552}
.section-row h2{font-size:18px}
.section-row span,.section-row a{font-size:13px;color:#718096}
.cat-head p,.tag{margin:0 0 4px;color:#0c64b6;font-weight:700;font-size:13px}
.cat-head h1,.company-page h1{font-size:22px;margin:0 0 6px}
.cat-head span{color:#718096}
.cat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
.cat-list a{border:1px solid #e2e8f0;border-radius:8px;padding:10px;background:#fbfdff}
.cat-list em{display:block;color:#0c64b6;font-style:normal;font-size:12px}
.cat-list span{display:block;color:#22334d;font-weight:700;margin-top:2px}
.company-feed{display:grid;gap:10px;margin-top:12px}
.company-item{border:1px solid #e2e8f0;border-radius:8px;padding:12px;background:#fff}
.company-item h3{font-size:17px;margin:0 0 6px}
.company-item h3 a{color:#173b65}
.company-item p{margin:5px 0;color:#566274;font-size:14px}
.company-item .addr{color:#374151}
.company-item div{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.company-item div span{background:#e8f7ee;color:#0f7a3a;border-radius:999px;padding:3px 8px;font-size:12px}
.company-item div a{font-weight:700}
.post-list{gap:8px}
.post-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:start;padding:10px}
.post-main{min-width:0}
.post-item h3{font-size:15px;margin:0 0 4px;line-height:1.35}
.post-item h3 a{color:#0f4c81}
.post-item p{font-size:13px;margin:4px 0;line-height:1.45}
.post-item .addr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#536172}
.post-item .post-main>p:not(.addr){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-item .post-main>div{margin-top:7px}
.post-thumb{width:72px;height:72px;margin:0;border-radius:6px;overflow:hidden;background:#eef3f8;border:1px solid #dfe8f2;display:grid;place-items:center;color:#0c64b6;font-weight:800;text-decoration:none;position:relative}
.post-thumb.empty-thumb:before{content:"信";width:34px;height:34px;border-radius:8px;background:#0c64b6;color:#fff;display:grid;place-items:center}
.post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.empty-box{margin-top:12px;padding:14px;border:1px dashed #d7b36a;background:#fffaf0;color:#805b10;border-radius:8px}
.muted{color:#718096;margin:6px 0 10px}
.notice{background:#f8fbff}
.member-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #dfe8f2;border-radius:8px;margin:12px 0;padding:18px 20px;box-shadow:0 4px 14px rgba(16,24,40,.04)}
.member-dashboard-head h1{margin:0;color:#1f3552;font-size:24px}
.member-editor{border-color:#cfe0f2;background:#fbfdff}
.member-edit-form{margin-top:14px}
.member-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid #dfe8f2;border-radius:8px;background:#fff;padding:14px;margin-top:10px}
.member-row-main{min-width:0}
.member-row-main h3{margin:0 0 6px;color:#10233f;font-size:17px}
.member-row-main p{margin:4px 0;color:#566274;font-size:14px}
.member-row-main span{display:inline-block;margin-top:7px;background:#e8f7ee;color:#0f7a3a;border-radius:999px;padding:3px 8px;font-size:12px}
.member-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.member-row-actions button{border:0;border-radius:6px;background:#0c64b6;color:#fff;padding:8px 12px;font-weight:700;white-space:nowrap}
.member-row-actions button.danger{background:#dc2626}
.member-row-actions a{display:inline-grid;place-items:center;border-radius:6px;background:#edf2f7;color:#35506c;padding:8px 12px;font-weight:700;white-space:nowrap}
.member-wait{font-style:normal;color:#718096;font-size:13px;white-space:nowrap}
.member-edit-mask{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;background:rgba(15,23,42,.5);padding:20px}
.member-edit-dialog{width:min(860px,100%);max-height:90vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border-radius:8px;box-shadow:0 24px 72px rgba(15,23,42,.28);overflow:hidden}
.member-edit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #e5edf5;background:#f8fafc}
.member-edit-head h2{margin:0;color:#1f3552;font-size:19px}
.member-edit-head button{border:0;border-radius:6px;background:#edf2f7;color:#35506c;padding:8px 12px;font-weight:700}
.member-edit-body{overflow:auto;padding:18px}
.member-edit-dialog>#memberEditResult{margin:0 18px 18px}
.member-auth-card{width:min(440px,100%);margin:0 auto;background:#fff;border:1px solid #dfe8f2;border-radius:10px;padding:24px;box-shadow:0 8px 24px rgba(16,24,40,.08)}
.auth-head{margin-bottom:18px}
.auth-head p{margin:0 0 4px;color:#0c64b6;font-size:13px;font-weight:800}
.auth-head h1{margin:0;color:#1f3552;font-size:24px;line-height:1.25}
.auth-head span{display:block;margin-top:8px;color:#718096;font-size:14px}
.auth-form{display:grid;gap:14px}
.auth-form label{display:grid;gap:6px}
.auth-form label span{color:#374151;font-size:13px;font-weight:700}
.auth-form input{width:100%;height:42px;border:1px solid #cfd9e6;border-radius:6px;padding:0 12px;background:#fff;outline:none}
.auth-form input:focus{border-color:#0c64b6;box-shadow:0 0 0 3px rgba(12,100,182,.12)}
.auth-form button,.auth-actions a.primary{height:42px;border:0;border-radius:6px;background:#0c64b6;color:#fff;font-weight:800;display:grid;place-items:center}
.auth-form button:disabled{opacity:.65;cursor:not-allowed}
.auth-message{min-height:20px;margin-top:12px;color:#718096;font-size:13px}
.auth-message.success{color:#0f7a3a}
.auth-message.error{color:#c2410c}
.form-message{min-height:0;margin-top:12px;color:#718096;font-size:14px}
.form-message.success{border:1px solid #bfe7ce;background:#f0fbf4;color:#176b38;border-radius:8px;padding:12px 14px}
.form-message.success strong{display:block;margin-bottom:3px;color:#0f7a3a}
.form-message.success span{display:block;color:#4b6555}
.form-message.error{border:1px solid #ffd0c2;background:#fff7f4;color:#c2410c;border-radius:8px;padding:10px 12px}
.auth-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;color:#718096;font-size:14px}
.auth-foot a{font-weight:800;color:#0c64b6}
.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.auth-actions a{height:42px;border-radius:6px;background:#edf2f7;color:#35506c;font-weight:800;display:grid;place-items:center}
.auth-gate{margin-top:0}
.join-card{width:100%;background:#fff}
.join-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.join-form label{display:grid;gap:6px}
.join-form label span{font-size:13px;font-weight:700;color:#374151}
.join-form label.wide{grid-column:1/-1}
.join-form input,.join-form textarea{width:100%;border:1px solid #cfd9e6;border-radius:6px;background:#fff;padding:10px 12px;outline:none}
.join-form input{height:40px}
.join-form textarea{height:76px;resize:vertical}
.join-form input:focus,.join-form textarea:focus{border-color:#0c64b6;box-shadow:0 0 0 3px rgba(12,100,182,.12)}
.join-form button{grid-column:1/-1;height:42px;border:0;border-radius:6px;background:#0c64b6;color:#fff;font-weight:800}
.join-form button:disabled{opacity:.65;cursor:not-allowed}
.publish-card{max-width:860px}
.publish-form{gap:14px}
.publish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.publish-grid label{display:grid;gap:6px}
.publish-grid label.full{grid-column:1/-1}
.publish-grid label>span{font-weight:800;color:#1f3552;font-size:14px}
.publish-grid label>span b{font-size:12px;color:#dc2626;font-weight:700;margin-left:4px}
.publish-grid input,.publish-grid select,.publish-grid textarea{width:100%;border:1px solid #cbd8e6;border-radius:6px;background:#fff;padding:10px 12px;color:#1f2937;outline:none}
.publish-grid input:focus,.publish-grid select:focus,.publish-grid textarea:focus{border-color:#0c64b6;box-shadow:0 0 0 3px rgba(12,100,182,.1)}
.summary-editor{min-height:86px}
.content-editor{min-height:132px}
.publish-image-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,220px) 112px;gap:8px}
.publish-image-row button{border:0;border-radius:6px;background:#0c64b6;color:#fff;font-weight:800;padding:0 12px;white-space:nowrap}
.publish-image-preview{width:150px;height:96px;border:1px dashed #cbd8e6;border-radius:8px;background:#f8fafc;display:grid;place-items:center;color:#718096;overflow:hidden}
.publish-image-preview img{width:100%;height:100%;object-fit:cover;display:block}
#postImageStatus{font-style:normal;font-size:12px;color:#718096}
#postImageStatus.success{color:#14804a}
#postImageStatus.error{color:#b42318}
#postImageStatus.info{color:#2764c7}
.publish-submit{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:12px;align-items:center;border-top:1px solid #e6edf5;padding-top:14px}
.publish-submit button{height:44px;border:0;border-radius:6px;background:#0c64b6;color:#fff;font-weight:900}
.publish-submit span{font-size:13px;color:#718096}
.company-page dl{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:12px 0 0}
.company-page dt{color:#718096}
.company-page dd{margin:0;color:#1f2937}
.info-pills{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.info-pills span{background:#eef6ff;color:#24527f;border:1px solid #d7e9fb;border-radius:999px;padding:5px 10px;font-size:13px}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.detail-main,.detail-side>section{background:#fff;border:1px solid #dfe8f2;border-radius:8px;padding:20px;box-shadow:0 6px 18px rgba(16,24,40,.04)}
.detail-main h1{font-size:28px;line-height:1.25;margin:4px 0 10px;color:#12233d}
.detail-summary{font-size:15px;color:#344054;line-height:1.8;margin:16px 0}
.detail-block{border-top:1px solid #edf2f7;padding-top:16px;margin-top:16px}
.detail-block h2{font-size:18px;color:#1f3552;margin:0 0 8px}
.detail-block p{margin:0;color:#344054;line-height:1.85}
.company-quick-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.company-quick-info div{border:1px solid #edf2f7;background:#f8fbff;border-radius:6px;padding:10px}
.company-quick-info strong{display:block;color:#718096;font-size:12px;margin-bottom:4px}
.company-quick-info span{display:block;color:#1f2937;font-weight:700;line-height:1.5}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.contact-item{border:1px solid #edf2f7;background:#fff;border-radius:6px;padding:10px 12px;min-width:0}
.contact-item span{display:block;color:#718096;font-size:12px;margin-bottom:4px}
.contact-item strong{display:block;color:#1f2937;font-size:14px;line-height:1.55;word-break:break-word}
.contact-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.contact-actions a{height:36px;display:grid;place-items:center;border-radius:6px;background:#0c64b6;color:#fff;padding:0 14px;font-weight:800}
.contact-actions a+a{background:#f17f13}
.post-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-bottom:18px}
.post-contact-actions a{height:48px;display:grid;place-items:center;border-radius:4px;color:#fff;font-size:18px;font-weight:900;letter-spacing:0}
.post-contact-actions .phone-action{background:#e60000}
.post-contact-actions .online-action{background:#00a400}
.post-company-card{border:1px solid #d6d6d6;border-radius:4px;background:#fff;padding:18px 14px}
.post-company-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px dashed #cfd6df;padding-bottom:12px;margin-bottom:12px}
.post-company-head h2{margin:0;color:#102033;font-size:20px}
.post-company-head span{border-radius:4px;background:#fff3e8;color:#9a4d16;padding:4px 8px;font-size:13px;white-space:nowrap}
.post-info-list{display:grid;gap:7px;margin-bottom:10px;color:#111827}
.post-info-list div{display:flex;gap:8px;line-height:1.55}
.post-info-list strong{flex:0 0 auto;color:#111827}
.post-info-list span{min-width:0;word-break:break-word}
.location-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;align-items:stretch}
.location-fields{display:grid;gap:10px}
.location-map{position:relative;min-height:150px;border:1px solid #d8e4f0;border-radius:8px;background:linear-gradient(135deg,#eef7ff,#f9fbfd);overflow:hidden;padding:54px 16px 16px;color:#1f3552}
.location-map:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,100,182,.08) 1px,transparent 1px),linear-gradient(rgba(12,100,182,.08) 1px,transparent 1px);background-size:28px 28px}
.location-map strong,.location-map em{position:relative;z-index:1;display:block}
.location-map strong{font-size:15px;line-height:1.45}
.location-map em{margin-top:6px;color:#718096;font-style:normal;font-size:12px;line-height:1.5}
.article-location-map{min-height:200px;border:0;border-radius:4px;margin-top:8px;padding:72px 18px 18px;background:linear-gradient(135deg,#e8eef4,#f8fafc)}
.article-location-map b{position:relative;z-index:1;display:block;margin-top:4px;color:#111827;font-size:16px}
.map-pin{position:absolute;z-index:1;left:18px;top:18px;width:24px;height:24px;border-radius:50% 50% 50% 0;background:#e62d38;transform:rotate(-45deg);box-shadow:0 6px 14px rgba(230,45,56,.24)}
.map-pin:after{content:"";position:absolute;left:7px;top:7px;width:10px;height:10px;border-radius:50%;background:#fff}
.side-contact-card{position:sticky;top:14px;display:grid;gap:10px}
.side-contact-card h2{font-size:18px;color:#1f3552;margin:0}
.side-contact-card strong{font-size:16px;color:#0f4c81}
.side-contact-card p{margin:0;color:#566274;font-size:14px;line-height:1.7}
.side-contact-card a{height:38px;border-radius:6px;background:#0c64b6;color:#fff;display:grid;place-items:center;font-weight:800}
.side-contact-card a:nth-of-type(even){background:#f17f13}
.side-contact-line{display:grid;gap:3px;padding:10px;border-radius:6px;background:#f8fafc;border:1px solid #edf2f7}
.side-contact-line span{color:#718096;font-size:12px}
.side-contact-line b{color:#1f2937;font-size:14px}
.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.detail-actions a{background:#0c64b6;color:#fff;border-radius:6px;padding:9px 12px;font-weight:700}
.post-cover{width:100%;max-height:320px;object-fit:cover;border-radius:8px;margin:10px 0;background:#eef3f8}
.pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:16px 0}
.pager a,.pager span{background:#fff;border:1px solid #dfe8f2;border-radius:8px;padding:8px 12px;color:#35506c;min-width:40px;text-align:center}
.pager a.disabled{pointer-events:none;opacity:.45}
.pager .pager-number.active{background:#0c64b6;border-color:#0c64b6;color:#fff;font-weight:800}
.pager .pager-ellipsis{border-color:transparent;background:transparent;min-width:auto;padding:8px 4px;color:#718096}
.pager .pager-total{min-width:auto;color:#718096;background:#f8fafc}
.stack{display:grid;gap:10px;margin-top:10px}
.stack input,.stack select,.stack textarea,.admin-form input,.admin-form select,.admin-form textarea,.login-card input{width:100%;border:1px solid #cfd9e6;border-radius:6px;padding:10px 12px;background:#fff}
.stack textarea,.admin-form textarea{min-height:92px;resize:vertical}
.stack button,.admin-form button,.admin-actions button,.login-card button,.admin-main header button,.admin-modal-actions button{border:0;border-radius:6px;background:#0c64b6;color:#fff;padding:10px 14px;font-weight:700}
.admin-output{margin-bottom:10px}
.admin-notice{border-radius:2px;padding:10px 12px;margin-bottom:10px;display:grid;gap:3px;border:1px solid #dcdfe6;background:#fff;color:#35506c;font-size:13px}
.admin-notice strong{color:#1f3552}
.admin-notice.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.admin-notice.success strong{color:#166534}
.admin-notice.error{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.admin-notice.error strong{color:#991b1b}
.table-meta{height:32px;display:flex;align-items:center;gap:10px;color:#718096;font-size:13px}
.table-meta strong{color:#334155;font-weight:700}
.table-wrap{overflow:auto;background:#fff;border:1px solid #dcdfe6;border-radius:2px}
.table-wrap table{width:100%;border-collapse:collapse;font-size:13px}
.table-wrap th,.table-wrap td{border-bottom:1px solid #edf2f7;padding:8px 10px;text-align:left;white-space:nowrap}
.table-wrap th{height:36px;background:#f5f7fa;color:#303133;font-weight:600}
.table-wrap tr:hover td{background:#fbfdff}
.table-wrap td button{border:0;border-radius:4px;background:#0c64b6;color:#fff;padding:5px 8px;margin-right:6px}
.row-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:184px}
.table-wrap td .row-btn{height:26px;border:0;border-radius:2px;padding:0 9px;margin:0;color:#fff;font-size:12px;font-weight:500;line-height:26px}
.row-btn.info{background:#2563eb}
.row-btn.edit{background:#0f766e}
.row-btn.publish{background:#16a34a}
.row-btn.warn{background:#d97706}
.row-btn.danger{background:#dc2626}
.table-wrap td .row-btn:hover{filter:brightness(.94)}
.admin-empty{display:grid;gap:4px;background:#fff;border:1px solid #dcdfe6;border-radius:2px;padding:14px 16px;color:#718096;font-size:13px}
.admin-empty strong{color:#334155}
.admin-pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}
.admin-pager button{border:0;border-radius:2px;background:#0c64b6;color:#fff;padding:8px 12px}
.admin-pager button:disabled{opacity:.45;cursor:not-allowed}
.admin-pager span{color:#718096}
.dashboard-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
.dashboard-cards article{background:#fff;border:1px solid #dcdfe6;border-radius:2px;padding:12px;box-shadow:none}
.dashboard-cards strong{display:block;color:#0c64b6;font-size:26px;line-height:1.1}
.dashboard-cards span{display:block;color:#1f3552;font-weight:700;margin-top:6px}
.dashboard-cards em{display:block;color:#718096;font-style:normal;font-size:12px;margin-top:4px}
.dashboard-note{background:#fff;border:1px solid #dcdfe6;border-radius:2px;padding:10px 12px;color:#606266;margin-bottom:10px}
.dashboard-lists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dashboard-lists.simple-dashboard-lists{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-lists section{background:#fff;border:1px solid #dcdfe6;border-radius:2px;padding:12px}
.dashboard-lists h3{margin:0 0 8px;color:#1f3552;font-size:15px}
.dashboard-lists ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dashboard-lists li{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf2f7;padding-bottom:8px}
.dashboard-lists li:last-child{border-bottom:0;padding-bottom:0}
.dashboard-lists li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151}
.dashboard-lists li em{font-style:normal;color:#718096;font-size:12px;white-space:nowrap}
.list-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fff;border:1px solid #dcdfe6;border-radius:2px;padding:8px;margin-bottom:8px}
.list-filter input,.list-filter select{height:34px;border:1px solid #dcdfe6;border-radius:2px;padding:0 10px;min-width:152px;background:#fff;color:#1f2937}
.list-filter input{min-width:220px}
.list-filter button{height:34px;border:0;border-radius:2px;background:#0c64b6;color:#fff;padding:0 14px;font-weight:500}

.admin-body{height:100vh;background:#f2f3f5;color:#333}
.login-view{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f2f3f5}
.login-card{width:min(360px,100%);background:#fff;border:1px solid #dcdfe6;border-radius:2px;padding:26px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.login-card h1{margin:0 0 8px;color:#1f2937;font-size:22px;font-weight:500}
.login-card p{margin:0 0 18px;color:#6b7280}
.login-card input{margin-bottom:12px;border-radius:2px}
.login-card button{width:100%;height:38px;margin-top:4px;border-radius:2px}
#loginMsg{margin-top:12px;color:#c2410c}
.admin-shell{height:100vh;display:grid;grid-template-columns:220px 1fr}
.admin-side{background:#20222a;color:#fff;padding:0;display:flex;flex-direction:column;gap:0;overflow:auto}
.admin-side strong{height:56px;line-height:56px;margin:0;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);font-size:16px;font-weight:600}
.side-label{display:block;color:#8b95a5;font-size:12px;margin:0;padding:16px 18px 6px}
.admin-side button{width:100%;height:42px;border:0;border-left:3px solid transparent;border-radius:0;background:transparent;color:#c9d1dc;text-align:left;padding:0 16px;font-size:14px}
.admin-side button:hover{background:#2a2d36;color:#fff}
.admin-side button.active{background:#111827;border-left-color:#0c64b6;color:#fff}
.admin-main{min-width:0;overflow:auto;padding:15px;background:#f2f3f5}
.admin-main header{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #dcdfe6;border-radius:2px;padding:13px 15px;margin-bottom:10px}
.admin-main header h1{margin:0;color:#1f2937;font-size:22px;line-height:1.2;font-weight:500}
.admin-main header p{margin:5px 0 0;color:#6b7280;font-size:13px}
.admin-main header button{height:34px;border-radius:2px;padding:0 14px;font-weight:500}
.admin-panel{display:none;background:#fff;border:1px solid #dcdfe6;border-radius:2px;padding:8px;margin-bottom:10px}
.admin-panel.active{display:block}
.admin-actions{display:flex;flex-wrap:wrap;gap:6px}
.admin-actions button{height:34px;border-radius:2px;background:#fff;color:#333;border:1px solid #dcdfe6;padding:0 14px;font-weight:500}
.admin-actions button.primary-action{margin-left:auto;background:#0c64b6;color:#fff;border-color:#0c64b6}
.admin-actions button:hover{border-color:#0c64b6;color:#0c64b6;background:#fff}
.admin-actions button.primary-action:hover{background:#0b5aa5;color:#fff}
.admin-form{display:grid;gap:10px}
.admin-form h2{font-size:16px;margin:0;color:#1f3552}
.admin-form input,.admin-form select,.admin-form textarea{border-radius:2px}
.admin-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.readable-form{gap:14px}
.readable-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-field{display:grid;gap:6px}
.admin-field span{font-weight:700;color:#1f3552}
.admin-field em{font-style:normal;font-size:12px;line-height:1.5;color:#718096}
.admin-field textarea{min-height:96px}
.image-upload-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,220px) 122px;gap:8px;align-items:center}
.image-upload-row button{height:40px;padding:0 12px;min-width:112px}
.image-preview{width:128px;height:96px;border:1px dashed #cfd9e6;border-radius:6px;background:#f8fafc;display:grid;place-items:center;color:#718096;overflow:hidden}
.image-preview img{width:100%;height:100%;object-fit:cover;display:block}
.logo-preview img{object-fit:contain;background:#fff}
.image-upload-status{min-height:20px;margin-top:8px;font-size:13px;color:#667085}
.image-upload-status.success{color:#14804a}
.image-upload-status.error{color:#b42318}
.image-upload-status.info{color:#2764c7}
.readable-form>.admin-field{grid-column:1/-1}
.form-tip{margin:0;color:#718096}
.readable-form .form-tip{border:1px solid #dcdfe6;background:#f5f7fa;color:#606266;border-radius:2px;padding:10px 12px}
.error-tip{color:#dc2626}
.ghost-btn,.admin-modal-actions .ghost-btn{background:#edf2f7;color:#35506c}
.admin-modal-mask{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.45);display:grid;place-items:center;padding:20px}
.admin-modal{width:min(980px,100%);max-height:90vh;display:grid;grid-template-rows:auto 1fr;background:#fff;border-radius:2px;box-shadow:0 8px 24px rgba(0,0,0,.18);overflow:hidden}
.admin-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #dcdfe6;background:#f5f7fa}
.admin-modal-head h2{margin:0;color:#1f3552;font-size:18px}
.admin-modal-head button{border:1px solid #dcdfe6;border-radius:2px;background:#fff;color:#606266;padding:7px 12px}
.admin-modal-body{overflow:auto;padding:16px}
.admin-modal-actions{display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:-16px;background:linear-gradient(to top,#fff 70%,rgba(255,255,255,.86));padding-top:12px}
.admin-modal-actions .danger-btn{background:#dc2626}
.admin-detail{display:grid;gap:10px}
.admin-detail-line{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start;border:1px solid #dcdfe6;border-radius:2px;background:#f5f7fa;padding:10px 12px}
.admin-detail-line strong{color:#35506c}
.admin-detail-line span{color:#102a43;white-space:pre-wrap;word-break:break-word}

@media(min-width:721px) and (max-width:1024px){
  .site-header-inner{padding:0 14px}
  .portal-home{grid-template-columns:1fr}
  .product-grid{grid-template-columns:repeat(4,1fr)}
  .portal-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .pc-home-layout{grid-template-columns:220px minmax(0,1fr)}
  .pc-aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .pc-aside .m-section{margin:0}
}

/* Classified information portal palette */
.site-body{
  --mx-bg:#f6f4f0;
  --mx-panel:#fff;
  --mx-border:#e4ded4;
  --mx-soft:#f0ebe3;
  --mx-text:#25221f;
  --mx-muted:#70685f;
  --mx-primary:#e94f1d;
  --mx-primary-hover:#ce3e10;
  --mx-secondary:#39414d;
  --mx-accent:#f4a000;
  background:#f6f4f0;
  color:#25221f;
}
.site-body .site-header{
  border-top:3px solid var(--mx-primary);
  border-bottom-color:#e8e0d5;
  box-shadow:0 2px 8px rgba(72,48,28,.06);
}
.site-body .top-links a:hover,
.site-body .top-links a:first-child{
  color:var(--mx-primary);
}
.site-body .portal-search{
  border:2px solid var(--mx-primary);
  border-radius:4px;
  box-shadow:none;
}
.site-body .portal-search span,
.site-body .portal-search a{
  background:#fffaf5!important;
}
.site-body .portal-search button{
  background:var(--mx-primary)!important;
}
.site-body .portal-tabs{
  background:#333a45;
  border:0;
}
.site-body .portal-tabs a{
  color:#fff;
  font-weight:700;
}
.site-body .portal-tabs a.active,
.site-body .portal-tabs a:hover{
  color:#fff;
  background:var(--mx-primary);
}
.site-body .portal-tabs a:after{
  display:none;
}
.site-body .portal-intro{
  border-color:#f0d6b2;
  border-left:4px solid var(--mx-accent);
  background:#fffaf0;
  color:#5f4a2d;
  box-shadow:none;
}
.site-body .portal-box,
.site-body .company-show,
.site-body .m-section{
  border-color:var(--mx-border);
  border-radius:4px;
  box-shadow:0 1px 3px rgba(72,48,28,.05);
}
.site-body .portal-box-title,
.site-body .company-show h2,
.site-body .section-row{
  background:#fffaf5;
  border-bottom-color:#ebe2d7;
  color:#292522;
}
.site-body .portal-box-title:before,
.site-body .company-show h2:before,
.site-body .section-row h2:before{
  background:var(--mx-primary);
}
.site-body .product-card{
  border-radius:4px;
  border-color:#ebe3d8;
  background:#fff;
}
.site-body .product-pic{
  color:#d84618;
  border-color:#f1d8c5;
  background:#fff3e8;
}
.site-body .product-card:hover,
.site-body .company-show-grid article:hover,
.site-body .company-item:hover,
.site-body .post-item:hover{
  border-color:#efb28e;
  background:#fffdf9;
  box-shadow:0 3px 10px rgba(145,67,21,.08);
}
.site-body .company-item h3 a:hover,
.site-body .post-item h3 a:hover,
.site-body .company-show-grid h3 a:hover{
  color:var(--mx-primary);
}
.site-body .post-thumb.empty-thumb:before{
  background:var(--mx-primary);
}
.site-body .home-member-actions a:nth-child(2n){
  background:#39414d!important;
  border-color:#39414d!important;
}
.site-body .home-member-actions a:first-child,
.site-body .home-member-actions a:nth-child(3){
  background:var(--mx-primary)!important;
  border-color:var(--mx-primary)!important;
}
.site-body .latest-companies li:before{
  background:var(--mx-accent);
}
.site-body .pager .pager-number.active,
.site-body .filter-tabs a.active{
  background:var(--mx-primary)!important;
  border-color:var(--mx-primary)!important;
}

@media(max-width:720px){
  .site-header-inner{height:auto;align-items:stretch;flex-direction:column;padding:16px 12px 10px;gap:14px}
  .portal-brand strong{font-size:25px}
  .brand-logo-img.full-logo{max-width:260px;height:58px}
  .portal-head-right{width:100%}
  .top-links{justify-content:flex-start;gap:12px;overflow:auto;margin-bottom:10px}
  .portal-search{grid-template-columns:44px 1fr 72px}
  .portal-search a{grid-column:1/-1}
  .portal-tabs{height:auto;background:#eef1f3}
  .portal-tabs div{padding:8px 12px;overflow:auto;align-items:center}
  .portal-tabs a{height:34px;line-height:34px;border:1px solid #d6dce2;border-radius:6px;white-space:nowrap}
  .site-main{padding:22px 12px 12px;max-width:760px}
  .site-footer{max-width:760px;padding:0 12px 22px}
  .portal-intro{margin:0 0 16px;font-size:14px}
  .portal-home{grid-template-columns:1fr;gap:16px}
  .product-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:16px}
  .product-pic{width:100%;max-width:128px;height:86px}
  .keyword-cloud{grid-template-columns:repeat(2,1fr)}
  .company-show{margin-top:18px}
  .company-show-tabs{grid-template-columns:repeat(2,1fr)}
  .company-show-grid{grid-template-columns:1fr}
  .company-show-grid article{border-right:0}
  .front-modal-mask{padding:0;place-items:end stretch}
  .front-modal{width:100%;height:94vh;border-radius:12px 12px 0 0}
  .front-modal-head{padding:12px 14px}
  .modal-embed-main{padding:10px}
  .m-hero{padding:18px 16px}
  .m-hero h1{font-size:21px}
  .hero-actions{grid-template-columns:1fr}
  .pc-home-layout{grid-template-columns:1fr}
  .pc-side .m-grid-nav{grid-template-columns:repeat(2,1fr)}
  .pc-side .m-grid-nav a{display:block;text-align:center;min-height:92px}
  .pc-side .m-grid-nav i{margin-bottom:6px}
  .m-grid-nav{grid-template-columns:repeat(2,1fr)}
  .cat-list{grid-template-columns:1fr}
  .m-search{align-items:stretch}
  .m-search button{padding:0 12px}
  .directory-filter form{grid-template-columns:1fr 1fr}
  .directory-filter input:first-child{grid-column:1/-1}
  .publish-grid{grid-template-columns:1fr}
  .publish-image-row{grid-template-columns:1fr}
  .publish-image-row button{height:40px}
  .publish-submit{grid-template-columns:1fr}
  .publish-submit button{width:100%}
  .member-dashboard-head{align-items:flex-start;flex-direction:column;padding:16px}
  .member-dashboard-head h1{font-size:21px}
  .member-row{grid-template-columns:1fr}
  .member-row-actions{justify-content:flex-start}
  .member-edit-mask{padding:10px;place-items:end stretch}
  .member-edit-dialog{width:100%;max-height:94vh;border-radius:12px 12px 0 0}
  .detail-layout{grid-template-columns:1fr}
  .detail-main,.detail-side>section{padding:16px}
  .detail-main h1{font-size:22px}
  .company-quick-info{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .post-contact-actions{grid-template-columns:1fr;gap:10px}
  .post-contact-actions a{height:44px;font-size:16px}
  .post-info-list div{display:grid;gap:2px}
  .location-layout{grid-template-columns:1fr}
  .location-map{min-height:132px}
  .article-location-map{min-height:160px}
  .side-contact-card{position:static}
  .company-page dl{grid-template-columns:1fr}
  .admin-shell{grid-template-columns:1fr;height:auto;min-height:100vh}
  .admin-side{position:static;max-height:none}
  .admin-main{padding:12px}
  .admin-main header{align-items:flex-start;flex-direction:column;gap:10px}
  .dashboard-cards,.dashboard-lists,.admin-form-grid{grid-template-columns:1fr}
  .admin-actions button.primary-action{margin-left:0}
  .list-filter input,.list-filter select,.list-filter button{width:100%}
  .image-upload-row{grid-template-columns:1fr}
  .image-upload-row button{width:100%}
  .admin-modal-mask{padding:10px}
  .admin-modal{max-height:94vh}
  .admin-modal-actions{position:static;justify-content:stretch;flex-direction:column}
}

@media(min-width:721px){
  body{background:#f3f5f8;color:#1f2937}
  a{color:#174f86}
  .site-body{background:#f3f5f8}
  .site-header{background:#fff;color:#1f2937;border-bottom:1px solid #d6dde6;box-shadow:0 1px 3px rgba(15,23,42,.06)}
  .site-header-inner{height:auto;max-width:1200px;padding:18px 0 16px;grid-template-columns:310px minmax(0,1fr);gap:28px}
  .site-header .brand{color:#172033}
  .portal-brand{gap:12px}
  .brand-mark{width:50px;height:50px;border-radius:4px;background:#174f86;color:#fff;font-size:22px;box-shadow:none}
  .brand-mark:after{display:none}
  .brand-logo-img{box-shadow:none;border:1px solid #d8e0ea;border-radius:3px;background:#fff}
  .brand-logo-img.full-logo{max-width:300px;height:64px}
  .portal-brand strong{font-size:28px;letter-spacing:0;text-shadow:none;color:#172033;font-weight:700}
  .portal-brand em{margin-top:4px;color:#64748b;font-size:12px;letter-spacing:0}
  .portal-brand b{margin-top:4px;padding:1px 8px;border-radius:2px;background:#eef3f8;color:#174f86;font-size:11px}
  .portal-head-right{display:grid;gap:12px}
  .top-links{justify-content:flex-end;gap:18px;margin:0;min-height:22px}
  .top-links a,.top-links span{color:#334155;font-size:13px;font-weight:600}
  .top-links a:hover{color:#174f86}
  .portal-search{grid-template-columns:48px minmax(0,1fr) 88px 104px;gap:0;border:1px solid #cbd5e1;background:#fff}
  .portal-search span{height:38px;background:#f8fafc;color:#334155;border-right:1px solid #cbd5e1;font-size:14px}
  .portal-search input{height:38px;border:0;background:#fff;color:#172033}
  .portal-search button{height:38px;background:#174f86;color:#fff;font-weight:700}
  .portal-search a{height:38px;border:0;border-left:1px solid #cbd5e1;background:#f8fafc;color:#174f86;font-weight:700}
  .portal-tabs{height:44px;background:#174f86;border-top:1px solid #123f6d}
  .portal-tabs div{max-width:1200px;padding:0;align-items:stretch;gap:0}
  .portal-tabs a{height:44px;line-height:44px;padding:0 18px;border:0;border-right:1px solid rgba(255,255,255,.18);border-radius:0;background:transparent;color:#fff;font-size:14px;font-weight:700}
  .portal-tabs a.active,.portal-tabs a:hover{background:#123f6d;color:#fff}
  .site-main{max-width:1200px;padding:28px 0 18px}
  .site-footer{max-width:1200px;border-top:1px solid #dce3ec;margin-top:28px;padding:16px 0 28px;color:#64748b}
  .portal-intro{margin:0 0 16px;padding:12px 14px;border:1px solid #dce3ec;background:#fff;color:#475569;font-size:14px}
  .portal-home{grid-template-columns:minmax(0,1fr) 300px;gap:20px}
  .portal-box,.m-section,.detail-main,.detail-side>section,.member-dashboard-head,.member-row{border:1px solid #d9e1ea;border-radius:3px;background:#fff;box-shadow:none}
  .portal-box{margin-bottom:16px}
  .portal-box-title{height:38px;line-height:38px;padding:0 14px;background:#f6f8fb;border-bottom:1px solid #d9e1ea;color:#1f3654;font-size:15px;font-weight:700}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;border-top:0}
  .product-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;min-height:74px;padding:12px 14px;text-align:left;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5;color:#1f3654}
  .product-card:nth-child(4n){border-right:0}
  .product-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
  .product-pic{width:54px;height:48px;margin:0;border:1px solid #e1e7ef;background:#f8fafc}
  .product-fallback{background:#eef3f8;color:#174f86;font-size:16px}
  .side-box{margin-bottom:16px}
  .latest-companies ul{padding:12px 14px;gap:9px}
  .latest-companies li{padding-left:10px}
  .latest-companies a{color:#1f3654;font-weight:500}
  .home-member h2{margin:14px 14px 0;color:#1f3654;font-size:15px}
  .home-member-actions{gap:8px;margin:12px 0}
  .home-member-actions a{border-radius:2px;background:#174f86;padding:8px;color:#fff}
  .home-member-actions a:nth-child(2n){background:#475569}
  .company-show{margin-top:16px;background:#fff;border:1px solid #d9e1ea;border-radius:3px}
  .company-show h2{height:38px;line-height:38px;margin:0;padding:0 14px;border-bottom:1px solid #d9e1ea;background:#f6f8fb;color:#1f3654;font-size:15px;font-weight:700}
  .company-show-grid{border:0;grid-template-columns:repeat(3,minmax(0,1fr))}
  .company-show-grid article{min-height:92px;padding:14px;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5}
  .company-show-grid h3{font-size:14px;font-weight:700}
  .company-show-grid h3 a{color:#1f3654}
  .company-show-grid p{color:#475569;font-size:13px}
  .company-show-grid p span{color:#64748b}
  .m-section{border-radius:3px;margin:12px 0;padding:14px}
  .section-row{border-bottom:1px solid #edf1f5;padding-bottom:10px;margin-bottom:10px}
  .section-row h2,.m-section h1,.m-section h2{color:#1f3654}
  .section-row h2{font-size:17px}
  .company-feed{gap:0;margin-top:0;border:1px solid #edf1f5;border-bottom:0}
  .company-item{border:0;border-bottom:1px solid #edf1f5;border-radius:0;padding:14px}
  .company-item h3{font-size:16px}
  .company-item h3 a{color:#1f3654}
  .company-item div span{border-radius:2px;background:#eef6ef;color:#166534}
  .company-item div a{color:#174f86}
  .post-list{border:1px solid #edf1f5;border-bottom:0}
  .post-item{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px 14px}
  .post-thumb{width:64px;height:64px;border-radius:2px;background:#f1f5f9}
  .post-thumb.empty-thumb:before{width:30px;height:30px;border-radius:2px;background:#174f86;font-size:14px}
  .post-item h3{font-size:15px}
  .post-item h3 a{color:#1f3654}
  .post-item p{color:#475569}
  .filter-tabs a{border-radius:2px;background:#fff;color:#334155}
  .filter-tabs a.active{background:#174f86;border-color:#174f86}
  .directory-filter form{gap:8px}
  .directory-filter input,.publish-grid input,.publish-grid select,.publish-grid textarea,.join-form input,.join-form textarea,.auth-form input{border-radius:2px;border-color:#cbd5e1}
  .directory-filter button,.directory-filter a,.detail-actions a,.publish-submit button,.join-form button,.auth-form button,.member-row-actions button,.member-edit-head button{border-radius:2px}
  .directory-filter button,.detail-actions a,.publish-submit button,.join-form button,.auth-form button,.member-row-actions button{background:#174f86}
  .directory-filter a,.member-row-actions a{background:#eef3f8;color:#174f86}
  .m-hero{background:#174f86;border-radius:3px;box-shadow:none}
  .hero-actions a{border-radius:2px}
  .pager a,.pager span{border-radius:2px}
  .pager .pager-number.active{background:#174f86;border-color:#174f86}
  .detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}
  .detail-main,.detail-side>section{border-radius:3px;padding:18px}
  .detail-main h1{font-size:25px;color:#172033}
  .info-pills span{border-radius:2px;background:#eef3f8;color:#1f3654;border-color:#d9e1ea}
  .company-quick-info div,.contact-item,.side-contact-line{border-radius:2px;background:#f8fafc}
  .post-contact-actions{gap:16px}
  .post-contact-actions a{height:42px;border-radius:2px;font-size:16px}
  .post-contact-actions .phone-action{background:#b91c1c}
  .post-contact-actions .online-action{background:#166534}
  .post-company-card{border-radius:2px}
  .location-map,.article-location-map{border-radius:2px;background:#f8fafc}
  .member-dashboard-head{padding:18px;margin:0 0 14px}
  .member-dashboard-head h1{font-size:23px}
  .member-row{border-radius:3px;padding:14px;margin-top:0;border-bottom:0}
  .member-list{border:1px solid #edf1f5;border-bottom:0}
  .member-row-main span{border-radius:2px}
  .member-row-actions button,.member-row-actions a{border-radius:2px}
  .member-row-actions button.danger{background:#b91c1c}
  .member-edit-dialog{border-radius:3px}
  .member-edit-head{background:#f6f8fb}
  .front-modal{border-radius:3px}
  .front-modal-head{background:#f6f8fb}
}

@media(min-width:721px){
  body{background:#eef2f7;color:#1d2939}
  a{color:#1d5d9b}
  .site-body{background:#eef2f7}
  .site-header{background:#f9fbfd;border-bottom:1px solid #d7e0eb;box-shadow:0 8px 24px rgba(15,23,42,.06)}
  .site-header-inner{max-width:1220px;padding:20px 0 18px;grid-template-columns:340px minmax(0,1fr)}
  .portal-brand strong{font-size:30px;color:#111827;font-weight:800}
  .portal-brand em{color:#667085}
  .portal-brand b{background:#e9f2ff;color:#1d5d9b}
  .brand-mark{border-radius:10px;background:#1d5d9b}
  .brand-logo-img.full-logo{height:66px;max-width:330px}
  .top-links{gap:20px}
  .top-links a,.top-links span{color:#344054}
  .portal-search{height:42px;border:1px solid #d0d9e6;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.04)}
  .portal-search span,.portal-search input,.portal-search button,.portal-search a{height:40px}
  .portal-search span{background:#f6f8fb}
  .portal-search button{background:#1d5d9b}
  .portal-search a{background:#fff;color:#1d5d9b}
  .portal-tabs{height:48px;background:#1d5d9b;border:0;box-shadow:0 10px 24px rgba(29,93,155,.16)}
  .portal-tabs div{max-width:1220px}
  .portal-tabs a{height:48px;line-height:48px;border-right:0;padding:0 20px;font-weight:700;color:#eef6ff}
  .portal-tabs a.active,.portal-tabs a:hover{background:#174f86}
  .site-main{max-width:1220px;padding:30px 0 20px}
  .site-footer{max-width:1220px}
  .portal-intro{border:0;border-radius:8px;background:#fff;padding:14px 18px;box-shadow:0 3px 14px rgba(15,23,42,.05)}
  .portal-home{grid-template-columns:minmax(0,1fr) 310px;gap:22px}
  .portal-box,.m-section,.detail-main,.detail-side>section,.member-dashboard-head,.company-show,.member-row{border:1px solid #dde5ef;border-radius:8px;box-shadow:0 4px 16px rgba(15,23,42,.045)}
  .portal-box-title,.company-show h2{height:44px;line-height:44px;background:#fff;border-bottom:1px solid #e7edf4;color:#172033;font-size:16px;padding:0 18px}
  .product-grid{padding:8px;gap:8px}
  .product-card{border:1px solid transparent;border-radius:8px;min-height:78px;background:#fbfdff;padding:12px}
  .product-card:nth-child(4n){border-right:1px solid transparent}
  .product-card:hover{border-color:#c9daf0;background:#f3f8ff}
  .product-pic{border-radius:8px;border-color:#dce6f2;background:#fff}
  .product-fallback{border-radius:8px;background:#e8f2ff;color:#1d5d9b}
  .latest-companies li:before{background:#1d5d9b}
  .home-member-actions a{border-radius:6px;background:#1d5d9b}
  .home-member-actions a:nth-child(2n){background:#344054}
  .company-show-grid{padding:8px;gap:8px}
  .company-show-grid article{border:1px solid #edf2f7;border-radius:8px;min-height:96px;background:#fff;padding:14px}
  .company-show-grid article:nth-child(3n){border-right:1px solid #edf2f7}
  .company-show-grid article:hover{border-color:#c9daf0;background:#fbfdff}
  .m-section{padding:18px}
  .section-row{border-bottom:1px solid #e7edf4;padding-bottom:12px;margin-bottom:12px}
  .company-feed,.post-list,.member-list{border:0;display:grid;gap:10px}
  .company-item,.post-item,.member-row{border:1px solid #e1e8f0;border-radius:8px;background:#fff}
  .company-item:hover,.post-item:hover,.member-row:hover{border-color:#c9daf0}
  .post-item{grid-template-columns:70px minmax(0,1fr);padding:12px}
  .post-thumb{width:70px;height:70px;border-radius:8px;border-color:#dce6f2}
  .post-thumb.empty-thumb:before{border-radius:7px;background:#1d5d9b}
  .filter-tabs a{border-radius:999px;padding:8px 14px;border-color:#d7e0eb}
  .filter-tabs a.active{background:#1d5d9b;border-color:#1d5d9b}
  .directory-filter input,.publish-grid input,.publish-grid select,.publish-grid textarea,.join-form input,.join-form textarea,.auth-form input{border-radius:6px}
  .directory-filter button,.directory-filter a,.detail-actions a,.publish-submit button,.join-form button,.auth-form button,.member-row-actions button,.member-edit-head button{border-radius:6px}
  .directory-filter button,.detail-actions a,.publish-submit button,.join-form button,.auth-form button,.member-row-actions button{background:#1d5d9b}
  .directory-filter a,.member-row-actions a{background:#eef4fb;color:#1d5d9b;border-radius:6px}
  .pager a,.pager span{border-radius:6px}
  .pager .pager-number.active{background:#1d5d9b;border-color:#1d5d9b}
  .detail-layout{gap:22px}
  .detail-main,.detail-side>section{border-radius:8px;padding:22px}
  .detail-main h1{font-size:27px}
  .info-pills span{border-radius:999px;background:#eef4fb}
  .company-quick-info div,.contact-item,.side-contact-line{border-radius:8px;background:#fbfdff}
  .post-contact-actions a{border-radius:8px}
  .post-company-card,.location-map,.article-location-map{border-radius:8px}
  .member-dashboard-head{padding:22px}
  .member-dashboard-head h1{font-size:26px}
  .member-row{padding:16px}
  .member-row-main span{border-radius:999px}
  .member-row-actions button,.member-row-actions a{border-radius:6px}
  .member-edit-dialog,.front-modal{border-radius:10px}
  .member-edit-head,.front-modal-head{background:#f8fafc}
}

@media(min-width:721px){
  body{background:#f5f7fa;color:#202b3c;font-family:Arial,"Microsoft YaHei",sans-serif}
  .site-body{background:#f5f7fa}
  .site-header{background:#fff;border-bottom:1px solid #e1e7ef;box-shadow:0 6px 18px rgba(16,24,40,.06)}
  .site-header-inner{max-width:1240px;padding:18px 0;grid-template-columns:360px minmax(0,1fr);gap:32px}
  .portal-brand strong{font-size:30px;color:#111827;font-weight:800}
  .portal-brand em{color:#667085;font-size:12px}
  .portal-brand b{display:none}
  .brand-mark{width:48px;height:48px;border-radius:8px;background:#123f6d}
  .brand-logo-img.full-logo{height:64px;max-width:340px}
  .top-links{justify-content:flex-end;gap:22px;margin:0}
  .top-links a,.top-links span{color:#344054;font-weight:600}
  .top-links a:hover{color:#0f559f}
  .portal-search{height:44px;grid-template-columns:54px minmax(0,1fr) 96px 110px;border:1px solid #d6dee9;border-radius:6px;background:#fff;box-shadow:none}
  .portal-search span,.portal-search input,.portal-search button,.portal-search a{height:42px}
  .portal-search span{background:#f8fafc;color:#475467;border-right:1px solid #e4eaf2}
  .portal-search input{font-size:14px}
  .portal-search button{background:#0f559f;color:#fff;font-weight:700}
  .portal-search a{background:#fff;color:#0f559f;border-left:1px solid #e4eaf2}
  .portal-tabs{height:48px;background:#123f6d;border:0;box-shadow:none}
  .portal-tabs div{max-width:1240px}
  .portal-tabs a{height:48px;line-height:48px;padding:0 20px;color:#fff;border:0;background:transparent;font-weight:700}
  .portal-tabs a.active,.portal-tabs a:hover{background:#0f559f}
  .site-main{max-width:1240px;padding:26px 0 18px}
  .site-footer{max-width:1240px;color:#667085;border-top:1px solid #e1e7ef;padding-top:18px}
  .portal-intro{margin:0 0 18px;padding:14px 18px;border:1px solid #e1e7ef;border-radius:6px;background:#fff;color:#475467;box-shadow:none}
  .portal-home{grid-template-columns:minmax(0,1fr) 320px;gap:20px}
  .portal-box,.m-section,.company-show,.member-dashboard-head,.detail-main,.detail-side>section{background:#fff;border:1px solid #e1e7ef;border-radius:6px;box-shadow:0 2px 10px rgba(16,24,40,.04)}
  .portal-box{margin-bottom:18px}
  .portal-box-title,.company-show h2{height:46px;line-height:46px;padding:0 18px;background:#fff;border-bottom:1px solid #edf1f6;color:#172033;font-size:16px;font-weight:800}
  .portal-box-title:before,.company-show h2:before,.section-row h2:before{content:"";display:inline-block;width:4px;height:15px;margin-right:9px;vertical-align:-2px;background:#0f559f;border-radius:2px}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px}
  .product-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;min-height:82px;padding:12px;border:1px solid #edf1f6;border-radius:6px;background:#fbfcfe;color:#172033;text-align:left}
  .product-card:nth-child(4n){border-right:1px solid #edf1f6}
  .product-card:hover{border-color:#b9cde7;background:#f6faff}
  .product-pic{width:56px;height:52px;border-radius:6px;border:1px solid #dce5f0;background:#fff}
  .product-fallback{border-radius:6px;background:#eaf3ff;color:#0f559f}
  .latest-companies ul{padding:14px 18px}
  .latest-companies a{color:#202b3c}
  .latest-companies a:hover{color:#0f559f}
  .home-member h2{margin:16px 18px 0;color:#202b3c;font-size:15px}
  .home-member .home-member-actions{padding:0 18px}
  .home-member-actions a{border-radius:5px;background:#0f559f}
  .home-member-actions a:nth-child(2n){background:#344054}
  .home-member ul{margin:12px 18px 18px;color:#667085}
  .company-show{margin-top:18px}
  .company-show-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border:0}
  .company-show-grid article{min-height:104px;padding:14px;border:1px solid #edf1f6;border-radius:6px;background:#fff}
  .company-show-grid article:nth-child(3n){border-right:1px solid #edf1f6}
  .company-show-grid h3{font-size:15px;font-weight:800}
  .company-show-grid h3 a{color:#172033}
  .company-show-grid p{color:#667085}
  .m-section{padding:18px;margin:14px 0}
  .section-row{border-bottom:1px solid #edf1f6;padding-bottom:12px;margin-bottom:14px}
  .section-row h2{font-size:18px;color:#172033;font-weight:800}
  .section-row span,.section-row a{color:#667085}
  .company-feed,.post-list,.member-list{display:grid;gap:12px;border:0;margin-top:0}
  .company-item,.post-item,.member-row{border:1px solid #e1e7ef;border-radius:6px;background:#fff;box-shadow:none}
  .company-item:hover,.post-item:hover,.member-row:hover{border-color:#b9cde7}
  .company-item h3 a,.post-item h3 a{color:#172033}
  .company-item h3 a:hover,.post-item h3 a:hover{color:#0f559f}
  .company-item div span{border-radius:4px;background:#eef7f1;color:#167341}
  .post-item{grid-template-columns:78px minmax(0,1fr);gap:14px;padding:14px}
  .post-thumb{width:78px;height:78px;border-radius:6px;background:#f3f6fa;border-color:#dce5f0}
  .post-thumb.empty-thumb:before{border-radius:5px;background:#0f559f}
  .filter-tabs a{border-radius:5px;border-color:#d6dee9;background:#fff}
  .filter-tabs a.active{background:#0f559f;border-color:#0f559f}
  .directory-filter input,.publish-grid input,.publish-grid select,.publish-grid textarea,.join-form input,.join-form textarea,.auth-form input{border-radius:5px;border-color:#d6dee9}
  .directory-filter button,.directory-filter a,.detail-actions a,.publish-submit button,.join-form button,.auth-form button,.member-row-actions button,.member-edit-head button{border-radius:5px}
  .directory-filter button,.detail-actions a,.publish-submit button,.join-form button,.auth-form button,.member-row-actions button{background:#0f559f}
  .directory-filter a,.member-row-actions a{background:#f1f5f9;color:#0f559f}
  .member-row{grid-template-columns:minmax(0,1fr) auto;padding:16px}
  .member-row-main h3{color:#172033;font-weight:800}
  .member-row-main span{border-radius:4px}
  .member-row-actions{gap:8px}
  .member-row-actions button.danger{background:#b42318}
  .member-dashboard-head{padding:22px;margin-bottom:16px}
  .member-dashboard-head h1{font-size:26px;color:#172033}
  .detail-layout{gap:20px}
  .detail-main,.detail-side>section{padding:22px;border-radius:6px}
  .detail-main h1{font-size:27px;color:#172033}
  .info-pills span{border-radius:999px;background:#eef4fb;color:#1f3654;border-color:#dbe6f2}
  .company-quick-info div,.contact-item,.side-contact-line{border-radius:6px;background:#fbfcfe;border-color:#edf1f6}
  .post-contact-actions a,.post-company-card,.location-map,.article-location-map{border-radius:6px}
  .front-modal,.member-edit-dialog{border-radius:8px}
  .front-modal-head,.member-edit-head{background:#f8fafc}
}

@media(min-width:721px){
  body{background:#f2f5f9;color:#1f2937}
  .site-body{background:#f2f5f9}
  .site-header{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);border-bottom:0;box-shadow:0 12px 30px rgba(15,23,42,.07)}
  .site-header-inner{max-width:1240px;padding:22px 0 18px;grid-template-columns:340px minmax(0,1fr);gap:34px}
  .portal-brand{gap:14px}
  .brand-mark{width:52px;height:52px;border-radius:14px;background:#155ea8;box-shadow:0 10px 24px rgba(21,94,168,.2)}
  .brand-logo-img.full-logo{height:68px;max-width:340px;padding:6px 10px;background:rgba(255,255,255,.72);border:1px solid #dbe7f4;border-radius:10px}
  .portal-brand strong{font-size:30px;color:#111827;font-weight:800}
  .portal-brand em{color:#64748b}
  .portal-head-right{gap:14px}
  .top-links{align-items:center;gap:22px}
  .top-links a,.top-links span{color:#26364a;font-size:13px}
  .top-links a:hover{color:#155ea8}
  .portal-search{height:46px;grid-template-columns:58px minmax(0,1fr) 102px 114px;border:1px solid #d8e3ef;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.055)}
  .portal-search span,.portal-search input,.portal-search button,.portal-search a{height:44px}
  .portal-search span{background:#f6f9fc;border-right:1px solid #e6edf5;color:#475569}
  .portal-search input{padding:0 14px}
  .portal-search button{background:#155ea8;color:#fff}
  .portal-search button:hover{background:#104f90}
  .portal-search a{background:#fff;color:#155ea8;border-left:1px solid #e6edf5}
  .portal-tabs{height:58px;background:transparent;box-shadow:none;border:0}
  .portal-tabs div{max-width:1240px;height:58px;align-items:center;gap:6px;padding:0 10px;background:#143d66;border-radius:14px;box-shadow:0 14px 34px rgba(20,61,102,.22)}
  .portal-tabs a{height:42px;line-height:42px;padding:0 20px;border-radius:10px;color:#eaf3ff;background:transparent;font-weight:700}
  .portal-tabs a.active,.portal-tabs a:hover{background:#1b6bb8;color:#fff}
  .site-main{max-width:1240px;padding:30px 0 22px}
  .site-footer{max-width:1240px;margin-top:28px;border-top:1px solid #dce6f1;color:#64748b}
  .portal-intro{padding:16px 18px;border:1px solid #dce6f1;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045);color:#41516a}
  .portal-home{grid-template-columns:minmax(0,1fr) 320px;gap:22px}
  .portal-box,.m-section,.company-show,.member-dashboard-head,.detail-main,.detail-side>section{border:1px solid #dfe8f2;border-radius:12px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.055)}
  .portal-box-title,.company-show h2{height:50px;line-height:50px;padding:0 20px;border-bottom:1px solid #edf2f7;background:#fff;color:#111827;font-size:17px;font-weight:800}
  .portal-box-title:before,.company-show h2:before,.section-row h2:before{content:"";display:inline-block;width:4px;height:16px;margin-right:10px;vertical-align:-2px;background:#1b6bb8;border-radius:8px}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px}
  .product-card{grid-template-columns:60px minmax(0,1fr);min-height:88px;padding:14px;border:1px solid #e5edf6;border-radius:12px;background:#fbfdff;color:#172033;transition:border-color .16s,box-shadow .16s,transform .16s}
  .product-card:hover{border-color:#b8d1ee;box-shadow:0 10px 22px rgba(15,23,42,.06);transform:translateY(-1px)}
  .product-pic{width:60px;height:56px;border-radius:10px;background:#fff;border:1px solid #dce7f3}
  .product-fallback{border-radius:10px;background:#eaf3ff;color:#155ea8}
  .side-box{margin-bottom:18px}
  .latest-companies ul{padding:16px 20px}
  .latest-companies li:before{background:#1b6bb8}
  .latest-companies a{color:#1f2937}
  .home-member h2{margin:18px 20px 0;color:#1f2937}
  .home-member .home-member-actions{padding:0 20px}
  .home-member-actions a{border-radius:9px;background:#155ea8}
  .home-member-actions a:nth-child(2n){background:#334155}
  .company-show-grid{gap:14px;padding:18px}
  .company-show-grid article{min-height:108px;border:1px solid #e5edf6;border-radius:12px;background:#fff;transition:border-color .16s,box-shadow .16s}
  .company-show-grid article:hover{border-color:#b8d1ee;box-shadow:0 10px 22px rgba(15,23,42,.055)}
  .company-show-grid h3 a{color:#111827}
  .m-section{padding:20px;margin:16px 0}
  .section-row{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #edf2f7}
  .section-row h2{font-size:18px;color:#111827}
  .company-feed,.post-list,.member-list{gap:12px;border:0}
  .company-item,.post-item,.member-row{border:1px solid #e3ebf5;border-radius:12px;background:#fff;transition:border-color .16s,box-shadow .16s}
  .company-item:hover,.post-item:hover,.member-row:hover{border-color:#b8d1ee;box-shadow:0 10px 22px rgba(15,23,42,.055)}
  .post-item{grid-template-columns:82px minmax(0,1fr);gap:16px;padding:16px}
  .post-thumb{width:82px;height:82px;border-radius:10px;border-color:#dce7f3;background:#f4f7fb}
  .post-thumb.empty-thumb:before{border-radius:9px;background:#155ea8}
  .company-item h3 a,.post-item h3 a{color:#111827}
  .company-item h3 a:hover,.post-item h3 a:hover{color:#155ea8}
  .filter-tabs a{border-radius:10px;border-color:#d8e3ef;background:#fff;padding:9px 16px}
  .filter-tabs a.active{background:#155ea8;border-color:#155ea8}
  .directory-filter input,.publish-grid input,.publish-grid select,.publish-grid textarea,.join-form input,.join-form textarea,.auth-form input{border-radius:10px;border-color:#d8e3ef}
  .directory-filter button,.directory-filter a,.detail-actions a,.publish-submit button,.join-form button,.auth-form button,.member-row-actions button,.member-edit-head button{border-radius:10px}
  .directory-filter button,.detail-actions a,.publish-submit button,.join-form button,.auth-form button,.member-row-actions button{background:#155ea8}
  .directory-filter button:hover,.detail-actions a:hover,.publish-submit button:hover,.join-form button:hover,.auth-form button:hover,.member-row-actions button:hover{background:#104f90}
  .directory-filter a,.member-row-actions a{background:#eef5fc;color:#155ea8;border-radius:10px}
  .pager a,.pager span{border-radius:10px}
  .pager .pager-number.active{background:#155ea8;border-color:#155ea8}
  .detail-layout{gap:22px}
  .detail-main,.detail-side>section{padding:24px;border-radius:12px}
  .detail-main h1{font-size:28px;color:#111827}
  .info-pills span{border-radius:999px;background:#eef5fc;border-color:#d8e8f7;color:#174f86}
  .company-quick-info div,.contact-item,.side-contact-line{border-radius:12px;background:#fbfdff;border-color:#e6edf5}
  .post-contact-actions a,.post-company-card,.location-map,.article-location-map{border-radius:12px}
  .member-dashboard-head{padding:24px}
  .member-dashboard-head h1{font-size:27px;color:#111827}
  .member-row{padding:18px}
  .member-row-main h3{color:#111827}
  .member-row-actions button,.member-row-actions a{border-radius:10px}
  .member-edit-dialog,.front-modal{border-radius:14px}
  .member-edit-head,.front-modal-head{background:#f8fafc}
}

.member-workbench{display:grid;gap:18px;align-items:start}
.member-sidebar,.member-main{min-width:0}
.member-profile-card,.member-side-nav,.member-stats,.member-panel,.company-space-card,.company-side-card,.company-space-side>.detail-block,.company-space-main>.location-panel{background:#fff;border:1px solid #dfe8f2;border-radius:12px;box-shadow:0 10px 26px rgba(15,23,42,.055)}
.member-profile-card{padding:22px;text-align:center}
.member-avatar,.company-avatar{display:grid;place-items:center;background:linear-gradient(135deg,#155ea8,#20a3d8);color:#fff;font-weight:900}
.member-avatar{width:70px;height:70px;margin:0 auto 12px;border-radius:20px;font-size:28px}
.member-profile-card h2{margin:0;color:#111827;font-size:20px}
.member-profile-card p{margin:8px 0 0;color:#64748b;font-size:13px}
.member-side-nav{display:grid;padding:10px;margin-top:14px}
.member-side-nav a{display:flex;align-items:center;height:42px;padding:0 14px;border-radius:10px;color:#334155;font-weight:700}
.member-side-nav a.active,.member-side-nav a:hover{background:#eef5fc;color:#155ea8}
.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:16px;overflow:hidden}
.member-stats div{padding:18px 20px;border-right:1px solid #edf2f7}
.member-stats div:last-child{border-right:0}
.member-stats span{display:block;color:#64748b;font-size:13px}
.member-stats strong{display:block;margin-top:6px;color:#111827;font-size:28px;line-height:1}
.member-panel{padding:20px;margin:0 0 16px}
.member-row-top{display:flex;align-items:center;gap:10px;justify-content:space-between}
.member-row-top h3{margin:0;font-size:18px}
.member-status{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#eef5fc;color:#155ea8;font-size:12px;font-weight:800}
.member-status.approved{background:#ecfdf3;color:#087443}
.member-status.pending{background:#fff7ed;color:#c2410c}
.member-status.rejected,.member-status.disabled{background:#fef2f2;color:#b42318}
.member-row-meta{display:flex;gap:8px;margin-top:10px}
.member-row-meta span{background:#f1f5f9!important;color:#475569!important;border-radius:999px!important}
.member-company-row .member-row-main p,.member-post-row .member-row-main p{max-width:760px}

.company-space{display:grid;gap:16px}
.company-space-cover{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:18px;align-items:center;min-height:170px;padding:28px;border-radius:16px;background:linear-gradient(135deg,#123f6d,#1768b1 58%,#20a3d8);color:#fff;overflow:hidden;box-shadow:0 18px 40px rgba(20,61,102,.22)}
.company-space-cover:after{content:"";position:absolute;right:-80px;top:-100px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.12)}
.company-avatar{position:relative;z-index:1;width:86px;height:86px;border-radius:24px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);font-size:38px}
.company-space-title{position:relative;z-index:1;min-width:0}
.company-space-title p{margin:0 0 6px;color:#dceeff;font-weight:800}
.company-space-title h1{margin:0;color:#fff;font-size:32px;line-height:1.2}
.company-space-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.company-space-meta span{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.14);color:#eef7ff;font-size:13px}
.company-space-actions{position:relative;z-index:1;display:flex;gap:10px;align-self:end}
.company-space-actions a{display:grid;place-items:center;height:40px;padding:0 16px;border-radius:10px;background:#fff;color:#155ea8;font-weight:800}
.company-space-actions a:nth-child(2){background:#0f2742;color:#fff}
.company-space-tabs{display:flex;gap:8px;padding:8px;border:1px solid #dfe8f2;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.045)}
.company-space-tabs a{display:grid;place-items:center;height:38px;padding:0 16px;border-radius:10px;color:#334155;font-weight:800}
.company-space-tabs a.active,.company-space-tabs a:hover{background:#eef5fc;color:#155ea8}
.company-space-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.company-space-main,.company-space-side{display:grid;gap:16px;min-width:0}
.company-space-card,.company-side-card,.company-space-side>.detail-block,.company-space-main>.location-panel{padding:22px;margin:0}
.company-space-main>.location-panel{border-top:0}
.company-side-card h2,.company-space-card h2{margin:0;color:#111827;font-size:18px}
.company-side-card strong{display:block;margin-top:14px;color:#111827;font-size:17px}
.company-side-card p{color:#64748b;line-height:1.7}
.company-side-card a{display:inline-grid;place-items:center;height:36px;padding:0 13px;border-radius:9px;background:#eef5fc;color:#155ea8;font-weight:800}
.company-activity-list{display:grid;gap:12px}
.company-activity-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;padding:16px;border:1px solid #e5edf6;border-radius:14px;background:#fbfdff}
.activity-thumb{width:92px;height:92px;border-radius:12px;background:#edf5fc;overflow:hidden;display:grid;place-items:center}
.activity-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.activity-thumb.empty-thumb:before{content:"动";width:42px;height:42px;border-radius:12px;background:#155ea8;color:#fff;display:grid;place-items:center;font-weight:900}
.activity-main{min-width:0}
.activity-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.activity-meta span,.activity-meta time{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:#eef5fc;color:#155ea8;font-size:12px}
.activity-meta time{background:#f1f5f9;color:#64748b}
.activity-main h3{margin:0 0 8px;font-size:18px;line-height:1.35}
.activity-main h3 a{color:#111827}
.activity-main p{margin:0;color:#475569;line-height:1.7}
.activity-actions{margin-top:10px}
.activity-actions a{font-weight:800;color:#155ea8}

@media(min-width:721px){
  .member-workbench{grid-template-columns:260px minmax(0,1fr)}
  .member-sidebar{position:sticky;top:18px}
  .member-main .member-dashboard-head{margin:0 0 16px;border-radius:12px}
  .member-main .detail-actions{align-self:center}
  .member-list{display:grid;gap:12px}
  .member-row{grid-template-columns:minmax(0,1fr) auto;padding:18px;border-radius:14px}
  .member-row-actions{min-width:230px;justify-content:flex-end}
}

@media(max-width:720px){
  .member-workbench,.company-space-layout,.company-space-cover{grid-template-columns:1fr}
  .member-sidebar{display:block}
  .member-side-nav{grid-template-columns:repeat(2,1fr)}
  .member-stats{grid-template-columns:repeat(3,1fr)}
  .member-stats div{padding:14px 10px;text-align:center}
  .member-stats strong{font-size:22px}
  .member-panel{padding:16px}
  .member-row-top{align-items:flex-start;flex-direction:column}
  .company-space-cover{gap:12px;padding:22px}
  .company-space-title h1{font-size:25px}
  .company-space-actions{align-self:start;flex-wrap:wrap}
  .company-space-tabs{overflow:auto}
  .company-space-tabs a{white-space:nowrap}
  .company-activity-item{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px}
  .activity-thumb{width:72px;height:72px}
  .activity-main h3{font-size:16px}
}

/* Forum/WP style unification layer */
:root{--ui-bg:#eef2f6;--ui-panel:#fff;--ui-line:#d8e1ec;--ui-line-soft:#e8eef5;--ui-text:#1f2a37;--ui-muted:#667085;--ui-blue:#1764ad;--ui-blue-dark:#123f6d;--ui-blue-soft:#eef6ff;--ui-green:#087443;--ui-red:#b42318}
body{background:var(--ui-bg);color:var(--ui-text)}
a{color:var(--ui-blue)}
button,input,select,textarea{font-family:Arial,"Microsoft YaHei",sans-serif}
input,select,textarea{background:#fff;border:1px solid #cfd9e6;color:var(--ui-text)}
input:focus,select:focus,textarea:focus{border-color:var(--ui-blue);box-shadow:0 0 0 3px rgba(23,100,173,.12);outline:0}

.site-body{background:var(--ui-bg)}
.site-header{background:#fff;border-bottom:1px solid var(--ui-line);box-shadow:0 2px 10px rgba(16,24,40,.05)}
.site-header-inner{height:auto}
.top-links{height:26px;margin:0 0 10px;gap:16px;justify-content:flex-end}
.top-links a,.top-links span{font-size:13px;color:#344054;font-weight:700}
.portal-search{height:44px;border:1px solid #cbd8e6;border-radius:5px;background:#fff;box-shadow:none;overflow:hidden}
.portal-search span,.portal-search input,.portal-search button,.portal-search a{height:42px;border-radius:0}
.portal-search span{background:#f8fafc;border-right:1px solid var(--ui-line-soft);font-size:13px}
.portal-search button{background:var(--ui-blue);font-weight:800}
.portal-search a{background:#f8fafc;border-left:1px solid var(--ui-line-soft);font-weight:800}
.portal-tabs{height:46px;background:var(--ui-blue-dark);border-bottom:3px solid var(--ui-blue);box-shadow:none}
.portal-tabs div{height:46px;max-width:1240px;background:transparent;border-radius:0;box-shadow:none;padding:0;gap:0}
.portal-tabs a{height:46px;line-height:46px;border-radius:0;padding:0 22px;color:#fff;border-right:1px solid rgba(255,255,255,.12);font-weight:800}
.portal-tabs a.active,.portal-tabs a:hover{background:var(--ui-blue);color:#fff}
.site-main{max-width:1240px;padding:18px 0 26px}
.site-footer{max-width:1240px;margin-top:24px;padding:18px 4px 28px;border-top:1px solid var(--ui-line);color:var(--ui-muted)}

.portal-intro,.portal-box,.m-section,.company-show,.detail-main,.detail-side>section,.member-dashboard-head,.member-row,.member-profile-card,.member-side-nav,.member-stats,.member-panel,.company-space-card,.company-side-card,.company-space-side>.detail-block,.company-space-main>.location-panel,.member-auth-card,.join-card{background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:6px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.portal-intro{padding:12px 15px;margin:0 0 14px;color:#475467}
.portal-box,.company-show,.m-section{overflow:hidden;margin:0 0 14px;padding:0}
.portal-box-title,.company-show h2,.section-row{min-height:42px;padding:0 16px;background:#f8fafc;border-bottom:1px solid var(--ui-line-soft)}
.portal-box-title,.company-show h2{display:flex;align-items:center;line-height:1;color:#172033;font-size:16px;font-weight:800}
.portal-box-title:before,.company-show h2:before,.section-row h2:before{content:"";width:4px;height:16px;margin-right:9px;background:var(--ui-blue);border-radius:1px;display:inline-block;vertical-align:-2px}
.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
.section-row h2{margin:0;color:#172033;font-size:17px;font-weight:800}
.section-row a,.section-row span{font-size:13px;color:var(--ui-muted)}
.portal-empty,.empty-box{border:1px dashed #c9d6e4;background:#fbfdff;color:#667085;border-radius:5px}

.portal-home{gap:16px}
.portal-side{display:grid;gap:14px}
.product-grid,.company-show-grid{padding:14px;gap:10px}
.product-card,.company-show-grid article,.company-item,.post-item,.company-activity-item{border:1px solid var(--ui-line-soft);border-radius:5px;background:#fff;box-shadow:none}
.product-card:hover,.company-show-grid article:hover,.company-item:hover,.post-item:hover,.company-activity-item:hover{border-color:#b9cde7;background:#fbfdff;box-shadow:0 2px 10px rgba(16,24,40,.05);transform:none}
.product-card{min-height:76px;padding:10px;grid-template-columns:52px minmax(0,1fr)}
.product-pic{width:52px;height:48px;border-radius:4px}
.company-show-grid article{min-height:92px;padding:12px}
.latest-companies ul,.home-member ul{padding:13px 16px}
.home-member h2{margin:14px 16px 0;font-size:15px}
.home-member .home-member-actions{padding:0 16px}

.company-feed,.post-list,.member-list{display:grid;gap:10px;padding:14px}
.post-list,.company-feed{padding:0}
.company-feed .company-item,.post-list .post-item{margin:0}
.company-item{padding:14px}
.post-item{grid-template-columns:74px minmax(0,1fr);gap:12px;padding:12px}
.post-thumb{width:74px;height:74px;border-radius:5px}
.post-item h3,.company-item h3{font-size:16px;line-height:1.35}
.post-item p,.company-item p{color:#536172}
.company-item div span,.member-row-main span,.member-row-meta span,.info-pills span,.activity-meta span,.activity-meta time{border-radius:3px;background:#f1f6fc;color:#315b83}

.directory-filter{padding:14px}
.directory-filter form{gap:8px}
.filter-tabs{background:#fff;border:1px solid var(--ui-line);border-radius:6px;padding:8px;margin:0 0 12px}
.filter-tabs a{height:34px;display:inline-flex;align-items:center;border-radius:4px;background:#f8fafc;border:1px solid var(--ui-line-soft)}
.filter-tabs a.active{background:var(--ui-blue);border-color:var(--ui-blue);color:#fff}
.pager{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin:16px 0}
.pager a,.pager span{height:34px;min-width:34px;display:inline-grid;place-items:center;border:1px solid var(--ui-line);background:#fff;border-radius:4px;color:#334155}
.pager .pager-number.active{background:var(--ui-blue);border-color:var(--ui-blue);color:#fff}

.detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}
.detail-main,.detail-side>section{padding:0;overflow:hidden}
.detail-main>p.tag,.detail-main>h1,.detail-main>.info-pills,.detail-main>.detail-summary,.detail-main>.post-cover,.detail-main>.detail-actions{margin-left:20px;margin-right:20px}
.detail-main>p.tag{margin-top:20px}
.detail-main h1{font-size:28px}
.detail-block{margin:18px 0 0;padding:18px 20px;border-top:1px solid var(--ui-line-soft)}
.detail-block h2{font-size:17px}
.detail-actions{gap:8px}
.detail-actions a,.home-member-actions a,.directory-filter button,.directory-filter a,.publish-submit button,.join-form button,.auth-form button,.member-row-actions button,.member-row-actions a,.company-space-actions a,.company-side-card a,.activity-actions a{border-radius:4px}
.detail-actions a,.directory-filter button,.publish-submit button,.join-form button,.auth-form button,.member-row-actions button{background:var(--ui-blue);color:#fff}
.detail-actions a:hover,.directory-filter button:hover,.publish-submit button:hover,.join-form button:hover,.auth-form button:hover,.member-row-actions button:hover{background:#0f559f}

.member-auth-card,.join-card,.publish-card{max-width:880px;margin:0 auto 16px;padding:24px}
.member-auth-card{max-width:460px}
.auth-head{padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid var(--ui-line-soft)}
.auth-head p,.tag{color:var(--ui-blue);font-weight:900}
.auth-head h1,.join-card h1,.publish-card h1,.m-section h1{color:#172033}
.auth-form,.join-form,.publish-form{gap:14px}
.publish-grid,.join-form{gap:12px}
.publish-grid label>span,.join-form label span,.auth-form label span{color:#344054}
.publish-submit{border-top:1px solid var(--ui-line-soft);padding-top:14px}

.member-workbench{grid-template-columns:250px minmax(0,1fr);gap:16px}
.member-profile-card,.member-side-nav,.member-stats,.member-panel{border-radius:6px}
.member-profile-card{padding:20px}
.member-avatar,.company-avatar{background:var(--ui-blue);border-radius:6px}
.member-side-nav{padding:8px}
.member-side-nav a{height:40px;border-radius:4px}
.member-side-nav a.active,.member-side-nav a:hover{background:var(--ui-blue);color:#fff}
.member-main .member-dashboard-head{margin:0 0 14px;padding:20px}
.member-stats{border-radius:6px;margin-bottom:14px}
.member-panel{padding:0}
.member-panel .member-list{padding:14px}
.member-row{border-radius:5px;padding:14px}
.member-row-actions{gap:7px}
.member-row-actions .danger{background:var(--ui-red)}
.member-status{border-radius:3px}
.member-status.approved{background:#ecfdf3;color:var(--ui-green)}
.member-pager{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;padding:0 14px 14px}
.member-pager button{height:34px;min-width:34px;border:1px solid var(--ui-line);border-radius:4px;background:#fff;color:#334155;padding:0 10px;cursor:pointer}
.member-pager button.active{background:var(--ui-blue);border-color:var(--ui-blue);color:#fff;font-weight:800}
.member-pager button:disabled{opacity:.45;cursor:not-allowed}
.member-pager span,.member-pager em{color:#64748b;font-style:normal}
.member-pager em{margin-left:4px}

.company-space{gap:14px}
.company-space-cover{min-height:150px;border-radius:6px;background:#143f66;box-shadow:none;padding:24px}
.company-space-cover:after{display:none}
.company-avatar{background:#fff;color:var(--ui-blue-dark)}
.company-space-title h1{font-size:30px}
.company-space-meta span{border-radius:3px;background:rgba(255,255,255,.13)}
.company-space-tabs{border-radius:6px;box-shadow:none;padding:0;background:#fff;overflow:hidden}
.company-space-tabs a{height:42px;border-radius:0;border-right:1px solid var(--ui-line-soft)}
.company-space-tabs a.active,.company-space-tabs a:hover{background:var(--ui-blue);color:#fff}
.company-space-layout{gap:16px}
.company-space-card,.company-side-card,.company-space-side>.detail-block,.company-space-main>.location-panel{border-radius:6px;box-shadow:none}
.company-space-card{padding:0;overflow:hidden}
.company-space-card>.detail-summary,.company-space-card>.company-quick-info{margin:16px 20px}
.company-activity-list{padding:14px}
.company-activity-item{border-radius:5px}
.activity-thumb{border-radius:4px}

.front-modal-mask,.member-edit-mask,.admin-modal-mask{background:rgba(15,23,42,.56);backdrop-filter:blur(3px)}
.front-modal,.member-edit-dialog,.admin-modal{border-radius:6px;border:1px solid #cfd9e6;box-shadow:0 24px 80px rgba(15,23,42,.32)}
.front-modal-head,.member-edit-head,.admin-modal-head{height:52px;padding:0 18px;background:#f8fafc;border-bottom:1px solid var(--ui-line);color:#172033}
.front-modal-head h2,.member-edit-head h2,.admin-modal-head h2{font-size:17px}
.front-modal-head button,.member-edit-head button,.admin-modal-head button{border:1px solid var(--ui-line);background:#fff;color:#344054;border-radius:4px;padding:7px 12px}
.front-modal iframe{background:#fff}
.front-modal.wide{width:min(900px,calc(100vw - 40px))}
.modal-embed-body{background:#fff}
.modal-embed-main{padding:18px;background:#fff}
.modal-embed-main .m-section,.modal-embed-main .join-card,.modal-embed-main .member-auth-card{border:0;box-shadow:none;margin:0;padding:0}
.modal-embed-main .auth-head{padding-bottom:12px}
.member-edit-body,.admin-modal-body{background:#fff}

.admin-body{background:#eef2f6;color:#1f2a37}
.admin-side{background:#143f66}
.admin-main header,.admin-output,.table-wrap,.login-card{border-radius:6px;border:1px solid var(--ui-line);box-shadow:0 1px 2px rgba(16,24,40,.04)}
.admin-actions button,.stack button,.admin-form button,.login-card button,.admin-main header button,.admin-modal-actions button{border-radius:4px;background:var(--ui-blue)}
.table-wrap th{background:#f8fafc}

@media(min-width:721px){
  .site-header-inner{max-width:1240px;padding:16px 0 14px;grid-template-columns:330px minmax(0,1fr)}
  .brand-logo-img.full-logo{height:58px;max-width:320px;border-radius:5px;padding:4px}
  .portal-home{grid-template-columns:minmax(0,1fr) 300px}
  .company-space-layout{grid-template-columns:minmax(0,1fr) 320px}
}

@media(max-width:720px){
  body{background:#f3f6fa}
  .site-header-inner{padding:12px;gap:10px}
  .top-links{justify-content:flex-start;overflow:auto}
  .portal-search{grid-template-columns:46px minmax(0,1fr) 72px;height:42px}
  .portal-search a{display:none}
  .portal-tabs{height:auto}
  .portal-tabs div{height:auto;overflow:auto}
  .portal-tabs a{height:42px;line-height:42px;padding:0 15px;white-space:nowrap}
  .site-main{padding:12px}
  .portal-home,.detail-layout,.member-workbench,.company-space-layout,.company-space-cover{grid-template-columns:1fr}
  .product-grid,.company-show-grid{grid-template-columns:1fr 1fr}
  .directory-filter form,.publish-grid,.join-form{grid-template-columns:1fr}
  .member-side-nav{grid-template-columns:1fr 1fr}
  .member-stats{grid-template-columns:repeat(3,1fr)}
  .member-row{grid-template-columns:1fr}
  .member-row-actions{justify-content:flex-start;min-width:0}
  .company-space-cover{padding:18px}
  .company-space-actions{align-self:start}
  .front-modal-mask{padding:0;place-items:end stretch}
  .front-modal,.front-modal.wide{width:100%;height:94vh;border-radius:10px 10px 0 0}
  .front-modal iframe,.front-modal.wide iframe{height:calc(94vh - 52px)}
  .member-edit-dialog,.admin-modal{width:100%;max-height:94vh;border-radius:10px 10px 0 0}
}

/* Admin color restore: keep backend independent from frontend theme */
.admin-body{height:100vh;background:#f2f3f5;color:#333}
.admin-body .login-view{background:#f2f3f5}
.admin-body .login-card{background:#fff;border:1px solid #dcdfe6;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.06);color:#333}
.admin-body .login-card h1{color:#1f2937}
.admin-body .login-card p{color:#6b7280}
.admin-body .login-card input{border:1px solid #cfd9e6;border-radius:2px;background:#fff;color:#333}
.admin-body .login-card button{border-radius:2px;background:#0c64b6;color:#fff}

.admin-body .admin-side{background:#20222a;color:#fff}
.admin-body .admin-side strong{color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-body .side-label{color:#8b95a5}
.admin-body .admin-side button{background:transparent;color:#c9d1dc;border-left:3px solid transparent;border-radius:0}
.admin-body .admin-side button:hover{background:#2a2d36;color:#fff}
.admin-body .admin-side button.active{background:#111827;border-left-color:#0c64b6;color:#fff}

.admin-body .admin-main{background:#f2f3f5;color:#333}
.admin-body .admin-main header,.admin-body .admin-panel,.admin-body .admin-output,.admin-body .table-wrap{background:#fff;border:1px solid #dcdfe6;border-radius:2px;box-shadow:none;color:#333}
.admin-body .admin-main header h1{color:#1f2937}
.admin-body .admin-main header p{color:#6b7280}
.admin-body .admin-main header button{border-radius:2px;background:#0c64b6;color:#fff}
.admin-body .admin-actions button{height:34px;border-radius:2px;background:#fff;color:#333;border:1px solid #dcdfe6;font-weight:500}
.admin-body .admin-actions button:hover{border-color:#0c64b6;color:#0c64b6;background:#fff}
.admin-body .admin-actions button.primary-action{background:#0c64b6;color:#fff;border-color:#0c64b6}
.admin-body .admin-actions button.primary-action:hover{background:#0b5aa5;color:#fff}

.admin-body .stack input,.admin-body .stack select,.admin-body .stack textarea,.admin-body .admin-form input,.admin-body .admin-form select,.admin-body .admin-form textarea{background:#fff;color:#333;border:1px solid #cfd9e6}
.admin-body .stack button,.admin-body .admin-form button,.admin-body .admin-modal-actions button{background:#0c64b6;color:#fff;border-radius:2px}
.admin-body .ghost-btn,.admin-body .admin-modal-actions .ghost-btn{background:#edf2f7;color:#35506c}

.admin-body .table-wrap th{background:#f5f7fa;color:#303133}
.admin-body .table-wrap td{background:#fff;color:#333}
.admin-body .table-wrap tr:hover td{background:#fbfdff}
.admin-body .table-wrap td button,.admin-body .table-wrap td .row-btn{color:#fff}
.admin-body .row-btn.info{background:#2563eb}
.admin-body .row-btn.success{background:#16a34a}
.admin-body .row-btn.warn{background:#f59e0b}
.admin-body .row-btn.danger{background:#dc2626}
.admin-body .row-btn.ghost{background:#64748b}

.admin-body .admin-modal-mask{background:rgba(15,23,42,.45);backdrop-filter:none}
.admin-body .admin-modal{background:#fff;border:0;border-radius:2px;box-shadow:0 8px 24px rgba(0,0,0,.18);color:#333}
.admin-body .admin-modal-head{height:auto;padding:12px 16px;background:#f5f7fa;border-bottom:1px solid #dcdfe6;color:#1f3552}
.admin-body .admin-modal-head h2{color:#1f3552}
.admin-body .admin-modal-head button{border:1px solid #dcdfe6;border-radius:2px;background:#fff;color:#606266}
.admin-body .admin-modal-body{background:#fff;color:#333}

/* Frontend final polish layer */
.site-body{
  --front-bg:#f3f7fb;
  --front-panel:#fff;
  --front-line:#dbe6f2;
  --front-line-soft:#eaf1f8;
  --front-text:#172033;
  --front-muted:#64748b;
  --front-blue:#155ea8;
  --front-blue-dark:#123f66;
  --front-blue-soft:#eef6ff;
  --front-orange:#f17f13;
  --front-shadow:0 8px 22px rgba(16,24,40,.055);
  background:var(--front-bg);
  color:var(--front-text);
  letter-spacing:0;
}
.site-body *{min-width:0}
.site-body p,.site-body span,.site-body strong,.site-body b,.site-body em,.site-body a,.site-body h1,.site-body h2,.site-body h3,.site-body li{overflow-wrap:anywhere}
.site-body a{color:var(--front-blue)}
.site-body a:hover{color:#0f4f91}
.site-body input,.site-body select,.site-body textarea{border-color:#cfddeb;border-radius:8px;color:var(--front-text)}
.site-body input:focus,.site-body select:focus,.site-body textarea:focus{border-color:var(--front-blue);box-shadow:0 0 0 3px rgba(21,94,168,.13)}
.site-body button,.site-body .detail-actions a,.site-body .home-member-actions a,.site-body .directory-filter a,.site-body .directory-filter button,.site-body .publish-submit button,.site-body .join-form button,.site-body .auth-form button,.site-body .member-row-actions button,.site-body .member-row-actions a,.site-body .company-space-actions a,.site-body .company-side-card a,.site-body .activity-actions a,.site-body .side-contact-card a,.site-body .contact-actions a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 16px;
  border-radius:8px;
  line-height:1.25;
  text-align:center;
  white-space:normal;
}
.site-body .site-header{background:#fff;border-bottom:1px solid var(--front-line);box-shadow:0 2px 12px rgba(16,24,40,.055)}
.site-body .site-header-inner{max-width:1240px;padding:18px 16px 15px;gap:28px}
.site-body .brand-logo-img.full-logo{height:58px;max-width:320px;padding:3px;border:1px solid var(--front-line);border-radius:8px;background:#fff}
.site-body .top-links{gap:18px;margin-bottom:12px}
.site-body .top-links a,.site-body .top-links span{color:#243447;font-size:13px}
.site-body .portal-search{height:46px;border:1px solid #c8d8e8;border-radius:8px;background:#fff;box-shadow:0 4px 12px rgba(16,24,40,.045)}
.site-body .portal-search span,.site-body .portal-search input,.site-body .portal-search button,.site-body .portal-search a{height:44px}
.site-body .portal-search input{padding:0 14px;color:#172033}
.site-body .portal-search button{background:var(--front-blue);font-size:16px}
.site-body .portal-search a{color:var(--front-blue);background:#f8fbff}
.site-body .portal-tabs{height:48px;background:var(--front-blue-dark);border-bottom:3px solid #1976c9}
.site-body .portal-tabs div{height:48px;max-width:1240px;padding:0 16px}
.site-body .portal-tabs a{height:48px;line-height:48px;padding:0 22px;color:#fff;border-right:1px solid rgba(255,255,255,.13)}
.site-body .portal-tabs a.active,.site-body .portal-tabs a:hover{background:var(--front-blue)}
.site-body .site-main{max-width:1240px;padding:20px 16px 32px}
.site-body .site-footer{max-width:1240px;padding:18px 16px 30px;color:var(--front-muted)}

.site-body .portal-intro,.site-body .portal-box,.site-body .m-section,.site-body .company-show,.site-body .detail-main,.site-body .detail-side>section,.site-body .member-dashboard-head,.site-body .member-row,.site-body .member-profile-card,.site-body .member-side-nav,.site-body .member-stats,.site-body .member-panel,.site-body .company-space-card,.site-body .company-side-card,.site-body .company-space-side>.detail-block,.site-body .company-space-main>.location-panel,.site-body .member-auth-card,.site-body .join-card{
  background:var(--front-panel);
  border:1px solid var(--front-line);
  border-radius:10px;
  box-shadow:var(--front-shadow);
}
.site-body .portal-box,.site-body .company-show,.site-body .m-section,.site-body .member-panel{overflow:hidden;margin-bottom:16px;padding:0}
.site-body .portal-box-title,.site-body .company-show h2,.site-body .section-row{
  min-height:46px;
  padding:0 18px;
  background:#f8fbff;
  border-bottom:1px solid var(--front-line-soft);
}
.site-body .portal-box-title,.site-body .company-show h2,.site-body .section-row h2{
  color:#14243a;
  font-size:17px;
  font-weight:900;
}
.site-body .portal-box-title:before,.site-body .company-show h2:before,.site-body .section-row h2:before{background:var(--front-blue);height:17px;margin-right:10px}
.site-body .portal-empty,.site-body .empty-box{margin:16px;padding:16px;border-radius:8px;border-color:#cbd8e6;background:#fbfdff;color:var(--front-muted)}
.site-body .portal-home{gap:18px}
.site-body .product-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;padding:16px}
.site-body .product-card{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;min-height:74px;padding:12px;text-align:left;border:1px solid var(--front-line-soft);border-radius:9px;background:#fff;color:#16395f}
.site-body .product-pic{width:50px;height:50px;margin:0;border-radius:8px;background:#edf5fc}
.site-body .product-card strong{display:block;line-height:1.35}
.site-body .keyword-cloud,.site-body .latest-companies ul,.site-body .home-member ul{padding:16px 18px}
.site-body .keyword-cloud a,.site-body .latest-companies a{line-height:1.45}
.site-body .home-member h2{margin:16px 18px 0}
.site-body .home-member .home-member-actions{padding:0 18px}

.site-body .company-show-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;padding:16px;border:0}
.site-body .company-show-grid article{min-height:110px;padding:16px;border:1px solid var(--front-line-soft);border-radius:9px;background:#fff}
.site-body .company-show-grid h3{margin:0 0 8px;font-size:16px;font-weight:800;line-height:1.45}
.site-body .company-show-grid p{color:#536172;line-height:1.65}
.site-body .company-feed,.site-body .post-list,.site-body .member-list{gap:12px;padding:16px}
.site-body .company-feed:empty,.site-body .post-list:empty{padding:0}
.site-body .company-item,.site-body .post-item,.site-body .company-activity-item,.site-body .member-row{
  padding:16px;
  border:1px solid var(--front-line-soft);
  border-radius:9px;
  background:#fff;
}
.site-body .company-item h3,.site-body .post-item h3,.site-body .activity-main h3{margin-bottom:8px;line-height:1.4}
.site-body .company-item p,.site-body .post-item p,.site-body .activity-main p{line-height:1.7;color:#536172}
.site-body .company-item div{gap:10px;flex-wrap:wrap}
.site-body .company-item div span,.site-body .info-pills span,.site-body .activity-meta span,.site-body .activity-meta time,.site-body .member-status,.site-body .member-row-main span,.site-body .member-row-meta span{border-radius:6px;background:var(--front-blue-soft);color:#315b83}
.site-body .post-item{grid-template-columns:86px minmax(0,1fr);gap:14px}
.site-body .post-thumb{width:86px;height:86px;border-radius:8px}
.site-body .post-item .addr{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.site-body .filter-tabs{gap:8px;padding:10px;margin-bottom:14px;border-radius:10px;background:#fff}
.site-body .filter-tabs a{height:auto;min-height:36px;padding:8px 14px;border-radius:8px}
.site-body .directory-filter{padding:16px}
.site-body .directory-filter form{gap:10px}
.site-body .directory-filter input{height:42px}

.site-body .detail-layout{grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.site-body .detail-main,.site-body .detail-side>section{padding:0;overflow:hidden}
.site-body .detail-main>p.tag,.site-body .detail-main>h1,.site-body .detail-main>.info-pills,.site-body .detail-main>.post-cover,.site-body .detail-main>.detail-actions{margin-left:22px;margin-right:22px}
.site-body .detail-main>p.tag{margin-top:22px}
.site-body .detail-main h1{font-size:29px;line-height:1.3;color:#111827}
.site-body .detail-block{margin:20px 0 0;padding:20px 22px;border-top:1px solid var(--front-line-soft)}
.site-body .detail-block h2{margin-bottom:10px;color:#14243a;font-size:18px}
.site-body .post-company-card{border-color:var(--front-line);border-radius:10px;padding:18px}
.site-body .post-contact-actions{gap:14px}
.site-body .post-contact-actions a{height:48px}
.site-body .detail-side{display:grid;gap:16px}
.site-body .side-contact-card{position:sticky;top:18px;gap:14px;padding:22px}
.site-body .side-contact-card h2{margin:0;color:#14243a;font-size:19px}
.site-body .side-contact-card>strong{font-size:17px;line-height:1.5;color:#111827}
.site-body .side-contact-card p{margin:0;color:#536172;line-height:1.75}
.site-body .side-contact-line{padding:12px 14px;border-radius:9px;background:#f8fbff;border-color:var(--front-line-soft)}
.site-body .side-contact-line b{font-size:14px;line-height:1.55;word-break:break-word}
.site-body .side-contact-card a{width:100%;background:var(--front-blue);color:#fff;font-weight:900}
.site-body .side-contact-card a:nth-of-type(even){background:var(--front-orange);color:#fff}
.site-body .contact-grid{gap:12px}
.site-body .contact-item,.site-body .company-quick-info div{padding:13px 14px;border-radius:9px;background:#f8fbff;border-color:var(--front-line-soft)}
.site-body .contact-item strong,.site-body .company-quick-info span{font-size:15px;line-height:1.55}
.site-body .contact-actions{gap:10px}
.site-body .location-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:14px}
.site-body .location-map{min-height:190px;border-radius:10px;border-color:#cfddeb;background:linear-gradient(135deg,#f0f7ff,#fbfdff)}
.site-body .article-location-map{min-height:230px}

.site-body .member-auth-card,.site-body .join-card,.site-body .publish-card{padding:26px;margin-bottom:18px}
.site-body .auth-head{padding-bottom:16px}
.site-body .auth-head h1,.site-body .publish-card h1,.site-body .join-card h1{line-height:1.3}
.site-body .publish-grid,.site-body .join-form{gap:14px}
.site-body .publish-grid input,.site-body .publish-grid select,.site-body .publish-grid textarea,.site-body .join-form input,.site-body .join-form textarea,.site-body .auth-form input{border-radius:8px}
.site-body .publish-image-row{gap:10px}
.site-body .publish-submit{padding-top:16px}
.site-body .member-workbench{gap:18px}
.site-body .member-profile-card,.site-body .member-side-nav,.site-body .member-stats,.site-body .member-panel{border-radius:10px}
.site-body .member-row{grid-template-columns:minmax(0,1fr) auto;gap:14px}
.site-body .member-row-main p{line-height:1.65}
.site-body .member-row-actions{gap:8px}

.site-body .company-space-cover{border-radius:10px;background:linear-gradient(135deg,#143f66,#1764ad);box-shadow:0 12px 26px rgba(18,63,102,.18)}
.site-body .company-space-tabs{border-radius:10px}
.site-body .company-space-card,.site-body .company-side-card,.site-body .company-space-main>.location-panel{border-radius:10px}
.site-body .company-space-card>.detail-summary,.site-body .company-space-card>.company-quick-info{margin:18px 22px}
.site-body .company-activity-list{padding:16px}
.site-body .company-activity-item{grid-template-columns:86px minmax(0,1fr);gap:14px}
.site-body .activity-thumb{width:86px;height:86px;border-radius:8px}

@media(min-width:721px){
  .site-body .portal-home{grid-template-columns:minmax(0,1fr) 320px}
  .site-body .company-space-layout{grid-template-columns:minmax(0,1fr) 320px}
  .site-body .member-workbench{grid-template-columns:260px minmax(0,1fr)}
}
@media(max-width:980px){
  .site-body .site-header-inner{grid-template-columns:1fr;align-items:start}
  .site-body .top-links{justify-content:flex-start;overflow:auto}
  .site-body .detail-layout,.site-body .portal-home,.site-body .company-space-layout{grid-template-columns:1fr}
  .site-body .side-contact-card{position:static}
}
@media(max-width:720px){
  .site-body .site-main{padding:12px}
  .site-body .site-header-inner{padding:12px}
  .site-body .brand-logo-img.full-logo{height:48px;max-width:230px}
  .site-body .portal-search{grid-template-columns:46px minmax(0,1fr) 72px;height:auto}
  .site-body .portal-search span,.site-body .portal-search input,.site-body .portal-search button{height:42px}
  .site-body .portal-search a{display:none}
  .site-body .portal-tabs div{padding:0 8px}
  .site-body .portal-tabs a{padding:0 14px}
  .site-body .product-grid,.site-body .company-show-grid{grid-template-columns:1fr}
  .site-body .product-card{grid-template-columns:48px minmax(0,1fr)}
  .site-body .company-feed,.site-body .post-list,.site-body .member-list{padding:12px}
  .site-body .post-item,.site-body .company-activity-item{grid-template-columns:72px minmax(0,1fr);padding:12px;gap:12px}
  .site-body .post-thumb,.site-body .activity-thumb{width:72px;height:72px}
  .site-body .detail-main>p.tag,.site-body .detail-main>h1,.site-body .detail-main>.info-pills,.site-body .detail-main>.post-cover,.site-body .detail-main>.detail-actions{margin-left:16px;margin-right:16px}
  .site-body .detail-block{padding:16px}
  .site-body .detail-main h1{font-size:23px}
  .site-body .detail-side>section,.site-body .side-contact-card{padding:18px}
  .site-body .post-contact-actions,.site-body .contact-grid,.site-body .company-quick-info,.site-body .location-layout,.site-body .member-row,.site-body .member-workbench,.site-body .publish-grid,.site-body .join-form{grid-template-columns:1fr}
  .site-body .post-contact-actions{gap:10px}
  .site-body .member-auth-card,.site-body .join-card,.site-body .publish-card{padding:18px}
  .site-body .member-row-actions{justify-content:flex-start}
  .site-body .company-space-cover{grid-template-columns:1fr;padding:18px}
  .site-body .company-space-title h1{font-size:24px}
  .site-body .company-space-actions{flex-wrap:wrap}
  .site-body .company-space-actions a{flex:1 1 120px}
  .site-body .company-space-tabs{overflow:auto}
  .site-body .company-space-tabs a{white-space:nowrap}
}

/* Frontend color correction: remove harsh red/green blocks and blue text on dark buttons */
.site-body .home-member-actions a,
.site-body .detail-actions a,
.site-body .post-contact-actions a,
.site-body .side-contact-card a,
.site-body .contact-actions a,
.site-body .publish-submit button,
.site-body .join-form button,
.site-body .auth-form button,
.site-body .member-row-actions button,
.site-body .directory-filter button{
  background:#1764ad!important;
  border:1px solid #1764ad!important;
  color:#fff!important;
  box-shadow:none;
}
.site-body .home-member-actions a:nth-child(2n),
.site-body .post-contact-actions .online-action,
.site-body .side-contact-card a:nth-of-type(even),
.site-body .contact-actions a+a,
.site-body .member-row-actions button.danger{
  background:#334155!important;
  border-color:#334155!important;
  color:#fff!important;
}
.site-body .post-contact-actions .phone-action{
  background:#1764ad!important;
  border-color:#1764ad!important;
  color:#fff!important;
}
.site-body .directory-filter a,
.site-body .member-row-actions a,
.site-body .company-side-card a,
.site-body .activity-actions a{
  background:#eef5fc!important;
  border:1px solid #d7e5f5!important;
  color:#155ea8!important;
}
.site-body .home-member-actions a:hover,
.site-body .detail-actions a:hover,
.site-body .post-contact-actions a:hover,
.site-body .side-contact-card a:hover,
.site-body .contact-actions a:hover,
.site-body .publish-submit button:hover,
.site-body .join-form button:hover,
.site-body .auth-form button:hover,
.site-body .member-row-actions button:hover,
.site-body .directory-filter button:hover{
  background:#0f559f!important;
  border-color:#0f559f!important;
  color:#fff!important;
}
.site-body .home-member-actions a:nth-child(2n):hover,
.site-body .post-contact-actions .online-action:hover,
.site-body .side-contact-card a:nth-of-type(even):hover,
.site-body .contact-actions a+a:hover{
  background:#273449!important;
  border-color:#273449!important;
  color:#fff!important;
}

/* Modern classifieds UI rebuild layer */
.site-body{
  --mx-bg:#f5f7fb;
  --mx-panel:#fff;
  --mx-border:#dce6f1;
  --mx-soft:#eef4fa;
  --mx-text:#182334;
  --mx-muted:#66758a;
  --mx-primary:#135fa8;
  --mx-primary-hover:#0e4f91;
  --mx-secondary:#34445c;
  --mx-accent:#ff7a1a;
  --mx-radius:10px;
  --mx-shadow:0 6px 18px rgba(31,45,61,.06);
  background:var(--mx-bg);
}
.site-body .site-header{
  background:#fff;
  border-bottom:1px solid var(--mx-border);
  box-shadow:0 2px 14px rgba(31,45,61,.06);
}
.site-body .site-header-inner{
  max-width:1220px;
  grid-template-columns:300px minmax(0,1fr);
  padding:18px 12px;
}
.site-body .portal-head-right{
  display:grid;
  gap:10px;
}
.site-body .top-links{
  margin:0;
  height:auto;
  justify-content:flex-end;
  align-items:center;
}
.site-body .top-links a,.site-body .top-links span{
  color:#314259;
  font-size:13px;
}
.site-body .portal-search{
  max-width:880px;
  justify-self:end;
  width:100%;
  height:46px;
  border:1px solid #c8d8e8;
  border-radius:8px;
  box-shadow:0 4px 12px rgba(31,45,61,.045);
}
.site-body .portal-search span{
  color:#536172;
  background:#f8fbff;
}
.site-body .portal-search input{
  font-size:14px;
}
.site-body .portal-search button{
  background:var(--mx-primary)!important;
  color:#fff!important;
}
.site-body .portal-search a{
  color:var(--mx-primary)!important;
  background:#f8fbff!important;
  border-left:1px solid var(--mx-border)!important;
}
.site-body .portal-tabs{
  height:48px;
  background:#fff;
  border-top:1px solid var(--mx-soft);
  border-bottom:1px solid var(--mx-border);
  box-shadow:none;
}
.site-body .portal-tabs div{
  max-width:1220px;
  height:48px;
  padding:0 12px;
  gap:6px;
}
.site-body .portal-tabs a{
  position:relative;
  height:48px;
  line-height:48px;
  padding:0 18px;
  border:0;
  border-radius:0;
  color:#26364d;
  background:transparent;
}
.site-body .portal-tabs a:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:transparent;
}
.site-body .portal-tabs a.active,.site-body .portal-tabs a:hover{
  color:var(--mx-primary);
  background:transparent;
}
.site-body .portal-tabs a.active:after,.site-body .portal-tabs a:hover:after{
  background:var(--mx-primary);
}
.site-body .site-main{
  max-width:1220px;
  padding:20px 12px 36px;
}
.site-body .portal-home{
  grid-template-columns:minmax(0,1fr) 316px;
  gap:18px;
}
.site-body .portal-box,.site-body .company-show,.site-body .m-section,.site-body .detail-main,.site-body .detail-side>section,.site-body .member-panel,.site-body .member-dashboard-head,.site-body .member-profile-card,.site-body .member-side-nav,.site-body .member-stats,.site-body .company-space-card,.site-body .company-side-card,.site-body .company-space-main>.location-panel{
  border:1px solid var(--mx-border);
  border-radius:var(--mx-radius);
  box-shadow:var(--mx-shadow);
}
.site-body .portal-box-title,.site-body .company-show h2,.site-body .section-row{
  min-height:48px;
  padding:0 18px;
  background:linear-gradient(#fbfdff,#f7fafe);
}
.site-body .portal-box-title:before,.site-body .company-show h2:before,.site-body .section-row h2:before{
  width:3px;
  height:18px;
  background:var(--mx-primary);
}
.site-body .product-grid{
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:12px;
  padding:16px;
}
.site-body .product-card{
  min-height:78px;
  border-color:var(--mx-soft);
  border-radius:9px;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.site-body .product-card:hover,.site-body .company-show-grid article:hover,.site-body .company-item:hover,.site-body .post-item:hover,.site-body .company-activity-item:hover,.site-body .member-row:hover{
  border-color:#b8cfe9;
  box-shadow:0 10px 24px rgba(31,45,61,.08);
  transform:translateY(-1px);
}
.site-body .product-pic{
  background:#edf5fc;
  border:1px solid #dbe8f5;
}
.site-body .company-show-grid{
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:12px;
  padding:16px;
}
.site-body .company-show-grid article,.site-body .company-item,.site-body .post-item,.site-body .company-activity-item,.site-body .member-row{
  border-color:var(--mx-soft);
  border-radius:9px;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.site-body .company-item h3 a,.site-body .post-item h3 a,.site-body .company-show-grid h3 a,.site-body .activity-main h3 a{
  color:#182334;
}
.site-body .company-item h3 a:hover,.site-body .post-item h3 a:hover,.site-body .company-show-grid h3 a:hover,.site-body .activity-main h3 a:hover{
  color:var(--mx-primary);
}
.site-body .company-item p,.site-body .post-item p,.site-body .company-show-grid p,.site-body .activity-main p{
  color:var(--mx-muted);
}
.site-body .post-item{
  grid-template-columns:88px minmax(0,1fr);
}
.site-body .post-thumb{
  width:88px;
  height:88px;
}
.site-body .home-member-actions a,.site-body .detail-actions a,.site-body .post-contact-actions a,.site-body .side-contact-card a,.site-body .contact-actions a,.site-body .publish-submit button,.site-body .join-form button,.site-body .auth-form button,.site-body .member-row-actions button,.site-body .directory-filter button{
  background:var(--mx-primary)!important;
  border-color:var(--mx-primary)!important;
  color:#fff!important;
  border-radius:8px!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.site-body .home-member-actions a:nth-child(2n),.site-body .post-contact-actions .online-action,.site-body .side-contact-card a:nth-of-type(even),.site-body .contact-actions a+a{
  background:var(--mx-secondary)!important;
  border-color:var(--mx-secondary)!important;
  color:#fff!important;
}
.site-body .home-member-actions a:hover,.site-body .detail-actions a:hover,.site-body .post-contact-actions a:hover,.site-body .side-contact-card a:hover,.site-body .contact-actions a:hover,.site-body .publish-submit button:hover,.site-body .join-form button:hover,.site-body .auth-form button:hover,.site-body .member-row-actions button:hover,.site-body .directory-filter button:hover{
  background:var(--mx-primary-hover)!important;
  border-color:var(--mx-primary-hover)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(19,95,168,.18);
  transform:translateY(-1px);
}
.site-body .home-member-actions a:nth-child(2n):hover,.site-body .post-contact-actions .online-action:hover,.site-body .side-contact-card a:nth-of-type(even):hover,.site-body .contact-actions a+a:hover{
  background:#273449!important;
  border-color:#273449!important;
}
.site-body .directory-filter a,.site-body .member-row-actions a,.site-body .company-side-card a,.site-body .activity-actions a{
  color:var(--mx-primary)!important;
  border-color:#d4e4f5!important;
  background:#f1f7fd!important;
}
.site-body .site-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.site-body .site-footer-left,
.site-body .site-footer-right{
  min-width:0;
}
.site-body .site-footer-right{
  margin-left:auto;
  text-align:right;
  white-space:nowrap;
}
.site-body .site-footer-right a{
  color:inherit;
}
.site-body .filter-tabs{
  border-color:var(--mx-border);
  box-shadow:var(--mx-shadow);
}
.site-body .filter-tabs a.active,.site-body .pager .pager-number.active{
  background:var(--mx-primary)!important;
  border-color:var(--mx-primary)!important;
  color:#fff!important;
}
.site-body .detail-layout{
  grid-template-columns:minmax(0,1fr) 320px;
  gap:18px;
}
.site-body .detail-main h1{
  font-size:30px;
  color:#111827;
}
.site-body .post-contact-actions{
  gap:14px;
}
.site-body .post-contact-actions a{
  height:48px;
  font-size:17px;
}
.site-body .post-company-card,.site-body .contact-item,.site-body .company-quick-info div,.site-body .side-contact-line{
  border-color:var(--mx-soft);
  border-radius:9px;
  background:#fbfdff;
}
.site-body .location-map{
  background:#f7fbff;
  border-color:#d3e1ef;
}
.site-body .member-workbench,.site-body .company-space{
  gap:18px;
}
.site-body .company-space-cover{
  border-radius:12px;
  background:linear-gradient(135deg,#123f66,#135fa8);
}
.site-body .company-space-tabs{
  border-radius:10px;
  box-shadow:var(--mx-shadow);
}
.site-body .company-space-tabs a.active,.site-body .company-space-tabs a:hover{
  background:var(--mx-primary)!important;
  color:#fff!important;
}
@media(max-width:980px){
  .site-body .site-header-inner,.site-body .portal-home,.site-body .detail-layout,.site-body .company-space-layout{
    grid-template-columns:1fr;
  }
  .site-body .portal-search{
    justify-self:stretch;
    max-width:none;
  }
}
@media(max-width:720px){
  .site-body .site-header-inner,.site-body .site-main{
    padding-left:12px;
    padding-right:12px;
  }
  .site-body .portal-tabs div{
    overflow:auto;
  }
  .site-body .portal-tabs a{
    white-space:nowrap;
    padding:0 14px;
  }
  .site-body .company-show-grid,.site-body .product-grid{
    grid-template-columns:1fr;
  }
  .site-body .post-item,.site-body .company-activity-item{
    grid-template-columns:72px minmax(0,1fr);
  }
  .site-body .post-thumb,.site-body .activity-thumb{
    width:72px;
    height:72px;
  }
}

/* Compact sidebar cards */
.site-body .portal-side{
  gap:14px;
}
.site-body .side-box,
.site-body .detail-side>section,
.site-body .side-contact-card,
.site-body .company-side-card{
  border-radius:9px;
}
.site-body .side-contact-card{
  padding:18px!important;
  gap:12px;
}
.site-body .side-contact-card h2{
  font-size:17px;
  line-height:1.35;
}
.site-body .side-contact-card>strong{
  margin:0;
  font-size:15px;
  line-height:1.45;
}
.site-body .side-contact-card p{
  font-size:13px;
  line-height:1.65;
  margin:0;
}
.site-body .side-contact-line{
  padding:10px 12px;
  border-radius:8px;
}
.site-body .side-contact-line span{
  font-size:12px;
  margin-bottom:2px;
}
.site-body .side-contact-line b{
  font-size:13px;
  line-height:1.5;
}
.site-body .side-contact-card a{
  min-height:38px;
  height:38px;
  padding:0 12px;
  font-size:14px;
  border-radius:8px!important;
}
.site-body .post-contact-actions a{
  height:42px;
  min-height:42px;
  font-size:15px;
}
.site-body .home-member h2{
  margin:14px 16px 0;
  font-size:14px;
  line-height:1.45;
}
.site-body .home-service-summary{
  padding:14px 16px 10px;
}
.site-body .home-service-summary strong{
  display:block;
  color:#182334;
  font-size:15px;
  line-height:1.35;
}
.site-body .home-service-summary span{
  display:block;
  margin-top:5px;
  color:#66758a;
  font-size:12px;
  line-height:1.55;
}
.site-body .home-member .home-member-actions{
  padding:0 16px;
  gap:8px;
}
.site-body .home-member-actions a{
  min-height:38px;
  height:38px;
  padding:0 10px;
  font-size:14px;
}
.site-body .home-member ul{
  margin:10px 16px 16px;
  padding-left:17px;
  font-size:12px;
  line-height:1.6;
}
.site-body .home-service-rank{
  display:grid;
  gap:7px;
  padding:10px 16px 16px;
}
.site-body .home-service-rank span{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  color:#536172;
  font-size:12px;
  line-height:1.35;
}
.site-body .home-service-rank b{
  flex:0 0 20px;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:#eef5fc;
  color:#135fa8;
  font-size:12px;
}
.site-body .latest-companies ul{
  padding:12px 16px 14px;
  counter-reset:company-rank;
}
.site-body .latest-companies{
  min-height:560px;
}
.site-body .latest-companies li{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:31px;
  padding-left:0;
  line-height:1.45;
  counter-increment:company-rank;
}
.site-body .latest-companies li:before{
  position:static;
  content:counter(company-rank);
  flex:0 0 20px;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:#f1f5f9;
  color:#536172;
  font-size:12px;
  font-weight:800;
}
.site-body .latest-companies a{
  font-size:13px;
  line-height:1.45;
  display:block;
  flex:1;
}
@media(min-width:981px){
  .site-body .portal-home{
    grid-template-columns:minmax(0,1fr) 300px;
  }
  .site-body .detail-layout{
    grid-template-columns:minmax(0,1fr) 300px;
  }
}
@media(max-width:720px){
  .site-body .side-contact-card{
    padding:16px!important;
  }
  .site-body .side-contact-card a,
  .site-body .home-member-actions a{
    min-height:36px;
    height:36px;
  }
  .site-body .site-footer{
    align-items:flex-start;
    flex-direction:column;
  }
  .site-body .site-footer-right{
    margin-left:0;
    text-align:left;
    white-space:normal;
  }
}

/* Admin workspace refinement */
.admin-body .admin-shell{
  grid-template-columns:220px minmax(0,1fr);
  background:#eef2f6;
}
.admin-body .admin-main{
  padding:24px 28px 32px;
  background:#eef2f6;
}
.admin-body .admin-main header,
.admin-body .admin-panel,
.admin-body .admin-card,
.admin-body .table-wrap,
.admin-body .admin-empty,
.admin-body .dashboard-cards article,
.admin-body .dashboard-lists section,
.admin-body .dashboard-note,
.admin-body .list-filter{
  border:1px solid #d9e2ec;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(15,23,42,.035);
}
.admin-body .admin-main header{
  padding:20px 22px;
  margin-bottom:14px;
}
.admin-body .admin-main header h1{
  font-size:24px;
  font-weight:700;
}
.admin-body .admin-panel{
  padding:14px;
  margin-bottom:14px;
}
.admin-body .admin-actions{
  gap:10px;
}
.admin-body .admin-actions button{
  height:38px;
  border-radius:6px;
  padding:0 16px;
}
.admin-body .admin-output{
  padding:0;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.admin-body .admin-card,
.admin-body .admin-form,
.admin-body .readable-form{
  padding:22px;
}
.admin-body .admin-card{
  background:#fff;
}
.admin-body .admin-form{
  gap:16px;
}
.admin-body .admin-form h2{
  font-size:18px;
  font-weight:800;
  color:#172033;
}
.admin-body .admin-form-grid{
  grid-template-columns:repeat(2,minmax(260px,1fr));
  gap:18px 20px;
}
.admin-body .readable-grid{
  grid-template-columns:repeat(2,minmax(280px,1fr));
  gap:18px 20px;
}
.admin-body .admin-field{
  gap:8px;
}
.admin-body .admin-field span{
  color:#172033;
  font-size:14px;
}
.admin-body .stack input,
.admin-body .stack select,
.admin-body .stack textarea,
.admin-body .admin-form input,
.admin-body .admin-form select,
.admin-body .admin-form textarea,
.admin-body .list-filter input,
.admin-body .list-filter select{
  min-height:42px;
  border-radius:6px;
  border-color:#cbd8e6;
  padding:10px 12px;
  font-size:14px;
  transition:border-color .16s,box-shadow .16s;
}
.admin-body .admin-form textarea,
.admin-body .stack textarea{
  min-height:112px;
  line-height:1.65;
}
.admin-body .admin-form input:focus,
.admin-body .admin-form select:focus,
.admin-body .admin-form textarea:focus,
.admin-body .list-filter input:focus,
.admin-body .list-filter select:focus{
  outline:0;
  border-color:#0c64b6;
  box-shadow:0 0 0 3px rgba(12,100,182,.12);
}
.admin-body .image-upload-row{
  grid-template-columns:minmax(0,1fr) minmax(180px,220px) 122px;
  gap:10px;
}
.admin-body .image-preview{
  width:128px;
  height:96px;
  border-radius:8px;
}
.admin-body .admin-modal{
  width:min(1040px,calc(100vw - 48px));
  border-radius:12px;
}
.admin-body .admin-modal-head{
  padding:16px 20px;
  background:#f8fafc;
}
.admin-body .admin-modal-body{
  padding:22px;
}
.admin-body .admin-modal-body .admin-form{
  padding:0;
}
.admin-body .admin-modal-actions{
  margin-top:4px;
  padding:14px 0 0;
  bottom:-22px;
}
.admin-body .admin-modal-actions button,
.admin-body .admin-form button,
.admin-body .admin-main header button{
  min-height:38px;
  border-radius:6px;
  padding:0 16px;
}
.admin-body .table-wrap{
  border-radius:10px;
}
.admin-body .table-wrap th,
.admin-body .table-wrap td{
  padding:11px 12px;
}
.admin-body .admin-pager{
  margin:14px 0 0;
}
@media(max-width:1100px){
  .admin-body .admin-main{
    padding:18px;
  }
  .admin-body .admin-form-grid,
  .admin-body .readable-grid{
    grid-template-columns:1fr;
  }
  .admin-body .image-upload-row{
    grid-template-columns:1fr;
  }
}
@media(max-width:720px){
  .admin-body .admin-main{
    padding:14px;
  }
  .admin-body .admin-card,
  .admin-body .admin-form,
  .admin-body .readable-form{
    padding:16px;
  }
  .admin-body .admin-modal{
    width:100%;
    border-radius:12px 12px 0 0;
  }
  .admin-body .admin-modal-body{
    padding:16px;
  }
  .admin-body .admin-actions button.primary-action{
    margin-left:0;
  }
}

/* Member center refinement */
.site-body .member-workbench{
  max-width:1180px;
  margin:0 auto;
  align-items:start;
  gap:20px;
}
.site-body .member-sidebar{
  display:grid;
  gap:12px;
}
.site-body .member-profile-card,
.site-body .member-side-nav,
.site-body .member-dashboard-head,
.site-body .member-stats,
.site-body .member-panel{
  border:1px solid #dbe7f4;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(24,39,75,.045);
}
.site-body .member-profile-card{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding:18px;
  text-align:left;
}
.site-body .member-avatar{
  width:56px;
  height:56px;
  margin:0;
  border-radius:14px;
  background:linear-gradient(135deg,#135fa8,#2b7ec1);
  box-shadow:0 8px 18px rgba(19,95,168,.16);
  font-size:24px;
}
.site-body .member-profile-card h2{
  margin:0;
  font-size:18px;
  line-height:1.3;
}
.site-body .member-profile-card p{
  margin:5px 0 0;
  font-size:12px;
  line-height:1.5;
  word-break:break-all;
}
.site-body .member-side-nav{
  padding:8px;
  margin:0;
}
.site-body .member-side-nav a{
  position:relative;
  height:42px;
  border-radius:8px;
  padding:0 12px 0 16px;
  color:#38506b;
  font-size:14px;
  font-weight:700;
}
.site-body .member-side-nav a:before{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  margin-right:10px;
  background:#b9cbe0;
}
.site-body .member-side-nav a.active,
.site-body .member-side-nav a:hover{
  background:#f0f7ff;
  color:#135fa8;
}
.site-body .member-side-nav a.active:before,
.site-body .member-side-nav a:hover:before{
  background:#135fa8;
}
.site-body .member-main{
  display:grid;
  gap:14px;
}
.site-body .member-main .member-dashboard-head{
  min-height:118px;
  margin:0;
  padding:22px;
  background:linear-gradient(135deg,#fff,#f7fbff);
}
.site-body .member-dashboard-head .tag{
  margin-bottom:8px;
  color:#135fa8;
}
.site-body .member-dashboard-head h1{
  font-size:26px;
  line-height:1.25;
}
.site-body .member-dashboard-head .muted{
  margin-top:8px;
  color:#5f7288;
}
.site-body .member-dashboard-head .detail-actions{
  gap:10px;
}
.site-body .member-dashboard-head .detail-actions a{
  min-width:92px;
  height:40px;
  padding:0 16px;
}
.site-body .member-stats{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  background:#fff;
}
.site-body .member-stats div{
  padding:16px 20px;
}
.site-body .member-stats span{
  color:#64748b;
}
.site-body .member-stats strong{
  margin-top:6px;
  font-size:26px;
  color:#111827;
}
.site-body .member-panel{
  margin:0;
  overflow:hidden;
  background:#fff;
}
.site-body .member-panel .section-row{
  min-height:52px;
  padding:0 18px;
  background:#fbfdff;
  border-bottom:1px solid #edf3fa;
}
.site-body .member-panel .member-list{
  display:grid;
  gap:12px;
  padding:16px;
}
.site-body .member-row{
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin:0;
  padding:18px;
  border-radius:10px;
  border-color:#e2edf8;
  box-shadow:none;
}
.site-body .member-row:hover{
  border-color:#bfd5ed;
}
.site-body .member-row-top{
  align-items:flex-start;
}
.site-body .member-row-top h3{
  font-size:17px;
  line-height:1.35;
}
.site-body .member-status{
  flex:0 0 auto;
  margin-top:0!important;
}
.site-body .member-row-main p{
  margin:7px 0 0;
  max-width:680px;
  color:#5b6b7f;
}
.site-body .member-row-main>span,
.site-body .member-row-meta span{
  margin-top:10px;
}
.site-body .member-row-actions{
  min-width:236px;
  justify-content:flex-end;
  align-content:center;
}
.site-body .member-row-actions button,
.site-body .member-row-actions a,
.site-body .member-row-actions em{
  min-height:38px;
  display:inline-grid;
  place-items:center;
  border-radius:8px!important;
  padding:0 14px;
  font-size:14px;
  font-weight:800;
}
.site-body .member-row-actions em{
  background:#f7fafc;
  color:#7b8794;
  font-style:normal;
  border:1px solid #e2e8f0;
}
.site-body .member-pager{
  padding:0 16px 16px;
}
@media(min-width:721px){
  .site-body .member-workbench{
    grid-template-columns:260px minmax(0,1fr);
  }
}
@media(max-width:900px){
  .site-body .member-main .member-dashboard-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .site-body .member-row{
    grid-template-columns:1fr;
  }
  .site-body .member-row-actions{
    min-width:0;
    justify-content:flex-start;
  }
}
@media(max-width:720px){
  .site-body .member-workbench{
    gap:12px;
  }
  .site-body .member-profile-card{
    grid-template-columns:48px minmax(0,1fr);
    padding:14px;
  }
  .site-body .member-avatar{
    width:48px;
    height:48px;
    font-size:21px;
  }
  .site-body .member-side-nav{
    grid-template-columns:1fr 1fr;
  }
  .site-body .member-main .member-dashboard-head{
    padding:18px;
  }
  .site-body .member-stats div{
    padding:14px 10px;
  }
  .site-body .member-panel .member-list{
    padding:12px;
  }
  .site-body .member-row{
    padding:14px;
  }
}

/* Frontend workspace refinement */
.site-body .site-main{
  max-width:1220px;
  padding:22px 16px 40px;
}
.site-body .portal-intro,
.site-body .m-section,
.site-body .member-auth-card,
.site-body .join-card,
.site-body .publish-card,
.site-body .detail-main,
.site-body .detail-side>section,
.site-body .company-show,
.site-body .portal-box{
  border:1px solid #dbe7f4;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(24,39,75,.045);
}
.site-body .portal-intro{
  padding:16px 20px;
  margin:0 0 18px;
  line-height:1.75;
}
.site-body .m-section{
  padding:0;
  overflow:hidden;
  background:#fff;
}
.site-body .m-section>p.tag,
.site-body .m-section>h1,
.site-body .m-section>.muted,
.site-body .m-section>form.stack,
.site-body .m-section>.form-message{
  margin-left:22px;
  margin-right:22px;
}
.site-body .m-section>p.tag{
  margin-top:22px;
}
.site-body .m-section>h1{
  margin-top:8px;
  font-size:28px;
  line-height:1.28;
  color:#111827;
}
.site-body .m-section>.muted{
  margin-top:8px;
  color:#64748b;
  line-height:1.65;
}
.site-body .m-section>form.stack{
  margin-top:18px;
  margin-bottom:22px;
}
.site-body .stack,
.site-body .auth-form,
.site-body .join-form,
.site-body .publish-form{
  gap:16px;
}
.site-body .stack input,
.site-body .stack select,
.site-body .stack textarea,
.site-body .auth-form input,
.site-body .join-form input,
.site-body .join-form textarea,
.site-body .publish-grid input,
.site-body .publish-grid select,
.site-body .publish-grid textarea{
  min-height:44px;
  border:1px solid #cbd8e6;
  border-radius:8px;
  padding:10px 13px;
  background:#fff;
  font-size:14px;
  transition:border-color .16s,box-shadow .16s;
}
.site-body .stack textarea,
.site-body .join-form textarea,
.site-body .publish-grid textarea{
  min-height:112px;
  line-height:1.7;
}
.site-body .stack input:focus,
.site-body .stack select:focus,
.site-body .stack textarea:focus,
.site-body .auth-form input:focus,
.site-body .join-form input:focus,
.site-body .join-form textarea:focus,
.site-body .publish-grid input:focus,
.site-body .publish-grid select:focus,
.site-body .publish-grid textarea:focus{
  outline:0;
  border-color:#135fa8;
  box-shadow:0 0 0 3px rgba(19,95,168,.12);
}
.site-body .stack button,
.site-body .auth-form button,
.site-body .join-form button,
.site-body .publish-submit button{
  min-height:44px;
  border-radius:8px!important;
  font-size:15px;
}
.site-body .member-auth-card,
.site-body .join-card,
.site-body .publish-card{
  padding:28px;
}
.site-body .member-auth-card{
  max-width:480px;
}
.site-body .join-card,
.site-body .publish-card{
  max-width:980px;
}
.site-body .auth-head{
  padding-bottom:18px;
}
.site-body .auth-head h1,
.site-body .join-card h1,
.site-body .publish-card h1{
  font-size:28px;
  color:#111827;
}
.site-body .auth-head span,
.site-body .publish-card .muted{
  line-height:1.7;
}
.site-body .join-form,
.site-body .publish-grid{
  gap:16px 18px;
}
.site-body .directory-filter{
  padding:18px;
}
.site-body .directory-filter form{
  gap:12px;
}
.site-body .directory-filter input,
.site-body .directory-filter select{
  min-height:42px;
  border-radius:8px;
}
.site-body .filter-tabs{
  padding:12px;
  gap:10px;
}
.site-body .filter-tabs a{
  min-height:38px;
  padding:8px 15px;
}
.site-body .company-feed,
.site-body .post-list,
.site-body .company-show-grid{
  padding:18px;
  gap:14px;
}
.site-body .company-item,
.site-body .post-item,
.site-body .company-show-grid article,
.site-body .company-activity-item{
  padding:18px;
  border-radius:10px;
}
.site-body .section-row{
  min-height:54px;
  padding:0 20px;
}
.site-body .detail-main>p.tag,
.site-body .detail-main>h1,
.site-body .detail-main>.info-pills,
.site-body .detail-main>.post-cover,
.site-body .detail-main>.detail-actions{
  margin-left:24px;
  margin-right:24px;
}
.site-body .detail-main>p.tag{
  margin-top:24px;
}
.site-body .detail-block{
  padding:22px 24px;
}
.site-body .front-modal .m-section>p.tag,
.site-body .front-modal .m-section>h1,
.site-body .front-modal .m-section>.muted,
.site-body .front-modal .m-section>form.stack,
.site-body .front-modal .m-section>.form-message,
.site-body .modal-embed-main .m-section>p.tag,
.site-body .modal-embed-main .m-section>h1,
.site-body .modal-embed-main .m-section>.muted,
.site-body .modal-embed-main .m-section>form.stack,
.site-body .modal-embed-main .m-section>.form-message{
  margin-left:0;
  margin-right:0;
}
.site-body .front-modal .m-section>p.tag,
.site-body .modal-embed-main .m-section>p.tag{
  margin-top:0;
}
@media(max-width:900px){
  .site-body .site-main{
    padding:16px 12px 32px;
  }
  .site-body .directory-filter form,
  .site-body .join-form,
  .site-body .publish-grid{
    grid-template-columns:1fr;
  }
  .site-body .member-auth-card,
  .site-body .join-card,
  .site-body .publish-card{
    padding:22px;
  }
}
@media(max-width:720px){
  .site-body .m-section>p.tag,
  .site-body .m-section>h1,
  .site-body .m-section>.muted,
  .site-body .m-section>form.stack,
  .site-body .m-section>.form-message{
    margin-left:16px;
    margin-right:16px;
  }
  .site-body .m-section>p.tag{
    margin-top:16px;
  }
  .site-body .m-section>h1,
  .site-body .auth-head h1,
  .site-body .join-card h1,
  .site-body .publish-card h1{
    font-size:23px;
  }
  .site-body .company-feed,
  .site-body .post-list,
  .site-body .company-show-grid,
  .site-body .directory-filter{
    padding:12px;
  }
}

/* Frontend detail polish */
.site-body{
  --front-card-shadow:0 6px 18px rgba(24,39,75,.04);
  --front-card-shadow-hover:0 12px 26px rgba(24,39,75,.075);
}
.site-body .site-header{
  box-shadow:0 1px 0 rgba(15,23,42,.04);
}
.site-body .site-header-inner{
  padding-top:16px;
  padding-bottom:14px;
}
.site-body .portal-head-right{
  align-self:center;
}
.site-body .top-links{
  gap:16px;
  margin-bottom:10px;
}
.site-body .top-links a,
.site-body .top-links span{
  font-weight:700;
}
.site-body .portal-search{
  max-width:870px;
  border-radius:10px;
}
.site-body .portal-search span{
  color:#53657a;
  background:#fbfdff;
}
.site-body .portal-tabs{
  height:50px;
}
.site-body .portal-tabs div{
  height:50px;
  align-items:center;
}
.site-body .portal-tabs a{
  height:50px;
  line-height:50px;
  padding:0 20px;
  font-size:14px;
  letter-spacing:0;
}
.site-body .site-main{
  padding-top:24px;
}
.site-body .portal-intro{
  position:relative;
  padding:18px 22px 18px 24px;
  color:#475569;
  background:linear-gradient(135deg,#fff,#f8fbff);
}
.site-body .portal-intro:before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:4px;
  border-radius:0 4px 4px 0;
  background:#135fa8;
}
.site-body .portal-box,
.site-body .m-section,
.site-body .company-show,
.site-body .detail-main,
.site-body .detail-side>section,
.site-body .member-auth-card,
.site-body .join-card,
.site-body .publish-card{
  box-shadow:var(--front-card-shadow);
}
.site-body .portal-box-title,
.site-body .company-show h2,
.site-body .section-row{
  background:#fbfdff;
}
.site-body .portal-box-title,
.site-body .company-show h2,
.site-body .section-row h2{
  letter-spacing:0;
}
.site-body .section-row>a,
.site-body .portal-box-title>a{
  font-size:13px;
  font-weight:800;
}
.site-body .product-grid{
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
}
.site-body .product-card{
  min-height:82px;
  padding:14px;
  border-radius:11px;
}
.site-body .product-card strong{
  font-size:15px;
}
.site-body .product-pic{
  width:52px;
  height:52px;
  border-radius:10px;
}
.site-body .company-show-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.site-body .company-show-grid article,
.site-body .company-item,
.site-body .post-item,
.site-body .company-activity-item{
  border-color:#e0eaf5;
  box-shadow:none;
}
.site-body .company-show-grid article:hover,
.site-body .company-item:hover,
.site-body .post-item:hover,
.site-body .company-activity-item:hover{
  border-color:#bfd6ee;
  box-shadow:var(--front-card-shadow-hover);
}
.site-body .company-item h3,
.site-body .post-item h3,
.site-body .company-show-grid h3,
.site-body .activity-main h3{
  font-size:17px;
  font-weight:900;
}
.site-body .company-show-grid p,
.site-body .company-item p,
.site-body .post-item p,
.site-body .activity-main p{
  font-size:14px;
}
.site-body .company-item .addr,
.site-body .post-item .addr{
  color:#50647a;
}
.site-body .company-item div,
.site-body .post-main div{
  padding-top:4px;
}
.site-body .company-item div a,
.site-body .post-main div a,
.site-body .activity-actions a{
  font-size:13px;
  font-weight:900;
}
.site-body .post-item{
  grid-template-columns:92px minmax(0,1fr);
  gap:16px;
}
.site-body .post-thumb{
  width:92px;
  height:92px;
  border-radius:10px;
}
.site-body .filter-tabs{
  border-radius:12px;
  box-shadow:var(--front-card-shadow);
}
.site-body .filter-tabs a{
  border-radius:9px;
  font-weight:800;
}
.site-body .directory-filter form{
  align-items:center;
}
.site-body .directory-filter button,
.site-body .directory-filter a{
  min-height:42px;
}
.site-body .pager{
  margin:18px 0 22px;
}
.site-body .pager a,
.site-body .pager span{
  border-radius:8px;
}
.site-body .latest-companies{
  min-height:auto;
}
.site-body .latest-companies li{
  min-height:34px;
}
.site-body .latest-companies a{
  color:#334155;
}
.site-body .latest-companies a:hover{
  color:#135fa8;
}
.site-body .home-service-summary{
  padding-top:16px;
}
.site-body .home-service-summary strong{
  font-size:16px;
}
.site-body .home-service-rank{
  gap:8px;
}
.site-body .home-service-rank span{
  color:#4f6175;
}
.site-body .detail-layout{
  gap:20px;
}
.site-body .detail-main h1{
  max-width:880px;
  font-weight:900;
}
.site-body .info-pills{
  gap:8px;
}
.site-body .info-pills span,
.site-body .activity-meta span,
.site-body .activity-meta time{
  font-size:12px;
  font-weight:800;
}
.site-body .detail-block p,
.site-body .detail-summary{
  color:#475569;
  line-height:1.85;
}
.site-body .post-company-card{
  background:#fbfdff;
}
.site-body .post-info-list{
  gap:10px;
}
.site-body .side-contact-card,
.site-body .company-side-card{
  box-shadow:var(--front-card-shadow);
}
.site-body .side-contact-card a,
.site-body .company-side-card a{
  min-height:40px;
}
.site-body .member-auth-card,
.site-body .join-card,
.site-body .publish-card{
  margin-top:4px;
}
.site-body .auth-head p,
.site-body .tag{
  letter-spacing:0;
}
.site-body .auth-head h1,
.site-body .join-card h1,
.site-body .publish-card h1,
.site-body .m-section>h1{
  font-weight:900;
}
.site-body .form-message{
  margin-top:12px;
}
@media(min-width:981px){
  .site-body .portal-home{
    grid-template-columns:minmax(0,1fr) 304px;
    gap:20px;
  }
  .site-body .portal-side{
    gap:16px;
  }
}
@media(max-width:720px){
  .site-body .site-main{
    padding-top:14px;
  }
  .site-body .portal-search{
    border-radius:8px;
  }
  .site-body .portal-tabs{
    height:auto;
  }
  .site-body .portal-tabs div{
    height:auto;
  }
  .site-body .portal-tabs a{
    height:44px;
    line-height:44px;
  }
  .site-body .portal-intro{
    padding:15px 16px 15px 18px;
  }
  .site-body .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .site-body .product-card{
    grid-template-columns:42px minmax(0,1fr);
    min-height:68px;
    padding:11px;
  }
  .site-body .product-pic{
    width:42px;
    height:42px;
  }
  .site-body .post-item,
  .site-body .company-activity-item{
    grid-template-columns:76px minmax(0,1fr);
  }
  .site-body .post-thumb,
  .site-body .activity-thumb{
    width:76px;
    height:76px;
  }
  .site-body .company-item h3,
  .site-body .post-item h3,
  .site-body .company-show-grid h3,
  .site-body .activity-main h3{
    font-size:16px;
  }
}

/* Final responsive pass for frontend pages */
.site-body img,
.site-body video,
.site-body iframe{
  max-width:100%;
}
.site-body .site-header-inner,
.site-body .portal-tabs div,
.site-body .site-main,
.site-body .site-footer{
  width:min(1220px,100%);
}
.site-body .portal-main,
.site-body .portal-side,
.site-body .member-main,
.site-body .company-space-main,
.site-body .company-space-side,
.site-body .detail-main,
.site-body .detail-side{
  min-width:0;
}
.site-body .company-feed,
.site-body .post-list,
.site-body .company-show-grid,
.site-body .product-grid,
.site-body .member-list,
.site-body .company-activity-list{
  min-width:0;
}
@media(max-width:1180px){
  .site-body .site-header-inner{
    grid-template-columns:260px minmax(0,1fr);
    gap:18px;
  }
  .site-body .brand-logo-img.full-logo{
    max-width:240px;
    height:54px;
  }
  .site-body .portal-search{
    grid-template-columns:52px minmax(0,1fr) 88px 96px;
    max-width:none;
  }
  .site-body .portal-home{
    grid-template-columns:minmax(0,1fr) 286px;
    gap:16px;
  }
  .site-body .detail-layout,
  .site-body .company-space-layout{
    grid-template-columns:minmax(0,1fr) 292px;
    gap:16px;
  }
  .site-body .company-show-grid{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  }
}
@media(max-width:980px){
  .site-body .site-header-inner{
    grid-template-columns:1fr;
    gap:14px;
    align-items:start;
  }
  .site-body .portal-brand{
    justify-self:start;
  }
  .site-body .portal-head-right{
    width:100%;
  }
  .site-body .top-links{
    justify-content:flex-start;
    gap:12px;
    overflow-x:auto;
    padding-bottom:2px;
  }
  .site-body .portal-search{
    width:100%;
  }
  .site-body .portal-tabs div{
    overflow-x:auto;
    scrollbar-width:none;
  }
  .site-body .portal-tabs div::-webkit-scrollbar{
    display:none;
  }
  .site-body .portal-tabs a{
    flex:0 0 auto;
  }
  .site-body .portal-home,
  .site-body .detail-layout,
  .site-body .company-space-layout,
  .site-body .member-workbench{
    grid-template-columns:1fr!important;
  }
  .site-body .portal-side,
  .site-body .detail-side,
  .site-body .company-space-side{
    grid-template-columns:repeat(2,minmax(0,1fr));
    display:grid;
    gap:14px;
  }
  .site-body .side-contact-card{
    position:static;
  }
  .site-body .directory-filter form{
    grid-template-columns:1fr 1fr;
  }
  .site-body .directory-filter form input:first-child{
    grid-column:1/-1;
  }
  .site-body .publish-grid,
  .site-body .join-form{
    grid-template-columns:1fr;
  }
  .site-body .company-space-cover{
    grid-template-columns:70px minmax(0,1fr);
  }
  .site-body .company-space-actions{
    grid-column:1/-1;
    justify-content:flex-start;
  }
}
@media(max-width:720px){
  .site-body{
    --front-card-shadow:0 4px 14px rgba(24,39,75,.035);
    --front-card-shadow-hover:0 4px 14px rgba(24,39,75,.045);
  }
  .site-body .site-header-inner{
    padding:12px;
  }
  .site-body .brand-logo-img.full-logo{
    max-width:210px;
    height:48px;
  }
  .site-body .top-links{
    margin-bottom:8px;
    font-size:12px;
  }
  .site-body .portal-search{
    grid-template-columns:44px minmax(0,1fr) 70px;
    height:42px;
    border-radius:8px;
  }
  .site-body .portal-search span,
  .site-body .portal-search input,
  .site-body .portal-search button{
    height:40px;
  }
  .site-body .portal-search span{
    font-size:12px;
  }
  .site-body .portal-search input{
    padding:0 10px;
    font-size:13px;
  }
  .site-body .portal-search button{
    font-size:14px;
    padding:0 10px;
  }
  .site-body .portal-search a{
    display:none!important;
  }
  .site-body .portal-tabs{
    height:44px;
  }
  .site-body .portal-tabs div{
    height:44px;
    padding:0 10px;
    gap:12px;
  }
  .site-body .portal-tabs a{
    height:44px;
    line-height:44px;
    padding:0 4px;
    font-size:14px;
  }
  .site-body .portal-tabs a:after{
    left:0;
    right:0;
  }
  .site-body .site-main{
    padding:14px 12px 28px;
  }
  .site-body .portal-intro,
  .site-body .portal-box,
  .site-body .m-section,
  .site-body .company-show,
  .site-body .detail-main,
  .site-body .detail-side>section,
  .site-body .member-auth-card,
  .site-body .join-card,
  .site-body .publish-card,
  .site-body .member-panel,
  .site-body .member-dashboard-head,
  .site-body .member-profile-card,
  .site-body .member-side-nav,
  .site-body .member-stats,
  .site-body .company-space-card,
  .site-body .company-side-card{
    border-radius:10px;
  }
  .site-body .portal-box-title,
  .site-body .company-show h2,
  .site-body .section-row{
    min-height:46px;
    padding:0 14px;
  }
  .site-body .portal-box-title,
  .site-body .company-show h2,
  .site-body .section-row h2{
    font-size:16px;
  }
  .site-body .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:12px;
    gap:10px;
  }
  .site-body .product-card{
    grid-template-columns:40px minmax(0,1fr);
    min-height:66px;
    padding:10px;
    border-radius:9px;
  }
  .site-body .product-pic{
    width:40px;
    height:40px;
  }
  .site-body .product-card strong{
    font-size:13px;
    line-height:1.35;
  }
  .site-body .company-show-grid,
  .site-body .company-feed,
  .site-body .post-list,
  .site-body .member-list,
  .site-body .company-activity-list{
    padding:12px;
    gap:10px;
  }
  .site-body .company-show-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .site-body .company-item,
  .site-body .company-show-grid article,
  .site-body .member-row{
    padding:13px;
    border-radius:9px;
  }
  .site-body .post-item,
  .site-body .company-activity-item{
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:11px;
    padding:12px;
    border-radius:9px;
  }
  .site-body .post-thumb,
  .site-body .activity-thumb{
    width:68px!important;
    height:68px!important;
    border-radius:8px;
  }
  .site-body .company-item h3,
  .site-body .post-item h3,
  .site-body .company-show-grid h3,
  .site-body .activity-main h3{
    font-size:15px;
    line-height:1.4;
  }
  .site-body .company-item p,
  .site-body .post-item p,
  .site-body .company-show-grid p,
  .site-body .activity-main p{
    font-size:13px;
    line-height:1.6;
  }
  .site-body .company-item div,
  .site-body .post-main div{
    align-items:center;
    flex-direction:row;
    justify-content:space-between;
    gap:8px;
  }
  .site-body .filter-tabs{
    padding:8px;
    gap:8px;
    overflow-x:auto;
  }
  .site-body .filter-tabs a{
    flex:0 0 auto;
    min-height:34px;
    padding:7px 12px;
    font-size:13px;
  }
  .site-body .directory-filter{
    padding:12px;
  }
  .site-body .directory-filter form{
    grid-template-columns:1fr;
    gap:9px;
  }
  .site-body .directory-filter input,
  .site-body .directory-filter select,
  .site-body .directory-filter button,
  .site-body .directory-filter a{
    width:100%;
    min-height:40px;
  }
  .site-body .detail-main>p.tag,
  .site-body .detail-main>h1,
  .site-body .detail-main>.info-pills,
  .site-body .detail-main>.post-cover,
  .site-body .detail-main>.detail-actions,
  .site-body .m-section>p.tag,
  .site-body .m-section>h1,
  .site-body .m-section>.muted,
  .site-body .m-section>form.stack,
  .site-body .m-section>.form-message{
    margin-left:14px;
    margin-right:14px;
  }
  .site-body .detail-main>p.tag,
  .site-body .m-section>p.tag{
    margin-top:16px;
  }
  .site-body .detail-main h1,
  .site-body .m-section>h1,
  .site-body .auth-head h1,
  .site-body .join-card h1,
  .site-body .publish-card h1{
    font-size:22px;
    line-height:1.32;
  }
  .site-body .detail-block{
    padding:16px 14px;
  }
  .site-body .info-pills,
  .site-body .company-space-meta{
    gap:6px;
  }
  .site-body .info-pills span,
  .site-body .activity-meta span,
  .site-body .activity-meta time,
  .site-body .company-space-meta span{
    font-size:11px;
  }
  .site-body .portal-side,
  .site-body .detail-side,
  .site-body .company-space-side{
    grid-template-columns:1fr;
  }
  .site-body .member-auth-card,
  .site-body .join-card,
  .site-body .publish-card{
    padding:18px;
  }
  .site-body .stack,
  .site-body .auth-form,
  .site-body .join-form,
  .site-body .publish-form{
    gap:12px;
  }
  .site-body .stack input,
  .site-body .stack select,
  .site-body .stack textarea,
  .site-body .auth-form input,
  .site-body .join-form input,
  .site-body .join-form textarea,
  .site-body .publish-grid input,
  .site-body .publish-grid select,
  .site-body .publish-grid textarea{
    min-height:42px;
    font-size:14px;
  }
  .site-body .member-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .site-body .member-row,
  .site-body .member-main .member-dashboard-head{
    grid-template-columns:1fr!important;
  }
  .site-body .member-row-actions,
  .site-body .member-dashboard-head .detail-actions{
    min-width:0;
    justify-content:flex-start;
  }
  .site-body .member-row-actions button,
  .site-body .member-row-actions a{
    flex:1 1 auto;
  }
  .site-body .company-space-cover{
    grid-template-columns:56px minmax(0,1fr)!important;
    gap:12px;
    padding:16px;
  }
  .site-body .company-avatar{
    width:56px;
    height:56px;
  }
  .site-body .company-space-title h1{
    font-size:21px;
  }
  .site-body .company-space-actions{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .site-body .company-space-actions a{
    width:100%;
  }
  .site-body .company-space-tabs{
    overflow-x:auto;
    padding:6px;
  }
  .site-body .company-space-tabs a{
    flex:0 0 auto;
    height:36px;
    padding:0 12px;
  }
  .site-body .pager{
    gap:6px;
  }
  .site-body .pager a,
  .site-body .pager span{
    min-width:34px;
    height:34px;
    padding:0 10px;
    font-size:13px;
  }
  .site-body .site-footer{
    padding:16px 12px 24px;
  }
}
@media(max-width:420px){
  .site-body .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .site-body .top-links{
    gap:10px;
  }
  .site-body .portal-search{
    grid-template-columns:40px minmax(0,1fr) 62px;
  }
  .site-body .portal-search button{
    font-size:13px;
  }
  .site-body .member-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .site-body .member-stats div{
    text-align:center;
    border-right:1px solid #edf3fa;
    border-bottom:0;
  }
  .site-body .member-stats div:last-child{
    border-right:0;
  }
  .site-body .company-space-actions{
    grid-template-columns:1fr;
  }
}

/* H5-style compact mobile layout */
@media(max-width:720px){
  .site-body .portal-home{
    gap:12px;
  }
  .site-body .portal-box,
  .site-body .m-section,
  .site-body .company-show{
    margin-bottom:12px;
  }
  .site-body .company-show-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px;
  }
  .site-body .company-show-grid article{
    min-height:104px;
    padding:12px;
  }
  .site-body .company-show-grid h3{
    font-size:14px;
    line-height:1.35;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .site-body .company-show-grid p{
    font-size:12px;
    line-height:1.5;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .site-body .company-feed:not(.post-list){
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .site-body .company-feed:not(.post-list) .company-item{
    min-height:132px;
    padding:12px;
  }
  .site-body .company-feed:not(.post-list) .company-item h3{
    font-size:14px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .site-body .company-feed:not(.post-list) .company-item p{
    font-size:12px;
    line-height:1.5;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .site-body .company-feed:not(.post-list) .company-item div{
    margin-top:auto;
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }
  .site-body .post-list{
    display:grid;
    grid-template-columns:1fr;
  }
  .site-body .post-item,
  .site-body .company-activity-item{
    grid-template-columns:76px minmax(0,1fr)!important;
    min-height:100px;
  }
  .site-body .post-thumb,
  .site-body .activity-thumb{
    width:76px!important;
    height:76px!important;
  }
  .site-body .post-item h3,
  .site-body .activity-main h3{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .site-body .post-item .post-main>p:not(.addr),
  .site-body .activity-main p{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .site-body .portal-side{
    grid-template-columns:1fr;
  }
  .site-body .home-member-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .site-body .home-service-rank{
    grid-template-columns:1fr;
  }
  .site-body .latest-companies ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px 10px;
  }
  .site-body .latest-companies li{
    min-height:28px;
  }
  .site-body .latest-companies a{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .site-body .detail-layout,
  .site-body .company-space-layout,
  .site-body .member-workbench{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:380px){
  .site-body .company-show-grid,
  .site-body .company-feed:not(.post-list),
  .site-body .latest-companies ul{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .site-body .product-card{
    grid-template-columns:34px minmax(0,1fr);
    padding:9px;
  }
  .site-body .product-pic{
    width:34px;
    height:34px;
  }
}

/* H5 header and overflow repair */
@media(max-width:720px){
  .site-body,
  .site-body *{
    box-sizing:border-box;
  }
  .site-body{
    overflow-x:hidden;
  }
  .site-body .site-header-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px;
    padding:12px 12px 10px!important;
  }
  .site-body .portal-brand{
    width:100%;
  }
  .site-body .brand-logo-img.full-logo{
    width:auto;
    max-width:132px!important;
    height:48px!important;
    padding:2px!important;
  }
  .site-body .portal-head-right{
    width:100%;
    display:grid;
    gap:9px;
  }
  .site-body .top-links{
    width:100%;
    display:flex;
    justify-content:flex-start;
    gap:10px;
    margin:0!important;
    overflow-x:auto;
    white-space:nowrap;
    scrollbar-width:none;
  }
  .site-body .top-links::-webkit-scrollbar{
    display:none;
  }
  .site-body .top-links a,
  .site-body .top-links span{
    flex:0 0 auto;
    font-size:12px!important;
    line-height:1.4;
  }
  .site-body .portal-search{
    width:100%;
    max-width:none;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 62px!important;
    gap:0!important;
    height:42px!important;
    overflow:hidden;
  }
  .site-body .portal-search span,
  .site-body .portal-search input,
  .site-body .portal-search button{
    min-width:0;
    height:40px!important;
  }
  .site-body .portal-search span{
    font-size:12px!important;
  }
  .site-body .portal-search input{
    width:100%;
    font-size:13px!important;
    padding:0 8px!important;
  }
  .site-body .portal-search input::placeholder{
    font-size:13px;
  }
  .site-body .portal-search button{
    min-width:0;
    padding:0 8px!important;
    font-size:13px!important;
  }
  .site-body .portal-search a{
    display:none!important;
  }
  .site-body .portal-tabs{
    height:44px!important;
    overflow:hidden;
  }
  .site-body .portal-tabs div{
    height:44px!important;
    width:100%;
    padding:0 12px!important;
    gap:16px!important;
    overflow-x:auto;
    white-space:nowrap;
    scrollbar-width:none;
  }
  .site-body .portal-tabs div::-webkit-scrollbar{
    display:none;
  }
  .site-body .portal-tabs a{
    flex:0 0 auto;
    height:44px!important;
    line-height:44px!important;
    padding:0!important;
    font-size:14px!important;
  }
  .site-body .site-main{
    width:100%;
    padding:12px 10px 28px!important;
  }
  .site-body .portal-intro{
    padding:14px 14px 14px 16px!important;
    font-size:14px;
    line-height:1.7;
  }
  .site-body .portal-box-title,
  .site-body .company-show h2,
  .site-body .section-row{
    min-height:44px!important;
    padding:0 14px!important;
  }
  .site-body .product-grid{
    padding:12px!important;
    gap:10px!important;
  }
  .site-body .product-card{
    min-height:64px!important;
  }
  .site-body .post-item,
  .site-body .company-activity-item{
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px!important;
  }
  .site-body .post-thumb,
  .site-body .activity-thumb{
    width:72px!important;
    height:72px!important;
  }
}

/* Final H5 skin for existing frontend */
@media(max-width:720px){
  html,
  body.site-body{
    width:100%;
    max-width:100%;
    background:#f4f7fb!important;
  }
  .site-body .site-header{
    position:sticky;
    top:0;
    z-index:50;
    background:#fff!important;
    border-bottom:1px solid #e5edf6!important;
    box-shadow:0 2px 14px rgba(15,23,42,.055)!important;
  }
  .site-body .site-header-inner{
    max-width:100%!important;
  }
  .site-body .portal-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:48px;
  }
  .site-body .portal-head-right{
    min-width:0!important;
  }
  .site-body .top-links{
    order:2;
    padding:0 1px 2px;
  }
  .site-body .portal-search{
    order:1;
    box-shadow:none!important;
    border-color:#d5e2f0!important;
    background:#fff!important;
  }
  .site-body .portal-search input{
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .site-body .portal-tabs{
    background:#fff!important;
    border-top:1px solid #eef3f8!important;
    border-bottom:1px solid #dce8f5!important;
  }
  .site-body .portal-tabs div{
    max-width:100%!important;
  }
  .site-body .portal-tabs a{
    color:#172033!important;
    font-weight:900!important;
  }
  .site-body .portal-tabs a.active,
  .site-body .portal-tabs a:hover{
    color:#135fa8!important;
  }
  .site-body .portal-tabs a.active:after,
  .site-body .portal-tabs a:hover:after{
    height:3px!important;
    background:#135fa8!important;
  }
  .site-body .site-main{
    max-width:100%!important;
  }
  .site-body .portal-intro,
  .site-body .portal-box,
  .site-body .m-section,
  .site-body .company-show,
  .site-body .detail-main,
  .site-body .detail-side>section,
  .site-body .member-auth-card,
  .site-body .join-card,
  .site-body .publish-card,
  .site-body .member-panel,
  .site-body .member-dashboard-head,
  .site-body .member-profile-card,
  .site-body .member-side-nav,
  .site-body .member-stats,
  .site-body .company-space-card,
  .site-body .company-side-card{
    border:1px solid #dfeaf6!important;
    border-radius:12px!important;
    box-shadow:0 4px 16px rgba(20,44,75,.045)!important;
    background:#fff!important;
  }
  .site-body .portal-box-title,
  .site-body .company-show h2,
  .site-body .section-row{
    background:#fff!important;
    border-bottom:1px solid #eef3f8!important;
  }
  .site-body .portal-box-title:before,
  .site-body .company-show h2:before,
  .site-body .section-row h2:before{
    width:3px!important;
    height:17px!important;
    border-radius:3px!important;
    background:#135fa8!important;
  }
  .site-body .portal-intro{
    margin-bottom:12px!important;
  }
  .site-body .portal-box,
  .site-body .m-section,
  .site-body .company-show{
    margin-bottom:12px!important;
  }
  .site-body .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .site-body .product-card{
    background:#fff!important;
    border:1px solid #e1ebf6!important;
    box-shadow:none!important;
  }
  .site-body .product-card strong{
    color:#10233f!important;
    font-weight:900!important;
  }
  .site-body .company-show-grid,
  .site-body .company-feed:not(.post-list){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .site-body .company-show-grid article,
  .site-body .company-feed:not(.post-list) .company-item{
    display:flex!important;
    flex-direction:column!important;
    min-height:118px!important;
    border-color:#e1ebf6!important;
  }
  .site-body .company-show-grid h3,
  .site-body .company-feed:not(.post-list) .company-item h3{
    margin:0 0 8px!important;
    color:#111827!important;
  }
  .site-body .post-list{
    grid-template-columns:1fr!important;
  }
  .site-body .post-item,
  .site-body .company-activity-item{
    align-items:start!important;
    border-color:#e1ebf6!important;
    background:#fff!important;
  }
  .site-body .post-main{
    min-width:0!important;
  }
  .site-body .post-main div,
  .site-body .company-item div{
    min-width:0!important;
  }
  .site-body .post-main div a,
  .site-body .company-item div a{
    white-space:nowrap!important;
  }
  .site-body .filter-tabs{
    background:#fff!important;
  }
  .site-body .directory-filter form{
    display:grid!important;
  }
  .site-body .member-auth-card,
  .site-body .join-card,
  .site-body .publish-card{
    max-width:100%!important;
  }
  .site-body .front-modal{
    width:100vw!important;
    max-width:100vw!important;
    height:100vh!important;
    max-height:100vh!important;
    border-radius:0!important;
  }
  .site-body .front-modal iframe{
    min-height:0!important;
  }
  .site-body .site-footer{
    max-width:100%!important;
    gap:6px!important;
    font-size:12px!important;
  }
}

/* Final classified portal theme override */
.site-body{--mx-bg:#f6f4f0;--mx-panel:#fff;--mx-border:#e4ded4;--mx-soft:#f0ebe3;--mx-text:#25221f;--mx-muted:#70685f;--mx-primary:#e94f1d;--mx-primary-hover:#ce3e10;--mx-secondary:#39414d;--mx-accent:#f4a000;background:#f6f4f0;color:#25221f}
.site-body .site-header{border-top:3px solid var(--mx-primary);border-bottom-color:#e8e0d5;box-shadow:0 2px 8px rgba(72,48,28,.06)}
.site-body .top-links a:hover,.site-body .top-links a:first-child{color:var(--mx-primary)}
.site-body .portal-search{border:2px solid var(--mx-primary);border-radius:4px;box-shadow:none}
.site-body .portal-search span,.site-body .portal-search a{background:#fffaf5!important}
.site-body .portal-search button{background:var(--mx-primary)!important}
.site-body .portal-tabs{background:#333a45;border:0}
.site-body .portal-tabs a{color:#fff;font-weight:700}
.site-body .portal-tabs a.active,.site-body .portal-tabs a:hover{color:#fff;background:var(--mx-primary)}
.site-body .portal-tabs a:after{display:none}
.site-body .portal-intro{border-color:#f0d6b2;border-left:4px solid var(--mx-accent);background:#fffaf0;color:#5f4a2d;box-shadow:none}
.site-body .portal-box,.site-body .company-show,.site-body .m-section{border-color:var(--mx-border);border-radius:4px;box-shadow:0 1px 3px rgba(72,48,28,.05)}
.site-body .portal-box-title,.site-body .company-show h2,.site-body .section-row{background:#fffaf5;border-bottom-color:#ebe2d7;color:#292522}
.site-body .portal-box-title:before,.site-body .company-show h2:before,.site-body .section-row h2:before{background:var(--mx-primary)}
.site-body .product-card{border-radius:4px;border-color:#ebe3d8;background:#fff}
.site-body .product-pic{color:#d84618;border-color:#f1d8c5;background:#fff3e8}
.site-body .product-card:hover,.site-body .company-show-grid article:hover,.site-body .company-item:hover,.site-body .post-item:hover{border-color:#efb28e;background:#fffdf9;box-shadow:0 3px 10px rgba(145,67,21,.08)}
.site-body .company-item h3 a:hover,.site-body .post-item h3 a:hover,.site-body .company-show-grid h3 a:hover{color:var(--mx-primary)}
.site-body .post-thumb.empty-thumb:before{background:var(--mx-primary)}
.site-body .home-member-actions a:nth-child(2n){background:#39414d!important;border-color:#39414d!important}
.site-body .home-member-actions a:first-child,.site-body .home-member-actions a:nth-child(3){background:var(--mx-primary)!important;border-color:var(--mx-primary)!important}
.site-body .latest-companies li:before{background:var(--mx-accent)}
.site-body .pager .pager-number.active,.site-body .filter-tabs a.active{background:var(--mx-primary)!important;border-color:var(--mx-primary)!important}

/* Member center: follow the classified portal palette */
.site-body .member-profile-card,
.site-body .member-side-nav,
.site-body .member-dashboard-head,
.site-body .member-stats,
.site-body .member-panel{
  border-color:#e4ded4;
  border-radius:6px;
  box-shadow:0 2px 8px rgba(72,48,28,.05);
}
.site-body .member-avatar{
  background:#e94f1d;
  box-shadow:0 6px 14px rgba(206,62,16,.18);
  border-radius:8px;
}
.site-body .member-profile-card p,
.site-body .member-dashboard-head .muted,
.site-body .member-stats span,
.site-body .member-row-main p{
  color:#70685f;
}
.site-body .member-side-nav a{
  color:#4e4943;
  border-radius:4px;
}
.site-body .member-side-nav a:before{
  background:#cfc5b8;
}
.site-body .member-side-nav a.active,
.site-body .member-side-nav a:hover{
  background:#fff0e5;
  color:#d84315;
}
.site-body .member-side-nav a.active:before,
.site-body .member-side-nav a:hover:before{
  background:#e94f1d;
}
.site-body .member-main .member-dashboard-head{
  background:#fffaf5;
}
.site-body .member-dashboard-head .tag{
  color:#d84315;
}
.site-body .member-stats{
  background:#fffdf9;
}
.site-body .member-stats div+div{
  border-left-color:#ebe2d7;
}
.site-body .member-panel .section-row{
  background:#fffaf5;
  border-bottom-color:#ebe2d7;
}
.site-body .member-row{
  border-color:#ebe3d8;
  border-radius:6px;
  background:#fff;
}
.site-body .member-row:hover{
  border-color:#efb28e;
  background:#fffdf9;
}
.site-body .member-row-main>span,
.site-body .member-row-meta span{
  background:#f5f1eb;
  color:#665d54;
}
.site-body .member-status.approved{
  background:#ecf8f0!important;
  color:#218447!important;
}
.site-body .member-status.pending{
  background:#fff5db!important;
  color:#a56300!important;
}
.site-body .member-row-actions a{
  color:#d84315!important;
  border-color:#f0cdb8!important;
  background:#fff7f1!important;
}
.site-body .member-row-actions button.danger{
  background:#39414d!important;
  border-color:#39414d!important;
}
.site-body .post-item.clickable-card{
  cursor:pointer;
}
.site-body .post-item.clickable-card:focus-visible{
  outline:3px solid rgba(233,79,29,.24);
  outline-offset:2px;
  border-color:#e94f1d;
}
.site-body .post-contact-actions{
  grid-template-columns:1fr;
}

/* Post list and article detail palette */
.site-body .directory-filter,
.site-body .filter-tabs,
.site-body .detail-main,
.site-body .detail-side>section{
  border-color:#e4ded4;
  background:#fff;
  box-shadow:0 2px 8px rgba(72,48,28,.05);
}
.site-body .directory-filter input,
.site-body .directory-filter select{
  border-color:#ddd4c8;
  background:#fffdf9;
  color:#322d28;
}
.site-body .directory-filter input:focus,
.site-body .directory-filter select:focus{
  border-color:#e94f1d;
  box-shadow:0 0 0 3px rgba(233,79,29,.1);
  outline:0;
}
.site-body .directory-filter button{
  background:#e94f1d!important;
  border-color:#e94f1d!important;
}
.site-body .directory-filter a{
  color:#d84315!important;
  border-color:#f0cdb8!important;
  background:#fff7f1!important;
}
.site-body .filter-tabs a{
  color:#514a43;
  border-color:#e5ddd2;
  background:#faf7f2;
}
.site-body .filter-tabs a:hover{
  color:#d84315;
  border-color:#efb28e;
  background:#fff5ec;
}
.site-body .filter-tabs a.active{
  color:#fff!important;
  background:#e94f1d!important;
  border-color:#e94f1d!important;
}
.site-body .post-list .post-item{
  border-color:#e8e0d5;
  background:#fff;
}
.site-body .post-list .post-thumb{
  border-color:#eadfd3;
  background:#f8f4ee;
}
.site-body .post-list .company-item div span{
  color:#985021;
  background:#fff0e5;
}
.site-body .post-list .company-item div a,
.site-body .section-row>a{
  color:#d84315;
}
.site-body .detail-main>p.tag{
  color:#d84315;
}
.site-body .info-pills span{
  color:#985021;
  border-color:#f0d1bc;
  background:#fff1e7;
}
.site-body .detail-block{
  border-top-color:#ebe2d7;
}
.site-body .detail-block h2,
.site-body .side-contact-card h2{
  color:#292522;
}
.site-body .post-contact-actions .phone-action{
  background:#e94f1d!important;
  border-color:#e94f1d!important;
}
.site-body .post-contact-actions .phone-action:hover{
  background:#ce3e10!important;
  border-color:#ce3e10!important;
}
.site-body .post-company-card,
.site-body .side-contact-line,
.site-body .contact-item,
.site-body .company-quick-info div{
  border-color:#e7ded3;
  background:#fffaf5;
}
.site-body .post-company-head span{
  color:#985021;
  background:#fff0e2;
}
.site-body .side-contact-card p{
  color:#70685f;
}
.site-body .side-contact-card a{
  background:#e94f1d!important;
  border-color:#e94f1d!important;
}
.site-body .side-contact-card a:nth-of-type(even){
  background:#39414d!important;
  border-color:#39414d!important;
}

/* Complete frontend palette audit */
.site-body a{color:#70412a}
.site-body a:hover{color:#d84315}
.site-body .section-row>a,
.site-body .portal-box-title>a,
.site-body .company-item div a,
.site-body .post-main div a,
.site-body .activity-actions a,
.site-body .auth-foot a{color:#d84315}
.site-body .pager a,
.site-body .pager span{
  color:#5b534b;
  border-color:#ded6cb;
  background:#fff;
}
.site-body .pager a:hover{
  color:#d84315;
  border-color:#efb28e;
  background:#fff7f1;
}
.site-body .pager .pager-number.active{
  color:#fff!important;
  background:#e94f1d!important;
  border-color:#e94f1d!important;
}
.site-body .pager .pager-total{
  color:#746b62;
  background:#faf7f2;
}
.site-body .cat-head{
  border-color:#e4ded4;
  background:#fffaf5;
}
.site-body .cat-head p,
.site-body .m-section>p.tag,
.site-body .auth-head p,
.site-body .tag{
  color:#d84315;
}
.site-body .cat-head span,
.site-body .m-section>.muted,
.site-body .auth-head span{
  color:#70685f;
}
.site-body .company-feed .company-item,
.site-body .company-show-grid article,
.site-body .company-activity-item{
  border-color:#e8e0d5;
  background:#fff;
}
.site-body .company-feed .company-item:hover,
.site-body .company-show-grid article:hover,
.site-body .company-activity-item:hover{
  border-color:#efb28e;
  background:#fffdf9;
  box-shadow:0 3px 10px rgba(145,67,21,.08);
}
.site-body .company-item .addr,
.site-body .post-item .addr,
.site-body .company-show-grid p,
.site-body .activity-main p{
  color:#70685f;
}
.site-body .company-item div span,
.site-body .activity-meta span,
.site-body .activity-meta time{
  color:#8b4b24;
  background:#fff0e5;
}
.site-body .portal-empty,
.site-body .empty-box{
  color:#6f6256;
  border-color:#dfc4ad;
  background:#fffaf2;
}
.site-body .member-auth-card,
.site-body .join-card,
.site-body .publish-card,
.site-body .m-section{
  border-color:#e4ded4;
}
.site-body .auth-head,
.site-body .front-modal-head,
.site-body .member-edit-head{
  border-bottom-color:#ebe2d7;
  background:#fffaf5;
}
.site-body .stack input,
.site-body .stack select,
.site-body .stack textarea,
.site-body .auth-form input,
.site-body .join-form input,
.site-body .join-form textarea,
.site-body .publish-grid input,
.site-body .publish-grid select,
.site-body .publish-grid textarea{
  color:#322d28;
  border-color:#ddd4c8;
  background:#fffdf9;
}
.site-body .stack input:focus,
.site-body .stack select:focus,
.site-body .stack textarea:focus,
.site-body .auth-form input:focus,
.site-body .join-form input:focus,
.site-body .join-form textarea:focus,
.site-body .publish-grid input:focus,
.site-body .publish-grid select:focus,
.site-body .publish-grid textarea:focus{
  border-color:#e94f1d;
  box-shadow:0 0 0 3px rgba(233,79,29,.1);
}
.site-body .stack button,
.site-body .auth-form button,
.site-body .join-form button,
.site-body .publish-submit button,
.site-body .publish-image-row button{
  color:#fff!important;
  background:#e94f1d!important;
  border-color:#e94f1d!important;
}
.site-body .stack button:hover,
.site-body .auth-form button:hover,
.site-body .join-form button:hover,
.site-body .publish-submit button:hover,
.site-body .publish-image-row button:hover{
  background:#ce3e10!important;
  border-color:#ce3e10!important;
}
.site-body .publish-image-preview{
  color:#7a7066;
  border-color:#ddc9b7;
  background:#fffaf5;
}
.site-body .form-message{
  color:#665d54;
  border-color:#e2d8cc;
  background:#faf7f2;
}
.site-body .form-message.success{
  color:#176b38;
  border-color:#bfe7ce;
  background:#f0fbf4;
}
.site-body .form-message.error{
  color:#b93812;
  border-color:#f2c2ad;
  background:#fff5f0;
}
.site-body .company-space-cover{
  background:#343b46;
  box-shadow:0 8px 20px rgba(52,59,70,.14);
}
.site-body .company-space-cover:before{
  background:#e94f1d;
}
.site-body .company-space-tabs,
.site-body .company-space-card,
.site-body .company-side-card,
.site-body .company-space-side>.detail-block,
.site-body .company-space-main>.location-panel{
  border-color:#e4ded4;
  background:#fff;
}
.site-body .company-space-tabs a{
  color:#514a43;
}
.site-body .company-space-tabs a.active,
.site-body .company-space-tabs a:hover{
  color:#fff!important;
  background:#e94f1d!important;
}
.site-body .company-quick-info div,
.site-body .contact-item,
.site-body .side-contact-line{
  border-color:#e7ded3;
  background:#fffaf5;
}
.site-body .company-side-card a,
.site-body .company-space-actions a,
.site-body .activity-actions a{
  color:#d84315!important;
  border-color:#f0cdb8!important;
  background:#fff7f1!important;
}
.site-body .company-space-actions a:hover,
.site-body .company-side-card a:hover,
.site-body .activity-actions a:hover{
  color:#fff!important;
  background:#e94f1d!important;
  border-color:#e94f1d!important;
}
.site-body .activity-thumb,
.site-body .post-thumb{
  border-color:#e7ded3;
  background:#f8f4ee;
}
.site-body .activity-thumb.empty-thumb:before,
.site-body .post-thumb.empty-thumb:before,
.site-body .member-avatar{
  background:#e94f1d;
}
.site-body .location-map{
  color:#514a43;
  border-color:#dfd4c8;
  background:#f8f4ee;
}
.site-body .location-map:before{
  background-image:linear-gradient(90deg,rgba(170,120,80,.09) 1px,transparent 1px),linear-gradient(rgba(170,120,80,.09) 1px,transparent 1px);
}
.site-body .front-modal,
.site-body .member-edit-dialog{
  border-color:#e4ded4;
  background:#fff;
}
.site-body .front-modal-head button,
.site-body .member-edit-head button{
  color:#5f554c;
  border-color:#ddd4c8;
  background:#fff;
}