:root{--bg-water-start:#e0f7fa;--bg-water-end:#80deea;--primary-teal:#00796b;--primary-teal-light:#26a69a;--accent-orange:#ff6f00;--accent-orange-light:#ff8f00;--card-glass:hsla(0,0%,100%,.95);--text-dark:#333;--text-light:#666;--bg-content:#fafafa;--bg-light:#f5f5f5;--border-color:#e0e0e0;--shadow-light:0 2px 8px rgba(0,121,107,.1);--shadow-medium:0 4px 15px rgba(0,121,107,.15);--shadow-button:0 3px 10px rgba(255,111,0,.3);--shadow-card-hover:0 12px 40px rgba(0,121,107,.2);--font-primary:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-content);color:var(--text-dark);font-family:var(--font-primary);font-weight:400;line-height:1.8}a{color:inherit;text-decoration:none}img{height:auto;max-width:100%}.content{margin:0 auto;max-width:1200px;padding:32px}@media(min-width:768px){.product-layout{display:grid;grid-template-columns:1fr 1fr}}.layout-with-sidebar{display:flex;gap:24px;margin:0 auto;max-width:1600px;padding:32px}.sidebar-left,.sidebar-right{flex-shrink:0;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;position:sticky;top:100px;width:240px}.main-content{flex:1;min-width:0}@media(max-width:1400px){.layout-with-sidebar{max-width:1400px}.sidebar-left,.sidebar-right{width:200px}}@media(max-width:1200px){.layout-with-sidebar{max-width:1200px}.sidebar-left,.sidebar-right{display:none}}.hero{background:url(../assets/hero-bg/hero-home.jpg) 50%/cover no-repeat;border-radius:20px;color:#fff;margin:20px;min-height:280px;overflow:hidden;padding:100px 32px;position:relative;text-align:center}.hero:before{background:linear-gradient(135deg,#00796b99,#26a69a66);z-index:0}.hero:after,.hero:before{content:"";inset:0;position:absolute}.hero:after{animation:shimmer 4s ease-in-out infinite;background:radial-gradient(ellipse at 30% 0,hsla(0,0%,100%,.2) 0,transparent 50%);z-index:1}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.hero-title{font-size:48px;font-weight:700;letter-spacing:3px;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.hero-subtitle,.hero-title{position:relative;z-index:2}.hero-subtitle{color:#ffffffe6;font-size:20px;font-weight:500;letter-spacing:1px}.floating-nav-container{display:flex;justify-content:center;padding:28px 0;position:relative;z-index:50}.floating-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:40px;box-shadow:var(--shadow-medium);display:flex;gap:32px;justify-content:center;padding:14px 40px}.floating-nav a{border-radius:20px;color:var(--primary-teal-light);font-size:16px;font-weight:500;padding:10px 20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.floating-nav a:not(.active):before{background:#00796b26;bottom:50%;content:"";height:12px;position:absolute;right:-16px;width:1px}.floating-nav a:last-child:before{display:none}.floating-nav a:hover{background:var(--bg-water-start);color:var(--primary-teal);transform:translateY(-2px)}.floating-nav a.active{background:var(--primary-teal);box-shadow:0 2px 8px #00796b4d;color:#fff;font-weight:600}.breadcrumb{color:var(--text-light);font-size:15px;padding:16px 0}.breadcrumb a{color:var(--primary-teal);transition:color .3s ease}.breadcrumb a:hover{color:var(--primary-teal-light)}.breadcrumb span{color:var(--text-light);margin:0 10px}@media(max-width:768px){.desktop-nav,.floating-nav-container{display:none}}.category-cards{display:grid;gap:24px;grid-template-columns:repeat(5,1fr);margin-bottom:32px}.category-card{background:var(--card-glass);border-radius:20px;box-shadow:var(--shadow-medium);overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .35s cubic-bezier(.4,0,.2,1)}.category-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-10px)}.category-card[data-category=filter]{background-image:url(../assets/ai-generated/icon-filter.png)}.category-card[data-category=feed],.category-card[data-category=filter]{background-position:center 20px;background-repeat:no-repeat;background-size:60px 60px;padding-top:90px}.category-card[data-category=feed]{background-image:url(../assets/ai-generated/icon-feed.png)}.category-card[data-category=heating]{background-image:url(../assets/ai-generated/icon-heating.png)}.category-card[data-category=heating],.category-card[data-category=lighting]{background-position:center 20px;background-repeat:no-repeat;background-size:60px 60px;padding-top:90px}.category-card[data-category=lighting]{background-image:url(../assets/ai-generated/icon-lighting.png)}.category-card[data-category=accessories]{background-image:url(../assets/ai-generated/icon-accessories.png);background-position:center 20px;background-repeat:no-repeat;background-size:60px 60px;padding-top:90px}.category-card-title{color:var(--text-dark);font-size:18px;font-weight:600}.category-header{background:linear-gradient(135deg,var(--bg-water-start),var(--bg-water-end));border-radius:20px;margin-bottom:28px;padding:40px 32px;text-align:center}.category-title{color:var(--primary-teal);font-size:32px;font-weight:700}.product-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.product-card{background:var(--card-glass);border-radius:20px;box-shadow:var(--shadow-medium);overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1)}.product-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-8px) scale(1.02)}.product-card-image{background:var(--bg-water-start);height:220px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.product-card:hover .product-card-image{transform:scale(1.08)}.product-card-content{padding:20px}.product-card-title{color:var(--text-dark);font-size:17px;font-weight:600;margin-bottom:10px}.product-card-price{color:var(--accent-orange);font-size:20px;font-weight:700}.product-header{background:linear-gradient(135deg,var(--bg-water-start),var(--bg-water-end));border-radius:20px;margin-bottom:28px;padding:40px}.product-title{color:var(--text-dark);font-size:30px;font-weight:700;margin-bottom:16px}.product-price{color:var(--accent-orange);font-size:32px;font-weight:700}.product-price:before{content:"¥";font-size:22px}.product-info-section{border-left:4px solid var(--primary-teal);margin-bottom:24px;padding-left:20px}.product-info-section h3{color:var(--primary-teal);font-size:18px;font-weight:600;margin-bottom:12px}.specs-table{border-collapse:collapse;border-radius:16px;overflow:hidden;width:100%}.specs-table tr{border-bottom:1px solid rgba(0,121,107,.08)}.specs-table td:first-child{background:var(--bg-water-start);color:var(--primary-teal);font-weight:500;padding:14px 20px;width:40%}.specs-table td:last-child{background:#fff;padding:14px 20px}.features-list{list-style:none}.features-list li{border-bottom:1px solid rgba(0,121,107,.08);padding:12px 0 12px 32px;position:relative}.features-list li:before{color:var(--primary-teal);content:"✓";font-size:18px;font-weight:700;left:0;position:absolute}.buy-button{background:linear-gradient(135deg,var(--accent-orange),var(--accent-orange-light));border-radius:35px;box-shadow:var(--shadow-button);color:#fff;display:inline-block;font-size:18px;font-weight:600;padding:18px 48px;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.buy-button:hover{box-shadow:0 8px 24px #ff6f0066;transform:translateY(-3px) scale(1.05)}.buy-button-full{display:block;width:100%}.hot-badge{background:linear-gradient(135deg,#ff6f00,#ff8f00);border-radius:12px;color:#fff;font-size:12px;font-weight:600;margin-left:8px;padding:4px 12px;vertical-align:middle}.faq-section{background:var(--card-glass);border-radius:20px;box-shadow:var(--shadow-medium);margin-bottom:28px;padding:32px}.faq-category-title{border-bottom:2px solid var(--bg-water-start);color:var(--primary-teal);font-size:22px;font-weight:600;margin-bottom:24px;padding-bottom:12px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--bg-water-start);border-radius:16px;overflow:hidden}.faq-question{align-items:center;cursor:pointer;display:flex;font-weight:500;padding:16px 20px;transition:all .3s ease}.faq-question:hover{background:#00796b0d}.faq-q-icon{align-items:center;background:var(--primary-teal);border-radius:8px;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;margin-right:16px;width:32px}.faq-q-text{color:var(--text-dark);flex:1;font-size:16px}.faq-toggle{color:var(--primary-teal-light);font-size:12px;transition:transform .3s ease}.faq-answer{background:#fff;border-top:1px solid rgba(0,121,107,.1);display:none;padding:0 20px 20px}.faq-answer.active{display:block}.faq-a-icon{align-items:center;background:var(--accent-orange);border-radius:8px;color:#fff;display:inline-flex;font-weight:700;height:32px;justify-content:center;margin-right:16px;vertical-align:top;width:32px}.faq-a-text{color:var(--text-dark);display:inline;font-size:15px;line-height:1.8}.guide-container{background:var(--card-glass);border-radius:20px;box-shadow:var(--shadow-medium);padding:32px}.guide-title{color:var(--primary-teal);font-size:28px;font-weight:700}.guide-diagram{background:var(--bg-water-start);border-radius:16px;padding:32px;text-align:center}.brand-section{background:var(--card-glass);border-radius:20px;box-shadow:var(--shadow-medium);margin-bottom:28px;padding:32px}.brand-section h2{color:var(--primary-teal);font-weight:600;margin-bottom:20px}.brand-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.brand-item{background:linear-gradient(135deg,var(--bg-water-start),var(--bg-water-end));border-radius:24px;color:var(--primary-teal);font-weight:500;padding:12px 24px;transition:all .3s ease}.brand-item:hover{box-shadow:var(--shadow-light);transform:translateY(-3px) scale(1.05)}.footer{background:var(--primary-teal);color:#fff;margin-top:60px;padding:40px 32px;text-align:center}.footer a{color:#b2dfdb;transition:color .3s ease}.footer a:hover{color:#fff}.card{background:var(--card-glass);border-radius:20px;box-shadow:var(--shadow-medium);margin-bottom:20px;padding:28px}.card-title{color:var(--primary-teal);font-size:20px;font-weight:600;margin-bottom:16px}.sidebar{background:var(--card-glass);border-radius:16px;box-shadow:var(--shadow-light);padding:20px}.sidebar-title{border-bottom:2px solid var(--bg-water-start);color:var(--primary-teal);font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:12px}.sidebar-nav-item{align-items:center;border-radius:12px;color:var(--text-dark);cursor:pointer;display:flex;margin-bottom:8px;padding:10px 12px;transition:all .2s ease}.sidebar-nav-item:hover{background:var(--bg-water-start);color:var(--primary-teal)}.sidebar-nav-item.active{background:var(--primary-teal);color:#fff}.sidebar-nav-icon{font-size:18px;margin-right:10px}.sidebar-nav-text{font-size:14px}.sidebar-links{margin-top:24px}.sidebar-link-item{align-items:center;color:var(--primary-teal-light);display:flex;font-size:14px;padding:8px 12px;transition:all .2s ease}.sidebar-link-item:hover{color:var(--primary-teal)}.sidebar-faq-item{background:var(--bg-water-start);border-radius:12px;cursor:pointer;margin-bottom:12px;padding:12px;transition:all .2s ease}.sidebar-faq-item:hover{background:#00796b1a}.sidebar-faq-q{align-items:flex-start;color:var(--text-dark);display:flex;font-size:14px;font-weight:500;gap:8px}.sidebar-faq-q:before{background:var(--primary-teal);border-radius:4px;color:#fff;content:"Q";font-size:12px;font-weight:700;padding:2px 6px}.brand-hero{background:linear-gradient(135deg,var(--bg-water-start),var(--bg-water-end));border-radius:20px;margin-bottom:24px;padding:40px 32px;text-align:center}.brand-title{color:var(--primary-teal);font-size:28px;font-weight:700;margin-bottom:12px}.brand-desc{line-height:1.6}.brand-desc,.empty-state{color:var(--text-light);font-size:16px}.empty-state{padding:60px 32px;text-align:center}@media(max-width:1024px){.category-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.category-cards{gap:16px;grid-template-columns:repeat(2,1fr)}.category-card[data-category]{background-position:center 15px;background-size:50px 50px;padding:75px 16px 20px}.hero{margin:12px;min-height:200px;padding:60px 20px}.hero-title{font-size:32px;letter-spacing:1px}.hero-subtitle{font-size:16px}.floating-nav{flex-wrap:wrap;gap:16px;padding:12px 24px}.floating-nav a{font-size:14px;padding:8px 16px}.floating-nav a:before{display:none}.content{padding:20px}.product-grid{gap:20px;grid-template-columns:1fr}.buy-button{font-size:16px;padding:16px 36px}.category-header{padding:28px 20px}.category-title{font-size:26px}.faq-section{padding:24px 16px}.faq-category-title{font-size:18px}.faq-a-text,.faq-q-text{font-size:14px}.faq-a-icon,.faq-q-icon{font-size:14px;height:28px;width:28px}}@media(max-width:480px){.category-cards{grid-template-columns:1fr}.brand-list{align-items:center;flex-direction:column}.hero-title{font-size:26px}}