:root{--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Consolas,monospace}
*{box-sizing:border-box}
body{margin:0}
button{font:inherit}
[hidden]{display:none!important}

/* 颜色和圆角只在这里定义 */
.C{--bg:#FFFFFF;--ink:#111111;--mu:#5F5F5F;--fa:#8E8E8E;--hair:#E3E3E0;--soft:#F4F4F1;--hl:#FFE14A;--hl-hover:#F5D52F;--inverse-hover:#333;--neg:#C2381B;--pos:#137C47;--r:12px;--r-s:8px;
   min-height:100vh;display:flex;flex-direction:column;overflow-wrap:anywhere;background:var(--soft);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}
.C main{flex:1}
.C h1,.C h2,.C h3,.C p{margin:0}
.C h1,.C h2,.C h3{text-wrap:balance}
.C h2{font-size:22px;font-weight:900}
.C a{color:inherit;text-decoration:none}
.C ul{margin:0;padding:0;list-style:none}
.C input,.C select,.C textarea{font:inherit;color:inherit}
.C fieldset{border:0;padding:0;margin:0;min-width:0}
.C legend{font-weight:800;margin-bottom:8px}
.C :focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.C .wrap{max-width:1160px;margin:0 auto;padding-inline:32px}
.C .mono{font-family:var(--mono)}
.C .link{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.C .note{font-size:13px;color:var(--mu)}
.C .tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.C .more{margin-top:24px}

/* 导航和页脚 */
.C .nav{background:var(--bg);border-bottom:1px solid var(--hair)}
.C .nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px}
.C .logo{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:900;white-space:nowrap}
.C .logo b{background:var(--hl);border-radius:var(--r-s);padding:3px 10px;font-weight:900}
.C .logo span{font-family:var(--mono);font-size:13px;font-weight:600}
.C .nav ul{display:flex;gap:24px;font-weight:600;font-size:14px}
.C .nav-r{display:flex;gap:8px}
.C .nav-r .mobile-search{display:none}
.C .nav-s{display:flex;align-items:center;height:40px;width:280px;border:1px solid var(--hair);border-radius:10px;overflow:hidden;background:var(--bg);font-size:14px}
.C .nav-s:focus-within{border-color:var(--ink)}
.C .nav-s input{flex:1;min-width:0;border:0;outline:none;padding:0 12px}
.C .nav-s button{flex:none;white-space:nowrap;height:100%;padding:0 10px;border:0;background:var(--hl);font-weight:700;cursor:pointer}
.C .foot{border-top:1px solid var(--hair);padding-block:22px;font-size:13px;color:var(--mu)}
.C .foot .wrap{display:flex;flex-wrap:wrap;gap:6px 22px}

/* 按钮 */
.C .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;font-weight:700;font-size:14px;border:1px solid var(--ink);border-radius:10px;white-space:nowrap;background:var(--bg);color:var(--ink);cursor:pointer}
.C .btn:hover{background:var(--soft)}
.C .btn-p{background:var(--ink);color:var(--bg)}
.C .btn-p:hover{background:var(--inverse-hover)}
.C .btn-y{background:var(--hl);border-color:var(--hl)}
.C .btn-y:hover{background:var(--hl-hover);border-color:var(--hl-hover)}
.C .btn-lg{height:48px;padding:0 28px;font-size:16px}

/* 搜索框 */
.C .search{display:flex;border:1px solid var(--hair);border-radius:14px;overflow:hidden;background:var(--bg)}
.C .search:focus-within{border-color:var(--ink)}
.C .search input{flex:1;min-width:0;border:0;outline:none;font-size:17px;padding:0 18px;height:58px;background:transparent}
.C .search button{border:0;background:var(--hl);font-weight:800;font-size:16px;padding:0 32px;cursor:pointer}

