/* Mining engineering within the existing Haolink industry design system. */
.mining-page .energy-hero-image{object-position:center 54%}
.mining-page .energy-hero-overlay{background:linear-gradient(90deg,#061f38e6,#0a2b4778 56%,#173a5108),linear-gradient(0deg,#071f38dd,transparent 45%)}
.mining-page .energy-hero-tagline{font-size:23px}
.mining-page .hero-scene-links{max-width:790px}
.mining-page .hero-scene-links a{flex:1}
.mining-page .e-heading h2>span{display:inline-block}
.mining-page .water-pains{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.mining-page .water-pains h3{font-size:22px;line-height:1.55}
.mining-page .water-pains p{min-height:104px}
.mining-sensing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mining-sensing article{position:relative;border-top:2px solid var(--blue);padding:23px 26px 26px;background:#e5edf7;overflow:hidden}
.mining-sensing article>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}
.mining-sensing small{color:#3d6593;font-size:10px;letter-spacing:1.3px}
.mining-sensing strong{font-size:42px;line-height:1;font-weight:500;color:#30639f}
.mining-sensing h3{font-size:21px;margin:0 0 12px}
.mining-sensing p{font-size:13px;line-height:1.9;color:#526c87;margin:0}
.mining-sensing-feed{display:flex;justify-content:center;align-items:center;gap:25px;color:#597a9c;font-size:12px;padding:20px}
.mining-sensing-feed i{font-style:normal;font-size:25px;color:var(--blue)}
.mining-page .scene-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
.mining-page .scene-tabs button{padding:18px 16px;gap:7px;font-size:15px}
.mining-page .scene-panel{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:45px;align-items:start}
#mining-applications{scroll-margin-top:calc(var(--header-height) + var(--section-nav-height) + 20px)}
.mining-project-visual{background:#e8eff7;padding:30px;min-height:488px;position:relative;display:flex;flex-direction:column;justify-content:center}
.mining-project-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#4878aa0b 1px,transparent 1px),linear-gradient(90deg,#4878aa0b 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.mining-project-visual>*{position:relative}
.mining-visual-head{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;color:#567a9f}
.mining-project-visual h4{font-size:27px;line-height:1.5;color:#19446d;margin:26px 0 25px}
.mining-professions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px}
.mining-professions span{padding:11px 13px;font-size:13px;color:#446a93;border:1px solid #b5cbe2;background:#f8fbfe9e;text-align:center}
.mining-flow{display:flex;justify-content:space-between;align-items:center;gap:7px;background:#153e68;color:#e0efff;padding:17px 14px;font-size:13px}
.mining-flow i{color:#7fa6d2;font-style:normal;font-size:12px}
.mining-project-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:23px}
.mining-project-data>div{display:flex;flex-direction:column;gap:6px;border-top:1px solid #abc2db;padding-top:15px}
.mining-project-data small{font-size:10px;color:#6f8dab}.mining-project-data strong{font-size:15px;font-weight:500;color:#27537c}.mining-project-data span{font-size:10px;color:#62809d}
.mining-project-visual>p{font-size:11px;color:#5c7b98;line-height:1.8;margin:24px 0 0}
.mining-scene-media{min-width:0;display:flex;flex-direction:column;gap:18px}
.mining-scene-media>.water-image img{aspect-ratio:16/10}
.mining-scene-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mining-scene-detail:has(>.water-image:only-child){grid-template-columns:1fr;max-width:65%;margin:auto;width:100%}
.mining-scene-detail .water-image img{aspect-ratio:16/8}
.mining-scene-detail .water-zoom{font-size:9px;right:8px;bottom:8px;padding:8px}
.mining-operation{background:#0a2d50;color:#f4f8ff}
.mining-operation .e-kicker{color:#9dc9ff}.mining-operation .e-heading>p{color:#bed0e4}
.mining-operation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.mining-operation-grid article{border-top:1px solid #466789;padding-top:24px;display:flex;flex-direction:column;align-items:flex-start}
.mining-operation-grid article>span{font-size:29px;font-weight:300;color:#8bb7e8;line-height:1}
.mining-operation-grid h3{font-size:22px;line-height:1.5;margin:20px 0 13px}
.mining-operation-grid p{font-size:13px;line-height:1.9;color:#bfcee0;margin:0 0 23px}
.mining-operation-grid small{font-size:11px;color:#a8caef;border:1px solid #496e95;padding:7px 10px;margin-top:auto;line-height:1.6}
.mining-operation-note{display:grid;grid-template-columns:245px 1fr;gap:24px;border-top:1px solid #355b80;margin-top:40px;padding-top:25px;align-items:start}
.mining-operation-note strong{font-size:15px;font-weight:500;color:#dceaff}.mining-operation-note p{font-size:12px;line-height:1.9;color:#aec5df;margin:0}
.mining-reference{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:50px;align-items:center}
.mining-reference .water-image img{aspect-ratio:16/10;background:#e7eff6}
.mining-reference .water-image figcaption{padding-top:12px}
.mining-reference-copy h3{font-size:29px;line-height:1.5;margin:0 0 14px}
.mining-reference-location{font-size:11px!important;line-height:1.8;color:#6b8096!important;margin-bottom:19px!important}
.mining-reference-copy>p{font-size:14px;line-height:1.9;color:#526b84;margin:0 0 20px}
.mining-reference-copy ul{list-style:none;padding:0;margin:0 0 22px;border-top:1px solid #d5e0ee}
.mining-reference-copy li{display:grid;grid-template-columns:76px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid #d5e0ee;align-items:baseline}
.mining-reference-copy li strong{font-size:13px;font-weight:500;color:#224e7c}.mining-reference-copy li span{font-size:12px;line-height:1.8;color:#607890}
.mining-reference-copy>small{font-size:10px;color:#70849a;line-height:1.8;display:block}
@media(max-width:1100px){.mining-page .water-pains{gap:23px}.mining-page .water-pains h3{font-size:20px}.mining-page .water-pains p{min-height:130px}.mining-sensing{gap:18px}.mining-sensing article{padding:20px}.mining-sensing h3{font-size:20px}.mining-page .scene-tabs button{font-size:14px;padding:17px 12px}.mining-page .scene-tabs small{display:none}.mining-page .scene-panel{gap:30px}.mining-project-visual{padding:24px;min-height:480px}.mining-project-visual h4{font-size:25px}.mining-operation-grid{gap:23px}.mining-operation-grid h3{font-size:20px}.mining-reference{gap:32px}.mining-reference-copy h3{font-size:26px}.mining-page .energy-section-nav>.wrap{gap:27px}}
@media(max-width:800px){.mining-page .energy-hero-image{object-position:63% center}.mining-page .energy-hero-tagline{font-size:18px}.mining-page .hero-scene-links{grid-template-columns:repeat(2,1fr);max-width:280px;gap:15px 20px}.mining-page .water-pains{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.mining-page .water-pains article:last-child{grid-column:auto}.mining-page .water-pains h3{font-size:21px}.mining-page .water-pains p{min-height:0}.mining-sensing{grid-template-columns:1fr;gap:15px}.mining-sensing article{padding:20px 23px}.mining-sensing article>div{float:right;display:flex;flex-direction:column-reverse;gap:9px;margin:0 0 0 22px;width:80px}.mining-sensing small{font-size:8px;letter-spacing:.8px}.mining-sensing strong{font-size:38px}.mining-sensing h3{font-size:21px;margin-bottom:8px}.mining-sensing p{font-size:12px;max-width:90%}.mining-sensing-feed{font-size:11px;gap:18px;padding:16px}.mining-page .scene-panel{grid-template-columns:1fr;gap:27px}.mining-page .scene-copy{order:-1}.mining-project-visual{min-height:0;padding:25px}.mining-project-visual h4{font-size:25px;margin:23px 0}.mining-visual-head{font-size:8px}.mining-professions{gap:8px;margin-bottom:20px}.mining-professions span{font-size:12px;padding:10px}.mining-flow{font-size:12px;padding:14px 11px}.mining-project-data{gap:12px}.mining-project-data strong{font-size:14px}.mining-project-data span{font-size:9px}.mining-scene-media>.water-image img{aspect-ratio:auto;max-height:400px}.mining-scene-detail:has(>.water-image:only-child){max-width:100%}.mining-operation-grid{grid-template-columns:1fr 1fr;gap:30px 25px}.mining-operation-grid h3{font-size:21px;margin-top:17px}.mining-operation-grid p{font-size:12px;margin-bottom:19px}.mining-operation-grid small{font-size:10px;padding:6px 8px}.mining-operation-note{grid-template-columns:1fr;gap:12px;margin-top:30px;padding-top:22px}.mining-reference{grid-template-columns:1fr;gap:27px}.mining-reference-copy{order:-1}.mining-reference-copy h3{font-size:27px}.mining-reference-copy li{grid-template-columns:70px 1fr}.mining-reference .water-image img{aspect-ratio:auto;max-height:440px}}
@media(max-width:370px){.mining-page .water-pains h3{font-size:19px}.mining-page .water-pains{gap:27px 18px}.mining-page .energy-hero-tagline{font-size:16px}.mining-project-visual{padding:21px}.mining-project-visual h4{font-size:22px}.mining-sensing article{padding:19px}.mining-sensing article>div{width:62px;margin-left:13px}.mining-sensing h3{font-size:19px}.mining-operation-grid{grid-template-columns:1fr;gap:25px}.mining-operation-grid h3{font-size:22px}.mining-reference-copy h3{font-size:24px}.mining-professions span{font-size:11px}.mining-project-data{gap:8px}}
.mining-scene-detail:has(.mining-wide-media){max-width:100%}
.mining-scene-detail .mining-wide-media img{aspect-ratio:auto}
.mining-media-flow{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e9f0f8;padding:25px 24px;font-size:13px;color:#375e85}
.mining-media-flow i{font-style:normal;color:#7a9abc}
@media(max-width:370px){.mining-media-flow{font-size:11px;padding:22px 18px;gap:8px}}
.mining-scene-detail:has(>.mining-wide-media:only-child){max-width:100%}