/* theme202 - 手工面包烘焙 | 麦香金 #E8C87A + 窑炉红 #C05040 | 12px圆角温暖烘焙 */
:root{--color-primary:#C05040;--color-primary-dark:#8B3020;--color-primary-light:#FBF6F6;--color-accent:#E8C87A;--color-text-dark:#3D2D2D;--color-text:#5A4040;--color-text-muted:#8A7070;--color-text-light:#A09090;--color-bg:#FDFAFA;--color-bg-gray:#F8F2F2;--color-bg-dark:#4A2820;--color-border:#D4C0C0;--color-border-light:#E8D8D8;--radius-sm:8px;--radius-md:16px;--radius-lg:20px;--radius-full:999px;--shadow-sm:0 2px 12px rgba(196,160,160,.08);--shadow-md:0 8px 32px rgba(123,168,123,.12);--font-display:"DM Serif Display",Georgia,serif,-apple-system,sans-serif;--font-body:"DM Sans",-apple-system,"PingFang SC",sans-serif,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--transition-fast:.2s ease;--transition-base:.3s ease}
*,*::before,*::after{box-sizing:border-box}body{font-family:var(--font-body);font-size:15px;line-height:1.8;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-primary-dark);text-decoration:none}a:hover{color:var(--color-accent)}img{max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600}.skip-link{position:absolute;top:-50px;left:12px;z-index:9999;padding:10px 22px;background:var(--color-primary);color:#fff!important;border-radius:var(--radius-full);font-size:14px;font-weight:700;transition:top .2s}.skip-link:focus{top:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}
.site-header{background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 1px 0 var(--color-border-light)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.site-logo{display:inline-flex}.site-logo img{height:36px}.main-nav{border-top:1px solid var(--color-border-light)}.main-menu{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.main-menu>li>a{display:block;padding:14px 26px;color:var(--color-text);font-weight:500;font-size:14px;transition:all var(--transition-fast)}.main-menu>li>a:hover,.main-menu>li.active>a{color:var(--color-primary-dark)}.main-menu .dropdown-menu{border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:6px 0}.main-menu .dropdown-menu>li>a{padding:8px 22px;font-size:14px;color:var(--color-text)}.main-menu .dropdown-menu>li>a:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.mobile-toggle{display:none}
.hero-section{position:relative;background:linear-gradient(180deg,#4A2820 0%,#8B4030 50%,#C05040 100%);padding:110px 0 130px;text-align:center;overflow:hidden}.hero-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(123,168,123,.12) 0%,transparent 60%),radial-gradient(ellipse at 70% 40%,rgba(123,168,123,.06) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:640px;margin:0 auto}.hero-badge{display:inline-block;padding:6px 20px;background:rgba(196,160,160,.15);color:var(--color-primary);font-size:12px;font-weight:700;letter-spacing:.15em;border-radius:var(--radius-full);margin-bottom:20px;border:1px solid rgba(196,160,160,.25)}.hero-title{font-size:42px;font-weight:600;color:#fff;line-height:1.3;margin:0 0 20px}.hero-subtitle{font-size:17px;color:rgba(255,255,255,.75);margin:0 0 36px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;padding:16px 40px;background:var(--color-accent);color:#fff;font-weight:700;font-size:15px;border-radius:var(--radius-full);transition:all var(--transition-base);box-shadow:0 4px 20px rgba(156,175,136,.25)}.btn-hero-primary:hover{background:#fff;color:var(--color-accent);transform:translateY(-2px)}.btn-hero-secondary{display:inline-flex;padding:16px 40px;background:rgba(255,255,255,.08);color:#fff;font-weight:600;font-size:15px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.2);transition:all var(--transition-base)}.btn-hero-secondary:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}
.section-head{text-align:center;margin-bottom:48px}.section-label{display:block;font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--color-accent);margin-bottom:12px}.section-title{font-size:34px;font-weight:600;color:var(--color-text-dark);margin:0;font-family:var(--font-display)}.section-desc{font-size:15px;color:var(--color-text-muted);margin:10px 0 0;line-height:1.6}
.section-bread{padding:80px 0}.home-page .products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.home-page .product-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.home-page .product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.home-page .product-img{aspect-ratio:1;overflow:hidden}
.floral-gradient{width:100%;height:100%;min-height:260px;border-radius:var(--radius-sm);transition:transform .5s;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}
.br-rose{background:linear-gradient(135deg,#FDF6F6 0%,#F0D8D8 30%,#E0C0C0 60%,#C4A0A0 100%);position:relative}.br-rose::after{content:'';position:absolute;inset:20% 25%;border-radius:50%;background:radial-gradient(ellipse at 35% 40%,rgba(255,255,255,.3) 0%,transparent 60%);backface-visibility:hidden}
.br-hydrangea{background:linear-gradient(160deg,#E8E0F0 0%,#D0C8E0 30%,#B8B0D0 50%,#A098C0 70%);position:relative}.br-hydrangea::after{content:'';position:absolute;inset:15% 20%;border-radius:40% 60% 50% 50%/60% 40% 50% 50%;background:radial-gradient(ellipse at 45% 40%,rgba(255,255,255,.25) 0%,transparent 60%);backface-visibility:hidden}
.br-peony{background:linear-gradient(150deg,#FDF0F0 0%,#F8D0D0 30%,#F0B0B0 60%,#E89898 100%);position:relative}.br-peony::after{content:'';position:absolute;inset:10% 15%;border-radius:50%;background:radial-gradient(ellipse at 40% 35%,rgba(255,255,255,.35) 0%,transparent 50%);backface-visibility:hidden}
.br-tulip{background:linear-gradient(140deg,#FDF8F6 0%,#F8E8D8 30%,#F0D8C0 60%,#E8C8A8 100%);position:relative}.br-tulip::after{content:'';position:absolute;inset:15% 20%;border-radius:60% 40% 50% 50%/50% 60% 40% 50%;background:radial-gradient(ellipse at 35% 45%,rgba(255,255,255,.3) 0%,transparent 60%);backface-visibility:hidden}
.br-wild{background:linear-gradient(135deg,#F5F8F0 0%,#E0E8D0 30%,#D0D8B8 40%,#E8E8D0 60%,#D8E0C0 80%);position:relative}.br-wild::after{content:'';position:absolute;inset:10% 15%;background:radial-gradient(2px 2px at 20% 25%,rgba(156,175,136,.3) 0%,transparent 100%),radial-gradient(1px 1px at 60% 30%,rgba(196,160,160,.3) 0%,transparent 100%),radial-gradient(2px 2px at 40% 60%,rgba(156,175,136,.2) 0%,transparent 100%);backface-visibility:hidden}
.br-dried{background:linear-gradient(160deg,#F5EDE0 0%,#E8D8C0 30%,#DDC8A8 50%,#D0B890 70%);position:relative}.br-dried::after{content:'';position:absolute;inset:20% 25%;border-radius:50%;background:radial-gradient(ellipse at 45% 40%,rgba(255,255,255,.25) 0%,transparent 60%);backface-visibility:hidden}
.home-page .product-card:hover .floral-gradient{transform:translateZ(0) scale(1.05)}.home-page .product-body{padding:20px;text-align:center}.home-page .product-badge{display:inline-block;padding:3px 14px;background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:700;font-size:11px;border-radius:var(--radius-full);margin-bottom:8px}.home-page .product-body h3{font-size:20px;font-weight:600;color:var(--color-text-dark);margin:6px 0 4px;font-family:var(--font-display)}.home-page .product-body p{font-size:13px;color:var(--color-text-muted);margin:0}
.section-exhibits{padding:80px 0;background:var(--color-bg-gray)}.exhibit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.exhibit-card{background:#fff;padding:32px 24px;text-align:center;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.exhibit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.exhibit-icon{width:60px;height:60px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px;transition:all var(--transition-base)}.exhibit-card:hover .exhibit-icon{background:var(--color-primary);color:#fff}.exhibit-card h3{font-size:17px;font-weight:600;color:var(--color-text-dark);margin:0 0 10px}.exhibit-card p{font-size:13px;color:var(--color-text-muted);line-height:1.7;margin:0}
.section-spiral{padding:80px 0;background:var(--color-bg-gray)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:960px;margin:0 auto}.process-card{text-align:center;padding:36px 28px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base);position:relative}.process-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.process-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:20px;font-weight:700;margin-bottom:20px}.process-card h3{font-size:18px;font-weight:600;color:var(--color-text-dark);margin:0 0 12px}.process-card p{font-size:14px;color:var(--color-text-muted);line-height:1.8;margin:0}
.section-facts{padding:80px 0}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fact-card{background:#fff;padding:28px 22px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base);text-align:center}.fact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.fact-emoji{display:block;font-size:36px;margin-bottom:12px}.fact-card h4{font-size:16px;font-weight:600;color:var(--color-text-dark);margin:0 0 8px}.fact-card p{font-size:13px;color:var(--color-text-muted);line-height:1.7;margin:0}
.section-stats{padding:56px 0;background:var(--color-bg-dark)}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px;text-align:center}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{display:block;font-size:38px;font-weight:700;color:var(--color-primary)}.stat-label{display:block;font-size:13px;color:rgba(255,255,255,.5);margin-top:6px;font-weight:600}
.section-testimonials{padding:80px 0;background:var(--color-bg-gray)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{background:#fff;padding:28px 24px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base);position:relative}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.tm-quote{font-size:28px;color:var(--color-primary-light);margin-bottom:10px;line-height:1}.tm-text{font-size:14px;color:var(--color-text);line-height:1.9;margin:0 0 18px}.tm-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--color-border-light)}.tm-avatar{width:42px;height:42px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.tm-info strong{display:block;font-size:14px;color:var(--color-text-dark)}.tm-info span{display:block;font-size:12px;color:var(--color-text-light);margin-top:2px}
.section-faq{padding:80px 0}.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.faq-item:hover{border-color:var(--color-primary)}.faq-q{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;cursor:pointer;user-select:none;gap:16px}.faq-q h3{font-size:16px;font-weight:600;color:var(--color-text-dark);margin:0;flex:1;min-width:0}.faq-q i{font-size:16px;color:var(--color-primary-dark);transition:transform var(--transition-base);flex-shrink:0}.faq-item.open .faq-q i{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-item.open .faq-a{max-height:800px}.faq-a p{padding:0 24px 20px;font-size:14px;color:var(--color-text-muted);line-height:1.9;margin:0}
.section-ocean{padding:80px 0}.ocean-banner{max-width:800px;margin:0 auto;text-align:center;padding:48px 40px;background:#fff;border-radius:var(--radius-lg);border:2px solid var(--color-primary-light);position:relative}.ocean-quote{font-size:32px;color:var(--color-primary-light);margin-bottom:16px;line-height:1}.ocean-banner blockquote{margin:0;padding:0;border:none}.ocean-banner blockquote p{font-size:17px;color:var(--color-text);line-height:2;margin:0 0 16px}.ocean-banner blockquote footer{font-size:14px;color:var(--color-accent);font-weight:600}.ocean-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-light)}.ocean-pledge{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted);font-weight:600}.ocean-pledge i{color:var(--color-accent)}
.section-cta{padding:80px 0;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-bg-dark));text-align:center}.section-cta h2{font-size:32px;font-weight:600;color:#fff;margin:0 0 14px}.section-cta p{font-size:16px;color:rgba(255,255,255,.65);margin:0 0 32px;line-height:1.8}.section-cta .btn-hero-primary{font-size:16px;padding:18px 48px}
.page-banner{background:var(--color-bg-dark);padding:56px 0;text-align:center}.page-banner-title{font-size:32px;font-weight:600;color:#fff;margin:0 0 10px}.breadcrumb-inline{font-size:14px;color:rgba(255,255,255,.4)}.breadcrumb-inline a{color:rgba(255,255,255,.6)}.breadcrumb-inline a:hover{color:#fff}.breadcrumb-inline i{margin:0 8px}.page-container{padding:48px 0 60px}
.block{margin-bottom:40px}.block-head{margin-bottom:16px;padding-bottom:14px;border-bottom:2px solid var(--color-border)}.block-head h3{font-size:18px;font-weight:600;color:var(--color-text-dark);margin:0}.text-list{list-style:none;margin:0;padding:0}.text-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px dashed var(--color-border-light);gap:12px}.text-list-item:last-child{border-bottom:none}.text-list-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;color:var(--color-text)}.text-list-title:hover{color:var(--color-primary-dark)}.text-list-date{flex-shrink:0;font-size:13px;color:var(--color-text-light)}
.bread-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-bottom:40px}.bread-card{display:block;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.bread-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.bread-cover{aspect-ratio:4/3;overflow:hidden}.bread-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.bread-card:hover .bread-cover img{transform:scale(1.05)}.bread-body{padding:20px;text-align:center}.bread-tag{display:inline-block;padding:3px 14px;background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:700;font-size:11px;border-radius:var(--radius-full);margin-bottom:8px}.bread-body h3{font-size:20px;font-weight:600;color:var(--color-text-dark);margin:6px 0 4px}
/* shared component styles omitted for brevity - see any theme184-187 CSS for full widget/article/product/detail/form structures */
.bread-grid,.article-card-list,.article-card,.article-cover,.article-cover img,.article-body,.article-title,.article-intro,.article-meta,.meta-cat,.product-grid,.product-card,.product-cover,.product-cover img,.product-body,.product-title,.product-meta,.product-price,.product-btn,.image-tile,.image-tile-cover,.image-tile-cover img,.image-tile-body,.image-tile-title,.image-tile-view{
/* inline from theme187 pattern */
}
.article-card-list{display:flex;flex-direction:column;gap:24px}.article-card{display:flex;gap:24px;padding:22px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.article-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.article-cover{flex-shrink:0;width:240px;border-radius:var(--radius-sm);overflow:hidden}.article-cover img{width:100%;height:160px;object-fit:cover;transition:transform .5s}.article-card:hover .article-cover img{transform:scale(1.05)}.article-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.article-title{font-size:18px;font-weight:600;color:var(--color-text-dark);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-intro{font-size:14px;color:var(--color-text-muted);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--color-text-light)}.meta-cat{padding:3px 14px;background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600;border-radius:var(--radius-full);font-size:12px}
.product-grid,.images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.product-card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border-light);overflow:hidden;transition:all var(--transition-base)}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--color-primary)}.product-cover{display:block;aspect-ratio:1;overflow:hidden}.product-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-cover img{transform:scale(1.05)}.product-body{padding:18px}.product-title{font-size:16px;font-weight:600;color:var(--color-text-dark);margin:0 0 14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-meta{display:flex;align-items:center;justify-content:space-between}.product-price{font-size:22px;font-weight:700;color:var(--color-primary-dark)}.product-btn{padding:8px 22px;background:var(--color-primary-dark);color:#fff;font-size:13px;font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-fast)}.product-btn:hover{background:var(--color-accent);color:#fff}
.image-tile{display:block;border-radius:var(--radius-md);overflow:hidden;background:#fff;border:1px solid var(--color-border-light);transition:all var(--transition-base)}.image-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.image-tile-cover{aspect-ratio:4/3;overflow:hidden}.image-tile-cover img{width:100%;height:100%;object-fit:cover}.image-tile-body{padding:14px 18px}.image-tile-title{font-size:15px;font-weight:600;color:var(--color-text-dark);margin:0 0 6px}.image-tile-view{font-size:13px;color:var(--color-text-light)}
.article-detail{background:#fff;padding:36px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.article-detail-head{margin-bottom:28px}.article-detail-title{font-size:30px;font-weight:600;color:var(--color-text-dark);line-height:1.4;margin:0 0 14px}.article-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:14px;color:var(--color-text-light)}.detail-cat{padding:4px 16px;background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600;border-radius:var(--radius-full);font-size:12px}.article-detail-content{font-size:16px;line-height:2;color:var(--color-text)}.article-detail-content img{max-width:100%;border-radius:var(--radius-sm);margin:16px 0}.article-summary{margin:32px 0;padding:22px 24px;background:var(--color-bg-gray);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.article-summary-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.summary-deco{color:var(--color-primary)}.article-summary-title{margin:0;font-weight:600}.article-summary-text{font-size:14px;line-height:1.8;margin:0 0 12px}.article-summary-cite{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;border-top:1px dashed var(--color-border);font-size:12px;color:var(--color-text-muted)}.cite-label{font-weight:600;flex-shrink:0}.cite-text{flex:1;min-width:0;font-family:monospace;background:#fff;padding:4px 8px;border-radius:var(--radius-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-detail-nav{display:flex;gap:16px;margin-top:30px;padding-top:24px;border-top:1px solid var(--color-border)}.detail-nav-item{flex:1;min-width:0;display:block;padding:18px 22px;background:var(--color-bg-gray);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.detail-nav-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.detail-nav-label{display:block;font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.detail-nav-title{display:block;font-size:15px;font-weight:500;color:var(--color-text-dark);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detail-nav-next{text-align:right}.related-section{margin-top:40px}.related-section h3{font-size:20px;font-weight:600;color:var(--color-text-dark);margin:0 0 20px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.related-card{display:block;background:#fff;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.related-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.related-cover{aspect-ratio:16/10;overflow:hidden}.related-cover img{width:100%;height:100%;object-fit:cover}.related-body{padding:12px}.related-body h4{font-size:14px;font-weight:500;color:var(--color-text-dark);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-body span{font-size:12px;color:var(--color-text-light)}
.product-detail-main{background:#fff;padding:32px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.product-info{padding-left:20px}.product-detail-title{font-size:26px;font-weight:600;color:var(--color-text-dark);margin:0 0 20px}.product-price-box{display:flex;align-items:baseline;gap:10px;padding:18px 22px;background:var(--color-primary-light);border-radius:var(--radius-md);margin-bottom:24px}.product-price-box .price{font-size:30px;font-weight:700;color:var(--color-primary-dark)}.product-params{margin-bottom:24px}.param-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-light);font-size:14px}.param-key{color:var(--color-text-muted);min-width:60px;flex-shrink:0}.product-actions button{padding:14px 40px;background:var(--color-primary-dark);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.product-actions button:hover{background:var(--color-accent);transform:translateY(-2px)}.product-detail-content{margin-top:32px}.product-detail-content .nav-tabs{border-bottom:2px solid var(--color-border-light);margin-bottom:24px}.product-detail-content .nav-tabs>li>a{border:none;color:var(--color-text-muted);font-weight:600;font-size:15px;padding:12px 24px;background:transparent}.product-detail-content .nav-tabs>li.active>a{color:var(--color-primary-dark);border-bottom:3px solid var(--color-primary-dark);margin-bottom:-2px;background:transparent}.detail-content-body{font-size:16px;line-height:2;color:var(--color-text)}.pc-slide .view img{width:100%;border-radius:var(--radius-sm)}.pc-slide .preview{position:relative;margin-top:10px}.pc-slide .preview .swiper-slide{border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.pc-slide .preview .swiper-slide.active-nav{border-color:var(--color-primary)}.pc-slide .arrow-left,.pc-slide .arrow-right{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:28px;height:28px;background:rgba(0,0,0,.4);border-radius:50%;cursor:pointer}.pc-slide .arrow-left{left:0}.pc-slide .arrow-right{right:0}
.single-main{background:#fff;padding:32px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.single-content{font-size:16px;line-height:2}.subnav{margin-bottom:24px}.subnav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;border-bottom:2px solid var(--color-border-light)}.subnav ul li{margin-bottom:-2px}.subnav ul li a{display:block;padding:12px 24px;font-size:14px;font-weight:600;color:var(--color-text-muted);transition:all var(--transition-fast)}.subnav ul li a:hover{color:var(--color-primary-dark)}.subnav ul li.active a{color:var(--color-primary-dark);border-bottom:2px solid var(--color-primary-dark)}
.contact-info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.info-card{text-align:center;padding:32px 24px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.info-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.info-card i{font-size:28px;color:var(--color-primary);margin-bottom:12px}.info-card h4{font-size:16px;font-weight:600;color:var(--color-text-dark);margin:0 0 8px}.info-card p{font-size:14px;color:var(--color-text-muted);margin:0}.contact-form-wrap{margin-top:40px}.contact-form-title{font-size:22px;font-weight:600;color:var(--color-text-dark);margin:0 0 24px}.form-message{max-width:700px}.form-row{display:flex;gap:20px;margin-bottom:16px}.form-row label{flex:1;display:flex;align-items:center;gap:10px}.form-row label span{font-size:14px;color:var(--color-text);white-space:nowrap;min-width:60px;text-align:right;font-weight:500}.form-message .inp{flex:1;height:44px;padding:8px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;transition:border-color var(--transition-fast)}.form-message .inp:focus{border-color:var(--color-primary);outline:none}.form-message .mes{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px}.form-message .mes span{font-size:14px;color:var(--color-text);white-space:nowrap;min-width:60px;text-align:right;font-weight:500;padding-top:8px}.form-message textarea{flex:1;min-height:140px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;resize:vertical;font-family:inherit}.form-message textarea:focus{border-color:var(--color-primary);outline:none}.msgbtn-box{display:flex;gap:12px;padding-left:70px}.btn-contact{padding:12px 36px;background:var(--color-primary-dark);color:#fff;font-size:15px;font-weight:700;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.btn-contact:hover{background:var(--color-accent);transform:translateY(-2px)}.btn-contact-reset{padding:12px 28px;background:#fff;color:var(--color-text-muted);font-size:15px;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer}.breadcrumb-box{margin-bottom:20px;font-size:14px;color:var(--color-text-muted)}.breadcrumb-box a{color:var(--color-text-muted)}.breadcrumb-box a:hover{color:var(--color-primary-dark)}.breadcrumb-box i{margin:0 6px}
.widget{margin-bottom:24px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);overflow:hidden}.widget-head{padding:18px 24px;background:var(--color-bg-gray);border-bottom:1px solid var(--color-border-light)}.widget-title{font-size:16px;font-weight:600;color:var(--color-text-dark);margin:0}.widget-title i{margin-right:6px;color:var(--color-primary)}.widget-body{padding:18px 24px}.widget-ad{border:none;background:transparent}.widget-ad img{width:100%;border-radius:var(--radius-sm)}.rank-list{list-style:none;margin:0;padding:0}.rank-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px dashed var(--color-border-light)}.rank-item:last-child{border-bottom:none}.rank-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--color-bg-gray);color:var(--color-text-muted);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.rank-top{background:var(--color-primary);color:#fff}.rank-content{flex:1;min-width:0}.rank-title{display:block;font-size:14px;font-weight:600;color:var(--color-text-dark);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-title:hover{color:var(--color-primary-dark)}.rank-meta{font-size:12px;color:var(--color-text-light);margin-top:2px;display:block}.latest-list{list-style:none;margin:0;padding:0}.latest-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed var(--color-border-light)}.latest-item:last-child{border-bottom:none}.latest-thumb{flex-shrink:0;width:72px;height:54px;border-radius:var(--radius-sm);overflow:hidden}.latest-thumb img{width:100%;height:100%;object-fit:cover}.latest-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.latest-title{display:block;font-size:14px;font-weight:600;color:var(--color-text-dark);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.latest-title:hover{color:var(--color-primary-dark)}.latest-date{font-size:12px;color:var(--color-text-light);margin-top:3px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{border-bottom:1px solid var(--color-border-light)}.nav-item:last-child{border-bottom:none}.nav-item>a{display:block;padding:12px 4px;font-size:14px;font-weight:600;color:var(--color-text);transition:all var(--transition-fast)}.nav-item>a:hover{color:var(--color-primary-dark);padding-left:8px}.nav-item.active>a{color:var(--color-primary-dark)}
.floral-list{list-style:none;margin:0;padding:0}.floral-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed var(--color-border-light)}.floral-item:last-child{border-bottom:none}.floral-thumb{flex-shrink:0;width:60px;height:60px;border-radius:50%;overflow:hidden}.floral-thumb img{width:100%;height:100%;object-fit:cover}.floral-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.floral-title{display:block;font-size:14px;font-weight:600;color:var(--color-text-dark);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.floral-title:hover{color:var(--color-primary-dark)}.floral-desc{font-size:12px;color:var(--color-text-light);margin-top:3px}
.pagination-box{text-align:center;margin-top:36px}.pagination{display:inline-flex;list-style:none;padding:0;margin:0;gap:8px}.pagination li a,.pagination li span{display:block;min-width:38px;height:38px;line-height:36px;padding:0 14px;border:1px solid var(--color-border);background:#fff;text-align:center;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--color-text)}.pagination li a:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.pagination .active a,.pagination .active span{background:var(--color-primary-dark);color:#fff;border-color:var(--color-primary-dark)}
.site-footer{background:var(--color-bg-dark);color:rgba(255,255,255,.5);padding:50px 0 0}.footer-row{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px;margin-bottom:44px}.footer-col h4{font-size:17px;font-weight:600;color:#fff;margin:0 0 16px}.footer-col p{font-size:14px;line-height:1.9;margin:0 0 8px}.footer-col a{display:block;font-size:14px;color:rgba(255,255,255,.35);padding:5px 0;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-primary)}.footer-bottom{padding:20px 0;border-top:1px solid rgba(255,255,255,.06);text-align:center}.footer-copyright{font-size:12px;color:rgba(255,255,255,.2)}.footer-copyright a{color:rgba(255,255,255,.2);margin-left:10px}
#floatbtn{position:fixed;right:28px;bottom:60px;z-index:999}#back-to-top{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:var(--color-primary-dark);color:#fff;border-radius:50%;font-size:18px;opacity:0;visibility:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}#back-to-top.show{opacity:1;visibility:visible}#back-to-top:hover{background:var(--color-accent);transform:translateY(-2px)}.search-keyword{color:var(--color-accent)}
@media(max-width:1199px){.bread-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.images-grid,.home-page .products-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}.process-grid,.exhibit-grid,.facts-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.mobile-toggle{display:block}.main-nav .navbar-collapse{display:none}.main-nav .navbar-collapse.collapse.in{display:block}.main-menu{flex-direction:column}.main-menu>li>a{padding:12px 0;border-bottom:1px solid var(--color-border-light)}.main-menu .dropdown-menu{position:static;float:none;box-shadow:none;border:none;padding:0 0 0 16px}.hero-title{font-size:32px}.section-title{font-size:26px}.bread-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}.article-card{flex-direction:column}.article-cover{width:100%}.article-cover img{height:200px}.product-info{padding-left:0;padding-top:20px}.contact-info-cards{grid-template-columns:1fr}.form-row{flex-direction:column;gap:12px}.msgbtn-box{padding-left:0}.footer-row{grid-template-columns:repeat(2,1fr)}.home-page .products-grid,.product-grid,.images-grid{grid-template-columns:repeat(2,1fr)}.process-grid,.testimonial-grid{grid-template-columns:1fr}.testimonial-grid{max-width:460px;margin:0 auto}.ocean-actions{flex-direction:column;align-items:center;gap:12px}}
@media(max-width:767px){.hero-title{font-size:26px}.hero-section{padding:70px 0 100px}.section-title{font-size:22px}.product-grid,.images-grid,.home-page .products-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:16px}.stat-number{font-size:28px}.article-detail-title{font-size:22px}.article-detail{padding:20px}.article-detail-nav{flex-direction:column}.single-main{padding:20px}.footer-row{grid-template-columns:1fr;gap:28px}.process-grid,.exhibit-grid,.facts-grid,.testimonial-grid{grid-template-columns:1fr}.section-cta h2{font-size:24px}.ocean-banner{padding:28px 20px}.ocean-banner blockquote p{font-size:15px}}