/* Generated from KOLESI static HTML templates. */

/* Source: 主页.html */

:root{--bg:#fdf8f5;--bg-warm:#f9f0eb;--surface:#fff;--blush:#f5e6e0;--blush-deep:#e8cfc5;--rose:#c2837a;--rose-dark:#8b4f57;--gold:#c9a96e;--gold-light:#e0cc9a;--text-primary:#2d2420;--text-body:#5a4e48;--text-muted:#a0938b;--white:#fff;--whatsapp:#25D366}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text-body);font-weight:300;line-height:1.7;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;color:var(--text-primary);font-weight:300;line-height:1.15}a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* LOGO */
.logo-img{height:42px;width:auto;object-fit:contain;display:inline-block}
.logo-footer{height:36px;filter:brightness(0) invert(1);opacity:.9}

/* NAVBAR (已修改：logo图片 + 5个导航链接 + 移动端汉堡菜单) */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 4vw;height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(253,248,245,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,169,110,.15);transition:box-shadow .3s}
.navbar.scrolled{box-shadow:0 4px 30px rgba(139,79,87,.06)}
.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}
.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}
.nav-links a{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);transition:color .3s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .4s}
.nav-links a:hover,.nav-links a.active{color:var(--rose-dark)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;padding:10px 24px;border:1px solid var(--gold);color:var(--gold);transition:all .35s}.nav-cta:hover{background:var(--gold);color:var(--white)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);transition:all .3s;transform-origin:center}
.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* MOBILE MENU */
.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:var(--white);padding:2rem;z-index:999;box-shadow:0 8px 30px rgba(0,0,0,.1);transform:translateY(-10px);opacity:0;transition:all .3s;pointer-events:none}
.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}
.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:1rem}
.mobile-menu a{font-size:.9rem;color:var(--text-body);letter-spacing:.1em;text-transform:uppercase}
.mm-cta{display:inline-block;margin-top:.5rem;padding:10px 24px;border:1px solid var(--gold);color:var(--gold);font-size:.75rem}

/* HERO */
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding-top:72px;position:relative;overflow:hidden}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding:4vw 5vw 4vw 6vw;position:relative;z-index:2}
.hero-tag{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem;opacity:0;animation:fadeUp .8s .2s forwards}
.hero-tag::before{content:'';display:inline-block;width:32px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}
.hero h1{font-size:clamp(3rem,5.5vw,5.5rem);line-height:1.05;margin-bottom:2rem;opacity:0;animation:fadeUp .9s .4s forwards}
.hero h1 em{font-style:italic;color:var(--rose);font-weight:300}
.hero h1 .gold{color:var(--gold);font-style:italic}
.hero-desc{font-size:1.05rem;max-width:460px;margin-bottom:3rem;color:var(--text-muted);opacity:0;animation:fadeUp .9s .6s forwards}
.hero-actions{display:flex;gap:1.5rem;align-items:center;opacity:0;animation:fadeUp .9s .8s forwards}
.btn-primary{display:inline-block;padding:16px 40px;background:var(--rose-dark);color:var(--white);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;transition:all .4s;position:relative;overflow:hidden;cursor:pointer;border:none;font-family:inherit}
.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gold);transition:left .45s;z-index:0}.btn-primary:hover::before{left:0}.btn-primary span{position:relative;z-index:1}
.btn-ghost{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--blush-deep);padding-bottom:4px;transition:all .3s;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit}.btn-ghost:hover{color:var(--rose-dark);border-color:var(--rose)}
.hero-right{position:relative;overflow:hidden}
.hero-image-wrap{position:absolute;inset:0;background:linear-gradient(135deg,var(--blush) 0%,var(--blush-deep) 50%,var(--rose) 100%);display:flex;align-items:center;justify-content:center}
.hero-visual{position:relative;width:75%;max-width:480px}
.hero-visual-frame{width:100%;aspect-ratio:3/4;border:1px solid rgba(255,255,255,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:rgba(255,255,255,.15);backdrop-filter:blur(10px)}
.hero-visual-frame .dress-icon{font-size:5rem;margin-bottom:1.5rem;filter:drop-shadow(0 4px 20px rgba(139,79,87,.15))}
.kolesi-hero-img{width:100%;height:100%;max-height:none;object-fit:cover;display:block}
.hero-visual-frame:has(.kolesi-hero-img){padding:0;overflow:hidden}
.hero-visual-frame:has(.kolesi-hero-img) p{display:none}
.hero-image-wrap:has(.kolesi-hero-img){align-items:stretch;justify-content:stretch;background:#f7e8e6}
.hero-right:has(.kolesi-hero-img){overflow:visible}
.hero-image-wrap:has(.kolesi-hero-img) .hero-visual{width:100%;max-width:none;height:100%}
.hero-image-wrap:has(.kolesi-hero-img) .hero-visual-frame{width:100%;height:100%;aspect-ratio:auto;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.hero-image-wrap:has(.kolesi-hero-img) .hero-float-badge{bottom:14%;left:-7%;z-index:5}
.kolesi-section-photo,.kolesi-cover-photo,.kolesi-card-photo,.kolesi-wide-photo{display:block;width:100%;height:100%;object-fit:cover}
.about-img-main,.at-img{overflow:hidden}
.about-img-main .kolesi-section-photo,.at-img .kolesi-section-photo{min-height:420px}
.video-player .kolesi-cover-photo{position:absolute;inset:0;z-index:0;opacity:.68}
.adv-panel-bg .kolesi-cover-photo{position:absolute;inset:0;z-index:0;opacity:1}
.cert-card .kolesi-card-photo,.option-card .kolesi-card-photo{height:180px;border-radius:8px;margin-bottom:1rem;background:#f3dfdc}
.kolesi-contact-photo-section{padding:0 6vw 4rem;background:var(--cream)}
.kolesi-wide-photo{max-width:1180px;height:360px;margin:0 auto;border-radius:8px;background:#f3dfdc}

.kolesi-editable-page{padding-top:72px;background:var(--cream);color:var(--text-primary);overflow:hidden}
.kolesi-editable-page .wp-block-group{box-sizing:border-box}
.kolesi-editable-page .wp-block-group__inner-container,.kolesi-editable-page>.wp-block-group{max-width:1180px;margin:0 auto}
.kolesi-editable-page .kolesi-block-hero{max-width:none;min-height:calc(100vh - 72px);display:flex;align-items:center;padding:5rem 6vw 4rem;background:linear-gradient(135deg,#fdf8f5 0%,#f7e8e6 48%,#eef6f1 100%)}
.kolesi-editable-page .kolesi-block-hero>.wp-block-group__inner-container{width:100%;max-width:1180px}
.kolesi-editable-page .kolesi-block-hero h1{font-family:var(--font-display);font-size:clamp(3rem,7vw,7rem);line-height:.92;font-weight:300;margin:0 0 1.5rem;color:var(--text-primary)}
.kolesi-editable-page h2{font-family:var(--font-display);font-size:clamp(2.4rem,4.6vw,4.8rem);line-height:1;font-weight:300;margin:0 0 1.2rem;color:var(--text-primary)}
.kolesi-editable-page h3{font-family:var(--font-display);font-size:1.5rem;font-weight:500;margin:0 0 .7rem;color:var(--text-primary)}
.kolesi-editable-page p{font-size:1rem;line-height:1.8;color:var(--text-secondary)}
.kolesi-editable-page .kolesi-lead{font-size:1.15rem;max-width:640px}
.kolesi-editable-page .kolesi-eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 1.2rem}
.kolesi-editable-page .kolesi-block-section{padding:6rem 6vw;max-width:none}
.kolesi-editable-page .kolesi-block-section>.wp-block-group__inner-container{max-width:1180px}
.kolesi-editable-page .kolesi-block-strip{max-width:none;background:var(--deep);padding:1.1rem 6vw;text-align:center}
.kolesi-editable-page .kolesi-block-strip p{margin:0;color:var(--white);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.kolesi-editable-page .kolesi-block-dark{max-width:none;background:var(--deep);color:var(--white)}
.kolesi-editable-page .kolesi-block-dark h2,.kolesi-editable-page .kolesi-block-dark h3{color:var(--white)}
.kolesi-editable-page .kolesi-block-dark p{color:rgba(255,255,255,.76)}
.kolesi-editable-page .wp-block-columns{gap:2rem;margin-bottom:0}
.kolesi-editable-page .wp-block-column{box-sizing:border-box}
.kolesi-editable-page figure{margin:0}
.kolesi-editable-page img{max-width:100%;height:auto;display:block}
.kolesi-editable-page .kolesi-editable-image img,.kolesi-editable-page .wp-block-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#f3dfdc}
.kolesi-editable-page .kolesi-block-hero .wp-block-image img{aspect-ratio:3/4;box-shadow:0 24px 70px rgba(139,79,87,.14)}
.kolesi-editable-page .kolesi-card-grid>.wp-block-column,.kolesi-editable-page .kolesi-stat-row>.wp-block-column{background:rgba(255,255,255,.72);border:1px solid rgba(201,169,110,.18);padding:1.5rem;border-radius:8px;box-shadow:0 10px 34px rgba(139,79,87,.06)}
.kolesi-editable-page .kolesi-block-dark .kolesi-card-grid>.wp-block-column{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none}
.kolesi-editable-page .wp-block-button__link{border-radius:0;padding:14px 28px;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;background:var(--rose);color:var(--white);font-family:inherit}
.kolesi-editable-page .is-style-outline .wp-block-button__link{background:transparent;color:var(--text-primary);border:1px solid rgba(139,79,87,.25)}
.kolesi-editable-page .kolesi-block-dark .is-style-outline .wp-block-button__link{color:var(--white);border-color:rgba(255,255,255,.3)}
.kolesi-editable-page .kolesi-process-list{display:grid;gap:1rem;list-style-position:inside;padding-left:0;margin:2rem 0 0}
.kolesi-editable-page .kolesi-process-list li{background:rgba(255,255,255,.76);border:1px solid rgba(201,169,110,.18);padding:1.2rem;border-radius:8px;color:var(--text-secondary)}
.kolesi-editable-page .kolesi-block-cta{text-align:center;background:linear-gradient(135deg,#8b4f57,#c9a96e);max-width:none;color:var(--white)}
.kolesi-editable-page .kolesi-block-cta h2,.kolesi-editable-page .kolesi-block-cta p{color:var(--white)}
.kolesi-editable-products{padding-bottom:2rem}
@media (max-width:768px){
  .kolesi-editable-page .kolesi-block-hero{min-height:auto;padding:4rem 5vw}
  .kolesi-editable-page .kolesi-block-section{padding:4rem 5vw}
  .kolesi-editable-page .wp-block-columns{gap:1.2rem}
}
.hero-visual-frame p{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-style:italic;color:var(--rose-dark);text-align:center}
.hero-float-badge{position:absolute;bottom:8%;left:-8%;background:var(--white);padding:1.2rem 1.5rem;box-shadow:0 8px 40px rgba(139,79,87,.1);animation:float 4s ease-in-out infinite}
.hero-float-badge .number{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--gold);font-weight:600}
.hero-float-badge .label{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}
.hero-scroll-hint{position:absolute;bottom:3rem;left:6vw;display:flex;align-items:center;gap:.8rem;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);opacity:0;animation:fadeUp .9s 1.2s forwards}
.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollPulse 2s ease-in-out infinite}

/* PROMO STRIP (已替换原"Trusted by retailers in"品牌条) */
.promo-strip{width:100%;overflow:hidden;background:var(--white);border-top:1px solid rgba(201,169,110,.15);border-bottom:1px solid rgba(201,169,110,.15);padding:1.2rem 0}
.promo-track{display:flex;gap:3.5rem;animation:promoScroll 35s linear infinite;width:max-content}
.promo-item{display:flex;align-items:center;gap:.7rem;font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:500;color:var(--text-primary);white-space:nowrap;letter-spacing:.02em}
.promo-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}
.promo-strip:hover .promo-track{animation-play-state:paused}
@keyframes promoScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* SECTION COMMON */
.section-header{text-align:center;margin-bottom:5rem}.section-header .section-tag{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;display:block}
.section-header h2{font-size:clamp(2.2rem,3.5vw,3.2rem)}.section-header h2 em{font-style:italic;color:var(--rose)}.section-header p{max-width:560px;margin:1.5rem auto 0;color:var(--text-muted);font-size:.95rem}

/* ABOUT */
.about{padding:8rem 6vw;display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;align-items:center}
.about-visual{position:relative}
.about-img-main{width:100%;aspect-ratio:4/5;background:linear-gradient(160deg,var(--blush) 0%,var(--blush-deep) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.about-img-main .pattern{width:80%;height:80%;border:1px solid rgba(201,169,110,.3);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}
.about-img-main .pattern .big-icon{font-size:4rem}
.about-img-main .pattern span{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.2rem;color:var(--rose-dark)}
.about-accent-box{position:absolute;bottom:-2rem;right:-2rem;width:45%;aspect-ratio:1;background:var(--gold);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--white)}
.about-accent-box .num{font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:600}
.about-accent-box .txt{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;margin-top:.3rem}
.about-content .section-tag{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;display:block}
.about-content .section-tag::before{content:'';display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}
.about-content h2{font-size:clamp(2.2rem,3.5vw,3.2rem);margin-bottom:2rem}
.about-content h2 em{font-style:italic;color:var(--rose)}
.about-text{margin-bottom:2.5rem;font-size:.95rem;line-height:1.9}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:2.5rem;border-top:1px solid var(--blush-deep)}
.stat-item .stat-num{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:600;color:var(--rose-dark)}
.stat-item .stat-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:.3rem}

/* FACTORY VIDEO */
.factory-video{padding:8rem 6vw;background:var(--white)}
.video-showcase{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr;gap:0;min-height:0;overflow:hidden;border:1px solid rgba(201,169,110,.15);position:relative;align-items:stretch}
.video-player{position:relative;background:linear-gradient(135deg,#3d2e2a 0%,#2d2420 40%,#1a1210 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:16/9;min-height:0;cursor:pointer}
.video-player::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(201,169,110,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(194,131,122,.06) 0%,transparent 50%)}
.video-player::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}
.video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:none}
.video-player.playing iframe{display:block}
.video-player.playing .video-play-btn,.video-player.playing .video-overlay-content{opacity:0;pointer-events:none}
.kolesi-factory-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;background:#111}
.video-player.has-local-video{cursor:auto;background:#111}
.video-player.has-local-video::before,.video-player.has-local-video::after{display:none}
.video-overlay-content{position:relative;z-index:2;text-align:center;color:var(--white)}
.video-overlay-content .factory-label{font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold-light);margin-bottom:1rem;opacity:.8}
.video-overlay-content .factory-title{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:300;color:var(--white);margin-bottom:.5rem}
.video-overlay-content .factory-sub{font-size:.85rem;color:rgba(255,255,255,.5);margin-bottom:2rem}
.video-play-btn{width:80px;height:80px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:2;transition:all .4s;backdrop-filter:blur(8px)}
.video-play-btn:hover{border-color:var(--gold);background:rgba(201,169,110,.15);transform:scale(1.08)}
.video-play-btn .play-icon{width:0;height:0;border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent var(--white);margin-left:4px}
.video-play-ring{position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(255,255,255,.15);animation:playRing 2.5s ease-out infinite}
@keyframes playRing{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.5);opacity:0}}
.video-stats{background:var(--bg);padding:1.25rem 2rem;display:flex;flex-direction:column;justify-content:space-between;gap:0;position:relative;overflow:hidden;min-height:0;height:100%;align-self:stretch}
.video-stats::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--gold),var(--rose),var(--gold))}
.vstat{display:flex;align-items:center;gap:.9rem;padding:.55rem 0;border-bottom:1px solid var(--blush);transition:all .3s;cursor:default}
.vstat:last-child{border-bottom:none}.vstat:hover{transform:translateX(6px)}
.vstat-icon{width:40px;height:40px;background:var(--white);border:1px solid var(--blush-deep);display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;transition:all .3s}
.vstat:hover .vstat-icon{border-color:var(--gold);box-shadow:0 4px 16px rgba(201,169,110,.15)}
.vstat-text .vstat-num{font-family:'Cormorant Garamond',serif;font-size:1.45rem;font-weight:600;color:var(--rose-dark);line-height:1.05}
.vstat-text .vstat-label{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:.15rem}