/* 关系标签 */
.C .rel{display:inline-block;font-weight:800;font-size:13px;line-height:1.5;padding:1px 8px;border-radius:6px;color:var(--ink);white-space:nowrap}
.C .rel-in{background:var(--hl)}
.C .rel-out{background:var(--bg);box-shadow:inset 0 0 0 1px var(--hair)}
.C .rel-iv{background:var(--soft)}
.C .low{font-size:12.5px;background:var(--soft);border-radius:6px;padding:1px 8px;color:var(--mu);white-space:nowrap}

/* 首页 */
.C .hero{background:var(--hl)}
.C .hero .wrap{padding-block:76px 68px}
.C .hero h1{font-size:52px;line-height:1.15;font-weight:900;letter-spacing:-.01em}
.C .hero .mk{background:var(--ink);color:var(--hl);border-radius:10px;padding:0 10px;margin-inline:6px}
.C .hero .search{margin-top:36px;max-width:760px;border-color:var(--bg)}
.C .hero .search button{background:var(--ink);color:var(--bg)}
.C .hero .search button:hover{background:var(--inverse-hover)}
.C .hints{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px}
.C .sec{padding-block:44px 64px}
.C .sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.C .sec-h h2 .n{font-family:var(--mono);font-size:14px;font-weight:500;color:var(--fa);margin-left:8px}
.C .cities{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px}
.C .cos{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.C .co{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center;padding:16px 18px;background:var(--bg);border-radius:var(--r)}
.C .co b,.C .co .sub{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.C .co b{font-size:17px;font-weight:800}
.C .co .sub{font-size:13px;color:var(--mu)}
.C .co .cnt{grid-column:2;grid-row:1/3;font-family:var(--mono);font-size:24px;font-weight:600}
.C .co .cnt small{font-family:var(--sans);font-size:12px;font-weight:400;color:var(--mu);margin-left:3px}
.C .co:hover{background:var(--hl)}
.C .co:hover .sub,.C .co:hover small{color:var(--ink)}

/* 白底页头：公司页、搜索结果、写体验共用 */
.C .co-top{background:var(--bg);border-bottom:1px solid var(--hair)}
.C .crumb{font-size:13px;color:var(--fa);margin-bottom:10px}

/* 搜索结果 */
.C .sr-top{padding-block:28px 24px}
.C .sr-top h1{font-size:28px;font-weight:900;margin-bottom:16px}
.C .sr-top .search{max-width:760px}
.C .sr-top .search input{height:50px;font-size:16px}
.C .sr-meta{margin-top:16px;font-size:14px;color:var(--mu)}
.C .res{display:flex;flex-direction:column;gap:12px;padding-block:24px 56px}
.C .res-i{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:center;background:var(--bg);border-radius:var(--r);padding:18px 24px}
.C .res-i h3{font-size:20px;font-weight:900}
.C .res-i .full{font-size:14px;color:var(--mu);margin-top:2px}
.C .res-i .tags{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:13px;color:var(--mu)}
.C .res-i .why{font-size:12.5px;border-radius:6px;background:var(--soft);padding:0 8px;color:var(--ink)}
.C .res-i .r{text-align:right}
.C .res-i .r b{font-family:var(--mono);font-size:26px;display:block;line-height:1.1}
.C .res-i .r span{font-size:13px;color:var(--mu)}
.C .merged{padding:0 24px;font-size:14px;color:var(--mu)}
.C .merged b{color:var(--ink)}
.C .res-h{margin-top:16px;font-size:18px}
.C .empty-row{padding:12px 24px;font-size:14px;color:var(--mu);display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* 公司页 */
.C .co-h{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;padding-block:32px 28px}
.C .co-h h1{font-size:40px;font-weight:900;line-height:1.1;letter-spacing:-.01em}
.C .co-h .full{margin-top:8px;color:var(--mu);font-size:14.5px;display:flex;flex-wrap:wrap;gap:4px 14px}
.C .co-act{display:flex;gap:10px;flex-wrap:wrap}
.C .key{background:var(--bg);border-radius:var(--r);margin-top:24px;padding:24px 28px}
.C .scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;margin-top:16px}
.C .sc b{font-family:var(--mono);font-size:40px;font-weight:600;line-height:1;display:block}
.C .sc b small{font-size:15px;color:var(--fa);font-weight:500}
.C .sc span{font-size:13.5px;font-weight:700}
.C .sc .bar{height:6px;background:var(--soft);margin-top:8px}
.C .sc .bar i{display:block;height:100%;background:var(--ink)}
.C .sample{margin-top:18px;font-size:13px;color:var(--mu);border-top:1px solid var(--hair);padding-top:12px}
.C .related{padding:12px 0;font-size:14px;color:var(--mu)}
.C .related b{color:var(--ink)}
.C .facts{display:flex;flex-wrap:wrap;gap:6px 28px;padding:14px 0;font-size:13px}
.C .facts span{color:var(--mu)}
.C .facts b{font-weight:600;color:var(--ink);margin-left:6px}
.C .co-main{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding-block:32px 72px;align-items:start}
.C .filters{position:sticky;top:16px;display:flex;flex-direction:column;gap:24px}
.C .fg{display:flex;flex-direction:column}
.C .fg-h{font-size:12.5px;color:var(--fa);padding:0 10px 6px}
.C .fg a{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;font-size:14px;font-weight:600;border-radius:var(--r-s)}
.C .fg a:hover{background:var(--bg)}
.C .fg a.on,.C .fg a.on:hover{background:var(--ink);color:var(--bg)}
.C .fg .num{font-family:var(--mono);font-weight:500;opacity:.6}

/* 体验卡片 */
.C .revs{display:flex;flex-direction:column;gap:12px}
.C .rev,.C .revs>p{background:var(--bg);border-radius:var(--r);padding:20px 24px}
.C .revs>p{color:var(--mu)}
.C .rev{display:flex;flex-direction:column;gap:10px}
.C .rev-m{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--mu)}
.C .rev-m b{color:var(--ink);font-size:14px}
.C .rev-m .mono{font-size:12.5px}
.C .co-link{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.C .rev h3{font-size:19px;font-weight:800;line-height:1.4}
.C .rev h3 a:hover,.C .res-i h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--hl)}
.C .flow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:14px;font-weight:700}
.C .pc{display:flex;flex-direction:column;gap:6px;font-size:15px}
.C .pc div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px}
.C .sg{font-family:var(--mono);font-weight:600;text-align:center}
.C .sg.n{color:var(--neg)}
.C .sg.p{color:var(--pos)}
.C .experience-points li{position:relative;padding-left:16px}
.C .experience-points li+li{margin-top:4px}
.C .experience-points li::before{content:"";position:absolute;left:0;top:.8em;width:8px;height:2px;background:var(--ink)}
.C .resp{border-radius:var(--r-s);padding:12px 14px;font-size:14px;background:var(--soft)}
.C .resp .h{font-weight:800;font-size:12.5px;margin-bottom:2px}
.C .rev-f{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:12.5px;color:var(--fa)}
.C .vote{margin-left:auto}
.C .useful{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--hair);border-radius:999px;background:var(--bg);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer}
.C .useful:hover{border-color:var(--ink)}
.C .useful.on{background:var(--hl);border-color:var(--hl)}
.C .useful .num{font-family:var(--mono);font-weight:500}

