/* Aris · 内页版面 */

[hidden]{display:none!important}

@media (min-width:751px){
  :root{--wrap:min(89vw,1300px)}
}

/* 页头海报 */
.phero{
  position:relative;display:flex;align-items:center;
  height:27vw;min-height:320px;max-height:420px;
  overflow:hidden;isolation:isolate;color:#fff;
}
.phero--tall{height:33vw;min-height:380px;max-height:520px}
.phero img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.phero::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(to top,rgba(3,15,26,.62),rgba(3,15,26,.14) 58%,rgba(3,15,26,.34)),
    linear-gradient(90deg,rgba(3,15,26,.34),rgba(3,15,26,0) 58%);
}
.phero-in{
  width:var(--wrap);margin:0 auto;padding-top:var(--nav-h);
  position:relative;text-align:left;
}
.phero--center .phero-in{text-align:center}
.phero h1{
  margin:0;
  font-size:clamp(40px,3.9vw,56px);font-weight:600;line-height:1.18;letter-spacing:.02em;
  text-shadow:0 .14vw .8vw rgba(0,0,0,.32);
}
.phero p{
  max-width:44em;margin:1.2vw auto 0;
  font-size:clamp(14px,1.111vw,17px);line-height:1.8;color:rgba(255,255,255,.86);
  text-shadow:0 .1vw .5vw rgba(0,0,0,.35);
}

/* 模块与容器 */
.wrap{width:var(--wrap);margin:0 auto}
.module{padding:5.2vw 0}
.module--tight{padding:4vw 0}
.module--band{background:#f6f7f9}
section[id],#contact-cards,#contact-blocks{scroll-margin-top:calc(var(--nav-h) + 1.5rem)}
.anchor{display:block;height:0;scroll-margin-top:calc(var(--nav-h) + 1.5rem)}

.module-head{text-align:center;margin:0 auto 3.2vw}
.module-head h2{
  margin:0;
  font-size:clamp(28px,2.5vw,36px);font-weight:600;line-height:1.35;letter-spacing:.02em;color:#111;
}

/* 简介：左文右图 */
.intro-split{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center}
.intro-text p{
  max-width:35em;margin:0 0 1.2vw;
  font-size:clamp(16px,1.25vw,18px);line-height:2;color:#2f2f2f;
}
.intro-text p:last-child{margin-bottom:0}
.intro-media{margin:0}
.intro-media img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}