/* PRODUCTS */
.products{padding:8rem 6vw;background:var(--white)}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto}
.product-card{position:relative;cursor:pointer}
.product-img{width:100%;aspect-ratio:3/4;position:relative;overflow:hidden}
.product-img-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;transition:transform .6s}.product-card:hover .product-img-bg{transform:scale(1.03)}
.product-img-bg.pink{background:linear-gradient(160deg,#fce8e6 0%,#f0ccc6 100%)}
.product-img-bg.lavender{background:linear-gradient(160deg,#ede4f3 0%,#d8c8e6 100%)}
.product-img-bg.mint{background:linear-gradient(160deg,#e0f0ec 0%,#c4ddd6 100%)}
.product-img-bg .p-icon{font-size:3.5rem;transition:transform .5s}.product-card:hover .p-icon{transform:translateY(-5px)}
.product-img-bg .p-sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;color:var(--rose-dark);opacity:.7}
.product-badge{position:absolute;top:1rem;left:1rem;background:var(--gold);color:var(--white);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:5px 12px}
.product-overlay{position:absolute;inset:0;background:rgba(45,36,32,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s}.product-card:hover .product-overlay{opacity:1}
.product-overlay-btn{padding:12px 28px;background:var(--white);color:var(--text-primary);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;transform:translateY(10px);transition:transform .4s;cursor:pointer;border:none;font-family:inherit}.product-card:hover .product-overlay-btn{transform:translateY(0)}
.product-info{padding:1.5rem .5rem}.product-info h3{font-size:1.5rem;margin-bottom:.4rem}
.product-info .product-meta{font-size:.75rem;color:var(--text-muted);letter-spacing:.05em}
.product-info .product-moq{display:inline-block;margin-top:.8rem;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-light);padding:4px 10px}

/* ADVANTAGES */
.advantages{padding:8rem 6vw;background:var(--bg-warm);overflow:hidden}
.adv-visual-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:2rem}
.adv-panel:nth-child(1){grid-column:1;grid-row:1/3}
.adv-panel:nth-child(2){grid-column:2;grid-row:1}
.adv-panel:nth-child(3){grid-column:2;grid-row:2}
.adv-panel:nth-child(4){grid-column:1/3;grid-row:3}
.adv-panel{position:relative;overflow:hidden;min-height:300px;display:flex;align-items:flex-end;cursor:default;transition:transform .5s}
.adv-panel:nth-child(1){min-height:100%}.adv-panel:nth-child(4){min-height:260px;align-items:center}
.adv-panel:hover{transform:translateY(-4px)}
.adv-panel-bg{position:absolute;inset:0;transition:transform .6s}.adv-panel:hover .adv-panel-bg{transform:scale(1.04)}
.adv-panel-bg.bg-factory{background:linear-gradient(160deg,#3d2e2a 0%,#2d2420 60%,#1a1210 100%)}
.adv-panel-bg.bg-custom{background:linear-gradient(160deg,#ede4f3 0%,#d8c8e6 50%,#c2aed6 100%)}
.adv-panel-bg.bg-cert{background:linear-gradient(160deg,#e0f0ec 0%,#c4ddd6 50%,#a8cec4 100%)}
.adv-panel-bg.bg-ship{background:linear-gradient(135deg,var(--blush) 0%,var(--blush-deep) 40%,#d4b5a8 100%)}
.adv-panel-bg::before{content:'';position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.adv-panel-bg::after{display:none}
.adv-panel-bg.bg-factory::after{display:none}
.adv-panel-content{position:relative;z-index:2;padding:2.5rem}
.adv-panel:nth-child(4) .adv-panel-content{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;width:100%}
.adv-panel-icon{font-size:2.5rem;margin-bottom:1rem;display:block}
.adv-panel:nth-child(4) .adv-panel-icon{margin-bottom:0}
.adv-panel-label{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem;display:block}
.adv-panel:nth-child(1) .adv-panel-label{color:var(--gold-light)}
.adv-panel:nth-child(4) .adv-panel-label{margin-bottom:.3rem;color:#8f5f2e;font-weight:700}
.adv-panel-title{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:500;margin-bottom:.8rem;line-height:1.2}
.adv-panel:nth-child(1) .adv-panel-title{color:var(--white)}
.adv-panel:nth-child(4) .adv-panel-title{margin-bottom:0;font-size:1.5rem;color:#2f2525;font-weight:600}
.adv-panel-desc{font-size:.85rem;color:var(--text-muted);line-height:1.7;max-width:320px}
.adv-panel:nth-child(1) .adv-panel-desc{color:rgba(255,255,255,.6)}
.adv-panel:nth-child(4) .adv-panel-desc{max-width:none;color:#524846;font-weight:500}
.adv-ship-features{display:flex;gap:2rem}
.adv-ship-feat{text-align:center}
.adv-ship-feat .feat-num{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:700;color:#7b3e50;line-height:1}
.adv-ship-feat .feat-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#5b504e;font-weight:700;margin-top:.3rem}

/* PROCESS */
.process-section{padding:8rem 6vw;background:var(--white);overflow:hidden}
.process-timeline{max-width:1200px;margin:0 auto;position:relative}
.process-timeline::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background:linear-gradient(to bottom,transparent,var(--gold-light) 10%,var(--gold-light) 90%,transparent)}
.process-row{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;margin-bottom:3rem;position:relative}
.process-row:last-child{margin-bottom:0}
.process-row:nth-child(odd) .process-card{grid-column:1}.process-row:nth-child(odd) .process-connector{grid-column:2}.process-row:nth-child(odd) .process-visual{grid-column:3}
.process-row:nth-child(even) .process-visual{grid-column:1}.process-row:nth-child(even) .process-connector{grid-column:2}.process-row:nth-child(even) .process-card{grid-column:3}
.process-connector{display:flex;align-items:center;justify-content:center;z-index:2}
.process-dot{width:52px;height:52px;border:2px solid var(--gold);background:var(--white);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:600;color:var(--gold);transition:all .4s}
.process-row:hover .process-dot{background:var(--gold);color:var(--white);box-shadow:0 4px 20px rgba(201,169,110,.3)}
.process-card{padding:2rem 2.5rem;background:var(--bg);border:1px solid var(--blush);transition:all .4s;position:relative}
.process-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--gold);transition:height .4s}
.process-row:hover .process-card::before{height:100%}.process-row:hover .process-card{border-color:var(--gold-light);box-shadow:0 8px 30px rgba(201,169,110,.08)}
.process-card h3{font-size:1.5rem;margin-bottom:.6rem}.process-card p{font-size:.88rem;color:var(--text-muted);line-height:1.7}
.process-card .process-detail{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold-light);padding-bottom:3px;transition:all .3s;cursor:pointer}
.process-card .process-detail:hover{color:var(--rose-dark);border-color:var(--rose)}
.process-visual{height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.process-visual-inner{width:85%;height:85%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.8rem;transition:transform .4s;position:relative}
.process-row:hover .process-visual-inner{transform:scale(1.05)}
.process-visual-inner.vis-inquiry{background:linear-gradient(135deg,var(--blush) 0%,var(--blush-deep) 100%);border:1px solid rgba(201,169,110,.2)}
.process-visual-inner.vis-sample{background:linear-gradient(135deg,#ede4f3 0%,#d8c8e6 100%);border:1px solid rgba(194,174,214,.3)}
.process-visual-inner.vis-produce{background:linear-gradient(135deg,#e0f0ec 0%,#c4ddd6 100%);border:1px solid rgba(168,206,196,.3)}
.process-visual-inner.vis-ship{background:linear-gradient(135deg,#fdf0dc 0%,#f0dda8 100%);border:1px solid rgba(201,169,110,.3)}
.process-visual-icon{font-size:3rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}
.process-visual-text{font-family:'Cormorant Garamond',serif;font-size:1rem;font-style:italic;color:var(--rose-dark);opacity:.7}

/* TESTIMONIALS */
.testimonials{padding:8rem 6vw;background:linear-gradient(160deg,#2d2420 0%,#3d2e2a 100%);color:var(--white);position:relative;overflow:hidden}
.testimonials::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,110,.08),transparent 70%)}
.testimonials .section-header .section-tag{color:var(--gold-light)}.testimonials .section-header h2{color:var(--white)}.testimonials .section-header h2 em{color:var(--gold-light)}.testimonials .section-header p{color:rgba(255,255,255,.5)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1100px;margin:0 auto}
.testi-card{padding:2.5rem 2rem;border:1px solid rgba(201,169,110,.15);background:rgba(255,255,255,.03);transition:all .4s}.testi-card:hover{background:rgba(255,255,255,.06);border-color:rgba(201,169,110,.3)}
.testi-quote{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--gold);margin-bottom:1rem;line-height:1}
.testi-text{font-size:.9rem;line-height:1.9;color:rgba(255,255,255,.7);margin-bottom:2rem;font-style:italic}
.testi-author{display:flex;align-items:center;gap:1rem}
.testi-avatar{width:44px;height:44px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:600;color:var(--white)}
.testi-name{font-size:.85rem;color:var(--white);font-weight:400}.testi-role{font-size:.7rem;color:rgba(255,255,255,.4);margin-top:.2rem}

/* INQUIRY FORM */
.inquiry{padding:8rem 6vw;background:var(--bg)}
.inquiry-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:0;background:var(--white);border:1px solid rgba(201,169,110,.15);position:relative;overflow:hidden}
.inquiry-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),var(--rose),var(--gold))}
.inquiry-info{padding:4rem 3.5rem;background:linear-gradient(160deg,#2d2420 0%,#3d2e2a 100%);color:var(--white);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.inquiry-info::after{content:'';position:absolute;bottom:-30%;right:-30%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,110,.1),transparent 70%)}
.inquiry-info .section-tag{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold-light);margin-bottom:1.5rem}
.inquiry-info .section-tag::before{content:'';display:inline-block;width:24px;height:1px;background:var(--gold-light);vertical-align:middle;margin-right:10px}
.inquiry-info h2{font-size:clamp(2rem,2.5vw,2.6rem);color:var(--white);margin-bottom:1.5rem}.inquiry-info h2 em{font-style:italic;color:var(--gold-light)}
.inquiry-info>p{font-size:.9rem;color:rgba(255,255,255,.6);line-height:1.8;margin-bottom:3rem}
.contact-methods{display:flex;flex-direction:column;gap:1.5rem}
.contact-method{display:flex;align-items:center;gap:1rem}
.contact-method-icon{width:44px;height:44px;border:1px solid rgba(201,169,110,.25);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.contact-method-text .label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:.2rem}
.contact-method-text .value{font-size:.9rem;color:var(--white)}
.inquiry-form-wrap{padding:4rem 3.5rem}.inquiry-form-wrap>h3{font-size:1.8rem;margin-bottom:.5rem}.inquiry-form-wrap>p{font-size:.85rem;color:var(--text-muted);margin-bottom:2.5rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}
.form-group label{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.6rem}.form-group label .required{color:var(--rose)}
.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid var(--blush-deep);background:var(--bg);font-family:'DM Sans',sans-serif;font-size:.9rem;font-weight:300;color:var(--text-primary);transition:all .3s;outline:none;appearance:none;-webkit-appearance:none}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,110,.1)}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--blush-deep)}
.form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23a0938b' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.form-group textarea{resize:vertical;min-height:100px}
.form-submit-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem;flex-wrap:wrap}
.form-note{font-size:.72rem;color:var(--text-muted);max-width:280px}.form-note svg{vertical-align:middle;margin-right:4px}
.form-submit{display:inline-flex;align-items:center;gap:.8rem;padding:16px 40px;background:var(--rose-dark);color:var(--white);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;border:none;font-family:inherit;cursor:pointer;transition:all .4s;position:relative;overflow:hidden}
.form-submit::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gold);transition:left .45s;z-index:0}.form-submit:hover::before{left:0}.form-submit span,.form-submit svg{position:relative;z-index:1}
.form-success{display:none;text-align:center;padding:3rem 1rem}.form-success.show{display:block}
.form-success .check-circle{width:64px;height:64px;border:2px solid var(--gold);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem}
.form-success h3{font-size:1.8rem;margin-bottom:.8rem}.form-success h3 em{font-style:italic;color:var(--rose)}.form-success p{color:var(--text-muted);font-size:.9rem}

/* FOOTER */
.footer{padding:5rem 6vw 3rem;background:var(--text-primary);color:rgba(255,255,255,.5)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem}
.footer-brand p{font-size:.85rem;line-height:1.8;max-width:280px;margin-top:1rem}
.footer-col h4{color:var(--white);font-size:1.1rem;margin-bottom:1.5rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.8rem}.footer-col a{font-size:.82rem;transition:color .3s}.footer-col a:hover{color:var(--gold-light)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.08);font-size:.75rem;flex-wrap:wrap;gap:1rem}
.footer-socials{display:flex;gap:1.5rem}.footer-socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .3s}.footer-socials a:hover{border-color:var(--gold);color:var(--gold)}

/* WHATSAPP */
.wa-float{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;align-items:center;flex-direction:row-reverse}
.wa-btn{width:60px;height:60px;border-radius:50%;background:var(--whatsapp);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.35);cursor:pointer;transition:all .35s;position:relative;border:none}
.wa-btn:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(37,211,102,.45)}.wa-btn svg{width:30px;height:30px;fill:white}.wa-btn .wa-pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--whatsapp);animation:waPulse 2s ease-out infinite}
.wa-bubble{background:var(--white);padding:.8rem 1.2rem;border-radius:12px 12px 2px 12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-right:12px;opacity:0;transform:translateX(10px) scale(.95);transition:all .4s;pointer-events:none;white-space:nowrap}
.wa-float:hover .wa-bubble{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}
.wa-bubble p{font-size:.82rem;color:var(--text-primary);font-weight:400;line-height:1.4}.wa-bubble p strong{font-weight:500;display:block;margin-bottom:.15rem;font-size:.72rem;color:var(--text-muted);letter-spacing:.05em}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes scrollPulse{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes waPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}

/* RESPONSIVE */
@media(max-width:1024px){.hero{grid-template-columns:1fr;min-height:auto}.hero-right{height:50vh}.about{grid-template-columns:1fr;gap:3rem}.products-grid{grid-template-columns:repeat(2,1fr)}.video-showcase{grid-template-columns:1fr}.video-stats{flex-direction:row;flex-wrap:wrap;gap:1.5rem;padding:2rem}.video-stats::before{width:100%;height:3px}.vstat{border-bottom:none;border-right:1px solid var(--blush);padding-right:1.5rem;flex:1;min-width:180px}.vstat:last-child{border-right:none}.adv-visual-grid{grid-template-columns:1fr}.adv-panel:nth-child(1){grid-column:1;grid-row:auto;min-height:340px}.adv-panel:nth-child(2){grid-column:1;grid-row:auto}.adv-panel:nth-child(3){grid-column:1;grid-row:auto}.adv-panel:nth-child(4){grid-column:1;grid-row:auto}.adv-panel:nth-child(4) .adv-panel-content{grid-template-columns:1fr;text-align:center}.adv-ship-features{justify-content:center}.process-timeline::before{display:none}.process-row{grid-template-columns:1fr;gap:1rem}.process-row .process-card,.process-row .process-connector,.process-row .process-visual{grid-column:1!important}.process-connector{justify-content:flex-start}.process-visual{height:150px}.testi-grid{grid-template-columns:1fr;max-width:500px}.footer-grid{grid-template-columns:repeat(2,1fr)}.inquiry-container{grid-template-columns:1fr}.inquiry-info{padding:3rem}.inquiry-form-wrap{padding:3rem}.nav-toggle{display:flex}.nav-links,.nav-cta{display:none}.mobile-menu{display:block}}
@media(max-width:640px){.hero-left{padding:3rem 2rem}.about,.products,.advantages,.process-section,.testimonials,.inquiry,.factory-video{padding:4rem 2rem}.products-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.about-stats{grid-template-columns:1fr;gap:1.5rem}.footer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-submit-row{flex-direction:column;text-align:center}.form-note{max-width:100%}.inquiry-info,.inquiry-form-wrap{padding:2rem}.promo-item{font-size:.95rem}.promo-track{gap:2.5rem}.wa-float{bottom:1.2rem;right:1.2rem}.wa-btn{width:52px;height:52px}.wa-btn svg{width:26px;height:26px}.video-stats{flex-direction:column}.vstat{border-right:none;border-bottom:1px solid var(--blush);padding-right:0}.adv-panel{min-height:260px}.adv-ship-features{flex-direction:column;gap:1rem}}

/* Source: 产品.html */

:root{--bg:#fdf8f5;--bg-warm:#f9f0eb;--surface:#fff;--blush:#f5e6e0;--blush-deep:#e8cfc5;--rose:#c2837a;--rose-dark:#8b4f57;--gold:#c9a96e;--gold-light:#e0cc9a;--text-primary:#2d2420;--text-body:#5a4e48;--text-muted:#a0938b;--white:#fff;--whatsapp:#25D366}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text-body);font-weight:300;line-height:1.7;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;color:var(--text-primary);font-weight:300;line-height:1.15}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.logo-img{height:42px;width:auto;object-fit:contain;display:inline-block}.logo-footer{height:36px;filter:brightness(0) invert(1);opacity:.9}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 4vw;height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(253,248,245,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,169,110,.15);transition:box-shadow .3s}.navbar.scrolled{box-shadow:0 4px 30px rgba(139,79,87,.06)}.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}
.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-links a{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);transition:color .3s;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .4s}.nav-links a:hover,.nav-links a.active{color:var(--rose-dark)}.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;padding:10px 24px;border:1px solid var(--gold);color:var(--gold);transition:all .35s}.nav-cta:hover{background:var(--gold);color:var(--white)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);transition:all .3s;transform-origin:center}.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:var(--white);padding:2rem;z-index:999;box-shadow:0 8px 30px rgba(0,0,0,.1);transform:translateY(-10px);opacity:0;transition:all .3s;pointer-events:none}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.mobile-menu a{font-size:.9rem;color:var(--text-body);letter-spacing:.1em;text-transform:uppercase}.mm-cta{display:inline-block;margin-top:.5rem;padding:10px 24px;border:1px solid var(--gold);color:var(--gold);font-size:.75rem}
.btn-primary{display:inline-block;padding:16px 40px;background:var(--rose-dark);color:var(--white);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;transition:all .4s;position:relative;overflow:hidden;cursor:pointer;border:none;font-family:inherit}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gold);transition:left .45s;z-index:0}.btn-primary:hover::before{left:0}.btn-primary span{position:relative;z-index:1}
.btn-sm{display:inline-block;padding:12px 28px;border:1px solid var(--gold);color:var(--gold);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;transition:all .3s;cursor:pointer;background:none;font-family:inherit}.btn-sm:hover{background:var(--gold);color:var(--white)}
.page-hero{padding:12rem 6vw 6rem;background:linear-gradient(160deg,#2d2420 0%,#3d2e2a 60%,var(--rose-dark) 100%);position:relative;overflow:hidden;text-align:center}.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(201,169,110,.12),transparent 60%)}.page-hero .breadcrumb{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2rem;position:relative;z-index:1}.page-hero .breadcrumb a{color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.3)}.page-hero h1{font-size:clamp(3rem,5vw,4.5rem);color:var(--white);position:relative;z-index:1;margin-bottom:1rem}.page-hero h1 em{font-style:italic;color:var(--gold-light)}.page-hero p{font-size:1.05rem;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto;position:relative;z-index:1}
.section-header{text-align:center;margin-bottom:5rem}.section-header .section-tag{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;display:block}.section-header h2{font-size:clamp(2.2rem,3.5vw,3.2rem)}.section-header h2 em{font-style:italic;color:var(--rose)}.section-header p{max-width:560px;margin:1.5rem auto 0;color:var(--text-muted);font-size:.95rem}
.promo-strip{width:100%;overflow:hidden;background:var(--white);border-top:1px solid rgba(201,169,110,.15);border-bottom:1px solid rgba(201,169,110,.15);padding:1.2rem 0}.promo-track{display:flex;gap:3.5rem;animation:promoScroll 35s linear infinite;width:max-content}.promo-item{display:flex;align-items:center;gap:.7rem;font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:500;color:var(--text-primary);white-space:nowrap;letter-spacing:.02em}.promo-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}.promo-strip:hover .promo-track{animation-play-state:paused}@keyframes promoScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.cat-tabs{padding:4rem 6vw 0;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;background:var(--bg)}.cat-tab{padding:10px 24px;border:1px solid var(--blush-deep);background:none;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:all .3s;font-family:inherit}.cat-tab:hover,.cat-tab.active{border-color:var(--gold);color:var(--gold);background:rgba(201,169,110,.05)}
.catalog{padding:4rem 6vw 8rem;background:var(--bg)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto}
.p-card{position:relative;display:block;cursor:pointer}.p-card-img{width:100%;aspect-ratio:3/4;position:relative;overflow:hidden}.p-card-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.p-card:hover .p-card-bg{transform:scale(1.05)}.p-card-bg .p-icon{font-size:3.5rem;transition:transform .5s}.p-card:hover .p-card-bg .p-icon{transform:translateY(-8px)}.p-card-bg .p-sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;color:var(--rose-dark);opacity:.7;transition:opacity .3s}.p-card:hover .p-card-bg .p-sub{opacity:1}
.bg-pink{background:linear-gradient(160deg,#fce8e6,#f0ccc6)}.bg-lavender{background:linear-gradient(160deg,#ede4f3,#d8c8e6)}.bg-mint{background:linear-gradient(160deg,#e0f0ec,#c4ddd6)}.bg-peach{background:linear-gradient(160deg,#fdf0dc,#f0dda8)}.bg-blush{background:linear-gradient(160deg,var(--blush),var(--blush-deep))}.bg-sky{background:linear-gradient(160deg,#e0ecf5,#c4d6e6)}
.p-badge{position:absolute;top:1rem;left:1rem;background:var(--gold);color:var(--white);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:5px 12px;z-index:3;pointer-events:none}.p-badge.new{background:var(--rose)}
.p-overlay{position:absolute;inset:0;background:rgba(45,36,32,.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s;z-index:2}.p-card:hover .p-overlay{opacity:1}.p-overlay-btn{padding:12px 28px;background:var(--white);color:var(--text-primary);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;transform:translateY(12px);opacity:0;transition:all .35s ease .1s;display:inline-block}.p-card:hover .p-overlay-btn{transform:translateY(0);opacity:1}
.p-info{padding:1.5rem .5rem}.p-info h3{font-size:1.5rem;margin-bottom:.4rem}.p-info .p-meta{font-size:.75rem;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.8rem}.p-info .p-moq{display:inline-block;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-light);padding:4px 10px}
.features-bar{padding:6rem 6vw;background:var(--white)}.fb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1100px;margin:0 auto}.fb-item{text-align:center;padding:2rem 1rem}.fb-icon{font-size:2rem;margin-bottom:1rem;display:block}.fb-item h4{font-size:1.2rem;margin-bottom:.5rem}.fb-item p{font-size:.82rem;color:var(--text-muted);line-height:1.7}
.cta-banner{padding:6rem 6vw;background:linear-gradient(160deg,#2d2420,#3d2e2a);text-align:center;position:relative;overflow:hidden}.cta-banner::before{content:'';position:absolute;top:-40%;right:-15%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,110,.1),transparent 70%)}.cta-banner h2{color:var(--white);font-size:clamp(2rem,3vw,2.8rem);margin-bottom:1rem;position:relative;z-index:1}.cta-banner h2 em{font-style:italic;color:var(--gold-light)}.cta-banner p{color:rgba(255,255,255,.5);margin-bottom:2rem;position:relative;z-index:1}.cta-banner .btn-primary{position:relative;z-index:1}
.footer{padding:5rem 6vw 3rem;background:var(--text-primary);color:rgba(255,255,255,.5)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-brand p{font-size:.85rem;line-height:1.8;max-width:280px;margin-top:1rem}.footer-col h4{color:var(--white);font-size:1.1rem;margin-bottom:1.5rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.8rem}.footer-col a{font-size:.82rem;transition:color .3s}.footer-col a:hover{color:var(--gold-light)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.08);font-size:.75rem;flex-wrap:wrap;gap:1rem}.footer-socials{display:flex;gap:1.5rem}.footer-socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .3s}.footer-socials a:hover{border-color:var(--gold);color:var(--gold)}
.wa-float{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;align-items:center;flex-direction:row-reverse}.wa-btn{width:60px;height:60px;border-radius:50%;background:var(--whatsapp);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.35);cursor:pointer;transition:all .35s;position:relative;border:none}.wa-btn:hover{transform:scale(1.08)}.wa-btn svg{width:30px;height:30px;fill:white}.wa-btn .wa-pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--whatsapp);animation:waPulse 2s ease-out infinite}.wa-bubble{background:var(--white);padding:.8rem 1.2rem;border-radius:12px 12px 2px 12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-right:12px;opacity:0;transform:translateX(10px) scale(.95);transition:all .4s;pointer-events:none;white-space:nowrap}.wa-float:hover .wa-bubble{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.wa-bubble p{font-size:.82rem;color:var(--text-primary);font-weight:400;line-height:1.4}.wa-bubble p strong{font-weight:500;display:block;margin-bottom:.15rem;font-size:.72rem;color:var(--text-muted);letter-spacing:.05em}
@keyframes waPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}.reveal-delay-4{transition-delay:.6s}
@media(max-width:1024px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.fb-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.nav-toggle{display:flex}.nav-links,.nav-cta{display:none}.mobile-menu{display:block}}
@media(max-width:640px){.catalog-grid,.fb-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.cat-tabs{gap:.5rem}.cat-tab{padding:8px 16px;font-size:.65rem}.promo-item{font-size:.95rem}.promo-track{gap:2.5rem}.cta-banner{padding:4rem 2rem}.footer-grid{grid-template-columns:1fr}.wa-float{bottom:1.2rem;right:1.2rem}.wa-btn{width:52px;height:52px}.wa-btn svg{width:26px;height:26px}}