/* 面经正文、规则、协议 */
.C .art{background:var(--bg);border-radius:16px;max-width:760px;width:100%;margin:32px auto 56px;padding:40px 48px}
.C .art header{padding-bottom:24px;border-bottom:1px solid var(--hair)}
.C .art .crumb{margin-bottom:12px}
.C .art .crumb a{text-decoration:underline;text-underline-offset:3px}
.C .art h1{font-size:32px;font-weight:900;line-height:1.25}
.C .art-b{padding-block:28px;display:flex;flex-direction:column;gap:24px;font-size:16px;line-height:1.85}
.C .art-b h2{display:inline-block;font-size:14px;font-weight:800;line-height:1.7;background:var(--hl);border-radius:6px;padding:0 8px;margin-bottom:6px}
.C .art footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--hair);padding-top:20px;font-size:13px;color:var(--mu)}
.C .art footer .tools{margin-top:0}
.C .art footer .vote{margin-left:0}
.C .doc .art-b{gap:28px;font-size:15px;line-height:1.8}
.C .doc .art-b h2{display:block;background:none;padding:0;font-size:17px;font-weight:900;margin-bottom:8px}
.C .doc .art-b p+p{margin-top:4px}

/* 表单 */
.C .form-h{padding-block:28px 24px}
.C .form-h h1{font-size:28px;font-weight:900}
.C .form-h p{margin-top:6px;color:var(--mu);font-size:14px}
.C .form-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;padding-block:32px 72px;align-items:start}
.C .form-wrap>form{background:var(--bg);border-radius:var(--r);padding:28px}
.C .fs{display:flex;flex-direction:column;gap:28px}
.C .fld{display:flex;flex-direction:column;gap:8px}
.C .fld>label,.C .fld>.lb{font-weight:800;font-size:15px}
.C .fld .req{color:var(--neg);margin-left:2px}
.C .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.C .inp{border:1px solid var(--fa);border-radius:10px;height:44px;padding:0 12px;background:var(--bg);width:100%;font-size:15px;outline:none}
.C .inp:focus{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
.C textarea.inp{height:auto;min-height:110px;padding:10px 12px;resize:vertical;line-height:1.6}
.C select.inp{appearance:auto}
.C .errt{font-size:13px;color:var(--neg);font-weight:600}
.C .seg3{display:flex;border:1px solid var(--fa);border-radius:10px;overflow:hidden;width:max-content;max-width:100%}
.C .seg3 label,.C .dots label{position:relative}
.C .seg3 input,.C .dots input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.C .seg3 label+label{border-left:1px solid var(--fa)}
.C .seg3 span{display:block;padding:9px 22px;font-weight:700;cursor:pointer}
.C .seg3 input:checked+span{background:var(--ink);color:var(--bg)}
.C .seg3 input:focus-visible+span,.C .dots input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.C .rate{display:grid;grid-template-columns:88px auto;gap:10px 16px;align-items:center}
.C .rate .dots{display:flex}
.C .rate .dots label+label{margin-left:-1px}
.C .rate .dots span{width:40px;height:36px;border:1px solid var(--fa);display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:14px;cursor:pointer}
.C .rate .dots label:first-child span{border-radius:8px 0 0 8px}
.C .rate .dots label:last-child span{border-radius:0 8px 8px 0}
.C .dots input:checked+span{background:var(--hl)}
.C .submit{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--hair);padding-top:24px}
.C .aside{background:var(--bg);border-radius:var(--r);padding:18px;position:sticky;top:16px;display:flex;flex-direction:column;gap:12px;font-size:14px}
.C .aside h3{font-size:15px;font-weight:900}
.C .aside li{padding-left:14px;position:relative;color:var(--mu)}
.C .aside li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:2px;background:var(--ink)}

