:root{--color-primary:#5c3d2e;--color-primary-light:#8b6f5e;--color-primary-dark:#3e2723;--color-gold:#c5a55a;--color-gold-light:#d4bc7c;--color-white:#fff;--color-bg:#f8f6f3;--color-bg-section:#f0ece6;--color-text:#333;--color-text-light:#666;--color-text-muted:#999;--color-border:#e5ded4;--color-border-light:#f0ebe3;--font-primary:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-serif:"Songti SC", "STSong", "SimSun", serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--container-width:1200px;--container-padding:20px;--header-height:80px;--header-height-mobile:60px;--radius-sm:4px;--radius-md:8px;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);color:var(--color-text);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}#app{min-height:calc(100svh - var(--header-height))}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-gold)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{outline:none;font-family:inherit}.container{max-width:var(--container-width);padding:0 var(--container-padding);margin:0 auto}.section-title{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title .en{color:var(--color-gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:var(--spacing-sm);font-size:14px;font-weight:300}.section-title h2{font-family:var(--font-serif);color:var(--color-primary);letter-spacing:2px;font-size:28px;font-weight:600}.section-title .line{background:var(--color-gold);width:40px;height:2px;margin:var(--spacing-md) auto 0}.btn{letter-spacing:1px;border-radius:var(--radius-sm);transition:all var(--transition-normal);cursor:pointer;justify-content:center;align-items:center;padding:12px 32px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);color:var(--color-white);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-gold{background:var(--color-gold);color:var(--color-white);border:1px solid var(--color-gold)}.btn-gold:hover{background:var(--color-gold-light);color:var(--color-white);transform:translateY(-1px)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.breadcrumb{padding:var(--spacing-md) 0;color:var(--color-text-muted);font-size:13px}.breadcrumb a:hover{color:var(--color-gold)}.breadcrumb span{margin:0 var(--spacing-sm)}.page-banner{background-position:50%;background-size:cover;background-color:var(--color-primary);justify-content:center;align-items:center;height:280px;display:flex;position:relative}.page-banner:after{content:"";background:#3e272399;position:absolute;inset:0}.page-banner .page-banner-content{z-index:1;text-align:center;color:var(--color-white);position:relative}.page-banner .page-banner-content h1{font-family:var(--font-serif);letter-spacing:4px;margin-bottom:var(--spacing-sm);font-size:32px}.page-banner .page-banner-content .en{letter-spacing:3px;opacity:.7;text-transform:uppercase;font-size:14px}.sub-nav{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.sub-nav .container{justify-content:center;gap:var(--spacing-xl);display:flex}.sub-nav a{padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text-light);transition:all var(--transition-fast);border-bottom:2px solid #0000;font-size:14px;display:block}.sub-nav a:hover,.sub-nav a.active{color:var(--color-primary);border-bottom-color:var(--color-gold)}.card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card .card-img{aspect-ratio:4/3;object-fit:cover;width:100%}.card .card-body{padding:var(--spacing-lg)}.card .card-title{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:16px;font-weight:500}.card .card-desc{color:var(--color-text-light);font-size:13px;line-height:1.8}.grid-2{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}.float-tools{z-index:100;gap:var(--spacing-sm);flex-direction:column;display:flex;position:fixed;bottom:100px;right:20px}.float-tools .float-btn{background:var(--color-primary);width:50px;height:50px;color:var(--color-white);box-shadow:var(--shadow-md);transition:all var(--transition-fast);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.float-tools .float-btn:hover{background:var(--color-gold);transform:scale(1.1)}.float-tools .float-btn.back-top{opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.float-tools .float-btn.back-top.show{opacity:1;pointer-events:auto}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:14px;font-weight:500;display:block}.form-control{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);width:100%;transition:border-color var(--transition-fast);padding:12px 16px;font-size:14px}.form-control:focus{border-color:var(--color-gold)}textarea.form-control{resize:vertical;min-height:100px}.form-message{min-height:22px;margin:-4px 0 var(--spacing-md);font-size:13px;line-height:1.6}.form-message-success{color:#2f7d32}.form-message-error{color:#b42318}.btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.loading{padding:var(--spacing-3xl);justify-content:center;align-items:center;display:flex}.loading:after{content:"";border:3px solid var(--color-border);border-top-color:var(--color-gold);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){:root{--header-height:var(--header-height-mobile);--container-padding:16px}.grid-2{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.section-title h2{font-size:22px}.page-banner{height:200px}.page-banner .page-banner-content h1{font-size:24px}.sub-nav .container{flex-wrap:wrap;gap:0}.sub-nav a{padding:var(--spacing-sm) var(--spacing-md);font-size:13px}.float-tools{bottom:80px;right:12px}.float-tools .float-btn{width:44px;height:44px;font-size:18px}}@media (width<=640px){.grid-3,.grid-4{grid-template-columns:1fr}}@media (width<=480px){.btn{padding:10px 24px;font-size:13px}}.site-header{height:var(--header-height);z-index:1200;transition:all var(--transition-normal);background:#fffffffa;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.site-header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--color-border-light);box-shadow:var(--shadow-sm);background:#fffffff2}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo:hover{color:inherit}.logo-img{object-fit:contain;max-width:76px;max-height:42px;display:block}.logo-copy{flex-direction:column;align-items:flex-start;display:flex}.logo-text{font-family:var(--font-serif);color:var(--color-primary);letter-spacing:4px;font-size:22px;font-weight:700;line-height:1.2}.logo-en{color:var(--color-gold);letter-spacing:3px;text-transform:uppercase;font-size:10px;font-weight:300}.main-nav{flex:1;justify-content:center;display:flex}.nav-list{align-items:center;gap:0;display:flex}.nav-item{position:relative}.nav-link{color:var(--color-text);font-size:14px;line-height:var(--header-height);letter-spacing:1px;transition:color var(--transition-fast);white-space:nowrap;padding:0 18px;display:block}.nav-link:hover,.nav-link.active{color:var(--color-gold)}.dropdown-menu{background:var(--color-white);min-width:160px;box-shadow:var(--shadow-lg);border-radius:0 0 var(--radius-md) var(--radius-md);opacity:0;visibility:hidden;transition:all var(--transition-fast);padding:var(--spacing-sm) 0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible}.dropdown-item{color:var(--color-text-light);transition:all var(--transition-fast);white-space:nowrap;padding:10px 24px;font-size:13px;display:block}.dropdown-item:hover{color:var(--color-gold);background:var(--color-bg)}.header-phone{align-items:center;gap:var(--spacing-xs);color:var(--color-primary);white-space:nowrap;font-size:14px;font-weight:500;display:flex}.phone-icon{font-size:16px}.hamburger{z-index:1300;touch-action:manipulation;background:0 0;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;margin-right:-8px;padding:12px 8px;display:none;position:relative}.hamburger span{background:var(--color-primary);width:100%;height:2px;transition:all var(--transition-fast);display:block}.hamburger.active span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{top:var(--header-height);height:calc(100dvh - var(--header-height));background:var(--color-white);padding:var(--spacing-lg);opacity:0;visibility:hidden;pointer-events:none;transition:all var(--transition-normal);z-index:1190;box-shadow:var(--shadow-lg);-webkit-overflow-scrolling:touch;display:none;position:fixed;left:0;right:0;overflow-y:auto;transform:translateY(-8px)}.mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mobile-menu-open{overflow:hidden}.mobile-nav-item{border-bottom:1px solid var(--color-border-light)}.mobile-nav-link{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:14px 0;font-size:15px;display:flex}.mobile-nav-link .arrow{transition:transform var(--transition-fast);color:var(--color-text-muted);font-size:10px}.mobile-nav-item.open .arrow{transform:rotate(180deg)}.mobile-sub-menu{max-height:0;transition:max-height var(--transition-normal);overflow:hidden}.mobile-nav-item.open .mobile-sub-menu{max-height:500px}.mobile-sub-item{color:var(--color-text-light);padding:10px 0 10px 20px;font-size:14px;display:block}.mobile-sub-item:hover{color:var(--color-gold)}.mobile-phone{text-align:center;margin-top:var(--spacing-xl);width:100%;display:block}@media (width<=1100px){.nav-link{padding:0 12px;font-size:13px}.header-phone .phone-num,.main-nav,.header-phone{display:none}.hamburger{display:flex}.mobile-menu{display:block}}@media (width<=768px){.logo-text{letter-spacing:2px;font-size:18px}}.site-footer{background:var(--color-primary-dark);color:#fffc;padding-top:var(--spacing-3xl)}.footer-main{gap:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid #ffffff1a;grid-template-columns:1.5fr 1fr 1fr 1fr;display:grid}.footer-logo-img{object-fit:contain;max-width:150px;max-height:64px;margin-bottom:var(--spacing-md);display:block}.footer-brand .footer-logo{font-family:var(--font-serif);color:var(--color-white);letter-spacing:4px;margin-bottom:var(--spacing-xs);font-size:24px}.footer-brand .footer-logo-en{color:var(--color-gold);letter-spacing:3px;margin-bottom:var(--spacing-lg);font-size:11px}.footer-brand p{color:#fff9;font-size:13px;line-height:1.8}.footer-col h4{color:var(--color-white);margin-bottom:var(--spacing-lg);letter-spacing:1px;font-size:15px;font-weight:500}.footer-col a{color:#fff9;margin-bottom:var(--spacing-sm);transition:color var(--transition-fast);font-size:13px;display:block}.footer-col a:hover{color:var(--color-gold)}.footer-contact p{margin-bottom:var(--spacing-sm);color:#fff9;font-size:13px}.footer-contact .phone-big{color:var(--color-gold);margin:var(--spacing-md) 0;font-size:20px;font-weight:700}.footer-qrcode{margin-top:var(--spacing-md);flex-direction:column;align-items:center;gap:6px;display:inline-flex}.footer-qrcode img{object-fit:contain;background:#fff;border-radius:6px;width:92px;height:92px;padding:6px}.footer-qrcode span{color:#ffffff9e;font-size:12px}.footer-bottom{padding:var(--spacing-lg) 0;text-align:center;color:#fff6;font-size:12px}.footer-bottom a{color:#fff6}.footer-bottom a:hover{color:var(--color-gold)}@media (width<=768px){.footer-main{gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}@media (width<=480px){.site-footer{padding-top:var(--spacing-2xl)}.footer-main{gap:var(--spacing-lg);padding-bottom:var(--spacing-xl);grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-brand p{font-size:12px}.footer-col h4{margin-bottom:var(--spacing-sm)}.footer-bottom{padding:var(--spacing-md) 0}}.section{padding:var(--spacing-4xl) 0}.hero-banner{background:var(--color-primary-dark);height:clamp(620px,72vh,820px);min-height:620px;position:relative;overflow:hidden}.banner-slider{width:100%;height:100%;position:relative}.banner-slide{opacity:0;transition:opacity 1s;position:absolute;inset:0}.banner-media,.banner-media img{width:100%;height:100%;position:absolute;inset:0}.banner-media img{object-fit:cover;object-position:center}.banner-slide.active{opacity:1}.banner-overlay{background:#3e272366;position:absolute;inset:0}.banner-content{text-align:center;color:var(--color-white);z-index:1;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.banner-title{font-family:var(--font-serif);letter-spacing:6px;margin-bottom:var(--spacing-xl);text-shadow:0 2px 10px #0000004d;font-size:36px}.banner-dots{z-index:2;gap:10px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.banner-dots .dot{cursor:pointer;width:30px;height:3px;transition:all var(--transition-fast);background:#fff6}.banner-dots .dot.active{background:var(--color-gold);width:50px}.home-products{padding-top:var(--spacing-3xl)}.product-series-card{text-decoration:none;display:block}.product-series-card .card-img-wrap{overflow:hidden}.product-series-card .card-img{transition:transform var(--transition-slow)}.product-series-card:hover .card-img{transform:scale(1.05)}.product-series-card .card-link{margin-top:var(--spacing-md);color:var(--color-gold);font-size:13px;font-weight:500;display:inline-block}.home-about-inner{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.home-about-img img{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-lg)}.home-franchise{padding:var(--spacing-4xl) 0;background:var(--color-primary);background-image:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);position:relative}.franchise-overlay{opacity:.2;background:url(/uploads/products/gaoding/cover_page01.jpg) 50%/cover;position:absolute;inset:0}.news-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.news-item{gap:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all var(--transition-normal);display:flex}.news-item:hover{border-color:var(--color-gold);box-shadow:var(--shadow-sm)}.news-img{border-radius:var(--radius-sm);background:var(--color-bg);flex-shrink:0;width:200px;min-height:120px;overflow:hidden}.news-img img{object-fit:cover;width:100%;height:100%}.news-info{flex:1}.news-title{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:16px;font-weight:500;line-height:1.5}.news-summary{color:var(--color-text-light);margin-bottom:var(--spacing-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.8;display:-webkit-box;overflow:hidden}.news-more{color:var(--color-gold);font-size:13px}.franchise-float{background:var(--color-primary);color:var(--color-white);z-index:90;transition:bottom var(--transition-normal);position:fixed;bottom:-80px;left:0;right:0}.franchise-float.show{bottom:0}.franchise-float-inner{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--container-padding);letter-spacing:1px;font-size:14px;display:flex}@media (width<=1100px){.hero-banner{height:clamp(520px,68svh,700px);min-height:520px}.banner-content{width:min(88vw,620px);bottom:24%}.banner-title{letter-spacing:2px;text-wrap:balance;font-size:clamp(26px,4vw,32px);line-height:1.35}}@media (width<=768px){.hero-banner{height:min(68svh,620px);min-height:430px;max-height:620px}.home-products{padding-top:var(--spacing-2xl)}.banner-content{width:min(92vw,520px);bottom:22%}.banner-title{letter-spacing:1.5px;margin-bottom:var(--spacing-lg);text-wrap:balance;font-size:clamp(22px,5vw,28px);line-height:1.35}.banner-dots{bottom:18px}.banner-dots .dot{width:24px}.banner-dots .dot.active{width:40px}.home-about-inner{gap:var(--spacing-xl);grid-template-columns:1fr}.news-item{flex-direction:column}.news-img{width:100%;height:180px}.franchise-float-inner{gap:var(--spacing-md);font-size:12px}}@media (width<=480px){.section{padding:56px 0}.hero-banner{height:64svh;min-height:420px;max-height:560px}.banner-title{letter-spacing:1px;font-size:22px}.home-franchise{padding:56px 0}.franchise-float-inner{justify-content:space-between}}.products-layout{gap:var(--spacing-2xl);grid-template-columns:220px 1fr;align-items:start;display:grid}.products-sidebar{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--spacing-lg);top:calc(var(--header-height) + 20px);position:sticky}.sidebar-title{font-family:var(--font-serif);color:var(--color-primary);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gold);margin-bottom:var(--spacing-md);letter-spacing:2px;font-size:18px}.sidebar-nav{flex-direction:column;display:flex}.sidebar-link{color:var(--color-text-light);border-bottom:1px solid var(--color-border-light);transition:all var(--transition-fast);padding:10px 0;font-size:14px;display:block}.sidebar-link:hover{color:var(--color-gold);padding-left:8px}.product-card{cursor:pointer}.lightbox{z-index:2000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:90vw;max-height:90vh}.page-content{color:var(--color-text-light);font-size:15px;line-height:2}.page-content h3{color:var(--color-primary);margin:32px 0 16px;font-size:18px;font-weight:600}.page-content p{margin-bottom:16px}.page-content img{border-radius:var(--radius-md);margin:16px 0}.contact-item{border-bottom:1px solid var(--color-border-light);padding-bottom:20px}.contact-qrcode img{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);object-fit:contain;background:#fff;width:132px;height:132px;padding:8px;display:block}.contact-qrcode p{color:var(--color-text-muted);margin-top:10px;font-size:13px;line-height:1.7}@media (width<=768px){.products-layout{grid-template-columns:1fr}.products-sidebar{position:static}}.product-detail-layout{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.product-main-img{border-radius:var(--radius-md);background:var(--color-bg);overflow:hidden}.product-main-img img{aspect-ratio:1;object-fit:cover;width:100%}.product-thumbs{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.product-thumb{object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;opacity:.6;width:60px;height:60px;transition:all var(--transition-fast);border:2px solid #0000}.product-thumb.active,.product-thumb:hover{border-color:var(--color-gold);opacity:1}.product-name{font-family:var(--font-serif);color:var(--color-primary);letter-spacing:2px;margin-bottom:var(--spacing-md);font-size:28px}.product-category{color:var(--color-text-muted);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);font-size:14px}.product-desc{color:var(--color-text-light);margin-bottom:var(--spacing-xl);font-size:15px;line-height:2}.product-features{margin-bottom:var(--spacing-xl)}.product-features h3{color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:16px}.product-features ul{padding-left:20px}.product-features li{color:var(--color-text-light);margin-bottom:var(--spacing-sm);font-size:14px;line-height:1.8;list-style:outside}.product-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);display:flex}@media (width<=768px){.product-detail-layout{gap:var(--spacing-xl);grid-template-columns:1fr}.product-name{font-size:22px}.product-actions{flex-direction:column}.product-actions .btn{width:100%}}