/* Source: 定制.html */

:root{--bg:#fdf8f5;--bg-warm:#f9f0eb;--surface:#fff;--blush:#f5e6e0;--blush-deep:#e8cfc5;--rose:#c2837a;--rose-dark:#8b4f57;--gold:#c9a96e;--gold-light:#e0cc9a;--text-primary:#2d2420;--text-body:#5a4e48;--text-muted:#a0938b;--white:#fff;--whatsapp:#25D366}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text-body);font-weight:300;line-height:1.7;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;color:var(--text-primary);font-weight:300;line-height:1.15}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.logo-img{height:42px;width:auto;object-fit:contain;display:inline-block}.logo-footer{height:36px;filter:brightness(0) invert(1);opacity:.9}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 4vw;height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(253,248,245,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,169,110,.15);transition:box-shadow .3s}.navbar.scrolled{box-shadow:0 4px 30px rgba(139,79,87,.06)}.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}
.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-links a{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);transition:color .3s;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .4s}.nav-links a:hover,.nav-links a.active{color:var(--rose-dark)}.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;padding:10px 24px;border:1px solid var(--gold);color:var(--gold);transition:all .35s}.nav-cta:hover{background:var(--gold);color:var(--white)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);transition:all .3s;transform-origin:center}.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:var(--white);padding:2rem;z-index:999;box-shadow:0 8px 30px rgba(0,0,0,.1);transform:translateY(-10px);opacity:0;transition:all .3s;pointer-events:none}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.mobile-menu a{font-size:.9rem;color:var(--text-body);letter-spacing:.1em;text-transform:uppercase}.mm-cta{display:inline-block;margin-top:.5rem;padding:10px 24px;border:1px solid var(--gold);color:var(--gold);font-size:.75rem}
.btn-primary{display:inline-block;padding:16px 40px;background:var(--rose-dark);color:var(--white);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;transition:all .4s;position:relative;overflow:hidden;cursor:pointer;border:none;font-family:inherit}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gold);transition:left .45s;z-index:0}.btn-primary:hover::before{left:0}.btn-primary span{position:relative;z-index:1}
.btn-sm{display:inline-block;padding:12px 28px;border:1px solid var(--gold);color:var(--gold);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;transition:all .3s;cursor:pointer;background:none;font-family:inherit}.btn-sm:hover{background:var(--gold);color:var(--white)}
.page-hero{padding:12rem 6vw 6rem;background:linear-gradient(160deg,#2d2420 0%,#3d2e2a 60%,var(--rose-dark) 100%);position:relative;overflow:hidden;text-align:center}.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(201,169,110,.12),transparent 60%)}.page-hero .breadcrumb{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2rem;position:relative;z-index:1}.page-hero .breadcrumb a{color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.3)}.page-hero h1{font-size:clamp(3rem,5vw,4.5rem);color:var(--white);position:relative;z-index:1;margin-bottom:1rem}.page-hero h1 em{font-style:italic;color:var(--gold-light)}.page-hero p{font-size:1.05rem;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto;position:relative;z-index:1}
.section-header{text-align:center;margin-bottom:5rem}.section-header .section-tag{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;display:block}.section-header h2{font-size:clamp(2.2rem,3.5vw,3.2rem)}.section-header h2 em{font-style:italic;color:var(--rose)}.section-header p{max-width:560px;margin:1.5rem auto 0;color:var(--text-muted);font-size:.95rem}
.promo-strip{width:100%;overflow:hidden;background:var(--white);border-top:1px solid rgba(201,169,110,.15);border-bottom:1px solid rgba(201,169,110,.15);padding:1.2rem 0}.promo-track{display:flex;gap:3.5rem;animation:promoScroll 35s linear infinite;width:max-content}.promo-item{display:flex;align-items:center;gap:.7rem;font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:500;color:var(--text-primary);white-space:nowrap;letter-spacing:.02em}.promo-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}.promo-strip:hover .promo-track{animation-play-state:paused}@keyframes promoScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.customize-options{padding:8rem 6vw;background:var(--bg)}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto}
.option-card{background:var(--white);border:1px solid var(--blush);padding:2.5rem 2rem;text-align:center;transition:all .4s;position:relative;overflow:hidden}.option-card-link{display:block;color:inherit;text-decoration:none}.option-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s}.option-card:hover::before{transform:scaleX(1)}.option-card:hover{border-color:rgba(201,169,110,.2);box-shadow:0 12px 40px rgba(139,79,87,.06);transform:translateY(-4px)}
.option-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.option-card h3{font-size:1.5rem;margin-bottom:1rem}.option-card p{font-size:.85rem;color:var(--text-muted);line-height:1.8;margin-bottom:1.5rem}
.option-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.option-tags span{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-light);padding:4px 12px}
.oem-process{padding:8rem 6vw;background:var(--white)}.process-visual-steps{max-width:1100px;margin:0 auto;position:relative}.process-visual-steps::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background:linear-gradient(to bottom,transparent,var(--gold-light) 10%,var(--gold-light) 90%,transparent)}
.pv-row{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;margin-bottom:3rem}.pv-row:last-child{margin-bottom:0}
.pv-row:nth-child(odd) .pv-card{grid-column:1}.pv-row:nth-child(odd) .pv-conn{grid-column:2}.pv-row:nth-child(odd) .pv-vis{grid-column:3}
.pv-row:nth-child(even) .pv-vis{grid-column:1}.pv-row:nth-child(even) .pv-conn{grid-column:2}.pv-row:nth-child(even) .pv-card{grid-column:3}
.pv-conn{display:flex;align-items:center;justify-content:center;z-index:2}.pv-dot{width:52px;height:52px;border:2px solid var(--gold);background:var(--white);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:600;color:var(--gold);transition:all .4s}.pv-row:hover .pv-dot{background:var(--gold);color:var(--white);box-shadow:0 4px 20px rgba(201,169,110,.3)}
.pv-card{padding:2rem 2.5rem;background:var(--bg);border:1px solid var(--blush);transition:all .4s;position:relative}.pv-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--gold);transition:height .4s}.pv-row:hover .pv-card::before{height:100%}.pv-row:hover .pv-card{border-color:var(--gold-light);box-shadow:0 8px 30px rgba(201,169,110,.08)}.pv-card h3{font-size:1.5rem;margin-bottom:.6rem}.pv-card p{font-size:.88rem;color:var(--text-muted);line-height:1.7}
.pv-vis{height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pv-vis-inner{width:85%;height:85%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.8rem;transition:transform .4s}.pv-row:hover .pv-vis-inner{transform:scale(1.05)}
.pv-vis-inner.vis-1{background:linear-gradient(135deg,var(--blush),var(--blush-deep));border:1px solid rgba(201,169,110,.2)}.pv-vis-inner.vis-2{background:linear-gradient(135deg,#ede4f3,#d8c8e6);border:1px solid rgba(194,174,214,.3)}.pv-vis-inner.vis-3{background:linear-gradient(135deg,#e0f0ec,#c4ddd6);border:1px solid rgba(168,206,196,.3)}.pv-vis-inner.vis-4{background:linear-gradient(135deg,#fdf0dc,#f0dda8);border:1px solid rgba(201,169,110,.3)}.pv-vis-inner.vis-5{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border:1px solid rgba(200,150,170,.3)}
.pv-vis-icon{font-size:3rem}.pv-vis-text{font-family:'Cormorant Garamond',serif;font-size:1rem;font-style:italic;color:var(--rose-dark);opacity:.7}
.moq-section{padding:6rem 6vw;background:var(--bg-warm)}.moq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto}
.moq-card{background:var(--white);padding:2.5rem 2rem;text-align:center;border:1px solid var(--blush);transition:all .4s}.moq-card:hover{border-color:var(--gold-light);box-shadow:0 8px 30px rgba(139,79,87,.06)}.moq-card.featured{border-color:var(--gold);position:relative}.moq-card.featured::before{content:'Popular';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--white);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:4px 16px}
.moq-card .moq-type{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.moq-card .moq-qty{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:600;color:var(--rose-dark);margin-bottom:.3rem}.moq-card .moq-unit{font-size:.75rem;color:var(--text-muted);margin-bottom:1.5rem}
.moq-card ul{list-style:none;text-align:left;margin-bottom:2rem}.moq-card li{font-size:.85rem;padding:.6rem 0;border-bottom:1px solid var(--blush);color:var(--text-body)}.moq-card li::before{content:'\2713';color:var(--gold);margin-right:.8rem;font-weight:500}
.moq-card .moq-price{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--gold);margin-bottom:1.5rem}.moq-card .btn-sm:hover,.moq-card.featured .btn-sm{background:var(--gold);color:var(--white)}
.cta-banner{padding:6rem 6vw;background:linear-gradient(160deg,#2d2420,#3d2e2a);text-align:center;position:relative;overflow:hidden}.cta-banner::before{content:'';position:absolute;top:-40%;right:-15%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,110,.1),transparent 70%)}.cta-banner h2{color:var(--white);font-size:clamp(2rem,3vw,2.8rem);margin-bottom:1rem;position:relative;z-index:1}.cta-banner h2 em{font-style:italic;color:var(--gold-light)}.cta-banner p{color:rgba(255,255,255,.5);margin-bottom:2rem;position:relative;z-index:1}.cta-banner .btn-primary{position:relative;z-index:1}
.footer{padding:5rem 6vw 3rem;background:var(--text-primary);color:rgba(255,255,255,.5)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-brand p{font-size:.85rem;line-height:1.8;max-width:280px;margin-top:1rem}.footer-col h4{color:var(--white);font-size:1.1rem;margin-bottom:1.5rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.8rem}.footer-col a{font-size:.82rem;transition:color .3s}.footer-col a:hover{color:var(--gold-light)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.08);font-size:.75rem;flex-wrap:wrap;gap:1rem}.footer-socials{display:flex;gap:1.5rem}.footer-socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .3s}.footer-socials a:hover{border-color:var(--gold);color:var(--gold)}
.wa-float{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;align-items:center;flex-direction:row-reverse}.wa-btn{width:60px;height:60px;border-radius:50%;background:var(--whatsapp);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.35);cursor:pointer;transition:all .35s;position:relative;border:none}.wa-btn:hover{transform:scale(1.08)}.wa-btn svg{width:30px;height:30px;fill:white}.wa-btn .wa-pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--whatsapp);animation:waPulse 2s ease-out infinite}.wa-bubble{background:var(--white);padding:.8rem 1.2rem;border-radius:12px 12px 2px 12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-right:12px;opacity:0;transform:translateX(10px) scale(.95);transition:all .4s;pointer-events:none;white-space:nowrap}.wa-float:hover .wa-bubble{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.wa-bubble p{font-size:.82rem;color:var(--text-primary);font-weight:400;line-height:1.4}.wa-bubble p strong{font-weight:500;display:block;margin-bottom:.15rem;font-size:.72rem;color:var(--text-muted);letter-spacing:.05em}
@keyframes waPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}
@media(max-width:1024px){.options-grid{grid-template-columns:repeat(2,1fr)}.pv-row{grid-template-columns:1fr;gap:1rem}.pv-row .pv-card,.pv-row .pv-conn,.pv-row .pv-vis{grid-column:1!important}.pv-conn{justify-content:flex-start}.pv-vis{height:150px}.process-visual-steps::before{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}.nav-toggle{display:flex}.nav-links,.nav-cta{display:none}.mobile-menu{display:block}}
@media(max-width:640px){.options-grid{grid-template-columns:1fr}.moq-grid{grid-template-columns:1fr}.promo-item{font-size:.95rem}.promo-track{gap:2.5rem}.cta-banner{padding:4rem 2rem}.footer-grid{grid-template-columns:1fr}.wa-float{bottom:1.2rem;right:1.2rem}.wa-btn{width:52px;height:52px}.wa-btn svg{width:26px;height:26px}}

