.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:0;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover{opacity:.9}.splide__arrow:focus{outline:0}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:0}.splide__progress__bar{background:#ccc;height:3px}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:0}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}:root{--primary-color:#038c30;--primary-dark:#026b25;--primary-light:#04a840;--accent-color:#ff6b35;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--background:#ffffff;--background-light:#f8faf9;--border-color:#e5e7eb;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.08);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.12);--shadow-xl:0 16px 48px rgba(0, 0, 0, 0.16);--transition-base:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-fast:all 0.2s ease;--border-radius:12px;--border-radius-lg:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif,'Microsoft JhengHei','PingFang TC',Arial,sans-serif;line-height:1.6;color:var(--text-primary)}body a{text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background:var(--background);box-shadow:0 2px 10px rgba(0,0,0,.1);position:fixed;width:100%;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.logo h1{color:var(--primary-color);font-size:24px}.nav-menu{display:flex;list-style:none;align-items:center}.nav-menu>li{position:relative;margin:0 10px}.nav-menu a{text-decoration:none;color:var(--text-secondary);font-weight:700;transition:color .3s ease;padding:10px 15px;display:block}.nav-menu>li>a:hover{color:var(--primary-color)}.nav-menu>li>ul{position:absolute;top:100%;left:0;background:#fff;min-width:200px;box-shadow:0 8px 16px rgba(0,0,0,.1);border-radius:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1001;padding:10px 0;list-style:none}.nav-menu>li:hover>ul{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu>li>ul>li{list-style:none}.nav-menu>li>ul>li>a{display:block;padding:12px 20px;color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;border-left:3px solid transparent}.nav-menu>li>ul>li>a:hover{color:var(--primary-color);background:var(--background-light);border-left-color:var(--primary-color)}.nav-menu>li>span{display:inline-flex;align-items:center;gap:5px}.nav-menu>li>span::after{content:'▼';font-size:10px;transition:transform .3s ease}.nav-menu>li:hover>span::after{transform:rotate(180deg)}.cart-link{font-weight:600!important;position:relative}.cart-icon-wrapper{position:relative;display:inline-block}.cart-count{position:absolute;top:-10px;right:-10px;background:var(--accent-color);color:#fff;border-radius:12px;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2);white-space:nowrap;line-height:1}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:.3s}main{margin-top:70px}.pagination-wrapper{margin-top:40px;padding:20px 0;text-align:center;border-top:1px solid var(--border-color);overflow:overlay}.pagination{display:inline-flex;align-items:center;justify-content:center;background:var(--background);border-radius:var(--border-radius-lg);padding:6px;list-style:none;margin:0 auto;padding:0;gap:8px}.pagination .page-item{display:inline-block;margin:0;position:relative;z-index:1}.pagination .page-link{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;font-family:Inter,'Microsoft JhengHei','PingFang TC',Arial,sans-serif;font-size:14px;font-weight:600;color:var(--text-secondary);text-decoration:none;border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease;background:var(--background);cursor:pointer;line-height:1}.pagination .page-link:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination .page-item.active .page-link{background:var(--primary-color);color:#fff;font-weight:700;cursor:default;border-color:var(--primary-color)}.pagination .page-item.disabled .page-link{color:var(--text-muted);background:var(--background-light);cursor:not-allowed;opacity:.6;border-color:var(--border-color)}.pagination .page-item.disabled .page-link:hover{background:var(--background-light);color:var(--text-muted);border-color:var(--border-color)}.hero{background:linear-gradient(135deg,#038c30,#05a040);color:#fff;padding:100px 0;text-align:center}.hero-content h2{font-size:48px;margin-bottom:20px;font-weight:600}.hero-content p{font-size:20px;margin-bottom:30px;opacity:.9}.cta-button{display:inline-block;background:var(--background);color:var(--primary-color);padding:15px 30px;text-decoration:none;border-radius:5px;font-weight:600;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}footer{background:#333;color:#fff;text-align:left;padding:30px 0}footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}footer p{color:#ddd;font-size:14px;line-height:1.6;margin:10px 0 5px;font-weight:500}footer .footer-left{flex:1}footer .footer-right{display:flex;align-items:center}footer .line-link{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(145deg,#00d400,#00b300,#00a000);color:#fff;text-decoration:none;border-radius:30px;font-weight:700;font-size:15px;transition:all .3s cubic-bezier(.4, 0, .2, 1);border:none;box-shadow:0 8px 25px rgba(0,195,0,.5),0 4px 10px rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,100,0,.3);position:relative;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 20px rgba(255,255,255,.3);transform:perspective(1000px) rotateX(2deg)}footer .line-link::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);border-radius:30px;opacity:0;transition:opacity .3s ease}footer .line-link:active{transform:perspective(1000px) rotateX(4deg) translateY(-2px) scale(1.02);box-shadow:0 4px 15px rgba(0,195,0,.4),inset 0 4px 8px rgba(0,0,0,.3),inset 0 -1px 0 rgba(255,255,255,.2)}footer .line-link:hover{background:linear-gradient(145deg,#00e500,#00c000,#00b000)}footer .line-link:hover::before{opacity:1}footer .line-img{width:32px;height:32px;object-fit:contain}@media (max-width:768px){footer .container{flex-direction:column;text-align:center;gap:15px}footer .footer-right{order:-1}footer .footer-left p{font-size:13px;margin:3px 0;font-weight:500}footer .line-link{font-size:13px;padding:8px 16px}footer .line-img{width:28px;height:28px}}.categories{padding:60px 0;background:var(--background-light)}.categories h2{text-align:center;font-size:36px;margin-bottom:50px;color:var(--text-primary)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1200px;margin:0 auto}.category-item{background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;height:220px;cursor:pointer;padding:0;margin:0;box-sizing:border-box}.category-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block;margin:0;padding:0}.category-item:hover img{transform:scale(1.05)}.category-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,128,0,.9),rgba(0,128,0,.7),rgba(0,128,0,0));padding:40px 20px 15px;color:#fff;text-align:center}.category-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.category-icon{display:none}.category-item h3{font-size:20px;margin-bottom:10px;color:var(--text-primary);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.category-item p{color:var(--text-secondary);margin-bottom:20px;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.category-overlay h3{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.9);margin-bottom:0;font-size:20px}.category-overlay p{color:rgba(255,255,255,.9);font-size:14px;margin:5px 0 0 0}.featured-products{padding:60px 0}.featured-products h2{text-align:center;font-size:36px;margin-bottom:50px;color:var(--text-primary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.product-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:transform .3s ease}.product-card:hover{transform:translateY(-5px)}.product-image{height:280px;overflow:hidden;position:relative;display:flex;align-items:flex-start;justify-content:center;background:#f8f9fa}.product-image img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:20px 20px 10px}.product-info h3,.product-name{font-size:18px;margin-bottom:10px;color:var(--text-primary);font-weight:600;min-height:20px}.product-description{color:var(--text-secondary);font-size:14px;margin-bottom:15px;line-height:1.4;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-height:2.8em}.product-price{font-size:22px;font-weight:600;color:var(--primary-color);margin-bottom:15px}.product-price.original{font-size:14px;color:var(--text-muted);text-decoration:line-through;margin-right:8px}.product-badge{position:absolute;top:10px;right:10px;background:var(--accent-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.product-price-wrapper{display:flex;align-items:center;margin-bottom:15px}.faq{padding:60px 0;background:var(--background-light)}.faq h2{text-align:center;font-size:36px;margin-bottom:50px;color:var(--text-primary)}.faq-content{max-width:800px;margin:0 auto}.faq-item{background:#fff;border-radius:10px;padding:30px;margin-bottom:20px;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:transform .3s ease}.faq-item:hover{transform:translateY(-2px)}.faq-item h3{color:var(--primary-color);font-size:20px;margin-bottom:15px}.faq-item p{color:var(--text-secondary);line-height:1.6;font-size:16px}.certificates{padding:60px 0;margin-bottom:50px}.certificates h2{text-align:center;font-size:36px;margin-bottom:50px;color:var(--text-primary)}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1200px;margin:0 auto}.certificate-item{background:#fff;border-radius:10px;padding:30px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:transform .3s ease}.certificate-item:hover{transform:translateY(-5px)}.certificate-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px}.certificate-item h3{font-size:20px;margin-bottom:15px;color:var(--text-primary)}.certificate-item p{color:var(--text-secondary);line-height:1.6;font-size:15px}@media (max-width:992px){.nav-menu a{padding:10px 5px}}@media (max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:linear-gradient(135deg,#f8f9fa,#e9ecef);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,.15);height:calc(100vh - 70px);overflow-y:auto;padding:20px 0;border-top:3px solid var(--primary-color)}.nav-menu.active{left:0}.nav-menu li{margin:10px 0}.nav-menu ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0;display:none}.nav-menu li:hover>ul{display:block}.hamburger{display:flex}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero-content h2{font-size:32px}.hero-content p{font-size:16px}.categories h2,.certificates h2,.contact h2,.faq h2,.featured-products h2{font-size:28px}.category-grid,.certificates-grid,.contact-info,.faq-content,.product-grid{grid-template-columns:1fr;gap:20px}.container{padding:0 15px}main{margin-top:70px}.product-image{height:250px}}@media (max-width:480px){.hero{padding:60px 0}.hero-content h2{font-size:24px}.categories,.featured-products{padding:60px 0}.categories h2,.featured-products h2{font-size:24px;margin-bottom:30px}.logo h1{font-size:20px}.nav-container{padding:0 15px}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}.toast-message{position:relative;background:#fff;border-radius:8px;padding:16px 20px;margin-bottom:12px;min-width:280px;max-width:400px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;align-items:center;pointer-events:auto;transform:translateX(400px);opacity:0;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.toast-message.show{transform:translateX(0);opacity:1}.toast-message.hide{transform:translateX(400px);opacity:0}.toast-message.success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.toast-message.error{background:linear-gradient(135deg,#f44336,#da190b);color:#fff}.toast-icon{flex-shrink:0;width:24px;height:24px;margin-right:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.toast-message.success .toast-icon{background:rgba(255,255,255,.2)}.toast-message.error .toast-icon{background:rgba(255,255,255,.2)}.toast-content{flex:1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{flex-shrink:0;width:20px;height:20px;margin-left:12px;background:rgba(255,255,255,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .2s ease}.toast-close:hover{background:rgba(255,255,255,.3)}@media (max-width:768px){.toast-container{top:15px;right:15px;left:15px;right:15px}.toast-message{min-width:auto;max-width:none;width:100%;margin-bottom:8px}}