/* Reference: user-supplied LOVOL Android screenshots, 2026-11-05. */
:root{--bg:#f6f6f6;--ink:#333;--brand:#087d7e;--brand-2:#005754;--r:0;--r-s:0}
html{font-size:clamp(14px,1.3vw,26px)}
html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}
body{background:#f6f6f6;color:#333;font-family:Arial,"Microsoft YaHei",sans-serif}
body.nocursor{cursor:auto}
#topwrap{position:relative;z-index:10}
#topbar{height:9.78vw;min-height:76px;padding:0;background:linear-gradient(#188d8e,#005753);box-shadow:none;justify-content:center}
#brand{position:absolute;inset:0;pointer-events:none}
#brand .brand-logo{width:31.4vw;height:auto}
#clock{display:none}
#langs{position:absolute;right:1.8vw;bottom:1vw;gap:4px}
.lang{min-width:25px;height:24px;font-size:10px;padding:0 5px;opacity:.75}
#btnBack,#btnHome{position:absolute;left:2vw;width:34px;height:34px;font-size:22px;z-index:1}
#btnHome{left:auto;right:2vw;top:1vw;opacity:.65}
#tabbar{height:11.5vw;min-height:82px;gap:5.9vw;padding:0 5.85vw;border-bottom:1px solid #d5e7e7;justify-content:space-between}
.tab{position:relative;flex:1;min-width:0;height:7.56vw;min-height:52px;padding:0;justify-content:center;transform:skewX(-20deg);font-size:2.34vw;font-weight:400;letter-spacing:0;color:#333;background:linear-gradient(90deg,#e5f0f0,#f9fbfb)}
.tab>span{position:relative;z-index:1;transform:skewX(20deg);white-space:nowrap}
.tab.on{background:linear-gradient(100deg,#087576,#329f98);box-shadow:0 .35vw 1.2vw #128b8b66}
.tab.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:18%;border-radius:50% 50% 0 0;background:linear-gradient(#ffffff15,#ffffff00);border-top:1px solid #ffffff12}
.tab:active{transform:skewX(-20deg) translateY(1px)}
#stage,body.nodev #stage{position:relative;inset:auto;padding:0;min-height:40vh}
.view{position:relative;inset:auto;display:none;opacity:1;transform:none;pointer-events:auto;transition:none;min-height:0}
.view.active{display:block}
.scroll{overflow:visible}
.reference-page,.cats{width:85.3%;margin:0 auto;padding-top:2.65vw}
.cats{display:flex;flex-direction:column;gap:2.94vw;min-height:0}
.cat-card{width:100%;aspect-ratio:3.355;flex:none;background-size:100% 100%;border-radius:0;box-shadow:none}
.cat-card:before,.cat-card:after{display:none}
.cat-card img{width:42%;height:100%;max-width:100%;object-fit:contain;right:.5%;bottom:0;filter:none}
.cat-card .txt{left:3.8%;right:44%;top:50%}
.cat-card .txt b{font-size:5.76vw;font-weight:700;line-height:1.16;letter-spacing:0;text-shadow:none}
.cat-card:active{box-shadow:inset 0 0 0 3px #ffffff99}
.reference-video{position:relative;width:100%;aspect-ratio:2.067;background:#000;display:grid;place-items:center;color:white}
.reference-video video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:7%;height:15%;display:grid;place-items:center}
.video-play:after{content:"";border-top:1.25vw solid transparent;border-bottom:1.25vw solid transparent;border-left:2.2vw solid white}
.video-back{position:absolute;top:10.5%;left:5.2%;width:5%;aspect-ratio:1;z-index:2}
.video-back img{width:100%;height:100%;object-fit:contain}
.video-note{position:absolute;left:10%;right:10%;top:60%;font-size:1.35vw;text-align:center;color:#ddd}
.video-note:empty{display:none}
.reference-video.playing .video-play{display:none}
.profile-intro{background:white;margin-bottom:3.3vw}
.profile-intro .video-divider{width:100%;height:1.2vw;object-fit:fill;display:block}
.profile-copy{font-size:2.28vw;line-height:1.48;padding:2.1vw 1.6vw 3.3vw;margin:0}
.profile-global{background:#fff;padding:2vw 6.9vw 2.1vw}
.global-stats{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,4fr);gap:2vw;align-items:start}.global-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2vw;min-width:0}
.export-claim{font-size:clamp(12px,1.45vw,25px);color:#16787a;line-height:1.48;font-weight:700;white-space:normal;text-wrap:balance;overflow-wrap:break-word;min-width:0}
.global-stat{min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:1.5vw;color:#666;line-height:1.35}.global-stat>span{display:block;min-height:2.7em;text-wrap:balance}
.global-stat b{display:block;font-size:2.65vw;line-height:1.25;color:#333}
.global-stat small{font-size:1.4vw}
.network-map{width:100%;height:auto;margin-top:2.5vw}
.partner-title{text-align:center;font-size:3.05vw;margin:5.6vw 0 3.4vw;font-weight:700}
.partner-logos{width:100%;height:auto}
.manufacturing-title{font-size:2.7vw;color:#000;line-height:1.2;margin:4vw 0 3.2vw;font-weight:700}
.factory-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1vw 1.25vw}
.factory-card{background:#fff;color:#111;min-width:0}
.factory-card img{width:100%;aspect-ratio:1.655;object-fit:cover}
.factory-copy{font-size:1.52vw;line-height:1.35;padding:2vw .8vw 2.9vw;min-height:13.8vw}
.factory-copy h3{font:inherit;margin:0}
.factory-copy p{margin:0}
.innovation-map{background:white;padding:0;margin-top:3.3vw}
.innovation-map img{display:block;width:100%;height:auto}
.cvt-video-panel{background:#fff;margin:0;padding:0}
.cvt-video-panel video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#101718;object-fit:contain}
.quality-panel{background:white;padding:3.2vw 3.35vw;margin-top:0}
.spec-table tbody tr:nth-child(odd) th,.spec-table tbody tr:nth-child(odd) td{background:#f0f2f2}
.spec-table tbody tr:nth-child(even) th,.spec-table tbody tr:nth-child(even) td{background:#fff}
.spec-table tbody th,.spec-table tbody td{border-color:#e9eded}
.quality-row{display:grid;grid-template-columns:36% 1fr;gap:1.6vw;margin-bottom:6.5vw;color:#333;align-items:start}
.quality-row:last-child{margin-bottom:0}
.quality-row img{width:100%;height:auto}
.quality-row h3{font-size:1.85vw;line-height:1.3;padding:.4vw 1.3vw 0;font-weight:700}
.quality-copy{font-size:1.85vw;line-height:1.4}
.quality-copy p{margin:0}
.quality-copy b{font-weight:700}
.reference-footer{width:100%;min-height:12vw;margin-top:5vw;background:url('/assets/reference/footer-bg.webp') bottom/100% 100% no-repeat;display:flex;align-items:center;justify-content:space-between;padding:2vw 7.35vw 2.4vw;position:relative}
.reference-footer:after{content:"";height:4.7vw;width:1px;background:linear-gradient(transparent,#82b7b4,transparent);position:absolute;left:48%;top:3vw}
.footer-side{display:flex;align-items:center;gap:1.5vw}
.footer-label{width:5.4vw;height:auto;object-fit:contain}
.footer-label.live{width:5.5vw}
.footer-link{display:block;border:0;padding:0;width:4.2vw;min-width:34px;min-height:34px}
.footer-link img{width:100%;height:auto}
.footer-link:focus-visible,.tab:focus-visible,.cat-card:focus-visible{outline:3px solid #f5a623;outline-offset:5px}
.reference-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#114d4d;color:#fff;padding:12px 24px;font-size:16px;z-index:100;border-radius:4px;max-width:90vw;text-align:center}
.reference-toast:empty{display:none}
#view-category,#view-detail{width:85.3%;margin:0 auto;padding:2.65vw 0 4vw}
#view-detail .dbody{min-height:32vw;margin:2vw 0}
#view-detail .detail{min-height:34vw}
body.indetail #tabbar{display:flex}
.grid{grid-template-columns:repeat(3,1fr)}
#devbar{display:none}
@media(max-width:640px){
 #topbar{height:90px}#brand .brand-logo{width:43vw}#langs{bottom:6px;right:8px}.lang{min-width:22px;height:19px;font-size:9px}#btnHome{top:8px;width:26px;height:26px}
 .tab{font-size:3vw;height:10vw}#tabbar{min-height:72px;gap:5vw;padding:0 6vw}.reference-page,.cats{width:91%}
 .profile-copy{font-size:3vw}.global-stat{font-size:1.9vw}.global-stat b{font-size:3.3vw}.global-stat small{font-size:1.7vw}.export-claim{font-size:1.3vw}.profile-global{padding:3vw}
 .factory-grid{width:100%}.factory-copy{font-size:2.2vw;padding:2vw 1vw;min-height:24vw}.manufacturing-title{font-size:3vw}.quality-copy,.quality-row h3{font-size:2.6vw}
 .footer-side{gap:2vw}.footer-label,.footer-label.live{width:9vw}.footer-link{width:7vw;min-width:0}.reference-footer{padding:5vw 4.5vw;min-height:20vw}.video-note{font-size:3vw}
 .grid{grid-template-columns:repeat(2,1fr)}#view-detail .detail{display:flex;flex-direction:column}#view-detail .hero{min-height:45vw}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Translated labels remain text so all display languages can use them. */
.footer-label-text{font-size:1.55vw;font-weight:700;line-height:1.3;overflow-wrap:anywhere;width:auto;max-width:12vw;text-decoration:underline;text-decoration-color:#a9d3ce;text-decoration-thickness:.4em;text-underline-offset:-.1em}
.footer-label-text.live{width:auto;font-size:2.7vw}
.factory-copy,.quality-copy,.quality-row h3{overflow-wrap:anywhere}
@media(max-width:700px){.footer-label-text{font-size:2.4vw;max-width:19vw}.footer-label-text.live{font-size:3.3vw}}

/* Four separately managed videos at the end of Corporate Profile. */
.profile-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8vw;margin:2.5vw 0 0}
.profile-video-tile{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}
.profile-video-tile video{display:block;width:100%;height:100%;object-fit:cover}
.profile-video-tile.empty{display:grid;place-items:center;background:#e5eded;color:#527370;text-align:center;font-size:clamp(12px,1.5vw,24px);line-height:1.6}
.profile-video-tile.empty small{font-size:.8em;font-weight:400}
.profile-video-play{position:absolute;inset:0;margin:auto;width:clamp(42px,5vw,80px);height:clamp(42px,5vw,80px);border:0;border-radius:50%;background:rgba(0,0,0,.58);display:grid;place-items:center;cursor:pointer}
.profile-video-play span{width:0;height:0;border-top:1vw solid transparent;border-bottom:1vw solid transparent;border-left:1.6vw solid #fff;margin-left:.35vw}
.profile-video-tile.playing .profile-video-play{display:none}
@media(max-width:640px){.profile-video-grid{gap:2vw}.profile-video-play span{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff}}

/* Platform → series → model browsing */
.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8vw}.series-grid .prod{aspect-ratio:1.72;box-shadow:none}.series-grid .prod .media{padding:3%;background:#fff}.series-grid .prod .code{font-size:clamp(12px,1.4vw,26px);padding:.55vw 1.5vw .55vw 4vw;min-width:50%;text-align:right}.series-page h1{font-size:3.1vw;color:#087d7e;margin:0 0 1.8vw;font-weight:700}.series-intro{background:#fff;margin-bottom:2vw}.series-intro .video-divider{display:block;width:100%;height:1.2vw}.series-intro p{font-size:1.65vw;line-height:1.45;padding:1.6vw;margin:0;white-space:pre-line}.model-grid{padding-bottom:4vw}.series-intro .video-note:not(:empty){color:#fff}@media(max-width:640px){.series-page h1{font-size:4vw}.series-intro p{font-size:2.7vw}.series-grid .prod .code{font-size:2.6vw}}

/* Matched product feature and specification layouts. */
.spec-table{width:100%;border-collapse:collapse;background:#fff;font-size:clamp(13px,1.45vw,24px);line-height:1.5}.spec-table th,.spec-table td{border:1px solid #d8e5e3;padding:1vw 1.4vw;text-align:left;overflow-wrap:anywhere}.spec-table thead th{background:#087d7e;color:#fff}.spec-table tbody th{width:42%;font-weight:500;background:#edf4f3}.spec-table tbody tr:nth-child(even) td{background:#f7faf9}.feature-rows{display:flex;flex-direction:column;gap:2vw}.feature-row{display:grid;grid-template-columns:38% minmax(0,1fr);gap:2.2vw;background:#fff;padding:1.6vw;align-items:center}.feature-photo{aspect-ratio:4/3;background:#edf3f2;border:1px dashed #bbceca;display:grid;place-items:center;color:#6d827d;font-size:clamp(12px,1.2vw,20px)}.feature-photo img{width:100%;height:100%;object-fit:contain}.feature-copy{font-size:clamp(14px,1.65vw,26px);line-height:1.6;overflow-wrap:anywhere}.feature-copy p{margin:0}@media(max-width:640px){.feature-row{grid-template-columns:38% minmax(0,1fr)}.spec-table th,.spec-table td{padding:10px}.feature-copy{font-size:13px}}

/* Uniform card canvas: the label has its own row and never covers the machine. */
.series-grid .prod{display:grid;grid-template-rows:minmax(0,1fr) auto;aspect-ratio:1.55;align-items:stretch}
.series-grid .prod .media{display:block;position:relative;min-width:0;min-height:0;width:100%;height:100%;padding:0;background:#fff;overflow:hidden}
.series-grid .prod .media img{position:absolute;inset:7% 8%;width:84%;height:86%;max-width:none;max-height:none;object-fit:contain;object-position:center center}
.series-grid .prod .code{position:relative;right:auto;bottom:auto;justify-self:end;max-width:95%;min-height:2.1em;line-height:1.2;display:flex;align-items:center;justify-content:flex-end;margin:0;padding:.4em 1.1em .4em 2.4em;transform:none;clip-path:polygon(0 0,100% 0,100% 100%,1.7em 100%)}
.series-grid .prod .code i{transform:none;white-space:normal;overflow-wrap:anywhere}
.global-metrics .global-stat{font-size:clamp(10px,1.22vw,21px)}.global-metrics .global-stat b{font-size:clamp(17px,2.15vw,37px);white-space:nowrap}.global-metrics .global-stat small{font-size:clamp(10px,1.15vw,20px)}
@media(max-width:640px){.global-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.global-metrics .global-stat{font-size:11px}.global-metrics .global-stat b{font-size:18px}.global-metrics .global-stat small{font-size:10px}.export-claim{font-size:12px}.series-grid .prod .code{min-height:2.2em}}

/* Platform headings follow the green brand system and leave the machines visually dominant. */
.group-head{display:flex;align-items:center;gap:1.4vw;background:transparent;color:#126d68;border:0;border-left:4px solid #12877f;padding:.28em 0 .28em .85em;margin:0 0 1.5vw;font-size:clamp(17px,1.8vw,29px);font-weight:700;line-height:1.3;letter-spacing:0}
.group-head:after{content:'';flex:1;height:1px;background:#cbded9;margin-left:.3em}
/* Alternate the complete specification row, including its label cell. */
.spec-table tbody tr:nth-child(odd) th,.spec-table tbody tr:nth-child(odd) td{background:#f0f2f2}
.spec-table tbody tr:nth-child(even) th,.spec-table tbody tr:nth-child(even) td{background:#fff}