/* Source: 关于.html */

:root{--bg:#fdf8f5;--bg-warm:#f9f0eb;--surface:#fff;--blush:#f5e6e0;--blush-deep:#e8cfc5;--rose:#c2837a;--rose-dark:#8b4f57;--gold:#c9a96e;--gold-light:#e0cc9a;--text-primary:#2d2420;--text-body:#5a4e48;--text-muted:#a0938b;--white:#fff;--whatsapp:#25D366}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text-body);font-weight:300;line-height:1.7;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;color:var(--text-primary);font-weight:300;line-height:1.15}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.logo-img{height:42px;width:auto;object-fit:contain;display:inline-block}.logo-footer{height:36px;filter:brightness(0) invert(1);opacity:.9}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 4vw;height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(253,248,245,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,169,110,.15);transition:box-shadow .3s}.navbar.scrolled{box-shadow:0 4px 30px rgba(139,79,87,.06)}.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}
.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-links a{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);transition:color .3s;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .4s}.nav-links a:hover,.nav-links a.active{color:var(--rose-dark)}.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;padding:10px 24px;border:1px solid var(--gold);color:var(--gold);transition:all .35s}.nav-cta:hover{background:var(--gold);color:var(--white)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);transition:all .3s;transform-origin:center}.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:var(--white);padding:2rem;z-index:999;box-shadow:0 8px 30px rgba(0,0,0,.1);transform:translateY(-10px);opacity:0;transition:all .3s;pointer-events:none}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.mobile-menu a{font-size:.9rem;color:var(--text-body);letter-spacing:.1em;text-transform:uppercase}.mm-cta{display:inline-block;margin-top:.5rem;padding:10px 24px;border:1px solid var(--gold);color:var(--gold);font-size:.75rem}
.btn-primary{display:inline-block;padding:16px 40px;background:var(--rose-dark);color:var(--white);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;transition:all .4s;position:relative;overflow:hidden;cursor:pointer;border:none;font-family:inherit}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gold);transition:left .45s;z-index:0}.btn-primary:hover::before{left:0}.btn-primary span{position:relative;z-index:1}
.btn-ghost{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--blush-deep);padding-bottom:4px;transition:all .3s;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit}.btn-ghost:hover{color:var(--rose-dark);border-color:var(--rose)}
.page-hero{padding:12rem 6vw 6rem;background:linear-gradient(160deg,#2d2420 0%,#3d2e2a 60%,var(--rose-dark) 100%);position:relative;overflow:hidden;text-align:center}.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(201,169,110,.12),transparent 60%)}.page-hero .breadcrumb{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2rem;position:relative;z-index:1}.page-hero .breadcrumb a{color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.3)}.page-hero h1{font-size:clamp(3rem,5vw,4.5rem);color:var(--white);position:relative;z-index:1;margin-bottom:1rem}.page-hero h1 em{font-style:italic;color:var(--gold-light)}.page-hero p{font-size:1.05rem;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto;position:relative;z-index:1}
.section-header{text-align:center;margin-bottom:5rem}.section-header .section-tag{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;display:block}.section-header h2{font-size:clamp(2.2rem,3.5vw,3.2rem)}.section-header h2 em{font-style:italic;color:var(--rose)}.section-header p{max-width:560px;margin:1.5rem auto 0;color:var(--text-muted);font-size:.95rem}
.promo-strip{width:100%;overflow:hidden;background:var(--white);border-top:1px solid rgba(201,169,110,.15);border-bottom:1px solid rgba(201,169,110,.15);padding:1.2rem 0}.promo-track{display:flex;gap:3.5rem;animation:promoScroll 35s linear infinite;width:max-content}.promo-item{display:flex;align-items:center;gap:.7rem;font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:500;color:var(--text-primary);white-space:nowrap;letter-spacing:.02em}.promo-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}.promo-strip:hover .promo-track{animation-play-state:paused}@keyframes promoScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.about-story{padding:8rem 6vw;display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;align-items:center}
.at-visual{position:relative}.at-img{width:100%;aspect-ratio:4/5;background:linear-gradient(160deg,var(--blush),var(--blush-deep));display:flex;align-items:center;justify-content:center;overflow:hidden}
.at-pattern{width:80%;height:80%;border:1px solid rgba(201,169,110,.3);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.at-pattern .big-icon{font-size:4rem}.at-pattern span{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.2rem;color:var(--rose-dark)}
.at-accent{position:absolute;bottom:-2rem;right:-2rem;width:45%;aspect-ratio:1;background:var(--gold);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--white)}.at-accent .num{font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:600}.at-accent .txt{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;margin-top:.3rem}
.at-content .section-tag{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;display:block}.at-content .section-tag::before{content:'';display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}
.at-content h2{font-size:clamp(2.2rem,3.5vw,3.2rem);margin-bottom:2rem}.at-content h2 em{font-style:italic;color:var(--rose)}
.at-text{font-size:.95rem;line-height:1.9;margin-bottom:2.5rem}
.at-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:2.5rem;border-top:1px solid var(--blush-deep);margin-bottom:2rem}.stat .sn{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:600;color:var(--rose-dark)}.stat .sl{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:.3rem}
.factory-section{padding:8rem 6vw;background:var(--white)}.video-showcase{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr;gap:0;min-height:0;overflow:hidden;border:1px solid rgba(201,169,110,.15);position:relative;align-items:stretch}
.video-player{position:relative;background:linear-gradient(135deg,#3d2e2a,#2d2420 40%,#1a1210);display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:16/9;min-height:0;cursor:pointer}
.video-player::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(201,169,110,.08),transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(194,131,122,.06),transparent 50%)}
.video-player::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}
.video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:none}.video-player.playing iframe{display:block}.video-player.playing .video-play-btn,.video-player.playing .video-overlay-content{opacity:0;pointer-events:none}
.video-overlay-content{position:relative;z-index:2;text-align:center;color:var(--white)}.video-overlay-content .factory-label{font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold-light);margin-bottom:1rem;opacity:.8}
.video-overlay-content .factory-title{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:300;color:var(--white);margin-bottom:.5rem}.video-overlay-content .factory-sub{font-size:.85rem;color:rgba(255,255,255,.5);margin-bottom:2rem}
.video-play-btn{width:80px;height:80px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:2;transition:all .4s;backdrop-filter:blur(8px)}.video-play-btn:hover{border-color:var(--gold);background:rgba(201,169,110,.15);transform:scale(1.08)}
.video-play-btn .play-icon{width:0;height:0;border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent var(--white);margin-left:4px}
.video-play-ring{position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(255,255,255,.15);animation:playRing 2.5s ease-out infinite}@keyframes playRing{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.5);opacity:0}}
.video-stats{background:var(--bg);padding:1.25rem 2rem;display:flex;flex-direction:column;justify-content:space-between;gap:0;position:relative;overflow:hidden;min-height:0;height:100%;align-self:stretch}.video-stats::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--gold),var(--rose),var(--gold))}
.vstat{display:flex;align-items:center;gap:.9rem;padding:.55rem 0;border-bottom:1px solid var(--blush);transition:all .3s;cursor:default}.vstat:last-child{border-bottom:none}.vstat:hover{transform:translateX(6px)}
.vstat-icon{width:40px;height:40px;background:var(--white);border:1px solid var(--blush-deep);display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;transition:all .3s}.vstat:hover .vstat-icon{border-color:var(--gold);box-shadow:0 4px 16px rgba(201,169,110,.15)}
.vstat-text .vstat-num{font-family:'Cormorant Garamond',serif;font-size:1.45rem;font-weight:600;color:var(--rose-dark);line-height:1.05}.vstat-text .vstat-label{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:.15rem}
.values-section{padding:8rem 6vw;background:var(--bg-warm)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;max-width:1200px;margin:0 auto}
.v-card{padding:2.5rem 2rem;background:var(--white);text-align:center;border:1px solid transparent;transition:all .4s;position:relative;overflow:hidden}.v-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s}.v-card:hover::before{transform:scaleX(1)}.v-card:hover{border-color:rgba(201,169,110,.2);box-shadow:0 12px 40px rgba(139,79,87,.06);transform:translateY(-4px)}
.v-icon{font-size:2rem;margin-bottom:1.5rem;display:block}.v-card h3{font-size:1.35rem;margin-bottom:1rem}.v-card p{font-size:.85rem;color:var(--text-muted);line-height:1.8}
.certifications{padding:8rem 6vw;background:var(--white)}.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1000px;margin:0 auto}
.cert-card{padding:2.5rem 2rem;background:var(--bg);text-align:center;border:1px solid var(--blush);transition:all .4s}.cert-card:hover{border-color:var(--gold-light);transform:translateY(-4px)}
.cert-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.cert-card h3{font-size:1.35rem;margin-bottom:.8rem}.cert-card p{font-size:.85rem;color:var(--text-muted);line-height:1.7}
.cta-banner{padding:6rem 6vw;background:linear-gradient(160deg,#2d2420,#3d2e2a);text-align:center;position:relative;overflow:hidden}.cta-banner::before{content:'';position:absolute;top:-40%;right:-15%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,110,.1),transparent 70%)}.cta-banner h2{color:var(--white);font-size:clamp(2rem,3vw,2.8rem);margin-bottom:1rem;position:relative;z-index:1}.cta-banner h2 em{font-style:italic;color:var(--gold-light)}.cta-banner p{color:rgba(255,255,255,.5);margin-bottom:2rem;position:relative;z-index:1}.cta-banner .btn-primary{position:relative;z-index:1}
.footer{padding:5rem 6vw 3rem;background:var(--text-primary);color:rgba(255,255,255,.5)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-brand p{font-size:.85rem;line-height:1.8;max-width:280px;margin-top:1rem}.footer-col h4{color:var(--white);font-size:1.1rem;margin-bottom:1.5rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.8rem}.footer-col a{font-size:.82rem;transition:color .3s}.footer-col a:hover{color:var(--gold-light)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.08);font-size:.75rem;flex-wrap:wrap;gap:1rem}.footer-socials{display:flex;gap:1.5rem}.footer-socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .3s}.footer-socials a:hover{border-color:var(--gold);color:var(--gold)}
.wa-float{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;align-items:center;flex-direction:row-reverse}.wa-btn{width:60px;height:60px;border-radius:50%;background:var(--whatsapp);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.35);cursor:pointer;transition:all .35s;position:relative;border:none}.wa-btn:hover{transform:scale(1.08)}.wa-btn svg{width:30px;height:30px;fill:white}.wa-btn .wa-pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--whatsapp);animation:waPulse 2s ease-out infinite}.wa-bubble{background:var(--white);padding:.8rem 1.2rem;border-radius:12px 12px 2px 12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-right:12px;opacity:0;transform:translateX(10px) scale(.95);transition:all .4s;pointer-events:none;white-space:nowrap}.wa-float:hover .wa-bubble{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.wa-bubble p{font-size:.82rem;color:var(--text-primary);font-weight:400;line-height:1.4}.wa-bubble p strong{font-weight:500;display:block;margin-bottom:.15rem;font-size:.72rem;color:var(--text-muted);letter-spacing:.05em}
@keyframes waPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}
@media(max-width:1024px){.about-story{grid-template-columns:1fr;gap:3rem}.video-showcase{grid-template-columns:1fr}.video-stats{flex-direction:row;flex-wrap:wrap;gap:1.5rem;padding:2rem}.video-stats::before{width:100%;height:3px}.vstat{border-bottom:none;border-right:1px solid var(--blush);padding-right:1.5rem;flex:1;min-width:180px}.vstat:last-child{border-right:none}.values-grid{grid-template-columns:repeat(2,1fr)}.cert-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.nav-toggle{display:flex}.nav-links,.nav-cta{display:none}.mobile-menu{display:block}}
@media(max-width:640px){.values-grid,.cert-grid{grid-template-columns:1fr}.at-stats{grid-template-columns:1fr;gap:1.5rem}.video-stats{flex-direction:column}.vstat{border-right:none;border-bottom:1px solid var(--blush);padding-right:0}.promo-item{font-size:.95rem}.promo-track{gap:2.5rem}.cta-banner{padding:4rem 2rem}.footer-grid{grid-template-columns:1fr}.wa-float{bottom:1.2rem;right:1.2rem}.wa-btn{width:52px;height:52px}.wa-btn svg{width:26px;height:26px}}