/* 时间线 */
.timeline{position:relative;max-width:980px;margin:0 auto;padding:0;list-style:none}
.timeline::before{content:"";position:absolute;left:50%;top:4.2vw;bottom:4.2vw;width:1px;background:#e2e5e8}
.timeline li{
  position:relative;display:grid;grid-template-columns:1fr 2.8vw 1fr;
  align-items:center;min-height:8.4vw;
}
.tl-year{
  margin:0;text-align:right;padding-right:2.4vw;
  font-size:clamp(30px,2.2vw,34px);font-weight:500;line-height:1.1;color:#111;
  font-variant-numeric:tabular-nums;
}
.tl-dot{
  width:6px;height:6px;border-radius:50%;background:var(--accent);
  justify-self:center;z-index:1;box-shadow:0 0 0 .34vw #fff;
}
.tl-body{padding-left:2.4vw;max-width:24em}
.tl-body h3{margin:0 0 .35vw;font-size:clamp(15px,1.111vw,17px);font-weight:600;line-height:1.5}
.tl-body p{margin:0;font-size:clamp(13px,1vw,14px);line-height:1.75;color:#777}
.timeline li:nth-child(even) .tl-year{grid-column:3;grid-row:1;text-align:left;padding-left:2.4vw;padding-right:0}
.timeline li:nth-child(even) .tl-body{grid-column:1;grid-row:1;text-align:right;padding-right:2.4vw;padding-left:0;justify-self:end}
.timeline li:nth-child(odd) .tl-year{grid-column:1;grid-row:1}
.timeline li:nth-child(odd) .tl-body{grid-column:3;grid-row:1}
.timeline li .tl-dot{grid-column:2;grid-row:1}
.timeline li::after{content:"";position:absolute;top:50%;width:2.4vw;height:1px;background:#e2e5e8;z-index:0}
.timeline li:nth-child(odd)::after{left:calc(50% + .3vw)}
.timeline li:nth-child(even)::after{right:calc(50% + .3vw)}

/* FAQ */
.faq{display:grid;gap:.9vw;max-width:900px;margin:0 auto}
.faq details{
  background:#f5f6f8;border-radius:8px;padding:1.15vw 1.5vw;
}
.faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:2vw;
  cursor:pointer;list-style:none;
  font-size:clamp(14px,1.042vw,16px);line-height:1.6;color:#222;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font-size:1.4em;font-weight:300;line-height:1;color:#999;transition:transform .3s}
.faq details[open] summary::after{content:"−";color:var(--accent)}
.faq details p{margin:1vw 0 .2vw;font-size:clamp(13px,.972vw,14px);line-height:1.9;color:#555}

/* 新闻列表 */
.news-list-wrap{max-width:1000px;margin:0 auto}
.news-filter{
  display:flex;align-items:center;flex-wrap:wrap;gap:2.4vw;
  background:#fff;border-radius:10px;box-shadow:0 8px 26px rgba(12,26,38,.04);
  padding:1vw 1.6vw;margin:0 0 1.4vw;
}
.filter{
  position:relative;padding:.2vw 0;
  font-size:clamp(14px,1.042vw,16px);line-height:1.4;color:#777;
  transition:color .3s;
}
.filter:hover{color:#111}
.filter.cur{color:#111}
.filter.cur::after{content:"";position:absolute;left:0;right:0;bottom:-.25vw;height:2px;background:var(--accent)}

.news-list{display:flex;flex-direction:column;gap:1.2vw}
.news-row{
  display:grid;grid-template-columns:86px minmax(0,1fr);gap:2.2vw;align-items:start;
  padding:1.7vw 2vw;background:#fff;border-radius:10px;
  box-shadow:0 8px 26px rgba(12,26,38,.05);
}
.news-date{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2vw;
  width:86px;height:86px;background:#f2f4f6;border-radius:8px;
  font-variant-numeric:tabular-nums;
}
.news-date b{font-size:clamp(26px,2.2vw,32px);font-weight:500;line-height:1;color:#111}
.news-date span{font-size:.75vw;line-height:1.4;letter-spacing:.04em;color:#999;white-space:nowrap}
.news-content{min-width:0}
.news-cat{margin:0 0 .45vw;font-size:.833vw;line-height:1.4;color:var(--accent)}
.news-content h3{margin:0 0 .55vw;font-size:clamp(18px,1.45vw,22px);font-weight:600;line-height:1.5;color:#111}
.news-content h3 a{transition:color .3s}
.news-content h3 a:hover{color:var(--accent)}
.news-ex{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  max-width:46em;margin:0;
  font-size:clamp(13px,.972vw,14px);line-height:1.8;color:#666;
}

.pagination{display:flex;align-items:center;justify-content:center;gap:.5vw;margin-top:3vw}
.pagination a,.pagination span{
  display:flex;align-items:center;justify-content:center;
  min-width:2.6vw;height:2.6vw;padding:0 .5vw;
  border-radius:5px;
  font-size:clamp(13px,.938vw,14px);color:#555;font-variant-numeric:tabular-nums;
  transition:background-color .3s,color .3s;
}
.pagination a:hover{background:#e9edf2;color:#111}
.pagination .cur{background:var(--accent);color:#fff}
.pagination .next{width:auto;padding:0 1vw;gap:.3vw}
.pagination svg{width:.85vw;height:.85vw;fill:none;stroke:currentColor;stroke-width:2}

/* 联系页 */
.contact-cards{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1.5vw;
  padding-top:2.4vw;border-top:1px solid #ececec;
}
.contact-card{
  background:#f5f6f8;border-radius:10px;padding:2.2vw 1.5vw;text-align:center;
}
.contact-card .ico{
  display:flex;align-items:center;justify-content:center;
  width:3vw;height:3vw;margin:0 auto 1.2vw;border-radius:8px;color:#fff;
}
.contact-card .ico svg{width:1.45vw;height:1.45vw;fill:none;stroke:currentColor;stroke-width:1.7}
.ico--blue{background:#5b7cfa}
.ico--green{background:#3cc98a}
.ico--red{background:#f26b5e}
.ico--yellow{background:#f5b73d}
.contact-card h3{margin:0 0 .45vw;font-size:clamp(15px,1.042vw,17px);font-weight:600;line-height:1.4;color:#111}
.contact-card p{margin:0;font-size:clamp(13px,.972vw,14px);line-height:1.7;color:#666}
.contact-card .strong{margin-bottom:.25vw;font-size:clamp(14px,1.042vw,15px);color:#222}

.contact-blocks{
  display:grid;grid-template-columns:repeat(3,1fr);gap:3vw;
  padding:3.6vw 0;
}
.contact-block{display:flex;align-items:center;gap:1.4vw}
.contact-block .ico{flex:none;width:3.6vw;height:3.6vw;color:#111}
.contact-block .ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2}
.contact-block h3{margin:0 0 .25vw;font-size:clamp(15px,1.111vw,17px);font-weight:600;line-height:1.4}
.contact-block p{margin:0;font-size:clamp(13px,.972vw,14px);line-height:1.7;color:#666}
.contact-block p a{color:var(--accent)}

/* 招聘页 */
.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5vw}
.job-card{
  display:flex;flex-direction:column;min-height:11vw;
  background:#fff;border-radius:10px;box-shadow:0 8px 26px rgba(12,26,38,.05);
  padding:1.6vw;transition:transform .3s var(--ease),box-shadow .3s;
}
.job-card:hover{transform:translateY(-.3vw);box-shadow:0 1.4vw 3.2vw rgba(12,26,38,.09)}
.job-card h3{margin:0 0 .45vw;font-size:clamp(16px,1.146vw,18px);font-weight:600;line-height:1.5}
.job-card .meta{margin:0;font-size:clamp(12px,.875vw,13px);line-height:1.7;color:#888}
.job-card .apply{
  display:inline-flex;align-items:center;justify-content:center;gap:.3vw;
  align-self:flex-start;height:2vw;margin-top:auto;padding:0 .9vw;
  border:1px solid #e2e5e8;border-radius:999px;
  font-size:clamp(12px,.875vw,13px);color:var(--accent);
  transition:background-color .3s,border-color .3s,color .3s;
}
.job-card .apply:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.job-card .apply::after{content:"›";font-size:1.2em;line-height:1}

.benefit-card{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.8vw 2vw;
  background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(12,26,38,.05);
  padding:2.4vw;
}
.benefit{display:flex;align-items:flex-start;gap:.9vw}
.benefit .ico{flex:none;width:1.9vw;height:1.9vw;color:var(--accent)}
.benefit .ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4}
.benefit h3{margin:0 0 .25vw;font-size:clamp(14px,1.042vw,15px);font-weight:600;line-height:1.5}
.benefit p{margin:0;font-size:clamp(12px,.875vw,13px);line-height:1.7;color:#777}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2.2vw;margin:0;padding:0;list-style:none}
.step .no{
  display:flex;align-items:center;justify-content:center;
  width:2.5vw;height:2.5vw;border-radius:50%;
  background:var(--accent);color:#fff;font-size:.875vw;font-variant-numeric:tabular-nums;
}
.step h3{margin:.9vw 0 .3vw;font-size:clamp(15px,1.111vw,16px);font-weight:600;line-height:1.5}
.step p{margin:0;font-size:clamp(12px,.875vw,13px);line-height:1.75;color:#666}
.job-note{margin:2.2vw 0 0;text-align:center;font-size:clamp(12px,.875vw,13px);line-height:1.8;color:#777}

/* 文章详情 */
.art-page{padding-top:var(--nav-h);background:#fff}
.art-layout{display:block;padding:2.6vw 0 4.8vw}
.art-main{width:min(880px,100%);margin:0 auto;min-width:0}
.art-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5vw;margin:0 0 1.3vw;font-size:.833vw;line-height:1.5;color:#999}
.art-crumbs a{transition:color .3s}
.art-crumbs a:hover{color:#111}
.art-crumbs .sep{color:#c4c4c4}
.art-crumbs .now{color:#555}
.art-head{text-align:center;padding-bottom:1.4vw;border-bottom:1px solid #ececec}
.art-head h1{max-width:20em;margin:0 auto;font-size:clamp(28px,2.6vw,38px);font-weight:600;line-height:1.4;color:#111}
.art-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6vw 1.2vw;margin-top:1vw;font-size:.833vw;line-height:1.5;color:#999}
.art-meta span + span::before{content:"·";margin-right:1.2vw;color:#c4c4c4}
.art-body{width:min(760px,100%);margin:0 auto;padding:2.2vw 0 0}
.art-body > p{margin:0 0 1.25vw;font-size:clamp(15px,1.111vw,16px);line-height:2;color:#333}
.art-body > p.lead{font-size:clamp(16px,1.25vw,18px);line-height:1.95;color:#111}
.art-body h2{margin:2.2vw 0 .85vw;font-size:clamp(19px,1.6vw,23px);font-weight:600;line-height:1.45;color:#111}
.art-body ul,.art-body ol{margin:0 0 1.25vw;padding-left:1.2em}
.art-body li{margin:0 0 .4vw;font-size:clamp(15px,1.111vw,16px);line-height:1.9;color:#333}
.art-body b{font-weight:600;color:#111}
.art-figure{margin:0 0 1.8vw}
.art-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.art-figure figcaption{margin:.6vw 0 0;font-size:.8vw;line-height:1.6;color:#999;text-align:center}

.art-tags-share{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1vw;
  width:min(760px,100%);margin:2.2vw auto 0;padding-top:1.3vw;border-top:1px solid #ececec;
}
.art-tags{display:flex;align-items:center;flex-wrap:wrap;gap:.45vw}
.art-tags .lb,.art-share .lb{font-size:.833vw;color:#999;margin-right:.2vw}
.art-tags a{
  display:inline-flex;align-items:center;padding:.4em .85em;
  background:#f5f6f8;border-radius:999px;
  font-size:.75vw;line-height:1.4;color:#555;
  transition:background-color .3s,color .3s;
}
.art-tags a:hover{background:#eaf3fb;color:var(--accent)}
.art-share{display:flex;align-items:center;gap:.5vw}
.share-btn{
  display:flex;align-items:center;justify-content:center;
  width:2.2vw;height:2.2vw;border:0;border-radius:50%;color:#fff;
  transition:opacity .3s,transform .3s var(--ease);
}
.share-btn:hover{opacity:.85;transform:translateY(-.1vw)}
.share-wechat{background:#07c160}
.share-weibo{background:#e6162d}
.share-copy{
  display:inline-flex;align-items:center;gap:.35vw;
  height:2.2vw;padding:0 .9vw;border:0;border-radius:999px;
  background:var(--accent);color:#fff;font-size:.8vw;line-height:1;
  transition:background-color .3s,transform .3s var(--ease);
}
.share-copy:hover{background:var(--accent-deep);transform:translateY(-.1vw)}
.art-share svg{width:.95vw;height:.95vw;fill:none;stroke:currentColor;stroke-width:1.8}
.art-copyright{width:min(760px,100%);margin:1.1vw auto 0;font-size:.75vw;line-height:1.7;color:#aaa}

.art-pn{
  display:grid;grid-template-columns:1fr 1fr;gap:2.4vw;
  width:min(760px,100%);margin:2.2vw auto 0;padding:1.3vw 1.5vw;
  background:#f5f6f8;border-radius:10px;
}
.art-pn a{display:flex;flex-direction:column;gap:.25vw;font-size:.75vw;color:#999;transition:color .3s}
.art-pn a:hover{color:var(--accent)}
.art-pn .k{font-size:.75vw;color:#999}
.art-pn strong{font-size:.972vw;font-weight:500;line-height:1.6;color:#222}
.art-pn a:last-child{text-align:right;align-items:flex-end}

/* 平板 */
@media (min-width:751px) and (max-width:1100px){
  .phero{height:340px}
  .phero--tall{height:400px}
  .phero h1{font-size:44px}
  .module{padding:64px 0}
  .module-head{margin-bottom:36px}
  .module-head h2{font-size:30px}
  .intro-text p{font-size:16px}
  .timeline::before{top:54px;bottom:54px}
  .timeline li{min-height:108px}
  .tl-year{font-size:30px}
  .news-list-wrap{max-width:860px}
  .news-filter{padding:14px 20px;margin-bottom:18px}
  .news-list{gap:16px}
  .news-row{grid-template-columns:76px minmax(0,1fr);gap:28px;padding:28px 30px}
  .news-date{width:76px;height:76px}
  .news-date b{font-size:28px}
  .news-date span,.news-cat{font-size:12px}
  .news-content h3{font-size:20px}
  .news-ex{font-size:13px}
  .contact-cards{grid-template-columns:repeat(2,1fr);gap:18px}
  .contact-card{padding:30px 20px}
  .contact-card .ico{width:46px;height:46px}
  .contact-blocks{gap:28px}
  .job-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .benefit-card{grid-template-columns:repeat(2,1fr);padding:30px}
  .steps{grid-template-columns:repeat(2,1fr);gap:28px}
  .art-main{width:min(820px,100%)}
  .art-head h1{font-size:32px}
  .art-body{width:min(700px,100%)}
  .art-crumbs,.art-meta,.art-tags .lb,.art-share .lb{font-size:13px}
  .art-body > p{font-size:15px}
  .art-body h2{font-size:21px}
  .art-pn strong{font-size:15px}
  .share-btn{width:32px;height:32px}
  .share-copy{height:32px;font-size:13px;padding:0 14px}
  .art-tags a{font-size:12px}
  .art-figure img{border-radius:8px}
}

/* 移动端 */
@media (max-width:750px){
  .phero{height:calc(var(--vh,1vh)*46);min-height:250px;max-height:none}
  .phero--tall{height:calc(var(--vh,1vh)*48)}
  .phero-in{padding:var(--nav-h) .33333rem 0;text-align:left}
  .phero--center .phero-in{text-align:center}
  .phero h1{font-size:.64rem;line-height:1.25;letter-spacing:.02em}
  .phero p{margin-top:.2rem;font-size:.32rem;line-height:1.7}

  .module{padding:.9rem 0}
  .module--tight{padding:.7rem 0}
  .module-head{margin-bottom:.48rem}
  .module-head h2{font-size:.56rem;line-height:1.35}

  .intro-split{grid-template-columns:1fr;gap:.4rem}
  .intro-text p{font-size:.38rem;line-height:1.9;margin-bottom:.2rem}
  .intro-media img{aspect-ratio:16/10;border-radius:.2rem}

  .timeline{max-width:none}
  .timeline::before{left:1.65rem;top:.7rem;bottom:.7rem}
  .timeline li{grid-template-columns:1.45rem .4rem 1fr;gap:0;min-height:0;padding:.26rem 0;align-items:start}
  .timeline li:nth-child(odd) .tl-year,
  .timeline li:nth-child(even) .tl-year{
    grid-column:1;grid-row:1;text-align:right;padding:.22rem .14rem 0 0;font-size:.5rem;line-height:1.2;
  }
  .timeline li:nth-child(odd) .tl-body,
  .timeline li:nth-child(even) .tl-body{
    grid-column:3;grid-row:1;text-align:left;justify-self:stretch;max-width:none;
    padding:.26rem .32rem;background:#f7f8f9;border-radius:.14rem;
  }
  .timeline li .tl-dot{
    grid-column:2;grid-row:1;justify-self:center;align-self:start;margin-top:.38rem;
    width:.12rem;height:.12rem;box-shadow:0 0 0 .08rem #fff;
  }
  .timeline li::after{display:none}
  .tl-body h3{font-size:.36rem;margin-bottom:.06rem}
  .tl-body p{font-size:.32rem;line-height:1.7}

  .faq{gap:.2rem}
  .faq details{padding:.3rem .36rem;border-radius:.12rem}
  .faq summary{font-size:.36rem}
  .faq summary::after{font-size:1.2em}
  .faq details p{margin:.24rem 0 .06rem;font-size:.32rem;line-height:1.8}

  .news-filter{padding:.26rem .3rem;margin-bottom:.3rem;border-radius:.16rem}
  .filter{font-size:.33333rem;padding:.2rem 0}
  .filter.cur::after{bottom:-.06rem;height:.02667rem}
  .news-list{gap:.24rem}
  .news-row{grid-template-columns:64px minmax(0,1fr);gap:.34rem;padding:.34rem .36rem;border-radius:.16rem;align-items:start}
  .news-date{width:64px;height:64px;gap:.04rem;border-radius:.12rem}
  .news-date b{font-size:.56rem}
  .news-date span{font-size:.23rem}
  .news-cat{display:none}
  .news-content h3{
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
    margin:0;font-size:.4rem;line-height:1.5;
  }
  .news-ex{display:none}
  .pagination{gap:.16rem;margin-top:.48rem}
  .pagination a,.pagination span{min-width:.64rem;height:.64rem;font-size:.32rem;border-radius:.1rem}
  .pagination .next{padding:0 .24rem}
  .pagination svg{width:.24rem;height:.24rem}

  .contact-cards{grid-template-columns:1fr 1fr;gap:.24rem;padding-top:.4rem}
  .contact-card{padding:.4rem .24rem;border-radius:.2rem}
  .contact-card .ico{width:.8rem;height:.8rem;margin-bottom:.24rem;border-radius:.12rem}
  .contact-card .ico svg{width:.4rem;height:.4rem}
  .contact-card h3{font-size:.36rem;margin-bottom:.1rem}
  .contact-card p{font-size:.3rem;line-height:1.6}
  .contact-card .strong{font-size:.32rem}
  .contact-blocks{grid-template-columns:1fr;gap:.4rem;padding:.6rem 0}
  .contact-block{gap:.28rem}
  .contact-block .ico{width:.8rem;height:.8rem}
  .contact-block h3{font-size:.36rem;margin-bottom:.05rem}
  .contact-block p{font-size:.32rem}

  .job-grid{grid-template-columns:1fr;gap:.24rem}
  .job-card{min-height:0;padding:.4rem;border-radius:.2rem}
  .job-card h3{font-size:.4rem}
  .job-card .meta{font-size:.3rem}
  .job-card .apply{height:.56rem;padding:0 .24rem;margin-top:.24rem;font-size:.3rem}
  .benefit-card{grid-template-columns:1fr;gap:.36rem;padding:.4rem;border-radius:.2rem}
  .benefit{gap:.24rem}
  .benefit .ico{width:.56rem;height:.56rem}
  .benefit h3{font-size:.36rem;margin-bottom:.05rem}
  .benefit p{font-size:.3rem}
  .steps{grid-template-columns:1fr;gap:.4rem}
  .step{display:grid;grid-template-columns:auto 1fr;column-gap:.24rem;align-items:center}
  .step .no{width:.56rem;height:.56rem;font-size:.3rem;grid-row:1/3}
  .step h3{grid-column:2;margin:0;font-size:.36rem}
  .step p{grid-column:2;font-size:.3rem}

  .art-page{padding-top:var(--nav-h)}
  .art-layout{padding:.5rem 0 .8rem}
  .art-main{width:100%}
  .art-crumbs{gap:.12rem;margin-bottom:.3rem;font-size:.3rem}
  .art-head{padding-bottom:.32rem}
  .art-head h1{font-size:.6rem;line-height:1.4}
  .art-meta{gap:.1rem .24rem;margin-top:.2rem;font-size:.3rem}
  .art-meta span + span::before{margin-right:.24rem}
  .art-body{padding-top:.4rem}
  .art-body > p{font-size:.38rem;line-height:1.9;margin-bottom:.28rem}
  .art-body > p.lead{font-size:.4rem}
  .art-body h2{margin:1.8em 0 .5em;font-size:.46rem}
  .art-body ul,.art-body ol{padding-left:1em;margin-bottom:.28rem}
  .art-body li{font-size:.38rem;line-height:1.85;margin-bottom:.1rem}
  .art-figure{margin-bottom:.32rem}
  .art-figure img{border-radius:.16rem}
  .art-figure figcaption{font-size:.28rem;margin-top:.12rem}
  .art-tags-share{display:block;margin-top:.4rem;padding-top:.28rem}
  .art-tags{gap:.14rem}
  .art-tags .lb,.art-share .lb{font-size:.3rem}
  .art-tags a{padding:.3em .6em;font-size:.28rem}
  .art-share{margin-top:.3rem;gap:.2rem}
  .share-btn{width:.6rem;height:.6rem}
  .share-copy{height:.6rem;padding:0 .26rem;font-size:.28rem;gap:.1rem}
  .art-share svg{width:.3rem;height:.3rem}
  .art-copyright{margin-top:.24rem;font-size:.26rem}
  .art-pn{grid-template-columns:1fr;gap:.3rem;margin-top:.4rem;padding:.32rem}
  .art-pn strong{font-size:.34rem}
  .art-pn a:last-child{text-align:left;align-items:flex-start}
}

/* 统一悬停 */
.link-btn,.share-btn,.share-copy,.job-card .apply,.pagination a,
.filter,.icon-btn,.lang-btn,.sidebar-list,.to-top,.footer-social a,
.footer-acc li a,.footer-contact a,.footer-bottom a,.faq summary,
.art-tags a,.art-pn a,.art-crumbs a{
  transition:color .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease),
    opacity .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);
}
.link-btn:hover,.share-copy:hover,.search-submit:hover,.job-card .apply:hover{
  transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,132,216,.18);
}
.pagination a:hover{transform:translateY(-2px)}
.pagination a:hover{border-color:var(--accent);background:#f3f8fd;color:var(--accent)}
.filter:hover,.art-crumbs a:hover,
.footer-acc li a:hover,.footer-contact a:hover,.footer-bottom a:hover,
.faq summary:hover{color:var(--accent)}
.icon-btn:hover,.lang-btn:hover,.sidebar-list:hover,.to-top:hover,.footer-social a:hover{
  color:var(--accent);transform:translateY(-2px);
}
.sidebar-list:hover{opacity:1}
.to-top:hover{background:#f3f8fd;border-color:var(--accent)}
.footer-social a:hover{opacity:1}
.share-btn:hover{opacity:1;transform:translateY(-2px);box-shadow:0 6px 16px rgba(12,26,38,.18)}
.share-copy:hover{background:var(--accent-deep)}
.art-tags a:hover{background:#eaf3fb;color:var(--accent)}
.art-pn a:hover strong{color:var(--accent)}
.footer-acc .col-tit{transition:color .25s var(--ease)}
.footer-acc .col-tit:hover{color:var(--accent)}
