/* HTML/CSS reconstruction. Approved PNG is a QA reference, never a site background. */
footer{padding:0;background:#111820;color:#d4d8dd;position:relative;overflow:hidden}
footer::before,footer::after{content:none}
.vf-surface{position:relative;isolation:isolate;background:radial-gradient(ellipse at 12% 110%,#b3131610,transparent 48%),linear-gradient(145deg,#19222a,#111820 55%,#0f151b)}
.vf-surface::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(139deg,transparent 72%,#03060966 72.2%,#ffffff03 73%,transparent 74%);pointer-events:none}
.vf-surface::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:150px;z-index:-1;pointer-events:none;background:url('/assets/brand/footer-wave.svg') left bottom/100% 100% no-repeat;opacity:.65}
.vf-wall{position:absolute;inset:0 0 0 auto;width:15%;z-index:-1;pointer-events:none;opacity:.3;background:repeating-linear-gradient(90deg,#bbc5cf1a 0 1px,#070b1066 1px 4px);clip-path:polygon(68% 0,100% 0,100% 100%,0 100%,0 35%)}
.vf-decoration{position:absolute;right:24px;top:50%;width:230px;height:250px;transform:translateY(-50%);background:url('/assets/brand/jinyuheng-logo-symbol-transparent.png') center/contain no-repeat;opacity:.13;pointer-events:none;z-index:-1}
.vf-main{display:grid;grid-template-columns:30fr 17fr 18fr 27fr;column-gap:2.666%;padding-top:32px;padding-bottom:24px;min-height:290px;align-items:start}
.vf-main>*{position:relative;min-width:0;margin:0}
.vf-column{padding-left:24px}
.vf-column::before{content:"";position:absolute;left:0;top:2px;height:228px;width:1px;background:rgba(255,255,255,.14)}
.vf-lockup{display:inline-flex;max-width:100%}
.vf-lockup .brand-logo{display:inline-flex;align-items:center;gap:15px;color:#fff;white-space:nowrap}
.vf-lockup .brand-logo img{width:70px;height:81px;object-fit:contain;flex:none;max-width:none}
.vf-lockup .brand-lettering{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.vf-lockup .brand-name{font-size:34px;line-height:1.1;font-weight:800;color:#fff}
.vf-lockup .brand-signature{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:0;color:#ccd1d7}
.vf-slogan,.vf-company{font-size:17px;line-height:1.65;color:#ccd1d7;margin:17px 0 0}
.vf-company{margin-top:7px}
.vf-column h2{font-size:20px;line-height:1.3;color:#fff;font-weight:700;margin:0 0 10px}
.vf-column h2::after{content:"";display:block;width:28px;height:4px;background:#B31316;border-radius:2px;margin-top:12px}
.vf-column ul{list-style:none;margin:0;padding:0}
.vf-column li{margin:0;padding:0;line-height:31px;font-size:16px}
.vf-column li a{display:inline-block}
.vf-surface a:hover{color:#B31316}
.vf-contact-lines{font-size:16px;line-height:32px}
.vf-contact-lines>a,.vf-contact-lines>div{display:flex;gap:13px;align-items:center;white-space:nowrap}
.vf-icon{display:block;width:22px;height:22px;flex:none;color:#e5e8ec}
.vf-qr{display:flex;align-items:center;gap:14px;margin-top:12px}
.vf-qr>img,.vf-qr-missing{width:84px;height:84px;flex:none;border-radius:4px}
.vf-qr>img{object-fit:contain;background:#fff;border:4px solid #fff}
.vf-qr-missing{display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.6;color:#929ba6;border:1px dashed #64717d;background:#11182080}
.vf-qr-copy strong{display:block;font-size:16px;line-height:1.5;font-weight:600;color:#e6e9ed;white-space:nowrap}
.vf-qr-copy p{font-size:14px;line-height:1.5;color:#bdc5cf;margin:5px 0 0}
.vf-bottom{border-top:1px solid rgba(255,255,255,.14);background:#070c122b}
.vf-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:55px;font-size:13px;line-height:1.5;color:#c2c8d0}
.vf-bottom-links{display:flex;align-items:center;gap:25px}
.vf-top{display:flex;align-items:center;gap:7px;border-left:1px solid rgba(255,255,255,.25);padding-left:25px}
.vf-top svg{width:20px;height:20px;flex:none}
@media(min-width:1600px){.vf-main{column-gap:2.666%;padding-top:36px;min-height:296px}.vf-column{padding-left:36px}.vf-lockup .brand-logo img{width:76px;height:88px}.vf-lockup .brand-name{font-size:36px}.vf-lockup .brand-signature{font-size:21px}.vf-slogan,.vf-company{font-size:18px}.vf-contact-lines{font-size:17px}.vf-bottom-inner{font-size:14px}.vf-decoration{width:250px;height:270px}}
@media(min-width:1101px) and (max-width:1450px){.vf-column{padding-left:20px}.vf-lockup .brand-logo{gap:12px}.vf-lockup .brand-name{font-size:32px}.vf-lockup .brand-signature{font-size:19px}.vf-lockup .brand-logo img{width:66px;height:77px}.vf-qr>img,.vf-qr-missing{width:84px;height:84px}.vf-qr{gap:12px}.vf-qr-copy strong{font-size:15px}}
@media(min-width:701px) and (max-width:1100px){.vf-main{grid-template-columns:1fr 1fr;gap:24px 35px;padding-block:28px}.vf-brand{grid-column:1/-1}.vf-column{padding-left:0}.vf-column::before{display:none}.vf-contact{grid-column:1/-1}.vf-lockup .brand-name{font-size:32px}.vf-lockup .brand-signature{font-size:19px}.vf-lockup .brand-logo img{width:70px;height:81px}.vf-bottom-inner{font-size:12px}.vf-bottom-links{gap:14px}.vf-top{padding-left:14px}}
@media(max-width:700px){.vf-main{grid-template-columns:1fr 1fr;gap:24px 24px;padding:26px 0;min-height:0}.vf-brand{grid-column:1/-1}.vf-column{padding-left:0}.vf-column::before{display:none}.vf-contact{grid-column:1/-1}.vf-lockup .brand-logo{gap:12px}.vf-lockup .brand-logo img{width:66px;height:77px}.vf-lockup .brand-name{font-size:30px}.vf-lockup .brand-signature{font-size:18px}.vf-slogan,.vf-company{font-size:15px}.vf-slogan{margin-top:16px}.vf-company{margin-top:8px}.vf-column h2{font-size:19px}.vf-column li{font-size:16px;line-height:31px}.vf-contact-lines{font-size:16px;line-height:34px}.vf-qr{margin-top:12px}.vf-qr>img,.vf-qr-missing{width:84px;height:84px}.vf-decoration{width:180px;height:210px;top:auto;bottom:110px;transform:none;opacity:.08}.vf-wall{width:30%}.vf-bottom-inner{min-height:90px;padding-block:16px;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;font-size:11px}.vf-bottom-links{width:100%;justify-content:space-between;gap:10px}.vf-top{padding-left:12px}.vf-top svg{width:16px;height:16px}}


.vf-decoration{z-index:0;filter:grayscale(1) brightness(3)}
.vf-main,.vf-bottom{position:relative;z-index:1}
@media(max-width:700px){.vf-bottom-inner{min-height:55px;padding-block:7px;gap:4px}}
.vf-decoration{right:0;top:0;bottom:56px;width:270px;height:auto;transform:none;background:url('/assets/contact/footer-brand-illustration.png') right center/auto 100% no-repeat;opacity:.45;filter:none;mask-image:linear-gradient(to right,transparent,#000 40%);pointer-events:none}
.vf-qr>img{image-rendering:pixelated;border-width:2px;border-radius:2px}
.vf-main{padding-top:28px;padding-bottom:20px}
@media(min-width:1600px){.vf-main{padding-top:30px}.vf-decoration{width:300px}}
@media(min-width:701px) and (max-width:1100px){.vf-contact{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.vf-contact h2{grid-column:1/-1}.vf-qr{margin-top:0}.vf-decoration{width:330px;opacity:.3}}
@media(max-width:700px){.vf-main{gap:20px 24px}.vf-decoration{width:230px;top:auto;bottom:56px;height:350px;opacity:.23}.vf-bottom-inner{font-size:12px;gap:3px}.vf-bottom-inner>span,.vf-bottom-links a{white-space:nowrap}.vf-contact{display:grid;grid-template-columns:1fr 84px;column-gap:12px}.vf-contact h2{grid-column:1/-1}.vf-qr{flex-direction:column;gap:6px;margin-top:0;align-items:center}.vf-qr-copy strong{font-size:12px}.vf-qr-copy p{font-size:12px;margin:2px 0 0}.vf-contact-lines>a,.vf-contact-lines>div{gap:8px}.vf-contact-lines{font-size:15px}}
/* Final spacing refinement: same content and approved raster assets. */
.vf-slogan{margin-top:12px}
.vf-company{margin-top:5px}
.vf-column h2{margin-bottom:8px}
.vf-column h2::after{margin-top:10px}
.vf-column li{line-height:29px}
.vf-column::before{height:214px}
.vf-qr{gap:10px}
.vf-qr-copy p{margin-top:3px}
@media(min-width:1101px){.vf-main{padding-top:24px;padding-bottom:18px;min-height:0}.vf-contact-lines{line-height:30px}.vf-qr{margin-top:8px}.vf-bottom-inner{min-height:49px}.vf-decoration{right:max(32px,calc((100vw - 1480px)/2 + 16px));bottom:50px;width:270px;mask-image:linear-gradient(to right,transparent,#000 40%,#000 90%,transparent)}}
@media(max-width:700px){.vf-main{padding-block:24px;gap:18px 24px}.vf-qr{gap:6px}.vf-qr-copy p{margin-top:2px}}
@media(max-width:700px){.vf-surface::after{height:90px;background-size:1000px 100%}}
/* Measured revision: larger QR, 230px desktop body, grouped scene. */
.vf-qr>img{box-sizing:border-box;width:104px;height:104px;object-fit:contain;background:#fff;padding:0;border:8px solid #fff;border-radius:0;image-rendering:auto;filter:none;opacity:1;transform:none}
.vf-contact .vf-decoration{z-index:-1}
.vf-surface::after{left:0;bottom:0;width:65%;height:90px;background-size:100% 100%;opacity:.65}
@media(min-width:1101px){
.vf-main{grid-template-columns:26% 12% 13% 49%;gap:0;padding-block:14px;min-height:230px;height:230px}
.vf-column{padding-left:20px}
.vf-column h2{font-size:20px;line-height:26px;margin-bottom:6px}
.vf-column h2::after{height:3px;margin-top:5px}
.vf-column li{line-height:27px}
.vf-column::before{height:202px;top:0}
.vf-lockup .brand-lettering{gap:5px}
.vf-slogan{margin-top:8px}.vf-company{margin-top:4px}
.vf-contact{display:grid;grid-template-columns:100px 1fr;grid-template-rows:84px auto;align-content:start;padding-right:0;isolation:isolate}
.vf-contact h2{grid-column:1;grid-row:1;margin:0}
.vf-contact-lines{grid-column:2;grid-row:1;line-height:28px;font-size:16px}
.vf-qr{grid-column:1/-1;grid-row:2;justify-self:start;margin-top:10px;gap:12px;width:max-content;max-width:100%}
.vf-qr-copy strong{font-size:16px}.vf-qr-copy p{font-size:14px}
.vf-decoration{left:110px;right:auto;top:0;bottom:auto;width:230px;height:216px;background-size:230px auto;background-position:right 34px;opacity:.5;mask-image:linear-gradient(to right,transparent,#000 45%,#000 94%,transparent)}
.vf-bottom-inner{height:49px;min-height:49px}
}
@media(min-width:1101px) and (max-width:1450px){.vf-qr>img{width:96px;height:96px}.vf-decoration{left:102px}.vf-contact h2{font-size:19px}.vf-contact{grid-template-columns:92px 1fr}.vf-contact-lines{font-size:15px}}
@media(min-width:701px) and (max-width:1100px){.vf-contact{isolation:isolate}.vf-decoration{right:0;left:auto;top:-160px;bottom:auto;height:330px;width:230px}.vf-qr>img{width:104px;height:104px}}
@media(max-width:700px){.vf-contact{grid-template-columns:1fr 112px;column-gap:10px;isolation:isolate}.vf-qr>img{width:112px;height:112px}.vf-decoration{right:0;left:auto;top:-120px;bottom:auto;width:230px;height:330px;opacity:.2}.vf-contact-lines{font-size:15px}.vf-qr-copy strong,.vf-qr-copy p{font-size:13px}.vf-surface::after{width:100%;height:80px;background-size:1000px 100%}}
.vf-qr>img{border:0;image-rendering:pixelated}
.vf-qr>img{image-rendering:auto}
@media(min-width:1101px){.vf-main{grid-template-columns:26% 16% 17% 41%}.vf-decoration{left:90px}}
@media(min-width:1101px) and (max-width:1450px){.vf-decoration{left:82px}}
/* Approved candidate-128: scanability takes priority over minimum height. */
.vf-qr>img{width:128px;height:128px;object-fit:contain;image-rendering:auto;opacity:1;filter:none;transform:none;background:#fff;mask-image:none;border:0;border-radius:0}
@media(min-width:1101px){.vf-main{height:250px;min-height:250px}.vf-decoration{left:114px;height:236px}}
@media(min-width:701px) and (max-width:1100px){.vf-qr>img{width:144px;height:144px}}
@media(max-width:700px){.vf-contact{grid-template-columns:1fr 128px}}
/* Brand scene refinement: 30% larger, 60px rightward, clear of foreground. */
@media(min-width:1101px){.vf-decoration{left:174px;width:299px;height:236px;background-size:299px auto;background-position:right 12px;opacity:.22;mask-image:linear-gradient(to right,transparent 52%,#000 68%,#000 96%,transparent)}}
@media(min-width:701px) and (max-width:1100px){.vf-decoration{top:-190px;height:190px;width:299px;background-size:299px auto;background-position:right top;opacity:.22}}
@media(max-width:700px){.vf-decoration{top:-220px;height:200px;width:299px;right:-20px;background-size:299px auto;background-position:right top;opacity:.2;mask-image:linear-gradient(to right,transparent 48%,#000 72%)}}
/* Three independent right-side groups: contact | QR consultation | scene. */
@media(min-width:1101px){
.vf-main{grid-template-columns:25% 12% 12% 51%}
.vf-contact{grid-template-columns:minmax(185px,1fr) 128px 276px;grid-template-rows:34px 1fr;column-gap:24px;height:222px;align-content:stretch}
.vf-contact h2{grid-column:1;grid-row:1}
.vf-contact-lines{grid-column:1;grid-row:2;align-self:start;line-height:28px;font-size:15px}
.vf-contact-lines>a,.vf-contact-lines>div{gap:8px}
.vf-qr{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;flex-direction:column;align-items:center;gap:8px;margin:0;width:128px}
.vf-qr-copy{text-align:center}.vf-qr-copy strong{font-size:16px}.vf-qr-copy p{margin-top:3px}
.vf-contact .vf-decoration{position:relative;grid-column:3;grid-row:1/3;left:auto;right:auto;top:auto;bottom:auto;width:276px;height:222px;align-self:center;z-index:0;background-size:360px auto;background-position:right -50px;opacity:.22;mask-image:linear-gradient(to right,transparent,#000 20%);overflow:hidden}
}
@media(min-width:701px) and (max-width:1100px){
.vf-contact{grid-template-columns:minmax(190px,1fr) 160px 230px;grid-template-rows:34px 1fr;gap:0 20px;height:222px}
.vf-contact h2{grid-column:1;grid-row:1}.vf-contact-lines{grid-column:1;grid-row:2}
.vf-qr{grid-column:2;grid-row:1/3;flex-direction:column;gap:8px;margin:0;justify-self:center;align-self:center;width:160px;text-align:center}
.vf-contact .vf-decoration{position:relative;grid-column:3;grid-row:1/3;left:auto;right:auto;top:auto;bottom:auto;width:230px;height:222px;z-index:0;background-size:320px auto;background-position:right -25px;opacity:.22;mask-image:linear-gradient(to right,transparent,#000 20%)}
}
@media(max-width:700px){
.vf-contact{grid-template-columns:minmax(0,1fr) 128px;grid-template-rows:auto auto;gap:10px;align-content:start}
.vf-contact h2{grid-column:1;grid-row:1}.vf-contact-lines{grid-column:1;grid-row:2;align-self:start;line-height:28px}
.vf-qr{grid-column:2;grid-row:1/3;align-self:start;margin:0;gap:6px}
.vf-contact .vf-decoration{position:relative;grid-column:1/-1;grid-row:3;justify-self:end;left:auto;right:auto;top:auto;bottom:auto;width:276px;height:150px;z-index:0;background-size:276px auto;background-position:right -68px;opacity:.22;mask-image:linear-gradient(to right,transparent,#000 30%)}
}
@media(min-width:1101px){.vf-qr{align-self:start;margin-top:0}}
@media(min-width:1101px){.vf-main{grid-template-columns:25% 12% 12% minmax(0,1fr)}}
/* Explicit sibling groups, with a real image confined to the final column. */
.vf-contact-info{min-width:0}
.vf-contact .vf-decoration{background:none;mask-image:none;overflow:hidden}
.vf-decoration>img{position:absolute;display:block;max-width:none;width:432px;height:auto;left:-90px;top:-62px;pointer-events:none}
@media(min-width:1101px){.vf-contact-info{grid-column:1;grid-row:1/3}.vf-contact-info h2{margin:0 0 8px}.vf-contact .vf-decoration{width:320px;opacity:.25}.vf-contact-lines{display:block}}
@media(min-width:701px) and (max-width:1100px){.vf-contact-info{grid-column:1;grid-row:1/3}.vf-contact-info h2{margin:0 0 8px}.vf-decoration>img{width:352px;left:-122px;top:-30px}.vf-contact .vf-decoration{opacity:.25}}
@media(max-width:700px){.vf-contact-info{grid-column:1;grid-row:1/3}.vf-contact-info h2{margin:0 0 10px}.vf-decoration>img{width:320px;left:-44px;top:-84px}.vf-contact .vf-decoration{opacity:.25}}
.vf-contact .vf-decoration{mask-image:linear-gradient(to right,transparent,#000 26%)}
@media(min-width:1451px){.vf-contact .vf-decoration{width:344px}.vf-decoration>img{top:-108px}}
@media(min-width:1101px) and (max-width:1450px){.vf-contact .vf-decoration{width:308px}.vf-decoration>img{width:400px;left:-90px;top:-88px}}
/* Balanced consultation group: intrinsic columns and a shared vertical centre. */
@media(min-width:1101px){
  .vf-main{grid-template-columns:round(25%,1px) round(12%,1px) round(12%,1px) minmax(0,1fr)}
  .vf-contact{padding-left:40px;grid-template-columns:minmax(185px,1fr) 128px minmax(120px,1fr);grid-template-rows:1fr;column-gap:28px;align-items:center}
  .vf-contact-info{grid-column:1;grid-row:1;align-self:center}
  .vf-qr{grid-column:2;grid-row:1;align-self:center;margin:0;gap:9px}
  .vf-contact .vf-decoration{grid-column:3;grid-row:1;width:100%;height:222px;transform:none;align-self:center;justify-self:end}
  .vf-decoration>img{left:auto;right:-24px;top:-108px}
}
@media(min-width:1101px) and (max-width:1450px){.vf-decoration>img{top:-88px;right:-34px}}
@media(min-width:1451px){.vf-contact{padding-left:80px}}
@media(min-width:701px) and (max-width:1100px){
  .vf-contact{grid-template-columns:minmax(190px,1fr) 160px minmax(160px,230px);grid-template-rows:1fr;column-gap:28px;align-items:center}
  .vf-contact-info,.vf-qr,.vf-contact .vf-decoration{grid-row:1;align-self:center}
  .vf-contact .vf-decoration{width:100%;transform:none}
  .vf-decoration>img{left:auto;right:0;top:-30px}
}
@media(max-width:700px){
  .vf-contact-info,.vf-qr{align-self:center}
  .vf-contact .vf-decoration{transform:none}
  .vf-decoration>img{top:-84px}
}
/* Three precise adjustments: local brand centring, scene inset, QR offset. */
.vf-brand{text-align:center}
.vf-qr{position:relative;top:15px}
@media(min-width:1101px){.vf-contact .vf-decoration{left:max(16px,calc((100vw - 1480px)/2 - 24px))}}
@media(min-width:701px) and (max-width:1100px){.vf-contact .vf-decoration{left:16px}}
@media(max-width:700px){.vf-contact .vf-decoration{left:8px;clip-path:inset(15px 0 0)}}
/* Two requested offsets; preserve every module's internal geometry. */
.vf-brand{align-self:center}
.vf-contact .vf-decoration{transform:translateX(-80px)}
.vf-qr{z-index:1}
/* Complete brand wall; consultation group moved up 60px from the prior 45px offset. */
.vf-qr{top:5px}
.vf-contact .vf-decoration{transform:scale(1.44);transform-origin:right center;mask-image:none;clip-path:none}
.vf-decoration>img{content:url('/assets/contact/footer-brand-front-v2.png');left:0;right:auto;top:0;width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:1100px){.vf-contact .vf-decoration{left:0}}