/* Source: 联系.html */

:root{--bg:#fdf8f5;--bg-warm:#f9f0eb;--surface:#fff;--blush:#f5e6e0;--blush-deep:#e8cfc5;--rose:#c2837a;--rose-dark:#8b4f57;--gold:#c9a96e;--gold-light:#e0cc9a;--text-primary:#2d2420;--text-body:#5a4e48;--text-muted:#a0938b;--white:#fff;--whatsapp:#25D366}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text-body);font-weight:300;line-height:1.7;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;color:var(--text-primary);font-weight:300;line-height:1.15}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.logo-img{height:42px;width:auto;object-fit:contain;display:inline-block}.logo-footer{height:36px;filter:brightness(0) invert(1);opacity:.9}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 4vw;height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(253,248,245,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,169,110,.15);transition:box-shadow .3s}.navbar.scrolled{box-shadow:0 4px 30px rgba(139,79,87,.06)}.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}
.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-links a{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);transition:color .3s;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .4s}.nav-links a:hover,.nav-links a.active{color:var(--rose-dark)}.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;padding:10px 24px;border:1px solid var(--gold);color:var(--gold);transition:all .35s}.nav-cta:hover{background:var(--gold);color:var(--white)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);transition:all .3s;transform-origin:center}.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:var(--white);padding:2rem;z-index:999;box-shadow:0 8px 30px rgba(0,0,0,.1);transform:translateY(-10px);opacity:0;transition:all .3s;pointer-events:none}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.mobile-menu a{font-size:.9rem;color:var(--text-body);letter-spacing:.1em;text-transform:uppercase}.mm-cta{display:inline-block;margin-top:.5rem;padding:10px 24px;border:1px solid var(--gold);color:var(--gold);font-size:.75rem}
.page-hero{padding:12rem 6vw 6rem;background:linear-gradient(160deg,#2d2420 0%,#3d2e2a 60%,var(--rose-dark) 100%);position:relative;overflow:hidden;text-align:center}.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(201,169,110,.12),transparent 60%)}.page-hero .breadcrumb{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2rem;position:relative;z-index:1}.page-hero .breadcrumb a{color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.3)}.page-hero h1{font-size:clamp(3rem,5vw,4.5rem);color:var(--white);position:relative;z-index:1;margin-bottom:1rem}.page-hero h1 em{font-style:italic;color:var(--gold-light)}.page-hero p{font-size:1.05rem;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto;position:relative;z-index:1}
.section-header{text-align:center;margin-bottom:5rem}.section-header .section-tag{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;display:block}.section-header h2{font-size:clamp(2.2rem,3.5vw,3.2rem)}.section-header h2 em{font-style:italic;color:var(--rose)}.section-header p{max-width:560px;margin:1.5rem auto 0;color:var(--text-muted);font-size:.95rem}
.inquiry{padding:8rem 6vw;background:var(--bg)}
.inquiry-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:0;background:var(--white);border:1px solid rgba(201,169,110,.15);position:relative;overflow:hidden}
.inquiry-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),var(--rose),var(--gold))}
.inquiry-info{padding:4rem 3.5rem;background:linear-gradient(160deg,#2d2420,#3d2e2a);color:var(--white);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.inquiry-info::after{content:'';position:absolute;bottom:-30%;right:-30%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,110,.1),transparent 70%)}
.inquiry-info .section-tag{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold-light);margin-bottom:1.5rem}.inquiry-info .section-tag::before{content:'';display:inline-block;width:24px;height:1px;background:var(--gold-light);vertical-align:middle;margin-right:10px}
.inquiry-info h2{font-size:clamp(2rem,2.5vw,2.6rem);color:var(--white);margin-bottom:1.5rem}.inquiry-info h2 em{font-style:italic;color:var(--gold-light)}
.inquiry-info>p{font-size:.9rem;color:rgba(255,255,255,.6);line-height:1.8;margin-bottom:3rem}
.contact-methods{display:flex;flex-direction:column;gap:1.5rem}
.contact-method{display:flex;align-items:center;gap:1rem}.contact-method-icon{width:44px;height:44px;border:1px solid rgba(201,169,110,.25);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.contact-method-text .label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:.2rem}.contact-method-text .value{font-size:.9rem;color:var(--white)}
.inquiry-form-wrap{padding:4rem 3.5rem}.inquiry-form-wrap>h3{font-size:1.8rem;margin-bottom:.5rem}.inquiry-form-wrap>p{font-size:.85rem;color:var(--text-muted);margin-bottom:2.5rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}
.form-group label{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.6rem}.form-group label .required{color:var(--rose)}
.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid var(--blush-deep);background:var(--bg);font-family:'DM Sans',sans-serif;font-size:.9rem;font-weight:300;color:var(--text-primary);transition:all .3s;outline:none;appearance:none;-webkit-appearance:none}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,110,.1)}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--blush-deep)}
.form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23a0938b' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.form-group textarea{resize:vertical;min-height:100px}
.form-submit-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem;flex-wrap:wrap}
.form-note{font-size:.72rem;color:var(--text-muted);max-width:280px}.form-note svg{vertical-align:middle;margin-right:4px}
.form-submit{display:inline-flex;align-items:center;gap:.8rem;padding:16px 40px;background:var(--rose-dark);color:var(--white);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;border:none;font-family:inherit;cursor:pointer;transition:all .4s;position:relative;overflow:hidden}
.form-submit::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gold);transition:left .45s;z-index:0}.form-submit:hover::before{left:0}.form-submit span,.form-submit svg{position:relative;z-index:1}
.form-success{display:none;text-align:center;padding:3rem 1rem}.form-success.show{display:block}
.form-success .check-circle{width:64px;height:64px;border:2px solid var(--gold);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem}
.form-success h3{font-size:1.8rem;margin-bottom:.8rem}.form-success h3 em{font-style:italic;color:var(--rose)}.form-success p{color:var(--text-muted);font-size:.9rem}
.faq-section{padding:6rem 6vw;background:var(--white)}.faq-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}
.faq-item{border:1px solid var(--blush);transition:all .3s}.faq-item:hover{border-color:var(--gold-light)}
.faq-q{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:1rem}.faq-q h3{font-size:1.2rem;transition:color .3s}.faq-item:hover .faq-q h3{color:var(--rose-dark)}.faq-q .faq-icon{font-size:1.5rem;color:var(--gold);transition:transform .3s;flex-shrink:0}.faq-item.open .faq-q .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;padding:0 2rem}.faq-item.open .faq-a{max-height:300px;padding:0 2rem 1.5rem}.faq-a p{font-size:.9rem;color:var(--text-muted);line-height:1.8}
.footer{padding:5rem 6vw 3rem;background:var(--text-primary);color:rgba(255,255,255,.5)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-brand p{font-size:.85rem;line-height:1.8;max-width:280px;margin-top:1rem}.footer-col h4{color:var(--white);font-size:1.1rem;margin-bottom:1.5rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.8rem}.footer-col a{font-size:.82rem;transition:color .3s}.footer-col a:hover{color:var(--gold-light)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.08);font-size:.75rem;flex-wrap:wrap;gap:1rem}.footer-socials{display:flex;gap:1.5rem}.footer-socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .3s}.footer-socials a:hover{border-color:var(--gold);color:var(--gold)}
.wa-float{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;align-items:center;flex-direction:row-reverse}.wa-btn{width:60px;height:60px;border-radius:50%;background:var(--whatsapp);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.35);cursor:pointer;transition:all .35s;position:relative;border:none}.wa-btn:hover{transform:scale(1.08)}.wa-btn svg{width:30px;height:30px;fill:white}.wa-btn .wa-pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--whatsapp);animation:waPulse 2s ease-out infinite}.wa-bubble{background:var(--white);padding:.8rem 1.2rem;border-radius:12px 12px 2px 12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-right:12px;opacity:0;transform:translateX(10px) scale(.95);transition:all .4s;pointer-events:none;white-space:nowrap}.wa-float:hover .wa-bubble{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.wa-bubble p{font-size:.82rem;color:var(--text-primary);font-weight:400;line-height:1.4}.wa-bubble p strong{font-weight:500;display:block;margin-bottom:.15rem;font-size:.72rem;color:var(--text-muted);letter-spacing:.05em}
@keyframes waPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1024px){.inquiry-container{grid-template-columns:1fr}.inquiry-info{padding:3rem}.inquiry-form-wrap{padding:3rem}.footer-grid{grid-template-columns:repeat(2,1fr)}.nav-toggle{display:flex}.nav-links,.nav-cta{display:none}.mobile-menu{display:block}}
@media(max-width:640px){.form-grid{grid-template-columns:1fr}.form-submit-row{flex-direction:column;text-align:center}.form-note{max-width:100%}.inquiry-info,.inquiry-form-wrap{padding:2rem}.cta-banner{padding:4rem 2rem}.footer-grid{grid-template-columns:1fr}.faq-q{padding:1.2rem 1.5rem}.faq-item.open .faq-a{padding:0 1.5rem 1.2rem}.wa-float{bottom:1.2rem;right:1.2rem}.wa-btn{width:52px;height:52px}.wa-btn svg{width:26px;height:26px}}


