/* 企序职业观察：暖米纸、咖啡棕与少量铜橙组成同一色系。 */
:root{
  --bg:#f7f3eb;
  --paper:#fffdf8;
  --card:#fffdf8;
  --ink:#352b24;
  --navy:#352b24;
  --muted:#655447;
  --faint:#706052;
  --line:#ded0be;
  --line-2:#e9ddcd;
  --accent:#a24d19;
  --accent-2:#843a10;
  --accent-bg:#f8e8d4;
  --fresh:#a24d19;
  --ok:#75542d;
  --danger:#8a3d24;
  --c-comp:#a24d19;
  --c-growth:#a96a31;
  --c-sustain:#95704b;
  --c-mgmt:#79543c;
  --c-stab:#634a3b;
  --c-match:#a24d19;
  --radius:3px;
  --shadow:none;
}
body{background:var(--bg);color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px}
a{transition:color .18s ease}
.site-header{background:var(--paper);border-bottom:1px solid var(--line);box-shadow:none}
.header-inner{height:72px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}
.brand-mark{display:block;width:54px;height:54px;flex:none}
.brand-type{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap;line-height:1}
.brand-type strong{font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-weight:700;letter-spacing:-.035em;color:var(--ink)}
.brand-type em{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;letter-spacing:.01em;color:var(--ink)}
.brand-type em span{color:var(--accent)}
.site-header .brand-type strong{font-size:25px}
.site-header .brand-type em{font-size:13px;margin-top:5px}
.main-nav a{padding:23px 0;color:var(--ink);font-size:14px}
.main-nav a.active:after{height:1px;background:var(--accent)}
.header-cta{border-radius:2px;background:transparent;color:var(--accent);border-color:var(--accent);font-weight:600}
.header-cta:hover{background:var(--accent);color:#fff}
.card,.directory-company,.topic-company,.benefit-company,.mdl-card,.meth-card,.directory-board-links a,.directory-evidence{border-radius:2px;box-shadow:none}
.brand-button,.btn-primary,.directory-search button,.ed-cover-action{border-radius:2px}
.fchip,.tag-chip,.trial-facts span,.benefit-signals span,.benefit-status,.trial-status,.directory-demo{border-radius:2px}
.ranking-hero,.salary-trial-head,.benefits-head,.topic-head,.detail-hero{background:#f0e2ce;background-image:none;color:var(--ink);box-shadow:none}
.ranking-hero h1,.salary-trial-head h1,.ranking-hero p,.ranking-hero .crumb,.ranking-hero .crumb a,.ranking-hero summary,.salary-trial-head .crumb,.salary-trial-head .crumb a,.salary-trial-head p{color:var(--ink)}
.trial-facts span{background:#faf0e2;color:var(--ink);border-color:#dbc5a9}
.ranking-hero h1,.salary-trial-head h1{font-size:clamp(36px,5vw,66px)}
.ranking-hero p,.salary-trial-head p{font-size:16px}
.directory-intro h1{font-size:clamp(40px,5vw,68px)}
.directory-intro p{font-size:16px;max-width:58ch}
.ranking-hero h1,.salary-trial-head h1,.directory-intro h1,.page-title,.detail-hero h1,.topic-head h1,.benefits-head h1{font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-weight:700;letter-spacing:-.035em}
.trial-toolbar input,.trial-toolbar select,.benefit-controls input,.benefit-controls select,.directory-search,.fchip,.pagination button,.btn-primary,.ed-search input,.ed-search button{border-radius:2px}
.trial-warning,.salary-trial-card,.benefit-controls,.topic-controls,.topic-company,.benefit-company,.directory-company{border-radius:2px}
.benefit-list,.topic-list{gap:0}
.benefit-company,.topic-company{border-bottom:1px solid var(--line)}
.benefit-company+.benefit-company,.topic-company+.topic-company{border-top:0}
.directory-name h2,.benefit-company h2,.topic-company h2{font-family:"Noto Serif SC","Songti SC","SimSun",serif}
.topic-company-heading p,.benefit-company-main p,.salary-trial-table .comp-meta{font-size:13px}
.topic-company-meta,.topic-indicators,.topic-details,.benefit-company-foot,.topic-method p{font-size:13px}
.topic-score span,.topic-rank,.trial-status,.topic-evidence-meta,.topic-evidence small{font-size:12px}
.topic-rank{background:transparent;color:var(--accent);border-radius:0;font-size:14px}
.benefit-status{background:#f8e8d4;color:var(--accent-2)}
.badge-high{background:#f3e6d3;color:#704521}
.badge-mid,.badge-cond,.badge-personal{background:#f8e8d4;color:#82501f}
.badge-low,.badge-tag{background:#f0e8dc;color:#634d3b}
.badge-core{background:#efe0cb;color:#78451e}
.badge-red,.badge-risk{background:#f8e7dc;color:#8a3d24}
.src-item,.src-bar,.sort-btn:hover{background:#f5ecdf;border-color:var(--line)}
.src-item:hover,.src-bar .sb-links a:hover{background:var(--accent-bg);border-color:var(--accent)}
.src-bar .sb-links a:hover{color:var(--accent)}
.topic-company-meta span:first-child,.topic-indicators span{background:transparent;border-radius:0;padding:0;color:var(--muted)}
.topic-switch a{border-radius:2px;font-size:13px}
.trial-toolbar label,.trial-toolbar input,.trial-toolbar select,.topic-results,.topic-downloads{font-size:13px}
.directory-metrics a{color:var(--accent-2);text-decoration:underline;text-underline-offset:3px}
.site-footer .footer-legal{font-size:12px;color:var(--muted)}
.site-footer .footer-legal a{color:var(--accent-2)}
.salary-trial-table td,.benefit-score strong,.topic-score strong,.topic-rank,.ed-figures strong{font-variant-numeric:tabular-nums}
.source-grid .card,.ranking-method-grid article{border-radius:2px}
.route-indicators .card,.route-match .card,.route-companies .card{box-shadow:none}

/* 首页：刊头、数字、卷首语和专题目录各有自己的版面。 */
.app.route-home,.app.route-evaluation{width:100%;max-width:none;padding:0}
.ed-home,.ed-evaluation{overflow:hidden}
.ed-cover,.ed-opening,.ed-statement,.ed-index,.ed-explore,.ed-evaluation-cover,.ed-evaluation-layout{padding-inline:clamp(22px,5.2vw,88px)}
.ed-section-label,.ed-cover-meta,.ed-index-number,.ed-footnote{font-size:13px;letter-spacing:.02em}
.ed-section-label{font-weight:600;color:var(--accent)}
.ed-cover{min-height:min(780px,calc(100svh - 72px));display:flex;flex-direction:column;background:var(--paper);padding-top:clamp(38px,5vw,78px);padding-bottom:clamp(40px,5vw,78px)}
.ed-cover-meta{display:flex;justify-content:space-between;gap:20px;color:var(--muted)}
.ed-cover h1{margin:auto 0;padding:72px 0 68px;max-width:1100px;font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-size:clamp(54px,7.7vw,118px);font-weight:700;letter-spacing:-.07em;line-height:1.14;text-wrap:balance}
.ed-cover-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:end}
.ed-cover-bottom p{max-width:35em;font-size:clamp(17px,1.55vw,21px);line-height:1.75;color:var(--muted)}
.ed-cover-action{display:inline-flex;justify-content:space-between;gap:48px;align-items:center;min-width:235px;padding:17px 20px;background:var(--accent);color:#fff;font-size:15px;font-weight:600}
.ed-cover-action:hover{color:#fff;background:var(--accent-2)}
.ed-cover-action span{font-size:24px;font-weight:400;line-height:1}
.ed-opening{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(0,1.1fr);gap:10vw;align-items:end;background:#f0e2ce;padding-block:clamp(74px,9vw,146px)}
.ed-figures{display:flex;gap:clamp(36px,6vw,95px)}
.ed-figures>div{display:flex;flex-direction:column}
.ed-figures strong{font-family:Georgia,serif;font-size:clamp(74px,8.2vw,128px);font-weight:400;letter-spacing:-.09em;line-height:.95;color:var(--accent)}
.ed-figures span{margin-top:20px;color:var(--muted);font-size:15px}
.ed-opening>p{max-width:28em;font-size:clamp(22px,2.05vw,31px);line-height:1.52;font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-weight:600}
.ed-statement{display:grid;grid-template-columns:34% minmax(0,1fr);gap:6vw;padding-block:clamp(100px,12vw,180px);background:var(--bg)}
.ed-statement>div{max-width:760px}
.ed-statement h2,.ed-index-heading h2,.ed-explore h2{font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-weight:700;letter-spacing:-.05em;line-height:1.3}
.ed-statement h2{font-size:clamp(42px,5.3vw,78px)}
.ed-statement p{margin-top:36px;max-width:34em;font-size:18px;line-height:1.9;color:var(--muted)}
.ed-statement a,.ed-explore a{display:inline-flex;justify-content:space-between;gap:45px;align-items:center;margin-top:32px;color:var(--accent);font-size:15px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:6px}
.ed-statement a:hover{text-decoration:none;color:var(--accent-2)}
.ed-index{padding-block:clamp(88px,10vw,150px);background:var(--paper)}
.ed-index-heading{display:grid;grid-template-columns:22% minmax(0,1fr) minmax(220px,.45fr);gap:34px;align-items:start;margin-bottom:60px}
.ed-index-heading h2{font-size:clamp(37px,4.2vw,64px)}
.ed-index-heading p{max-width:23em;font-size:15px;line-height:1.8;color:var(--muted)}
.ed-index-rows{border-top:1px solid var(--line)}
.ed-index-row{display:grid;grid-template-columns:8% minmax(270px,.95fr) minmax(250px,1fr) 30px;gap:25px;align-items:center;min-height:116px;padding:22px 0;border-bottom:1px solid var(--line)}
.ed-index-row:hover{color:var(--accent)}
.ed-index-number{font-family:Georgia,serif;color:var(--accent);font-size:18px;font-variant-numeric:tabular-nums}
.ed-index-row strong{font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-size:clamp(25px,2.45vw,38px);font-weight:600;letter-spacing:-.03em;line-height:1.3}
.ed-index-description{max-width:29em;font-size:14px;line-height:1.75;color:var(--muted)}
.ed-index-arrow{justify-self:end;font-size:26px;line-height:1}
.ed-footnote{margin-top:27px;color:var(--faint);line-height:1.7}
.ed-explore{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.7fr);gap:8vw;background:#4d3b2e;color:#fffaf1;padding-block:clamp(90px,10vw,150px)}
.ed-explore .ed-section-label{color:#f1d5b4}
.ed-explore h2{max-width:11em;margin-top:26px;font-size:clamp(43px,5vw,76px)}
.ed-explore p{max-width:25em;font-size:18px;line-height:1.8;color:#f1e2d0}
.ed-explore a{color:#fffaf1;border-color:#b48b64;display:flex;width:max-content;min-width:230px}
.ed-explore a:hover{color:#f1d5b4}

/* 企业榜单：以可扫读的目录替代营销卡片。 */
.ed-evaluation-cover{padding-block:clamp(75px,8.5vw,132px) clamp(80px,9vw,140px);background:var(--paper)}
.ed-evaluation-cover h1{max-width:13em;margin-top:36px;font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-size:clamp(52px,6.5vw,99px);font-weight:700;letter-spacing:-.065em;line-height:1.16}
.ed-evaluation-cover p{max-width:41em;margin-top:42px;color:var(--muted);font-size:clamp(17px,1.5vw,20px);line-height:1.8}
.ed-evaluation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,.31fr);gap:5vw;padding-block:clamp(68px,7vw,112px) 130px}
.ed-evaluation-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
.ed-evaluation-heading p{color:var(--muted);font-size:14px}
.ed-ranking-rows{border-top:1px solid var(--line)}
.ed-ranking-row{display:grid;grid-template-columns:44px minmax(230px,1fr) minmax(150px,.7fr) auto;gap:24px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}
.ed-ranking-name h2{margin:0;font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-size:clamp(25px,2.3vw,34px);line-height:1.35;font-weight:700;letter-spacing:-.03em}
.ed-ranking-name p{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.7}
.ed-ranking-metric{font-size:13px;line-height:1.7;color:var(--faint)}
.ed-ranking-row button{align-self:center;min-height:40px;padding:8px 12px;background:transparent;border:1px solid var(--accent);border-radius:2px;color:var(--accent);font-size:13px;white-space:nowrap;cursor:pointer}
.ed-ranking-row button:hover,.ed-ranking-row button:focus-visible{background:var(--accent);color:#fff}
.ed-evaluation-aside{padding-top:5px}
.ed-evaluation-aside section+section{margin-top:70px}
.ed-evaluation-aside h2{font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-size:24px;line-height:1.3}
.ed-evaluation-aside p{margin-top:18px;color:var(--muted);font-size:14px;line-height:1.8}
.ed-search{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-top:22px}
.ed-search input{height:44px;min-width:0;padding:10px 12px;background:var(--paper);border:1px solid var(--line);font-size:14px}
.ed-search button{padding:8px 10px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;font-size:13px}
.ed-evaluation-aside section>a{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:15px 0;color:var(--ink);font-size:14px}
.ed-evaluation-aside section>a:first-of-type{margin-top:20px}
.ed-evaluation-aside section>a:hover{color:var(--accent)}

/* 页脚让品牌与阅读入口收束页面，法律信息保持可见。 */
.site-footer{background:#ede2d2;border-top:0;padding:72px 0 28px}
.site-footer .editorial-footer-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:8vw;align-items:end}
.editorial-footer-brand>a{display:inline-flex;align-items:center;gap:24px;width:max-content;max-width:100%;line-height:1;color:var(--ink)}
.editorial-footer-brand .brand-mark{width:82px;height:82px}
.editorial-footer-brand .brand-type strong{font-size:clamp(70px,8vw,112px)}
.editorial-footer-brand .brand-type em{font-size:clamp(23px,2.4vw,33px);margin-top:8px;letter-spacing:.02em}
.editorial-footer-brand p{margin-top:22px;color:var(--muted);font-size:16px}
.editorial-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;padding-bottom:8px}
.editorial-footer-links a{font-size:14px;color:var(--ink)}
.editorial-footer-links a:hover{color:var(--accent)}
.site-footer .footer-bottom{margin-top:82px;border-top:1px solid #d4c3ad}
.site-footer .footer-legal{max-width:92em}

@media(max-width:1100px){
  .ed-index-heading{grid-template-columns:150px minmax(0,1fr)}
  .ed-index-heading p{grid-column:2}
  .ed-ranking-row{grid-template-columns:35px minmax(180px,1fr) auto;gap:18px}
  .ed-ranking-metric{display:none}
}
@media(max-width:760px){
  .header-inner{height:auto}
  .ed-cover,.ed-opening,.ed-statement,.ed-index,.ed-explore,.ed-evaluation-cover,.ed-evaluation-layout{padding-inline:22px}
  .ed-cover{min-height:calc(100svh - 105px);padding-top:35px;padding-bottom:45px}
  .ed-cover h1{font-size:clamp(47px,11vw,78px);padding:70px 0 52px}
  .ed-cover-bottom{grid-template-columns:1fr;gap:28px}
  .ed-cover-bottom p{font-size:16px}
  .ed-cover-action{width:max-content;min-width:220px}
  .ed-opening{grid-template-columns:1fr;gap:55px;padding-block:86px}
  .ed-opening>p{font-size:25px}
  .ed-statement{grid-template-columns:1fr;gap:28px;padding-block:100px}
  .ed-statement h2{font-size:42px}
  .ed-statement p{font-size:16px}
  .ed-index-heading{grid-template-columns:1fr;gap:18px;margin-bottom:42px}
  .ed-index-heading h2{font-size:40px}
  .ed-index-heading p{grid-column:auto}
  .ed-index-row{grid-template-columns:35px minmax(0,1fr) 25px;gap:11px;padding:23px 0;min-height:0}
  .ed-index-row strong{font-size:25px}
  .ed-index-description{grid-column:2;grid-row:2;font-size:13px}
  .ed-index-arrow{grid-column:3;grid-row:1}
  .ed-explore{grid-template-columns:1fr;gap:55px;padding-block:95px}
  .ed-explore h2{font-size:48px}
  .ed-evaluation-cover{padding-block:72px 80px}
  .ed-evaluation-cover h1{font-size:clamp(46px,10vw,75px);margin-top:28px}
  .ed-evaluation-cover p{font-size:16px;margin-top:28px}
  .ed-evaluation-layout{grid-template-columns:1fr;gap:75px;padding-block:70px 100px}
  .ed-ranking-row{grid-template-columns:35px minmax(0,1fr);gap:8px 12px;padding:24px 0}
  .ed-ranking-name h2{font-size:26px}
  .ed-ranking-row button{grid-column:2;justify-self:start;margin-top:9px}
  .ed-evaluation-aside{display:grid;grid-template-columns:1fr 1fr;gap:26px}
  .ed-evaluation-aside section+section{margin-top:0}
  .site-footer .editorial-footer-top{grid-template-columns:1fr;gap:55px}
  .editorial-footer-brand .brand-type strong{font-size:clamp(62px,10vw,94px)}
}
@media(max-width:520px){
  .ed-cover-meta{font-size:12px}
  .ed-cover h1{font-size:clamp(43px,11vw,57px)}
  .ed-figures strong{font-size:70px}
  .ed-opening>p{font-size:23px}
  .ed-statement h2,.ed-index-heading h2{font-size:36px}
  .ed-index-row strong{font-size:22px}
  .ed-evaluation-aside{grid-template-columns:1fr;gap:50px}
  .ed-evaluation-heading{display:block}
  .ed-evaluation-heading p{margin-top:9px}
  .site-header .brand-mark{width:45px;height:45px}
  .site-header .brand-type strong{font-size:22px}
  .site-header .brand-type em{font-size:12px;margin-top:4px}
  .editorial-footer-brand>a{gap:16px}
  .editorial-footer-brand .brand-mark{width:58px;height:58px}
  .editorial-footer-brand .brand-type strong{font-size:62px}
  .editorial-footer-brand .brand-type em{font-size:22px;margin-top:5px}
  .editorial-footer-links{gap:15px}
}
@media(prefers-reduced-motion:reduce){a,.ed-ranking-row button{transition:none}}