/* The blue, red and silver of the Fuyang badge, carried through the whole site. */
:root{--blue:#075bc9;--red:#e21b2d;--navy:#05245f;--ink:#102d56;--muted:#596d88;--pale:#edf3fc;--line:#d4dfed;--warm:#f0f4fb}
body{background:#edf3fc}
.header{border-top:3px solid var(--blue);border-bottom:1px solid #cfdbed;background:#fffffff5;box-shadow:0 5px 25px #06235608}
.header:after{content:'';position:absolute;top:-3px;right:0;width:24%;height:3px;background:var(--red)}
.brand-name{color:#07387c}
.header nav a:after{background:var(--red)}
.header .whatsapp-link{background:#087761;border-color:#087761}.header .whatsapp-link:hover{background:#076550}
.button{border-radius:4px;background:linear-gradient(115deg,#086ae0,#0745ac);border-color:#075bc9;box-shadow:0 4px 12px #075bc916}
.button:hover{background:#034cae}
.eyebrow:not(.light){color:#075bc9}
.eyebrow:not(.light):before{content:'';display:inline-block;width:17px;height:3px;background:var(--red);margin:0 9px 3px 0;border-radius:2px}
.brand-panorama{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% -20%,#2079e8 0,transparent 57%),linear-gradient(115deg,#062961 0%,#0755b7 65%,#063b91 100%);color:#fff}
.brand-panorama:before{content:'';pointer-events:none;position:absolute;width:820px;height:500px;border:1px solid #a0c5ff32;right:-185px;top:-255px;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 0 35px #9abaff08,0 0 0 72px #9abaff05}
.brand-panorama:after{content:'';position:absolute;z-index:-1;width:470px;height:280px;right:-130px;top:85px;border:27px solid #df2035;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-30deg);opacity:.9;pointer-events:none}
.panorama-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:75px;align-items:end;padding-top:42px;padding-bottom:34px;position:relative}
.panorama-head .eyebrow{color:#d3e4ff;font-size:9px;letter-spacing:2.2px;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.panorama-head .eyebrow:before{display:none}
.panorama-dot{width:7px;height:7px;background:#f8384c;border-radius:50%;box-shadow:0 0 0 4px #e2293b25;flex-shrink:0}
.panorama-head h1{font-size:clamp(36px,3.75vw,56px);font-weight:500;line-height:1.1;letter-spacing:-2px;margin:0;color:#fff}
.panorama-head h1 em{font-style:normal;color:#cfdef6}
.panorama-intro{max-width:420px;position:relative;z-index:1}
.panorama-intro>p{font-size:12px;color:#d5e3f7;line-height:1.85;max-width:395px;margin:0 0 21px}
.panorama-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.panorama-actions .button{background:#fff;color:#064baf;border-color:#fff;padding:12px 18px;font-size:11px;gap:24px;box-shadow:0 5px 18px #00215c26}
.panorama-actions .button:hover{background:#e5edfb}
.panorama-actions .text-link{font-size:11px;color:#edf4ff;border-color:#9fbbe4}
.panorama-actions .text-link:hover{color:#fff;border-color:#fff}
.panorama-stage{position:relative;isolation:isolate;background:linear-gradient(180deg,#edf3ff 0%,#fcfdff 44%,#f4f7fc 76%,#d6e2f4 100%);border-top:1px solid #d5e3ff;border-bottom:1px solid #ffffff55;overflow:hidden}
.panorama-stage:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 44% 95% at 50% 100%,#b5c9e539,transparent 80%),linear-gradient(126deg,#085fcd18,transparent 33%,transparent 78%,#b6cae75c);pointer-events:none}
.panorama-stage:after{content:'';position:absolute;left:-9%;bottom:-86px;width:120%;height:145px;border-top:2px solid #ffffffb3;border-radius:50%;background:linear-gradient(180deg,#bdcde24f,#c1d3ee85);z-index:-1;pointer-events:none}
.stage-brand{position:absolute;top:9px;left:0;right:0;text-align:center;font-size:clamp(80px,14vw,205px);font-weight:800;letter-spacing:20px;line-height:1;color:#073b7d06;pointer-events:none;z-index:-1;user-select:none}
.stage-ribbon{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;border-style:solid;transform:rotate(-25deg)}
.stage-ribbon-blue{width:790px;height:340px;border-width:28px;border-color:transparent transparent #095bd329 #095bd329;left:-490px;top:27px}
.stage-ribbon-red{width:900px;height:360px;border-width:12px;border-color:#df1b3030 #df1b3030 transparent transparent;right:-570px;top:-100px}
.panorama-models{display:grid;grid-template-columns:.82fr 1fr 1.38fr 1fr .82fr;gap:16px;align-items:end;height:405px;padding-top:22px;position:relative}
.panorama-model{appearance:none;color:var(--ink);background:none;border:0;border-radius:0;padding:0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:left;position:relative}
.panorama-photo{display:flex;align-items:flex-end;justify-content:center;width:100%;height:242px;position:relative;mix-blend-mode:multiply}
.panorama-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;transition:transform .3s}
.panorama-model:hover .panorama-photo img{transform:translateY(-4px)}
.panorama-touring .panorama-photo,.panorama-explorer .panorama-photo{height:282px}
.panorama-featured .panorama-photo{height:320px}
.panorama-model-name{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:90%;gap:9px;padding:12px 0 10px;border-top:1px solid #9ab5d76e;font-size:11px;font-weight:600;line-height:1.4;color:#174271}
.panorama-model-name small{display:block;font-size:7px;letter-spacing:1.3px;color:#6a7e98;font-weight:400;margin-top:3px}
.panorama-model-name>span:last-child{font-size:17px;color:#1458af}
.panorama-featured .panorama-model-name{border-top:2px solid var(--red);color:#064bae;font-size:14px}
.panorama-featured .panorama-model-name small{color:#6a7e98;font-size:7px}
.panorama-featured .panorama-model-name>span:last-child{color:var(--red)}
.panorama-stage-note{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0 20px;font-size:8px;color:#5e7595;letter-spacing:1.35px;line-height:1.5}
.panorama-stage-note>span:first-child{display:flex;align-items:center;gap:10px;color:#245085;font-weight:600}
.panorama-stage-note>span:first-child:before{content:'';width:21px;height:2px;background:var(--red)}
.panorama-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:53px;font-size:8px;letter-spacing:1.4px;color:#c4d9fa}
.panorama-foot>span{display:flex;gap:10px;align-items:center}
.panorama-foot>span:before{content:'';width:5px;height:5px;border-radius:50%;background:#f74759}
.panorama-foot a{letter-spacing:.3px;white-space:nowrap;font-size:10px;color:#fff}
.panorama-foot a>span{margin-left:16px}
.intro-bar{position:relative;background:linear-gradient(100deg,#fff,#eef4fe);border-bottom-color:#cbd8eb}
.intro-grid>div{border-left-color:#c8d7ed}
.intro-icon{color:#0a5cbe}
.intro-grid>div:nth-child(2) .intro-icon{color:#de1b31}
.collection{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#d9e7fc 0,transparent 36%),radial-gradient(ellipse at -12% 65%,#dce9fd 0,transparent 34%),linear-gradient(135deg,#f6f8fc,#edf3fd 78%,#f9f7fa)}
.collection:before{content:'';position:absolute;z-index:-1;width:650px;height:270px;right:-430px;top:70px;border:18px solid #dd253b10;border-radius:50%;transform:rotate(-35deg);pointer-events:none}
.section-top h2{color:#123665}
.catalog-toolbar{border-bottom-color:#bdd0eb}
.catalog-search input,.catalog-category select{border-color:#c4d3e7;background:#ffffffd9}
.product-card{border-color:#d0ddef;box-shadow:0 5px 20px #04367c04;border-radius:8px;position:relative}
.product-card:after{content:'';height:2px;position:absolute;top:0;left:0;width:42px;background:#075bc9;transition:width .25s}
.product-card:nth-child(3n+2):after{background:var(--red)}
.product-card:hover{box-shadow:0 12px 34px #07367712}
.product-card:hover:after{width:100%}
.product-photo{background:linear-gradient(135deg,#f8faff,#e9f0fb)}
.product-card:nth-child(3n+2) .product-photo{background:linear-gradient(135deg,#fbfbff,#f2edf3)}
.product-category{color:#416389}
.product-title h3{color:#123c75}
.product-plus{color:#075bc9;border-color:#b7cdec;background:#ffffffd9}
.product-inquire span:last-child{color:#db2339}
.catalog-pagination{border-top-color:#c7d7ec}
.factory{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#dce8fa,#edf3fd 56%,#f6f8fc)}
.factory:before{content:'';position:absolute;z-index:-1;width:850px;height:370px;left:-610px;bottom:30px;border:38px solid #0d61c615;border-radius:50%;transform:rotate(-35deg);pointer-events:none}
.factory:after{content:'';height:4px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#075bc9 0%,#075bc9 70%,#df2438 70%,#df2438 82%,#b9cbe5 82%)}
.factory-video-card{background:linear-gradient(130deg,#073878,#031e4a);border:1px solid #376ba6;box-shadow:0 20px 50px #073c821c}
.factory-video-card .visual-tag{color:#c3d9f7}
.factory-copy h2{color:#103a73}
.process li{border-top-color:#c0d2e8}
.process li>span{color:#da2136}
.company-section{background:radial-gradient(ellipse at 95% 0%,#0b5ac1,transparent 65%),linear-gradient(120deg,#03285e,#04357f 70%,#023176)}
.company-section:before{content:'';position:absolute;pointer-events:none;width:1080px;height:560px;right:-700px;top:-70px;border:35px solid #ee263d2e;border-radius:50%;transform:rotate(-35deg)}
.company-section:after{content:'';position:absolute;pointer-events:none;width:1130px;height:580px;right:-720px;top:-110px;border:2px solid #92bcf544;border-radius:50%;transform:rotate(-35deg)}
.company-section .wrap{z-index:1}
.company-head .eyebrow{color:#b6d4ff}
.company-story p{color:#c0d3ed}
.company-story .company-lead{color:#fff}
.company-signature small{color:#bdd4f2}
.market-chips>span{background:#3b74be20;border-color:#8db8ec6e;color:#dfebfc}
.company-capabilities{border-top-color:#b7d3fc42}
.capability-number{color:#f87585}
.company-capabilities strong{color:#e4efff}
.company-motto{color:#eef5ff;border-top-color:#b7d3fc42;position:relative;padding-left:22px}
.company-motto:before{content:'';position:absolute;width:3px;height:calc(100% - 27px);background:#f23b50;left:0;bottom:0}
.connect-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 88% 100%,#d2e4ff,transparent 55%),linear-gradient(135deg,#f7faff,#e8f0fc)}
.connect-section:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:650px;height:300px;right:-400px;top:30px;border:12px solid #e1284012;border-radius:50%;transform:rotate(-30deg)}
.social-facebook{background:linear-gradient(115deg,#0648ad,#0872e1)}
.social-whatsapp{background:linear-gradient(115deg,#075c54,#087c64)}
.faq-section{background:linear-gradient(125deg,#eff4fc,#fbfcff);border-top:1px solid #d4dfef;border-bottom:1px solid #d4dfef}
.faq-list summary>span:last-child{color:#e0263d}
.faq-list details[open] summary{color:#075bc9}
.inquiry{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at -10% 25%,#cedffa 0%,transparent 55%),linear-gradient(130deg,#e3edfc,#eff4fd 70%,#e3eafa)}
.inquiry:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:770px;height:350px;left:-510px;bottom:-90px;border:24px solid #0b58ba19;border-radius:50%;transform:rotate(-30deg)}
.inquiry:after{content:'';position:absolute;z-index:-1;pointer-events:none;width:770px;height:350px;left:-570px;bottom:-140px;border:10px solid #e1243c22;border-radius:50%;transform:rotate(-30deg)}
.inquiry-copy h2{color:#0b3673}
.inquiry-form{border-top:3px solid #075bc9;border-color:#c4d6f0;border-top-color:#075bc9;box-shadow:0 18px 50px #0738770d}
.form-send{background:linear-gradient(115deg,#075bd0,#063f9b);border-color:#075bd0}
.form-send:hover{background:#0448aa}
footer{position:relative;background:linear-gradient(120deg,#032456,#031b42);border-top:4px solid #075bc9}
footer:before{content:'';position:absolute;right:0;top:-4px;height:4px;width:25%;background:#df2639}
footer .brand-name{color:#eef4ff}
.footer-top p{color:#aec4e3}
.footer-bottom{color:#9bb4d7}
.footer-top>a:last-child{color:#b7d0f2}
html[lang=zh-CN] .panorama-head h1{font-size:clamp(35px,3.8vw,55px);letter-spacing:-.8px;line-height:1.25}
html[lang=zh-CN] .panorama-intro>p{line-height:1.95}
@media(min-width:1600px){.panorama-head{padding-top:52px;padding-bottom:42px}.panorama-models{height:445px}.panorama-photo{height:270px}.panorama-touring .panorama-photo,.panorama-explorer .panorama-photo{height:320px}.panorama-featured .panorama-photo{height:355px}}
@media(max-width:1150px){.panorama-head{gap:45px;padding-top:36px;padding-bottom:30px}.panorama-head h1{font-size:43px}.panorama-intro>p{font-size:11px}.panorama-models{height:365px;gap:9px}.panorama-photo{height:213px}.panorama-touring .panorama-photo,.panorama-explorer .panorama-photo{height:250px}.panorama-featured .panorama-photo{height:280px}.panorama-stage-note{font-size:7px;padding-top:16px;padding-bottom:17px}.panorama-head .eyebrow{font-size:8px}.panorama-model-name{font-size:10px}.panorama-featured .panorama-model-name{font-size:13px}.panorama-model-name small{font-size:6px;letter-spacing:.9px}}
@media(max-width:950px){.panorama-head{gap:30px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.panorama-head h1{font-size:37px;letter-spacing:-1.5px}.panorama-intro>p{font-size:10px;margin-bottom:17px}.panorama-actions{gap:20px}.panorama-actions .button{padding:11px 13px;font-size:10px;gap:14px}.panorama-actions .text-link{font-size:10px}.panorama-models{height:320px;padding-top:16px;gap:7px}.panorama-photo{height:173px}.panorama-touring .panorama-photo,.panorama-explorer .panorama-photo{height:205px}.panorama-featured .panorama-photo{height:240px}.panorama-model-name{padding:10px 0 9px;font-size:9px}.panorama-model-name small{font-size:5px;letter-spacing:.6px}.panorama-featured .panorama-model-name small{font-size:6px}.panorama-stage-note{font-size:6px;letter-spacing:.8px}.panorama-foot{font-size:7px;letter-spacing:.8px}.panorama-foot a{font-size:9px}html[lang=zh-CN] .panorama-head h1{font-size:37px}}
@media(max-width:760px){.panorama-head{grid-template-columns:1fr;gap:22px;padding-top:32px;padding-bottom:29px}.panorama-head h1{font-size:47px;letter-spacing:-1.8px}.panorama-intro{max-width:540px}.panorama-intro>p{font-size:12px;max-width:510px;margin-bottom:20px}.panorama-actions .button{font-size:11px;padding:12px 16px}.panorama-actions .text-link{font-size:11px}.panorama-models{height:300px;gap:8px;grid-template-columns:.8fr 1fr 1.3fr 1fr .8fr}.panorama-photo{height:155px}.panorama-touring .panorama-photo,.panorama-explorer .panorama-photo{height:185px}.panorama-featured .panorama-photo{height:215px}.panorama-model-name small{display:none}.panorama-model-name{font-size:9px}.panorama-model-name>span:last-child{font-size:14px}.panorama-featured .panorama-model-name{font-size:12px}.panorama-stage-note{padding-top:14px}.panorama-stage-note>span:last-child{letter-spacing:.6px}.panorama-foot>span{max-width:65%;line-height:1.7}.panorama-foot a{font-size:8px}.stage-brand{top:36px;font-size:15vw;letter-spacing:9px}html[lang=zh-CN] .panorama-head h1{font-size:45px}}
@media(max-width:650px){.header{border-top-width:3px}.header nav.open{background:linear-gradient(130deg,#f8fbff,#eaf2ff);border-bottom:2px solid #d9263a}.panorama-head{padding-top:30px;padding-bottom:26px;gap:19px}.panorama-head .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:17px}.panorama-head h1{font-size:clamp(31px,8.5vw,48px);letter-spacing:-1.3px;line-height:1.13}.panorama-intro>p{font-size:11px;line-height:1.85;margin-bottom:19px}.panorama-actions{gap:24px}.panorama-actions .button{font-size:10px;padding:11px 15px;gap:20px}.panorama-actions .text-link{font-size:10px}.brand-panorama:after{width:400px;height:230px;right:-250px;top:80px;border-width:19px}.panorama-models{height:auto;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px 8px;padding-top:22px;padding-bottom:0;align-items:end}.panorama-model{grid-column:span 2}.panorama-commuter{grid-row:2;grid-column:2 / span 2}.panorama-classic{grid-row:2;grid-column:4 / span 2}.panorama-touring{grid-column:1 / span 2;grid-row:1}.panorama-featured{grid-column:3 / span 2;grid-row:1}.panorama-explorer{grid-column:5 / span 2;grid-row:1}.panorama-photo{height:128px}.panorama-touring .panorama-photo,.panorama-explorer .panorama-photo{height:139px}.panorama-featured .panorama-photo{height:169px}.panorama-model-name{font-size:9px;max-width:94%;gap:4px;padding:8px 0 0;line-height:1.3}.panorama-model-name>span:last-child{font-size:13px}.panorama-featured .panorama-model-name{font-size:11px}.panorama-model-name small{display:none}.panorama-stage-note{padding-top:23px;padding-bottom:18px;font-size:6px;letter-spacing:.8px;gap:12px}.panorama-stage-note>span:first-child{gap:7px}.panorama-stage-note>span:first-child:before{width:13px}.panorama-stage-note>span:last-child{max-width:45%;text-align:right;font-size:5.5px;letter-spacing:.7px}.panorama-foot{min-height:53px;font-size:5.5px;letter-spacing:.75px;gap:12px}.panorama-foot>span{gap:7px;max-width:61%}.panorama-foot>span:before{width:4px;height:4px;flex-shrink:0}.panorama-foot a{font-size:7px;letter-spacing:0}.panorama-foot a>span{margin-left:7px}.stage-brand{top:30px;letter-spacing:4px;font-size:16vw}.stage-ribbon-blue{left:-610px;top:135px}.stage-ribbon-red{right:-700px;top:35px}.panorama-stage:after{height:95px;bottom:-50px}.intro-bar{background:linear-gradient(110deg,#f5f9ff,#e9f1ff)}.intro-grid>div:nth-child(2){border-left:0}.collection{background:radial-gradient(ellipse at 100% 0%,#dce9fd,transparent 38%),linear-gradient(135deg,#f5f8fe,#edf3fc)}.product-card:after{width:28px}.product-photo{background:linear-gradient(135deg,#f7faff,#e9f0fb)}.factory:before{left:-730px}.factory-video-card{box-shadow:0 12px 30px #0a347f10}.company-section:before{right:-900px;top:210px}.company-section:after{right:-935px;top:170px}.company-motto{padding-left:17px}.connect-section{background:linear-gradient(135deg,#f5f9ff,#e4edfb)}.inquiry{background:linear-gradient(130deg,#dfeafb,#edf3fe)}.inquiry-form{box-shadow:0 15px 35px #0738770b}html[lang=zh-CN] .panorama-head h1{font-size:clamp(33px,9.2vw,51px);line-height:1.24;letter-spacing:-.5px}}
@media(max-width:370px){.panorama-head{padding-top:27px;padding-bottom:23px;gap:18px}.panorama-head .eyebrow{font-size:6px;letter-spacing:1.1px}.panorama-head h1{font-size:30px}.panorama-intro>p{font-size:10px}.panorama-actions{gap:18px}.panorama-actions .button{font-size:9px;padding:11px 13px;gap:16px}.panorama-actions .text-link{font-size:9px}.panorama-models{gap:13px 5px;padding-top:18px}.panorama-photo{height:107px}.panorama-touring .panorama-photo,.panorama-explorer .panorama-photo{height:116px}.panorama-featured .panorama-photo{height:142px}.panorama-model-name{font-size:8px}.panorama-featured .panorama-model-name{font-size:10px}.panorama-model-name>span:last-child{font-size:12px}.panorama-stage-note{font-size:5px;padding-top:20px;padding-bottom:17px}.panorama-stage-note>span:last-child{font-size:5px;letter-spacing:.3px}.panorama-foot{font-size:5px}.panorama-foot a{font-size:6px}.panorama-foot>span{max-width:61%}.stage-ribbon-blue{left:-650px}.stage-ribbon-red{right:-740px}html[lang=zh-CN] .panorama-head h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.panorama-photo img{transition:none}.panorama-model:hover .panorama-photo img{transform:none}}