/* PRODUCT DETAIL */
.pd-hero{padding:10rem 6vw 6rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;max-width:1300px;margin:0 auto}
.pd-breadcrumb{grid-column:1/-1;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:0;padding-top:0}
.pd-breadcrumb a{color:var(--text-muted);border-bottom:1px solid var(--blush-deep)}.pd-breadcrumb a:hover{color:var(--rose-dark)}
.pd-gallery{position:relative}.pd-main-img{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden;background:var(--blush)}
.pd-main-img.has-photo{display:block}.pd-main-img .pd-photo{width:100%;height:100%;object-fit:cover;display:block}.pd-main-img .pd-icon{font-size:6rem;filter:drop-shadow(0 8px 30px rgba(139,79,87,.15))}.pd-main-img .pd-sub{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-style:italic;color:var(--rose-dark);opacity:.7}
.pd-badge{position:absolute;top:1.5rem;left:1.5rem;background:var(--gold);color:var(--white);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;padding:6px 16px;z-index:2}
.pd-thumbs{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pd-thumb{width:80px;height:100px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;border:2px solid transparent;transition:all .3s;opacity:.6;padding:0;overflow:hidden}.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pd-thumb.has-photo{background:var(--blush)}.pd-thumb:hover,.pd-thumb.active{border-color:var(--gold);opacity:1}
.pd-info{padding-top:1rem}.pd-info .pd-cat{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:block}
.pd-info h1{font-size:clamp(2.2rem,3.5vw,3rem);margin-bottom:.8rem}.pd-info .pd-subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.7}
.pd-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem;padding:2rem;background:var(--white);border:1px solid var(--blush)}
.pd-meta-item .meta-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.3rem;display:block}.pd-meta-item .meta-value{font-size:.95rem;color:var(--text-primary);font-weight:400}.pd-meta-item .meta-value.gold{color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:600}
.pd-features{margin-bottom:2.5rem}.pd-features h3{font-size:1.3rem;margin-bottom:1rem}.pd-features ul{list-style:none}.pd-features li{font-size:.88rem;padding:.5rem 0;border-bottom:1px solid var(--blush);color:var(--text-body)}.pd-features li::before{content:'✓';color:var(--gold);margin-right:.8rem;font-weight:500}
.pd-colors{margin-bottom:2.5rem}.pd-colors h3{font-size:1.3rem;margin-bottom:1rem}.color-swatches{display:flex;flex-wrap:wrap;gap:.8rem}.color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .3s;position:relative}.color-swatch:hover,.color-swatch.active{border-color:var(--gold);transform:scale(1.1)}.color-custom-note{margin-top:.85rem;font-size:.88rem;color:var(--text-body);letter-spacing:.03em}
.pd-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.pd-actions .btn-wa{display:inline-flex;align-items:center;gap:.6rem;padding:16px 32px;background:var(--whatsapp);color:var(--white);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;border:none;font-family:inherit;cursor:pointer;transition:all .4s}.pd-actions .btn-wa:hover{background:#1ebe5d;transform:translateY(-2px)}
.pd-specs{padding:6rem 6vw;background:var(--white)}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto}.specs-table{width:100%;border-collapse:collapse}.specs-table tr{border-bottom:1px solid var(--blush)}.specs-table td{padding:1rem .5rem;font-size:.88rem;vertical-align:top}.specs-table td:first-child{color:var(--text-muted);width:40%;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.specs-visual{display:flex;align-items:center;justify-content:center}.specs-visual-inner{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;font-size:4rem;overflow:hidden}.specs-visual-inner.has-photo{background:transparent}.specs-photo{width:100%;height:100%;object-fit:cover;display:block}
.pd-sizes{padding:6rem 6vw;background:var(--bg)}.size-table-wrap{max-width:800px;margin:0 auto;overflow-x:auto}.size-table{width:100%;border-collapse:collapse;min-width:500px}.size-table th,.size-table td{padding:.8rem 1rem;text-align:center;font-size:.85rem;border:1px solid var(--blush)}.size-table th{background:var(--rose-dark);color:var(--white);font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:500;letter-spacing:.05em}.size-table td{background:var(--white);color:var(--text-body)}.size-table tr:hover td{background:var(--bg-warm)}
.pd-related{padding:6rem 6vw;background:var(--white)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1000px;margin:0 auto}.rel-card{display:block;cursor:pointer}.rel-img{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.8rem;transition:transform .5s;overflow:hidden}.rel-card:hover .rel-img{transform:scale(1.03)}.rel-img .rel-icon{font-size:2.5rem;transition:transform .4s}.rel-card:hover .rel-icon{transform:translateY(-5px)}.rel-photo{width:100%;height:100%;object-fit:cover;display:block}
.rel-info{padding:1rem .5rem}.rel-info h3{font-size:1.2rem;margin-bottom:.3rem}.rel-info .rel-meta{font-size:.72rem;color:var(--text-muted);letter-spacing:.05em}
@media(max-width:1024px){.pd-hero{grid-template-columns:1fr;gap:2rem}.specs-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.pd-hero{padding:8rem 2rem 4rem}.pd-meta-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr;max-width:350px;margin:0 auto}.pd-specs,.pd-sizes,.pd-related{padding:4rem 2rem}.pd-actions{flex-direction:column;align-items:stretch}}

