/* experts.html 专属样式，覆盖 assets/style.css */
.hero.compact .hero-body{padding:22px 0 110px}
.hero.compact .hero-body h1{font-size:36px;letter-spacing:8px;text-indent:8px}
.hero.compact .sub{font-size:19px;letter-spacing:5px;margin-top:4px}
.hero.compact .sub2{font-size:14px;letter-spacing:3px;margin-top:8px}
.filterbar{margin-top:-70px;padding:12px 20px 14px;gap:16px;border-radius:12px;background:linear-gradient(180deg,rgba(236,243,249,.8) 0%,rgba(250,252,254,.94) 45%,rgba(249,252,255,.96) 100%);box-shadow:0 8px 24px rgba(30,80,160,.12)}
.filterbar .fld{flex:0 0 164px;min-width:0}
.filterbar .fld.kwf{flex:1 1 200px}
.filterbar .fld label{color:#13306f;font-weight:700;margin-bottom:5px;font-size:12px;line-height:1.3}
.filterbar .sel select,.filterbar .sel input{height:30px;border:1px solid #e2ebf6;border-radius:4px;background:rgba(255,255,255,.7);padding:0 26px 0 12px;font-size:12px}
.filterbar .sel input{padding-right:12px}
.filterbar .sel select:invalid,.filterbar .sel input::placeholder{color:#9aa6bf}
.filterbar .sel select option{color:#1f2d45}
.filterbar .sel:after{width:6px;height:6px;right:12px;top:10px;border-right:1.5px solid #5e8ee7;border-bottom:1.5px solid #5e8ee7}
.filterbar .acts{gap:9px}
.filterbar .btn{height:40px;border-radius:4px;font-size:13px;gap:10px;letter-spacing:.5px;box-shadow:0 0 0 1px rgba(218,235,248,.9)}
.filterbar .btn-p{width:136px;padding:0;background:linear-gradient(180deg,#0968ea,#064dd1)}
.filterbar .btn-reco{width:126px;background:linear-gradient(180deg,#1679f8,#106bf0)}
/* 统计条 */
.exp-stats{margin-top:12px}
.exp-stats .stats{margin-top:0;grid-template-columns:minmax(0,1fr) 405px;gap:14px}
.exp-stats .statcard{height:78px;padding:0 6px;align-items:center}
.exp-stats .stat{padding:0 14px;gap:18px;border-right:0;position:relative}
.exp-stats .stat:not(:last-child):after{content:"";position:absolute;right:0;top:50%;width:1px;height:44px;margin-top:-22px;background:#e8edf5}
.exp-stats .stat .ico.bare{width:40px;height:40px;color:#1f74f5}
.exp-stats .stat .ico.bare svg{width:38px;height:38px}
.exp-stats .stat .n{font-family:"NotoSC","PingFang SC",sans-serif;font-size:23px;font-weight:700;color:#0a1f86;line-height:1.1}
.exp-stats .stat .n small{font-size:13px;font-weight:500;color:#0c2266;margin-left:10px}
.exp-stats .stat .l{color:#10275f;font-weight:500}
.exp-stats .quote{height:78px;padding:0 16px}
.exp-stats .quote .qm{left:22px;top:50%;margin-top:-20px;width:40px;height:40px;color:#e4e8ee;opacity:1;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.exp-stats .quote .q{font-size:16px;letter-spacing:2px;color:#0b1f73;margin-left:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exp-stats .quote .w{font-size:13px;color:#1d4791;text-align:right;margin:8px 8px 0 0;white-space:nowrap}
/* 两栏 */
.exp-grid{grid-template-columns:minmax(0,1fr) 418px;gap:10px;margin-top:10px}
.exp-grid .lcol,.exp-grid .rcol{display:grid;gap:10px;align-content:start;min-width:0}
.exp-grid .sec-h{gap:16px;margin-bottom:10px}
.exp-grid .sec-h h2{font-size:18px;font-weight:900;color:#0a1a5c}
.exp-grid .sec-h .d{color:#4f699e}
/* 重点推荐 */
.exp-cards{gap:11px}
.expcard{border-color:#edf2fa;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 2px 10px rgba(30,80,170,.06);border-radius:8px;padding:6px 14px 10px 6px;gap:16px;height:178px;overflow:hidden}
.expcard .avatar.lg{width:96px;height:140px;border-radius:3px;box-shadow:-4px -4px 0 0 #e2f2fb,0 2px 6px rgba(20,60,140,.12);flex:none;margin:4px 0 0 4px}
.expcard .bd{min-width:0}
.expcard .n{font-size:17px;font-weight:700;color:#0a1f7a;margin-top:8px;white-space:nowrap}
.expcard .n span{font-size:13px;font-weight:500;color:#0b2d8a;margin-left:12px}
.expcard .u{font-size:12px;color:#4a6496;line-height:16px;margin:8px 0}
.expcard .u div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.expcard .tags{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden}
.expcard .tag{margin:0;flex:none;height:19px;line-height:19px;padding:0 6px;border-radius:3px;background:#e7f2fe;color:#1e62f8;font-weight:500;font-size:10px}
.expcard p{color:#4d65a7;margin-top:10px;line-height:17px;font-size:11px;-webkit-line-clamp:2}
.expcard .more{display:flex;justify-content:flex-end;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#0b5cf2;margin-top:6px}
.expcard .more svg{width:13px;height:13px}
/* 列表 */
#list .tabs-h{gap:12px;margin-bottom:8px}
#list .tabs-h h2{color:#0b2d7e;font-weight:900;margin-right:14px}
#list .tabs-h a[data-col]{padding:5px 11px;position:relative;color:#41578d;border-radius:6px 6px 3px 3px}
#list .tabs-h a[data-col].on{background:linear-gradient(180deg,#f5f9fe,#e9f2fd);color:#0a55f2;font-weight:500}
#list .tabs-h a[data-col].on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:#0a48e8}
#list .tabs-h .sel{width:101px;margin-right:5px}
#list .tabs-h .sel select{height:28px;border-color:#e8eff9;background:#fbfcfe;color:#1c3f7a;padding-left:10px}
#list .tabs-h .sel:after{top:11px;border-color:#9aa7bf}
#list .tabs-h .vbtn{width:46px;height:28px;padding:0;border:1px solid #e6eefa;border-radius:6px;background:#eff5fe;color:#2a4a86}
#list .tabs-h .vbtn.on{background:#fff;color:#0a45e6}
#list .tabs-h .vbtn svg{width:17px;height:17px}
.exp-list{gap:8px}
.expl{border-color:#edf2f9;box-shadow:0 2px 8px rgba(30,80,160,.07);padding:10px 10px 12px}
.expl .top{gap:8px;align-items:flex-start}
.expl .avatar.sm{width:58px;height:74px;border-radius:4px;font-size:24px;flex:none}
.expl .hd{min-width:0;flex:1}
.expl .n{font-size:14px;color:#0b2a78;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.expl .n span{font-size:11.5px;font-weight:500;color:#2a3f75;margin-left:7px}
.expl .u{font-size:11px;color:#4a5d8f;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.expl .tg{margin-top:8px;display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden}
.expl .tg .tag{margin:0;font-size:9px;font-weight:500;padding:2px 4px;border-radius:4px;background:#e6f1fe;color:#2a70ef;flex:none}
.expl .kv{margin-top:8px;padding:6px 6px 0 5px;border-top:1px solid #eef3fa}
.expl .kv div{gap:0;padding:2px 0;line-height:17.5px}
.expl .kv div svg{width:12px;height:12px;color:#1f6ff5;margin-right:10px}
.expl .kv div span{color:#4b5886}
.expl .kv div b{font-size:12px;font-weight:600;color:#193581;max-width:90px}
.expl .kv div b i{font-style:normal;font-weight:400;font-size:11px;color:#516a95;margin-left:6px}
.expl .kv .pill{padding:0 6px;line-height:16px;font-size:10.5px}
.expl .acts .btn{height:28px;border-radius:5px;font-weight:500;font-size:11.5px}
.expl .acts .btn-w{background:#ebf4fe;border-color:#ebf4fe;color:#1f55e8}
.expl .acts .btn-p{background:#0552c8}
/* 网络图 */
.netgraph .legend{gap:30px;font-size:12px;color:#3c5a9a;margin-top:6px;align-items:center}
.netgraph .legend i{width:13px;height:13px;margin-right:8px;vertical-align:-2px;border-radius:50%;display:inline-block}
.netgraph .legend .c1{background:radial-gradient(circle at 35% 30%,#5a9cf8,#0b5bdc)}
.netgraph .legend .c2{background:#a8cafb;box-shadow:inset 0 0 0 1px #7fb0f7}
.netgraph .legend .ln{width:40px;height:2px;border-radius:0;background:#3f86f0;position:relative;margin-right:10px;vertical-align:middle}
.netgraph .legend .ln:before{content:"";position:absolute;left:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:#0b5ff6}
.netgraph .sec-h h2,.pairs .sec-h h2{font-size:17px;color:#0a1f6e}
.netgraph .sec-h .more,.pairs .sec-h .more{color:#1161f5}
/* 推荐专家与适配企业 */
.pairs .pr,.pairs .pr:last-child{display:grid;grid-template-columns:44px minmax(0,1fr) 18px 46px minmax(0,1.05fr);column-gap:10px;align-items:center;border:1px solid #e9eff8;border-radius:6px;background:#fff;box-shadow:0 1px 4px rgba(20,60,140,.05);padding:5px 8px 5px 6px;min-height:54px;margin-top:5px}
.pairs .avatar.sm{width:44px;height:42px;border-radius:3px;font-size:18px}
.pairs .who{min-width:0}
.pairs .pr b{font-size:13px;color:#0f2a7c;white-space:nowrap}
.pairs .who b span{display:inline;font-size:12px;font-weight:500;color:#1c439c;margin-left:8px}
.pairs .who>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5673a9;margin-top:4px;font-size:10px}
.pairs .pr>svg{width:18px;height:18px;color:#0a5ef0}
.pairs .pr .lg{width:46px;height:44px;border-radius:6px;background:#f5f9fe;border:1px solid #e3edf9;box-shadow:0 2px 5px rgba(20,60,140,.08);display:grid;place-items:center}
.pairs .pr .lg i{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4b90f5,#0b54d0);color:#fff;font:700 13px/28px "NotoSC",sans-serif;font-style:normal;text-align:center}
.pairs .pr .co{background:none;padding:0;min-width:0}
.pairs .pr .co b{font-size:11.5px;color:#0d2c93;display:block;overflow:hidden;text-overflow:ellipsis}
.pairs .pr .co span{font-size:10px;line-height:12.5px;color:#5873a9;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#labs .lab .tg{white-space:nowrap;overflow:hidden}
@media (max-width:1400px){.exp-grid{grid-template-columns:1fr}.exp-stats .stats{grid-template-columns:1fr}.exp-stats .statcard{height:auto}.filterbar .fld{flex:1 1 160px}}