/* 窄栏面板：登录、举报、提示、公司资料、我的 */
.C .panel{background:var(--bg);border-radius:16px;width:calc(100% - 32px);max-width:440px;margin:48px auto;padding:32px;display:flex;flex-direction:column;gap:16px}
.C .panel.wide{max-width:640px}
.C .panel.mine{max-width:860px}
.C .panel h1{font-size:24px;font-weight:900}
.C .panel .fs{gap:18px}
.C .panel .tools{margin-top:4px}
.C .panel .sec-h{align-items:center}
.C .panel .tbl{border:1px solid var(--hair)}

/* 表格：后台、我的 */
.C .tbl{background:var(--bg);border-radius:var(--r);overflow-x:auto}
.C .tbl table{width:100%;border-collapse:collapse;font-size:14px}
.C .tbl th{text-align:left;font-size:12.5px;font-weight:400;color:var(--fa);padding:10px 14px;white-space:nowrap}
.C .tbl td{padding:10px 14px;border-top:1px solid var(--hair);vertical-align:top;white-space:nowrap}
.C .tbl td.main{white-space:normal;min-width:220px}
.C .tbl td.main p{font-size:13px;color:var(--mu)}
.C .tbl td .btn{height:32px;padding:0 12px;font-size:13px}
.C .tbl td .mono,.C .tbl td.mono{font-size:12.5px;color:var(--mu)}
.C .tbl-0{background:var(--bg);border-radius:var(--r);padding:14px;font-size:14px;color:var(--mu)}