/* WordPress integration */
.admin-bar .navbar{top:32px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.current-menu-item>a,.current_page_item>a{color:var(--rose-dark)}
.current-menu-item>a::after,.current_page_item>a::after{width:100%}
.p-card-photo,.product-card-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}
.p-card:hover .p-card-photo,.product-card:hover .product-card-photo{transform:scale(1.05)}
.product-img-bg.has-photo,.p-card-bg.has-photo{background:var(--blush);display:block}
.kolesi-empty{max-width:760px;margin:0 auto;padding:3rem 2rem;text-align:center;background:var(--white);border:1px solid var(--blush)}
.kolesi-empty h3{font-size:1.8rem;margin-bottom:.8rem}
.kolesi-editable-note{font-size:.8rem;color:var(--text-muted);margin-top:1rem}
.wp-caption,.wp-caption-text,.gallery-caption,.bypostauthor{max-width:100%}
@media(max-width:782px){.admin-bar .navbar{top:46px}.admin-bar .mobile-menu{top:118px}}

/* Mobile polish and loading safety */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%}
.navbar,.mobile-menu{max-width:100vw}
.nav-logo{min-width:0}.logo-img{max-width:150px}
.kolesi-factory-video{display:block}

@media(max-width:768px){
  .navbar{height:64px;padding:0 1.25rem}
  .logo-img{height:34px;max-width:132px}
  .mobile-menu{top:64px;max-height:calc(100vh - 64px);overflow-y:auto;padding:1.4rem 1.5rem}
  .mobile-menu ul{gap:.85rem}
  .mobile-menu a{font-size:.82rem;letter-spacing:.08em;line-height:1.45}
  .hero{padding-top:64px}
  .hero-left{padding:3rem 1.4rem 2.5rem}
  .hero-tag,.section-header .section-tag,.about-content .section-tag,.adv-panel-label,.pd-info .pd-cat{letter-spacing:.18em}
  .hero h1{font-size:2.7rem;line-height:1.05;margin-bottom:1.4rem}
  .hero-desc{font-size:.96rem;margin-bottom:2rem}
  .hero-actions{align-items:stretch;flex-direction:column;gap:1rem;max-width:320px}
  .btn-primary,.btn-ghost,.btn-sm,.form-submit,.pd-actions .btn-wa{max-width:100%;text-align:center;white-space:normal;line-height:1.35}
  .hero-right{height:58vh;min-height:420px}
  .hero-image-wrap:has(.kolesi-hero-img) .hero-float-badge{left:1.2rem;bottom:1.2rem}
  .hero-float-badge{padding:1rem 1.1rem}
  .hero-scroll-hint{display:none}
  .page-hero{padding:8rem 1.4rem 4rem}
  .page-hero h1{font-size:2.65rem;overflow-wrap:anywhere}
  .page-hero p{font-size:.95rem}
  .section-header{margin-bottom:3rem}
  .section-header h2,.about-content h2{font-size:2.35rem;overflow-wrap:anywhere}
  .section-header p{font-size:.9rem}
  .about,.about-story,.products,.advantages,.process-section,.testimonials,.inquiry,.factory-video,.catalog,.features-bar,.values-section,.certifications,.faq-section,.pd-specs,.pd-sizes,.pd-related{padding-left:1.4rem;padding-right:1.4rem}
  .about{padding-top:4.5rem;padding-bottom:4.5rem}
  .about-img-main,.at-img{max-height:none}
  .about-accent-box,.at-accent{position:relative;right:auto;bottom:auto;margin:-3.5rem 1.25rem 0 auto;width:max-content;max-width:80%}
  .about-stats,.at-stats{grid-template-columns:1fr;gap:1.25rem}
  .video-showcase{width:100%;grid-template-columns:1fr}
  .video-player{aspect-ratio:16/9;min-height:auto}
  .video-stats{height:auto;padding:1.4rem;gap:1rem}
  .vstat{min-width:0;width:100%;padding:0 0 1rem}
  .adv-visual-grid{gap:1.25rem}
  .adv-panel{min-height:280px}
  .adv-panel-content{padding:1.7rem}
  .adv-panel:nth-child(4) .adv-panel-content{text-align:left;gap:1.2rem}
  .adv-ship-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;width:100%}
  .adv-ship-feat .feat-num{font-size:1.55rem}
  .adv-ship-feat .feat-label{font-size:.58rem;letter-spacing:.06em}
  .process-row{margin-bottom:1.5rem}
  .process-card{padding:1.4rem}
  .process-card h3{font-size:1.25rem}
  .process-visual{height:130px}
  .promo-strip{padding:.85rem 0}
  .promo-track{animation-duration:48s}
  .inquiry-info,.inquiry-form-wrap{padding:2rem 1.35rem}
  .contact-method-text .value{overflow-wrap:anywhere}
  .footer{padding:4rem 1.4rem 2rem}
  .footer-bottom{align-items:flex-start}
  .wa-float{right:1rem;bottom:1rem}
  .wa-bubble{display:none}
  .pd-hero{padding:7rem 1.4rem 4rem;gap:1.6rem}
  .pd-breadcrumb{font-size:.62rem;letter-spacing:.12em;overflow-wrap:anywhere}
  .pd-info h1{font-size:2.3rem;overflow-wrap:anywhere}
  .pd-meta-grid{padding:1.35rem;gap:1rem}
  .pd-thumbs{gap:.65rem}
  .pd-thumb{width:68px;height:86px}
  .specs-table td{display:block;width:100%!important;padding:.55rem .25rem}
  .specs-table tr{display:block;padding:.65rem 0}
  .size-table-wrap{margin-left:-.2rem;margin-right:-.2rem;padding-bottom:.5rem}
}

@media(max-width:420px){
  .hero h1{font-size:2.35rem}
  .hero-right{height:52vh;min-height:360px}
  .page-hero h1,.section-header h2,.about-content h2{font-size:2.1rem}
  .btn-primary,.form-submit,.pd-actions .btn-wa{padding:14px 24px;letter-spacing:.12em}
  .adv-ship-features{grid-template-columns:1fr}
  .color-swatches{gap:.65rem}
  .color-swatch{width:34px;height:34px}
}

@media(max-width:782px){
  .admin-bar .navbar{top:46px}
  .admin-bar .mobile-menu{top:110px;max-height:calc(100vh - 110px)}
}