*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#8B6F47;--color-primary-light:#C4A97D;--color-primary-dark:#5E4A2F;--color-accent:#D4A574;--color-bg:#FFFBF5;--color-bg-alt:#F5EDE3;--color-text:#3A3A3A;--color-text-light:#595959;--color-white:#FFFFFF;--color-border:#E8DDD0;--font-heading:"Noto Serif TC","PingFang SC","Microsoft YaHei",serif;--font-body:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;--max-width:1200px;--nav-height:72px}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.8;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:underline;transition:color .2s}a:hover{color:var(--color-primary-dark)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary-dark);line-height:1.4;font-weight:600}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.skip-nav{position:absolute;top:-100%;left:0;background:var(--color-primary);color:#fff;padding:8px 16px;z-index:1000;text-decoration:none;font-size:.875rem}.skip-nav:focus{top:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}header{position:sticky;top:0;z-index:100;background:var(--color-white);border-bottom:1px solid var(--color-border);height:var(--nav-height)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);max-width:var(--max-width);margin:0 auto;padding:0 20px}.logo{display:flex;align-items:center;text-decoration:none}.logo img{height:40px;width:auto}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:8px;color:var(--color-primary-dark)}.nav-toggle svg{width:28px;height:28px}nav ul{display:flex;gap:4px;align-items:center}nav a{text-decoration:none;color:var(--color-text);font-size:.875rem;padding:8px 10px;border-radius:4px;transition:background .2s,color .2s;white-space:nowrap}nav a:hover,nav a[aria-current=page]{background:var(--color-bg-alt);color:var(--color-primary)}.hero{position:relative;overflow:hidden;min-height:500px;aspect-ratio:1200/549}.hero-slider{display:flex;width:300%;height:100%;transition:transform .6s ease}.hero-slide{width:calc(100%/3);position:relative}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.45) 0%,rgba(0,0,0,.1) 60%);display:flex;align-items:center;padding-left:8%}.hero-content{color:#fff;max-width:560px}.hero-content h1{color:#fff;font-size:2.5rem;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-content p{font-size:1.125rem;margin-bottom:24px;text-shadow:0 1px 4px rgba(0,0,0,.3);line-height:1.7}.btn{display:inline-block;padding:12px 32px;border-radius:4px;text-decoration:none;font-size:1rem;font-weight:500;transition:background .2s,transform .1s;cursor:pointer;border:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-1px)}.btn-outline{background:0 0;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.hero-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:2}.hero-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);border:2px solid #fff;cursor:pointer;transition:background .3s}.hero-dot.active{background:#fff}section{padding:80px 0}.section-header{text-align:center;margin-bottom:48px}.section-header h2{margin-bottom:12px}.section-header p{color:var(--color-text-light);font-size:1.0625rem;max-width:640px;margin:0 auto}.section-divider{width:60px;height:3px;background:var(--color-accent);margin:16px auto 0}.features{background:var(--color-bg-alt)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;text-align:center}.feature-card{padding:24px 16px}.feature-card img{width:80px;height:80px;margin:0 auto 16px;object-fit:contain}.feature-card h3{margin-bottom:8px;font-size:1.0625rem}.feature-card p{color:var(--color-text-light);font-size:.9375rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}.product-card{background:var(--color-white);border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,6%);transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.product-card .card-body{padding:16px}.product-card h3{font-size:1rem;margin-bottom:6px}.product-card p{color:var(--color-text-light);font-size:.875rem}.award-section{background:var(--color-white)}.award-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.award-content img{border-radius:8px;width:100%;height:auto}.award-text h2{margin-bottom:16px}.award-text p{margin-bottom:16px;color:var(--color-text-light)}.cta-section{background:var(--color-primary);color:#fff;text-align:center;padding:64px 0}.cta-section h2{color:#fff;margin-bottom:16px}.cta-section p{margin-bottom:28px;font-size:1.0625rem}.cta-section .btn-primary{background:#fff;color:var(--color-primary)}.cta-section .btn-primary:hover{background:var(--color-bg-alt);color:var(--color-primary-dark)}footer{background:var(--color-primary-dark);color:rgba(255,255,255,.85);padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}.footer-brand img{height:36px;margin-bottom:12px;filter:brightness(10)}.footer-brand p{font-size:.875rem;line-height:1.7;opacity:.8}.footer-title{color:#fff;font-size:.9375rem;margin-bottom:16px;font-family:var(--font-body);font-weight:600}footer ul li{margin-bottom:8px}footer a{color:rgba(255,255,255,.8);text-decoration:underline;font-size:.875rem}footer a:hover{color:#fff}.social-links{display:flex;gap:12px;margin-top:12px}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);text-decoration:none;transition:background .2s}.social-links a:hover{background:rgba(255,255,255,.3)}.social-links svg{width:18px;height:18px;fill:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.8125rem}.footer-legal{display:flex;gap:16px;flex-wrap:wrap}.footer-legal a{opacity:.7}.footer-legal a:hover{opacity:1}.powered-by{opacity:.7}.powered-by a{color:rgba(255,255,255,.85)}.page-hero{background:var(--color-bg-alt);padding:48px 0;text-align:center;border-bottom:1px solid var(--color-border)}.page-hero h1{margin-bottom:8px}.page-hero p{color:var(--color-text-light);font-size:1.0625rem}.page-content{padding:64px 0}.lace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}.lace-card{background:var(--color-white);border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,6%);transition:transform .2s}.lace-card:hover{transform:translateY(-3px)}.lace-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.lace-card .card-body{padding:20px}.lace-card h3{font-size:1.0625rem;margin-bottom:8px}.lace-card p{color:var(--color-text-light);font-size:.875rem;line-height:1.7}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:64px}.about-story img{border-radius:8px;width:100%;height:auto}.about-story h2{margin-bottom:16px}.about-story p{margin-bottom:16px;color:var(--color-text-light);line-height:1.9}.timeline{position:relative;padding-left:32px;margin-top:48px}.timeline::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;margin-bottom:32px}.timeline-item::before{content:'';position:absolute;left:-28px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-bg)}.timeline-item h3{font-size:1.0625rem;margin-bottom:4px}.timeline-item p{color:var(--color-text-light);font-size:.9375rem}.diy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}.diy-card{background:var(--color-white);border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,6%)}.diy-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.diy-card .card-body{padding:20px}.diy-card h3{margin-bottom:8px}.diy-card p{color:var(--color-text-light);font-size:.875rem;margin-bottom:12px}.diy-card .price{font-weight:600;color:var(--color-primary);font-size:1.125rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px}.video-card{background:var(--color-white);border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,6%)}.video-card .video-embed{position:relative;padding-bottom:56.25%;height:0}.video-card .video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-card .card-body{padding:16px}.video-card h3{font-size:1rem;margin-bottom:6px}.video-card p{color:var(--color-text-light);font-size:.875rem}.media-list{display:flex;flex-direction:column;gap:24px}.media-item{display:grid;grid-template-columns:200px 1fr;gap:24px;background:var(--color-white);border-radius:8px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,6%);align-items:center}.media-item img{width:100%;border-radius:4px;aspect-ratio:16/9;object-fit:cover}.media-item h3{font-size:1.0625rem;margin-bottom:8px}.media-item p{color:var(--color-text-light);font-size:.875rem;line-height:1.7}.media-item .media-date{font-size:.8125rem;color:var(--color-primary);margin-bottom:4px;font-weight:500}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:48px}.contact-info h2{margin-bottom:24px}.contact-detail{display:flex;gap:12px;margin-bottom:20px;align-items:flex-start}.contact-detail svg{width:20px;height:20px;flex-shrink:0;fill:var(--color-primary);margin-top:4px}.contact-detail p{font-size:.9375rem}.contact-detail a{color:var(--color-primary)}.contact-form h2{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:var(--color-text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:4px;font-size:1rem;font-family:var(--font-body);transition:border-color .2s;background:var(--color-white)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(139,111,71,.15)}.form-group textarea{resize:vertical;min-height:120px}.custom-section{margin-bottom:48px}.custom-section h2{margin-bottom:16px}.custom-section p{color:var(--color-text-light);line-height:1.9;margin-bottom:16px}.custom-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin-top:32px}.custom-step{text-align:center;padding:32px 20px;background:var(--color-white);border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,6%)}.step-number{width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.25rem;font-weight:700}.custom-step h3{margin-bottom:8px}.custom-step p{color:var(--color-text-light);font-size:.875rem}.legal-content{max-width:800px;margin:0 auto;padding:48px 20px}.legal-content h1{margin-bottom:24px;font-size:1.75rem}.legal-content h2{margin-top:32px;margin-bottom:12px;font-size:1.25rem}.legal-content p{margin-bottom:16px;color:var(--color-text-light);line-height:1.9}.legal-content ul{padding-left:24px;margin-bottom:16px}.legal-content ul li{margin-bottom:8px;color:var(--color-text-light);list-style:disc;line-height:1.7}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.lang-switch{display:flex;gap:4px;align-items:center;margin-left:12px;flex-wrap:wrap}.lang-btn{background:0 0;border:1px solid var(--color-border);color:var(--color-text-light);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;font-family:inherit;transition:background .2s,color .2s,border-color .2s;line-height:1.2;min-height:28px}.lang-btn:hover{background:var(--color-bg-alt);color:var(--color-primary-dark);border-color:var(--color-primary-light)}.lang-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.lang-btn.active,.lang-btn[aria-current=true]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media(max-width:1024px){.lang-switch{margin-left:8px}.lang-btn{padding:3px 6px;font-size:.6875rem}}@media(max-width:768px){.lang-switch{margin:12px 20px;justify-content:flex-start}.lang-btn{padding:6px 10px;font-size:.875rem}}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}.award-content{grid-template-columns:1fr;gap:32px}.about-story{grid-template-columns:1fr;gap:32px}.contact-section{grid-template-columns:1fr}nav ul{gap:2px}nav a{font-size:.8125rem;padding:6px 8px}}@media(max-width:768px){:root{--nav-height:60px}h1{font-size:1.75rem}h2{font-size:1.5rem}section{padding:48px 0}.nav-toggle{display:block}nav{position:fixed;top:var(--nav-height);left:0;right:0;background:var(--color-white);border-bottom:1px solid var(--color-border);transform:translateY(-120%);transition:transform .3s ease;z-index:99;box-shadow:0 4px 12px rgba(0,0,0,8%)}nav.open{transform:translateY(0)}nav ul{flex-direction:column;padding:12px 20px;gap:0}nav a{display:block;padding:10px 0;font-size:1rem;border-bottom:1px solid var(--color-border)}nav li:last-child a{border-bottom:none}.hero{min-height:300px;aspect-ratio:auto}.hero-content h1{font-size:1.5rem}.hero-content p{font-size:.9375rem}.hero-overlay{padding-left:5%}.features-grid{grid-template-columns:repeat(2,1fr);gap:20px}.products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.lace-grid{grid-template-columns:repeat(2,1fr);gap:16px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.media-item{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr}.diy-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:1fr}.lace-grid{grid-template-columns:1fr}.diy-grid{grid-template-columns:1fr}.custom-steps{grid-template-columns:1fr}}