@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0b0b0b;--panel:#171717;--muted:#a4a1a0;--line:#37302b;--orange:#fa7929;--white:#f5f0e9;--font:'Noto Sans TC',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}.container{max-width:1400px;margin:auto;padding:0 32px}.site-header{height:74px;background:rgba(10,10,10,.95);position:sticky;top:0;z-index:50;border-bottom:1px solid #302824;backdrop-filter:blur(14px)}.head{height:100%;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{font-weight:900;white-space:nowrap;font-size:21px;letter-spacing:.03em}.brand i{font-family:Georgia,serif;font-weight:400;font-size:12px}.brand-mark{color:var(--orange);margin-right:8px}.nav{display:flex;align-items:center;gap:21px}.nav a{font-size:13px;white-space:nowrap;color:#eee}.nav a:hover,.nav a.active{color:var(--orange)}.lang{border:1px solid #554337;background:#111;color:#f0efec;padding:7px 10px;border-radius:4px;font-size:12px}.lang.active{color:var(--orange);border-color:var(--orange)}.langset{display:flex;gap:6px}.menu-toggle{display:none;background:transparent;border:1px solid #555;color:#fff;padding:8px 12px}.hero{min-height:530px;position:relative;display:flex;align-items:center;overflow:hidden;background:#201b18}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.73) 38%,rgba(0,0,0,.05) 100%),linear-gradient(0deg,#080808bd,transparent 55%),url('assets/yu-original.webp') 67% 42%/cover no-repeat;filter:saturate(.78)}.hero:after{content:'';position:absolute;width:75%;height:120%;right:-42%;background:radial-gradient(ellipse,#e86b201d,transparent 60%);pointer-events:none}.hero-content{position:relative;z-index:1;width:100%;padding-top:50px;padding-bottom:50px}.eyebrow{color:var(--orange);text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;letter-spacing:.23em;font-size:15px;font-weight:700}.hero h1{font-size:clamp(46px,7vw,104px);line-height:.98;letter-spacing:-.045em;margin:24px 0;max-width:790px;font-weight:900;text-shadow:1px 4px 18px #0007}.hero h1 em,.accent{color:var(--orange);font-style:normal}.hero p{font-size:17px;color:#ded8d2;max-width:570px;line-height:1.95}.hero-btns{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:#101010;padding:13px 24px;border:1px solid var(--orange);font-weight:800;font-size:14px;border-radius:2px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px);background:#ffa35f}.btn.alt{background:rgba(0,0,0,.55);color:white;border-color:#aa876a}.btn.alt:hover{border-color:var(--orange)}.section{padding:66px 0}.section.dark{background:#101010}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.section-title h2{font-size:clamp(26px,3.6vw,45px);margin:0;line-height:1.18}.section-title p{color:#b0aaa3;margin:10px 0 0;line-height:1.65}.section-title a{color:var(--orange);white-space:nowrap;font-size:14px}.grid{display:grid;gap:17px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:#181818;border:1px solid #332e2a;overflow:hidden;transition:transform .32s,border-color .32s,box-shadow .32s;min-width:0}.card:hover{transform:translateY(-6px);border-color:#c46e37;box-shadow:0 14px 42px #000a}.card .image{height:220px;overflow:hidden;position:relative;background:#252323}.card .image img{transition:transform .7s;filter:saturate(.75)}.card:hover .image img{transform:scale(1.07);filter:saturate(1)}.card .body{padding:22px}.card h3{font-family:'Barlow Condensed',var(--font);font-size:29px;line-height:1.1;margin:0 0 8px}.card p{font-size:13px;line-height:1.85;color:#bab4af;margin:0}.tag{display:inline-block;font-size:11px;letter-spacing:.12em;color:#ff9b55;text-transform:uppercase;font-weight:800;margin-bottom:11px}.mini-link{font-size:13px;color:var(--orange);display:inline-block;margin-top:16px;font-weight:700}.model-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #39312b;font-size:13px}.model-row span{color:#b9b3ad}.model-row strong{color:#fff}.price{font-family:'Barlow Condensed',var(--font);color:var(--orange);font-size:26px;font-weight:800;letter-spacing:.02em}.note{color:#8f8b87;font-size:12px;line-height:1.75}.pillrow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.pill{background:#151515;color:#ddd;border:1px solid #51463e;padding:9px 15px;font-size:13px}.pill.active,.pill:hover{background:var(--orange);color:black;border-color:var(--orange)}.page-hero{min-height:315px;position:relative;background:#161616;display:flex;align-items:center;overflow:hidden}.page-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050505f2 0%,#090909ce 45%,#08080855 100%),url('assets/models-banner.webp') 50% 30%/cover}.page-hero.fashion:before{background:linear-gradient(90deg,#050505e8 0%,#090909bc 50%,#09090955 100%),url('assets/fashion-banner.webp') 50% 38%/cover}.page-hero.gallery:before{background:linear-gradient(90deg,#050505e8,#090909aa 60%,#09090944),url('assets/gallery-banner.webp') 50% 35%/cover}.page-hero.guide:before{background:linear-gradient(90deg,#050505e8,#090909bb 60%,#09090955),url('assets/guide-banner.webp') center/cover}.page-hero .container{z-index:1;width:100%}.page-hero h1{font-weight:900;font-size:clamp(41px,6vw,75px);line-height:1.12;margin:13px 0}.page-hero p{color:#ddd;line-height:1.8;max-width:640px}.details{display:grid;grid-template-columns:1.08fr .92fr;gap:40px}.details .feature-image{height:420px;object-fit:cover}.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.spec{border:1px solid #44372e;background:#181818;padding:14px}.spec small{display:block;color:#b0aaa4;margin-bottom:5px}.spec b{font-size:15px}.comparison{width:100%;border-collapse:collapse;font-size:13px}.comparison th,.comparison td{padding:16px 18px;border:1px solid #3c3430;text-align:left}.comparison th{color:var(--orange);background:#1d1b1a}.comparison td{color:#ddd}.tablewrap{overflow-x:auto}.video-thumb{height:190px;position:relative;overflow:hidden}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid #fc974d;color:#fff;background:#0008;display:grid;place-items:center;font-size:24px}.video-thumb img{filter:brightness(.65)}.video-thumb:hover img{filter:brightness(.9)}.look-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.look-item{position:relative;border:1px solid #43322b;cursor:pointer;overflow:hidden;aspect-ratio:1.25}.look-item img{transition:transform .5s}.look-item:hover img{transform:scale(1.08)}.look-item span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000e);font-size:13px;padding:32px 15px 15px;font-weight:800}.checklist{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.checkitem{border:1px solid #3d342e;padding:18px;background:#171717}.checkitem input{accent-color:var(--orange);width:17px;height:17px}.checkitem label{margin-left:10px;cursor:pointer}.faq details{padding:18px 0;border-bottom:1px solid #49403b}.faq summary{cursor:pointer;font-weight:700}.faq p{color:#c2bbb3;line-height:1.9}.footer{background:#080808;border-top:1px solid #302d2b;padding:35px 0;color:#8e8a85;font-size:12px;line-height:1.8}.footrow{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer a{margin-right:12px}.disclaimer{border-top:1px solid #3e3128;padding-top:17px;margin-top:18px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.modal{position:fixed;inset:0;background:#000e;z-index:100;display:grid;place-items:center;padding:25px}.modal-inner{max-width:1100px;width:100%;position:relative}.modal-inner img{max-height:82vh;object-fit:contain}.modal-close{position:absolute;right:0;top:-46px;background:#242424;color:white;border:1px solid #666;font-size:26px;padding:3px 14px}.price-unknown{font-size:15px;color:#c1b7ad;font-weight:600}.small-heading{font-family:'Barlow Condensed',var(--font);font-size:21px;color:#fff}.alert{padding:18px 23px;background:#1d1916;border-left:3px solid var(--orange);font-size:13px;color:#c4beb7;line-height:1.85}.animate-glow{animation:glow 3s infinite alternate}@keyframes glow{from{box-shadow:0 0 0 #fa792900}to{box-shadow:0 0 22px #fa792950}}@media(max-width:1050px){.nav{gap:11px}.nav a{font-size:11px}.brand{font-size:16px}.grid.four,.look-grid{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{padding:0 18px}.site-header{height:66px}.menu-toggle{display:block}.head{gap:12px}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:#101010;padding:19px;flex-direction:column;align-items:stretch;border-bottom:1px solid #513b2d}.nav.open{display:flex}.nav a{font-size:14px;padding:8px}.brand{font-size:17px}.brand i{display:none}.langset{margin-left:auto}.hero{min-height:600px;align-items:end}.hero:before{background:linear-gradient(0deg,#080808 0%,#080808c9 40%,#08080830 100%),url('assets/yu-original.webp') 55% 15%/cover}.hero h1{font-size:49px}.hero p{font-size:14px}.section{padding:48px 0}.grid.four,.grid.three,.grid.two,.look-grid,.details{grid-template-columns:1fr}.card .image{height:250px}.details .feature-image{height:300px}.checklist{grid-template-columns:1fr 1fr}.section-title{align-items:start}.section-title a{font-size:12px}.footrow{display:block}.footrow>*{margin-bottom:20px}.page-hero{min-height:300px}.comparison{min-width:650px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.video-embed{position:relative;overflow:hidden;border:1px solid #43352d;background:#090909;aspect-ratio:16/9}
.video-embed iframe{width:100%;height:100%;border:0}
.look-item.lightbox-btn,.lightbox-btn{background:none;padding:0;border:0}
.modal-close{cursor:pointer}
.model-gallery{align-items:stretch}
.gallery-tile{aspect-ratio:1.18;background:#111;border:1px solid #44372e;padding:12px}
.gallery-tile img{object-fit:contain;transform:none !important;background:#111}
.gallery-tile:hover img{transform:none !important}
.gallery-tile span{background:linear-gradient(transparent,rgba(0,0,0,.92));padding:36px 14px 12px;font-size:12px}


.bike-card .image{height:240px;padding:16px;background:linear-gradient(180deg,#151515,#0f0f0f)}
.bike-card .image img{object-fit:contain;filter:saturate(.92)}
.bike-card:hover .image img{transform:scale(1.03);filter:saturate(1)}
.look-wall{columns:4 260px;column-gap:16px}
.look-wall.full{columns:4 250px}
.look-card{display:block;break-inside:avoid;margin:0 0 16px;background:#171717;border:1px solid #3a312b;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.look-card:hover{transform:translateY(-6px);border-color:#c46e37;box-shadow:0 14px 42px #000a}
.look-card .thumb{background:#121212}
.look-card .thumb img{width:100%;height:auto;display:block;object-fit:cover}
.look-card .meta{padding:16px 18px 18px}
.look-card h3{font-family:'Barlow Condensed',var(--font);font-size:26px;line-height:1.08;margin:0 0 8px}
.look-card p{margin:0;color:#bdb5ae;font-size:13px;line-height:1.8}
.moments-grid .moment-card .image{height:270px}
.moment-card{background:#171717;border:1px solid #352d28;overflow:hidden}
.moment-card .body{padding:18px}
.moment-card h3{font-family:'Barlow Condensed',var(--font);font-size:27px;line-height:1.1;margin:0 0 8px}
.moment-card p{margin:0;color:#bfb8b1;font-size:13px;line-height:1.8}
@media(max-width:1050px){.look-wall,.look-wall.full{columns:2 220px}}
@media(max-width:760px){.look-wall,.look-wall.full{columns:1}.moments-grid .moment-card .image{height:240px}.bike-card .image{height:210px}}