/* Keep the original title hierarchy while applying the requested five-pixel reduction. */
.ref-page .hero-copy .title{font-size:49px!important;text-align:left}
.ref-page .intro .title{font-size:48px!important;text-align:left}
.ref-page .measure>.title{font-size:45px!important;text-align:center}
.ref-page .faq-section .title{font-size:41px!important;text-align:center}
.ref-page .liuguang-download h2{font-size:27px!important;text-align:center}
.ref-page #nodes .title[style]{font-size:26px!important;text-align:center}
.ref-page .hero-copy .lead,.ref-page .intro-copy .lead,.ref-page .ref>.lead,.ref-page .faq-section .lead,.ref-page .liuguang-download-lead{text-align:center}
.ref-page .hero-copy .lead,.ref-page .intro-copy .lead{text-align:left}
.ref-page .product p,.ref-page .route-card p,.ref-page .news-card p,.ref-page .faq-card p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-page .hero-copy .lead,.ref-page .intro-copy .lead{max-width:none;white-space:nowrap;font-size:18px}
.ref-page .ref>.lead,.ref-page .faq-section .lead,.ref-page .liuguang-download-lead,.ref-page .stat span,.ref-page .mini-features small{white-space:nowrap}
.ref-page .hero-copy{position:relative;z-index:2}
.ref-page .stat-grid{z-index:2}
.ref-page .hero-art{right:7%;top:15px;width:46%;max-width:720px;height:auto;object-fit:contain;mix-blend-mode:normal}
.ref-page .mini-features{gap:16px}
.ref-page .mini-features div{grid-template-columns:42px max-content;column-gap:8px;white-space:nowrap}
.ref-page .mini-features img{width:40px;height:40px}
.ref-page .stat{grid-template-columns:minmax(0,70px) minmax(0,1fr);min-width:0}
.ref-page .stat b{white-space:nowrap;font-size:28px}
.ref-page .stat span{grid-column:1/3;min-width:0;overflow:visible;text-overflow:clip;font-size:15px}
.ref-page .ref-hero{min-height:680px}
.ref-page .stat-grid{left:max(5.3%,calc((100% - 1420px)/2));right:max(5.3%,calc((100% - 1420px)/2));bottom:40px;gap:12px}
.ref-page .stat{min-height:124px;padding:16px;grid-template-columns:minmax(0,52px) minmax(0,1fr);gap:4px 9px}
.ref-page .stat img{width:46px;height:46px}
.ref-page .stat b{font-size:26px}
.ref-page .stat{grid-template-columns:auto auto;grid-template-rows:46px auto;justify-content:center;align-content:center;gap:8px 11px;text-align:center}
.ref-page .stat img{grid-column:1;grid-row:1;align-self:center}
.ref-page .stat b{grid-column:2;grid-row:1;align-self:center}
.ref-page .stat span{grid-column:1/3;grid-row:2;text-align:center}
.ref-page .stat{display:flex;position:relative;align-items:flex-start;justify-content:center;gap:10px;padding:16px}
.ref-page .stat img,.ref-page .stat b{position:relative;transform:translate(-12px,-10px)}
.ref-page .stat span{position:absolute;left:0;right:0;bottom:16px;transform:translateX(-12px);text-align:center}
.ref-page .download{min-height:0;padding-bottom:0}
.ref-page .intro{min-height:380px;overflow:hidden;margin-bottom:0}
.ref-page .intro-copy{position:relative;z-index:2;max-width:58%}
.ref-page .intro-copy .lead{white-space:normal;max-width:760px;font-size:21px;line-height:1.45}
.ref-page .intro-art{right:0;top:-30px;bottom:auto;width:48%;max-width:720px;height:auto;object-fit:contain}
.ref-page .intro .mini-cards{grid-template-columns:repeat(2,minmax(0,260px));justify-content:start;max-width:532px}
/* Give the recommendation score and stars a little more space from the stability column. */
.ref-page .node-row>:nth-child(5){transform:translateX(34px)}

/* News and FAQ match the compact, four-card reference layout. */
.ref-page #news{min-height:760px;padding:28px max(5.3%,calc((100% - 1420px)/2)) 42px}
.ref-page #news>.tag,.ref-page #news>.title,.ref-page #news>.lead{text-align:left}
.ref-page #news>.lead{text-align:center;font-size:19px}
.ref-page #news .news-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}
.ref-page #news .news-card{min-width:0;min-height:268px;padding:26px}
.ref-page #news .news-card h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-page #news .news-card p,.ref-page #news .faq-card p{white-space:normal;overflow:visible;text-overflow:clip}
.ref-page #news .faq-section{grid-template-columns:24% minmax(0,1fr);gap:30px;margin-top:48px}
.ref-page #news .faq-section .title,.ref-page #news .faq-section .lead{text-align:left}
.ref-page #news .faq-section .lead{white-space:normal;max-width:300px;line-height:1.5}
.ref-page #news .faq-section>div:last-child{min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ref-page #news .faq-card{min-width:0;min-height:158px;padding:24px 20px}
.ref-page #news .faq-card h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-page .news-more{position:absolute;right:max(5.3%,calc((100% - 1420px)/2));top:58px;display:inline-flex;align-items:center;justify-content:center;min-width:188px;height:56px;border:1px solid #e0edff;border-radius:15px;background:#fff;color:#0874ff;font-size:17px;font-weight:800;box-shadow:0 9px 24px #d9edfa55}
.ref-page #recommend>.title,.ref-page #news>.title{font-size:51px!important;text-align:center}
.ref-page #nodes-list .node-row:nth-child(1) strong{color:#d88900}
.ref-page #nodes-list .node-row:nth-child(2) strong{color:#64748b}
.ref-page #nodes-list .node-row:nth-child(3) strong{color:#b96830}
@media(max-width:900px){.ref-page #news{min-height:0;padding-left:5%;padding-right:5%}.ref-page #news .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-page #news .faq-section{grid-template-columns:1fr}.ref-page .news-more{position:static;margin-top:20px}}
@media(max-width:600px){.ref-page #news .news-grid{grid-template-columns:1fr}.ref-page #news .faq-section>div:last-child{grid-template-columns:1fr}}

@media(max-width:600px){
  .ref-page .hero-copy .title,.ref-page .intro .title,.ref-page .measure>.title,.ref-page .faq-section .title,.ref-page .liuguang-download h2{font-size:27px!important}
}