.hero{position:relative;background:var(--color-bg)}.hero-viewport{overflow:hidden}.hero-track{display:flex;will-change:transform}.hero-slide{position:relative;flex:0 0 100%;min-height:calc(100vh - 65px);min-height:max(calc(100vh - 65px),480px);min-height:max(calc(100dvh - 65px),480px);display:flex;align-items:center;overflow:hidden;background:var(--color-bg)}.hero-slide img.h-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000000bd,#0006 45%,#0000001a);pointer-events:none}.hero-inner{position:relative;z-index:2;padding:48px clamp(24px,10vw,205px) 70px;width:100%;max-width:1920px}.hero h1{font-size:clamp(34px,4.2vw,72px);font-weight:500;line-height:1.1;letter-spacing:-.01em;color:var(--color-text)}.hero .sub{font-size:clamp(15px,1.35vw,24px);font-weight:300;color:var(--color-text);margin:clamp(10px,.8vw,14px) 0 clamp(18px,1.5vw,26px)}.hero .btn-hero{display:inline-flex;align-items:center;justify-content:center;width:clamp(150px,8.5vw,186px);height:clamp(44px,2.9vw,56px);border-radius:10px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);font-size:clamp(16px,1.1vw,22px);font-weight:400;cursor:pointer;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.hero .btn-hero:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text);transform:translateY(-2px)}.hero-dots{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:10px}.hero-dots button{width:9px;height:9px;border-radius:50%;padding:0;cursor:pointer;background:#ffffff40;border:1px solid rgba(255,255,255,.4);transition:background .25s ease,border-color .25s ease,transform .25s ease}.hero-dots button:hover{border-color:#fff}.hero-dots button.active{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.3)}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:clamp(34px,2.6vw,44px);height:clamp(34px,2.6vw,44px);border-radius:50%;background:#141414b8;color:var(--color-text);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease}.hero-nav svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}.hero-nav.prev{left:clamp(10px,2vw,28px)}.hero-nav.next{right:clamp(10px,2vw,28px)}.hero-nav:hover{background:var(--color-accent);border-color:var(--color-accent)}@media(max-width:768px){.hero-inner{padding:46px 22px 62px}.hero h1{font-size:clamp(28px,9.5vw,40px)}.hero .sub{font-size:15px;margin:10px 0 20px}.hero .btn-hero{width:160px;height:48px;font-size:17px}.hero-nav{width:32px;height:32px}.hero-nav svg{width:13px;height:13px}.hero-nav.prev{left:8px}.hero-nav.next{right:8px}.hero-dots{bottom:12px;gap:8px}}.wrap{max-width:1920px;margin:0 auto;padding:0 17px}.products{padding:clamp(20px,2.4vw,46px) 0 6px}.prod-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,.9vw,14px);margin-bottom:14px}.prod-card{position:relative;aspect-ratio:934/425;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:clamp(18px,1.8vw,30px)}.prod-card img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.prod-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#000c 10%,#0000 46%);pointer-events:none}.prod-info{position:absolute;top:clamp(12px,7.5%,30px);left:50%;transform:translate(-50%);width:100%;z-index:2;padding:0 clamp(14px,2vw,30px);display:flex;flex-direction:column;align-items:center;text-align:center}.prod-info .name{font-size:clamp(18px,1.5vw,26px);font-weight:700;line-height:1.1}.prod-info .desc{font-size:clamp(12px,.9vw,15px);font-weight:400;color:var(--color-text-secondary);margin:clamp(4px,.6vw,10px) 0 clamp(12px,1.3vw,20px)}.prod-card .btn-primary{border-radius:8px;gap:6px}.prod-card .btn-primary svg,.c-card .btn-primary svg,.app .btn-primary svg{width:6px;height:9px;stroke:currentColor;fill:none;stroke-width:1.5;transition:transform .2s ease}.prod-card .btn-primary:hover svg,.c-card .btn-primary:hover svg,.app .btn-primary:hover svg{transform:translate(2px)}.carousel{position:relative;padding:clamp(24px,2.6vw,48px) 0}.carousel-viewport{overflow:hidden;position:relative;padding:14px 0;touch-action:pan-y}.carousel-track{position:relative;display:flex;gap:clamp(12px,2.6vw,50px);width:max-content;will-change:transform}.c-card{position:relative;flex:0 0 clamp(280px,54vw,1038px);aspect-ratio:1.5/1;overflow:hidden;border-radius:clamp(18px,1.6vw,30px);background:var(--color-surface);border:1px solid var(--color-border)}.c-card img.c-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.c-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#000c 10%,#0000 46%);pointer-events:none}.c-card .c-info{position:absolute;top:clamp(14px,9%,34px);left:50%;transform:translate(-50%);width:100%;z-index:2;padding:0 clamp(12px,1.5vw,22px);display:flex;flex-direction:column;align-items:center;text-align:center}.c-card .c-name{font-size:clamp(17px,1.6vw,30px);font-weight:700}.c-card .c-desc{font-size:clamp(12px,1vw,18px);color:var(--color-text-secondary);margin:4px 0 clamp(10px,1.1vw,16px)}.c-card .btn-primary{border-radius:9px;font-size:clamp(13px,.9vw,16px);padding:9px 18px;gap:6px}.c-featured .c-info{top:clamp(14px,10%,42px)}.c-featured .c-name{font-size:clamp(22px,2vw,38px);font-weight:700}.c-featured .c-desc{font-size:clamp(13px,1.05vw,20px);font-weight:500}.car-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:clamp(34px,2.6vw,44px);height:clamp(34px,2.6vw,44px);border-radius:50%;background:#141414b8;color:var(--color-text);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease}.car-nav svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}.car-nav.prev{left:clamp(10px,2vw,28px)}.car-nav.next{right:clamp(10px,2vw,28px)}.car-nav:hover{background:var(--color-accent);border-color:var(--color-accent)}.car-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:clamp(14px,1.4vw,22px)}.car-dots button{width:9px;height:9px;border-radius:50%;padding:0;cursor:pointer;background:#ffffff40;border:1px solid rgba(255,255,255,.4);transition:background .25s ease,border-color .25s ease,transform .25s ease}.car-dots button:hover{border-color:#fff}.car-dots button.active{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.3)}.categories{padding:clamp(30px,3.4vw,48px) 17px clamp(48px,6vw,84px)}.categories h2{font-size:clamp(20px,1.6vw,28px);font-weight:400;text-align:center;margin-bottom:clamp(22px,2.4vw,40px)}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,.8vw,14px);max-width:1180px;margin:0 auto}.cat-card{position:relative;height:clamp(200px,16vw,280px);border-radius:clamp(16px,1.4vw,26px);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;transition:border-color .25s ease,background .25s ease}.cat-circle{position:absolute;top:clamp(26px,2.6vw,42px);left:50%;transform:translate(-50%);width:clamp(84px,7vw,128px);aspect-ratio:1/1;border-radius:50%;background:#fff;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:background .25s ease,border-color .25s ease}.cat-circle img{height:clamp(42px,3.6vw,64px);width:auto;object-fit:contain}.cat-card .cat-icon{filter:grayscale(1) brightness(0)}.cat-name{font-size:clamp(16px,1.25vw,22px);font-weight:400;margin-bottom:5px;transition:color .25s ease}.cat-desc{font-size:clamp(11px,.8vw,14px);color:var(--color-text-secondary)}.cat-card:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.cat-card:hover .cat-circle{border-color:var(--color-accent-hover)}.cat-card:hover .cat-icon{filter:none}.brand-story{position:relative;height:100vh;height:100dvh;min-height:520px;overflow:hidden;background:var(--color-surface)}.brand-story-inner{position:relative;width:100%;height:100%}.brand-story-bg{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background-size:cover;background-position:center;will-change:width,height}.brand-story-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;z-index:2;padding:0 20px;pointer-events:none}.brand-story-line{display:block;margin:0 auto;height:auto;will-change:transform}.brand-story-zh{width:clamp(260px,42vw,700px)}.brand-story-en{width:clamp(200px,30vw,500px);margin-top:14px}.brand-story-btn{display:inline-block;margin-top:28px;pointer-events:auto;background:#fff;color:#000;border-radius:999px;padding:11px 28px;font-size:clamp(13px,1vw,16px);font-weight:500;text-decoration:none;transition:background .2s,color .2s;will-change:transform,opacity}.brand-story-btn:hover{background:var(--color-accent);color:#fff}.trust{padding:clamp(22px,3.4vw,44px) 17px clamp(34px,4.6vw,60px)}.trust-pill{max-width:1198px;margin:0 auto;background:#fff;color:#000;border:1px solid var(--color-border);border-radius:clamp(28px,4vw,80px);padding:clamp(16px,2.2vw,30px) clamp(14px,2.4vw,42px);display:flex;align-items:center}.trust-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:6px 4px}.trust-item .icon{height:40px;display:flex;align-items:flex-end;margin-bottom:4px}.trust-item .icon svg{width:clamp(30px,2.4vw,44px);height:auto}.trust-item .icon svg path{transition:fill .2s}.trust-item .t{font-size:clamp(12px,.8vw,14px);font-weight:400;transition:color .2s}.trust-item .d{font-size:clamp(9px,.6vw,11px);color:#0009;margin-top:2px}.trust-divider{flex:0 0 1px;height:29px;background:#000000d9}.trust-item:hover .icon svg path{fill:var(--color-accent)}.trust-item:hover .t{color:var(--color-accent)}.app{background:var(--color-surface);padding:clamp(40px,4vw,70px) 17px clamp(52px,5.5vw,90px);text-align:center}.app h3{font-size:clamp(19px,1.5vw,26px);font-weight:700;margin-bottom:16px}.app .zh{font-size:clamp(14px,1vw,17px);font-weight:400}.app .en{font-size:clamp(14px,1vw,17px);color:var(--color-text-secondary);margin:6px 0 22px}.app .btn-primary{border-radius:18px;padding:9px 20px;gap:6px}@media(max-width:1023px){.prod-row{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(2,1fr)}.trust-pill{flex-wrap:wrap;border-radius:clamp(22px,3.5vw,38px)}.trust-item{flex:1 1 42%}.trust-divider{display:none}}@media(max-width:640px){.prod-card{aspect-ratio:16/10}.prod-info{top:14px;padding:0 16px}.prod-info .name{font-size:20px}.prod-info .desc{font-size:13px;margin:5px 0 12px}.prod-info .btn-primary{font-size:14px;padding:8px 14px}.carousel{padding:22px 0 30px}.c-card{flex-basis:82vw;aspect-ratio:1.6/1}.c-card .c-info{top:14px;padding:0 14px}.c-card .c-name{font-size:19px}.c-card .c-desc{font-size:13px;margin:4px 0 10px}.c-card .btn-primary{font-size:14px;padding:8px 14px}.c-featured .c-name{font-size:23px}.car-nav{width:32px;height:32px}.car-nav svg{width:13px;height:13px}.car-nav.prev{left:8px}.car-nav.next{right:8px}.car-dots{margin-top:14px}.cat-grid{grid-template-columns:1fr}.cat-card{height:210px;padding:16px}.cat-circle{top:26px;width:92px}.cat-circle img{height:44px}.cat-name{font-size:18px}.cat-desc{font-size:13px}.brand-story{min-height:420px}.brand-story-zh{width:clamp(220px,74vw,700px)}.brand-story-en{width:clamp(170px,56vw,500px);margin-top:10px}.brand-story-btn{padding:10px 22px;margin-top:22px}.app{padding:46px 20px 56px}.app h3{font-size:22px}.trust{padding:30px 14px 40px}.trust-pill{flex-direction:column;padding:10px 16px}.trust-item{width:100%;flex-direction:row;justify-content:flex-start;text-align:left;gap:16px;padding:12px 6px}.trust-item .icon{height:auto;margin:0;flex:0 0 auto}.trust-item .icon svg{width:34px}.trust-item .t{font-size:14px}.trust-item .d{font-size:11px;margin-top:0}}