/* 后台 */
.C .admin{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:65vh}
.C .admin aside{background:var(--bg);border-right:1px solid var(--hair);padding:20px;display:flex;flex-direction:column;gap:12px}
.C .admin aside h2{font-size:17px}
.C .admin aside li a{display:block;padding:7px 10px;border-radius:var(--r-s);font-size:14px;font-weight:600}
.C .admin aside li a:hover{background:var(--soft)}
.C .admin-main{min-width:0;padding:28px 32px 64px}
.C .admin-main h1,.C .admin-main h2{font-size:20px;font-weight:900;margin:28px 0 12px}
.C .admin-main h1{margin-top:0}
.C .admin-main .sec-h{align-items:center;margin:28px 0 12px}
.C .admin-main .sec-h h2{margin:0}

@media (min-width:780px) and (max-width:1019px){
  .C .cos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:779px){
  .C .wrap{padding-inline:16px}
  .C .nav ul,.C .nav-s,.C .logo span{display:none}
  .C .nav-r .mobile-search{display:inline-flex}
  .C .nav-r .btn{padding:0 10px}
  .C .hero .wrap{padding-block:44px 40px}
  .C .hero h1{font-size:32px}
  .C .hero .mk{padding:0 6px;margin-inline:4px}
  .C .search input{height:50px;font-size:15px;padding:0 12px}
  .C .search button{padding:0 18px}
  .C .cos{grid-template-columns:1fr}
  .C .res-i{grid-template-columns:1fr;padding:16px}
  .C .res-i .r{text-align:left;display:flex;align-items:baseline;gap:6px}
  .C .co-h{grid-template-columns:1fr;padding-block:24px 20px}
  .C .co-h h1{font-size:30px}
  .C .scores{grid-template-columns:repeat(2,minmax(0,1fr))}
  .C .co-main{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:20px 48px}
  .C .filters{position:static;gap:10px}
  .C .fg{flex-direction:row;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}
  .C .fg-h{flex:none;padding:0;margin-right:4px}
  .C .fg a{flex:none;gap:6px;padding:5px 10px;border-radius:999px;background:var(--bg);white-space:nowrap}
  .C .rev,.C .revs>p{padding:16px}
  .C .art{border-radius:0;margin:0 auto;padding:28px 16px 48px}
  .C .art h1{font-size:24px}
  .C .form-wrap{grid-template-columns:1fr;gap:28px}
  .C .form-wrap>form{padding:20px 16px}
  .C .form-h h1{font-size:24px}
  .C .aside{position:static;order:-1}
  .C .row2{grid-template-columns:1fr}
  .C .seg3 span{padding:9px 16px}
  .C .rate{grid-template-columns:1fr;gap:6px}
  .C .panel{margin:24px auto;padding:24px 20px}
  .C .admin{grid-template-columns:1fr}
  .C .admin aside{border-right:0;border-bottom:1px solid var(--hair)}
  .C .admin-main{padding:20px 16px 48px}
}