/* 4. Industrial Editorial — balanced visual rhythm, recommended for the current YueChu style. */
:root{--tr-radius:16px;--tr-section:68px}
.tr-hero{min-height:390px}
.tr-hero-image{background-position:center 38%}
.tr-hero-overlay{background:linear-gradient(90deg,rgba(3,29,57,.96),rgba(3,29,57,.76) 48%,rgba(3,29,57,.28) 70%,rgba(3,29,57,.08))}
.tr-overview{background:linear-gradient(180deg,#fff,#f8fbfd)}
.tr-answer{padding:24px 26px;border:1px solid var(--tr-line);border-radius:18px;background:#fff;box-shadow:0 20px 46px rgba(7,52,97,.07)}
.tr-gallery{grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:230px;gap:18px}
.tr-gallery figure,.tr-gallery figure:nth-child(n){grid-column:auto;grid-row:auto;border:0;border-radius:18px;box-shadow:0 16px 38px rgba(7,52,97,.12)}
.tr-gallery figure.tr-gallery-main{grid-column:1;grid-row:span 2}
.tr-gallery figure:nth-child(2){grid-column:2 / span 2}
.tr-gallery figcaption{border-top:0;background:#fff}
.tr-application-grid,.tr-selection-grid{gap:14px;border:0}
.tr-application-grid article,.tr-selection-grid article{border:1px solid var(--tr-line);box-shadow:0 10px 26px rgba(7,52,97,.05)}
.tr-benefits{background:#062d55}
.tr-benefit-list{gap:12px;border:0}.tr-benefit-list li{border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.045)}
.tr-form{border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.22)}
@media(max-width:980px){.tr-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.tr-gallery figure,.tr-gallery figure:nth-child(n),.tr-gallery figure.tr-gallery-main{grid-column:auto;grid-row:auto}.tr-gallery img{height:auto;aspect-ratio:4/3}}
@media(max-width:700px){.tr-answer{padding:18px}.tr-gallery{grid-template-columns:1fr}.tr-gallery figure.tr-gallery-main{grid-column:auto}.tr-application-grid,.tr-selection-grid{grid-template-columns:1fr}}