I'll start by researching the design system and assets for this bamboo craft brand website.Let me get more specific assets and also check for some additional design inspiration.Now I have enough context. Let me create the full brand website for 竹序 ZENBAMBOO with a sophisticated oriental aesthetic.
```json
{
"summary": "为竹序 ZENBAMBOO 品牌官网构建完整全页HTML。采用东方极简美学，深色基调搭配竹青绿与暖金点缀，融合宋体与英文无衬线字体。包含：顶部导航、主视觉Banner（轮播短句）、品牌概览、品牌故事、四大产品系列（CASA/GIARDINO/HERITAGE/TEA TABLE）、工艺文化、公益理念、数字赋能、联系我们、页脚。全站中英双语，响应式设计，含滚动动画与微交互。",
"widget": {
"type": "full-html",
"html": "<!DOCTYPE html>\n<html lang=\"zh-CN\">\\n<head>\\n <meta charset=\"UTF-8\">\\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\\n <title>竹序 ZENBAMBOO | 千年编织非遗 · 东方美学手作品牌</title>\\n <script src=\"https://cdn.tailwindcss.com\"></script>\\n <link href=\"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700…\" rel=\"stylesheet\">\\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.c…\">\\n <style>\\n :root {\\n --bamboo-green: #5a7a4a;\\n --bamboo-light: #8ba87a;\\n --bamboo-dark: #2d3d24;\\n --gold-accent: #c9a84c;\\n --gold-light: #e8d48b;\\n --ink-black: #1a1a1a;\\n --ink-dark: #2a2a2a;\\n --paper-warm: #f5f0e8;\\n --paper-light: #faf7f0;\\n --text-dark: #1a1a1a;\\n --text-light: #e8e0d0;\\n --text-muted: #8a8070;\\n --text-body: #3a3a3a;\\n --transition-slow: 0.6s cubic-bezier(0.22, 1, 0.36, 1);\\n --transition-base: 0.4s cubic-bezier(0.22, 1, 0.36, 1);\\n }\\n\\n * {\\n margin: 0;\\n padding: 0;\\n box-sizing: border-box;\\n }\\n\\n html {\\n scroll-behavior: smooth;\\n }\\n\\n body {\\n font-family: 'Noto Sans SC', 'Jost', sans-serif;\\n background: var(--paper-warm);\\n color: var(--text-body);\\n overflow-x: hidden;\\n }\\n\\n .font-serif-cn {\\n font-family: 'Noto Serif SC', 'Cormorant Garamond', serif;\\n }\\n\\n .font-en {\\n font-family: 'Cormorant Garamond', 'Jost', serif;\\n }\\n\\n .font-en-sans {\\n font-family: 'Jost', sans-serif;\\n }\\n\\n /* === Scroll Animations === */\\n .reveal {\\n opacity: 0;\\n transform: translateY(40px);\\n transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\\n }\\n\\n .reveal.visible {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n\\n .reveal-left {\\n opacity: 0;\\n transform: translateX(-60px);\\n transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\\n }\\n\\n .reveal-left.visible {\\n opacity: 1;\\n transform: translateX(0);\\n }\\n\\n .reveal-right {\\n opacity: 0;\\n transform: translateX(60px);\\n transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\\n }\\n\\n .reveal-right.visible {\\n opacity: 1;\\n transform: translateX(0);\\n }\\n\\n .reveal-scale {\\n opacity: 0;\\n transform: scale(0.92);\\n transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\\n }\\n\\n .reveal-scale.visible {\\n opacity: 1;\\n transform: scale(1);\\n }\\n\\n /* === Hero Carousel === */\\n .hero-carousel {\\n position: relative;\\n overflow: hidden;\\n }\\n\\n .carousel-slide {\\n position: absolute;\\n inset: 0;\\n opacity: 0;\\n transition: opacity 1.2s ease, transform 1.2s ease;\\n transform: scale(1.05);\\n }\\n\\n .carousel-slide.active {\\n opacity: 1;\\n transform: scale(1);\\n position: relative;\\n }\\n\\n .carousel-slide.exit {\\n opacity: 0;\\n transform: scale(0.95);\\n }\\n\\n /* === Bamboo Pattern Overlay === */\\n .bamboo-pattern {\\n background-image: url(\"data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a84c' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\\n }\\n\\n /* === Woven Texture === */\\n .woven-bg {\\n background-color: var(--paper-warm);\\n background-image: url(\"data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3z' fill='%235a7a4a' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E\");\\n }\\n\\n /* === Section Divider === */\\n .divider-bamboo {\\n height: 4px;\\n background: linear-gradient(90deg, transparent, var(--bamboo-green), var(--gold-accent), var(--bamboo-green), transparent);\\n width: 120px;\\n margin: 1.5rem auto;\\n border-radius: 2px;\\n }\\n\\n .divider-bamboo-left {\\n height: 3px;\\n background: linear-gradient(90deg, var(--bamboo-green), var(--gold-accent), transparent);\\n width: 80px;\\n margin: 1rem 0;\\n border-radius: 2px;\\n }\\n\\n /* === Card Hover === */\\n .product-card {\\n transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease;\\n }\\n\\n .product-card:hover {\\n transform: translateY(-8px);\\n box-shadow: 0 20px 60px rgba(42, 61, 36, 0.15);\\n }\\n\\n .product-card .card-image {\\n overflow: hidden;\\n }\\n\\n .product-card .card-image img {\\n transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\\n }\\n\\n .product-card:hover .card-image img {\\n transform: scale(1.08);\\n }\\n\\n /* === Nav === */\\n .nav-link {\\n position: relative;\\n color: var(--text-light);\\n text-decoration: none;\\n font-size: 0.85rem;\\n letter-spacing: 0.08em;\\n padding: 0.25rem 0;\\n transition: color 0.3s ease;\\n }\\n\\n .nav-link::after {\\n content: '';\\n position: absolute;\\n bottom: -2px;\\n left: 0;\\n width: 0;\\n height: 1px;\\n background: var(--gold-accent);\\n transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);\\n }\\n\\n .nav-link:hover {\\n color: var(--gold-light);\\n }\\n\\n .nav-link:hover::after {\\n width: 100%;\\n }\\n\\n /* === Gold Button === */\\n .btn-gold {\\n background: linear-gradient(135deg, var(--gold-accent), #b8942e);\\n color: #1a1a1a;\\n padding: 0.75rem 2rem;\\n border: none;\\n border-radius: 2px;\\n font-family: 'Jost', 'Noto Sans SC', sans-serif;\\n font-weight: 500;\\n letter-spacing: 0.1em;\\n cursor: pointer;\\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\\n position: relative;\\n overflow: hidden;\\n }\\n\\n .btn-gold::before {\\n content: '';\\n position: absolute;\\n inset: 0;\\n background: linear-gradient(135deg, #d4b85a, var(--gold-accent));\\n opacity: 0;\\n transition: opacity 0.4s ease;\\n }\\n\\n .btn-gold:hover {\\n transform: translateY(-2px);\\n box-shadow: 0 8px 30px rgba(201, 168, 76, 0.35);\\n }\\n\\n .btn-gold:hover::before {\\n opacity: 1;\\n }\\n\\n .btn-gold span {\\n position: relative;\\n z-index: 1;\\n }\\n\\n .btn-outline {\\n background: transparent;\\n color: var(--gold-accent);\\n border: 1px solid var(--gold-accent);\\n padding: 0.7rem 2rem;\\n border-radius: 2px;\\n font-family: 'Jost', 'Noto Sans SC', sans-serif;\\n font-weight: 500;\\n letter-spacing: 0.1em;\\n cursor: pointer;\\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\\n }\\n\\n .btn-outline:hover {\\n background: var(--gold-accent);\\n color: #1a1a1a;\\n transform: translateY(-2px);\\n }\\n\\n /* === Pattern Grid === */\\n .pattern-grid {\\n display: grid;\\n grid-template-columns: repeat(2, 1fr);\\n gap: 2px;\\n }\\n\\n .pattern-cell {\\n aspect-ratio: 1;\\n background: var(--bamboo-dark);\\n position: relative;\\n overflow: hidden;\\n }\\n\\n .pattern-cell::before {\\n content: '';\\n position: absolute;\\n inset: 4px;\\n background: var(--ink-dark);\\n transition: all 0.5s ease;\\n }\\n\\n .pattern-cell:hover::before {\\n background: var(--bamboo-green);\\n }\\n\\n /* === Mobile Menu === */\\n .mobile-menu {\\n position: fixed;\\n top: 0;\\n right: -100%;\\n width: 80%;\\n max-width: 360px;\\n height: 100vh;\\n background: var(--ink-black);\\n z-index: 1000;\\n transition: right 0.5s cubic-bezier(0.22, 1, 0.36, 1);\\n padding: 2rem;\\n display: flex;\\n flex-direction: column;\\n }\\n\\n .mobile-menu.open {\\n right: 0;\\n }\\n\\n .menu-overlay {\\n position: fixed;\\n inset: 0;\\n background: rgba(0,0,0,0.6);\\n z-index: 999;\\n opacity: 0;\\n pointer-events: none;\\n transition: opacity 0.4s ease;\\n }\\n\\n .menu-overlay.open {\\n opacity: 1;\\n pointer-events: all;\\n }\\n\\n /* === Custom Scrollbar === */\\n ::-webkit-scrollbar {\\n width: 6px;\\n }\\n\\n ::-webkit-scrollbar-track {\\n background: var(--paper-warm);\\n }\\n\\n ::-webkit-scrollbar-thumb {\\n background: var(--bamboo-green);\\n border-radius: 3px;\\n }\\n\\n ::-webkit-scrollbar-thumb:hover {\\n background: var(--bamboo-light);\\n }\\n\\n /* === Hero Text Animation === */\\n .hero-title-line {\\n overflow: hidden;\\n }\\n\\n .hero-title-line span {\\n display: block;\\n animation: slideUp 1s cubic-bezier(0.22, 1, 0.36, 1) forwards;\\n opacity: 0;\\n transform: translateY(100%);\\n }\\n\\n @keyframes slideUp {\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n }\\n\\n .hero-subtitle {\\n animation: fadeInUp 1s 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;\\n opacity: 0;\\n transform: translateY(20px);\\n }\\n\\n @keyframes fadeInUp {\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n }\\n\\n /* === Floating Bamboo === */\\n .floating-bamboo {\\n position: absolute;\\n width: 2px;\\n background: linear-gradient(to bottom, transparent, var(--bamboo-green), transparent);\\n opacity: 0.15;\\n animation: floatBamboo 8s ease-in-out infinite;\\n }\\n\\n @keyframes floatBamboo {\\n 0%, 100% { transform: translateY(0) scaleY(1); }\\n 50% { transform: translateY(-30px) scaleY(1.1); }\\n }\\n\\n /* === Grain Texture === */\\n .grain-overlay {\\n position: fixed;\\n inset: 0;\\n pointer-events: none;\\n z-index: 9999;\\n opacity: 0.03;\\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E\");\\n background-repeat: repeat;\\n background-size: 256px 256px;\\n }\\n\\n /* === Marquee === */\\n .marquee {\\n overflow: hidden;\\n white-space: nowrap;\\n }\\n\\n .marquee-content {\\n display: inline-block;\\n animation: marquee 30s linear infinite;\\n }\\n\\n @keyframes marquee {\\n 0% { transform: translateX(0); }\\n 100% { transform: translateX(-50%); }\\n }\\n\\n /* === Responsive === */\\n @media (max-width: 768px) {\\n .hero-title {\\n font-size: 2rem !important;\\n }\\n .hero-subtitle {\\n font-size: 0.9rem !important;\\n }\\n .section-title {\\n font-size: 1.8rem !important;\\n }\\n }\\n </style>\\n</head>\\n<body>\\n\\n<!-- Grain Overlay -->\\n<div class=\"grain-overlay\"></div>\\n\\n<!-- Mobile Menu Overlay -->\\n<div class=\"menu-overlay\" id=\"menuOverlay\" onclick=\"closeMenu()\"></div>\\n\\n<!-- Mobile Menu -->\\n<div class=\"mobile-menu\" id=\"mobileMenu\">\\n <div class=\"flex justify-between items-center mb-12\">\\n <span class=\"text-gold-accent font-serif-cn text-xl tracking-widest\">竹序</span>\\n <button onclick=\"closeMenu()\" class=\"text-gray-400 hover:text-white text-2xl transition\">\\n <i class=\"fa-solid fa-xmark\"></i>\\n </button>\\n </div>\\n <nav class=\"flex flex-col gap-6 text-lg\">\\n <a href=\"#home\" onclick=\"closeMenu()\" class=\"text-gray-300 hover:text-gold-accent transition font-en tracking-wider\">首页 Home</a>\\n <a href=\"#about\" onclick=\"closeMenu()\" class=\"text-gray-300 hover:text-gold-accent transition font-en tracking-wider\">品牌故事 Story</a>\\n <a href=\"#products\" onclick=\"closeMenu()\" class=\"text-gray-300 hover:text-gold-accent transition font-en tracking-wider\">产品中心 Products</a>\\n <a href=\"#craft\" onclick=\"closeMenu()\" class=\"text-gray-300 hover:text-gold-accent transition font-en tracking-wider\">工艺文化 Craft</a>\\n <a href=\"#welfare\" onclick=\"closeMenu()\" class=\"text-gray-300 hover:text-gold-accent transition font-en tracking-wider\">公益理念 Welfare</a>\\n <a href=\"#digital\" onclick=\"closeMenu()\" class=\"text-gray-300 hover:text-gold-accent transition font-en tracking-wider\">数字赋能 Digital</a>\\n <a href=\"#contact\" onclick=\"closeMenu()\" class=\"text-gray-300 hover:text-gold-accent transition font-en tracking-wider\">联系我们 Contact</a>\\n </nav>\\n <div class=\"mt-auto pt-8 border-t border-gray-800\">\\n <p class=\"text-gray-500 text-sm font-en\">ZENBAMBOO</p>\\n <p class=\"text-gray-600 text-xs mt-1 font-en\">Millennial Bamboo Heritage</p>\\n </div>\\n</div>\\n\\n<!-- ===== NAVIGATION ===== -->\\n<header class=\"fixed top-0 left-0 right-0 z-50 transition-all duration-500\" id=\"header\">\\n <div class=\"max-w-7xl mx-auto px-6 lg:px-12\">\\n <div class=\"flex items-center justify-between h-20\">\\n <!-- Logo -->\\n <a href=\"#home\" class=\"flex items-center gap-3 group\">\\n <div class=\"w-10 h-10 border-2 border-gold-accent/60 rounded-full flex items-center justify-center group-hover:border-gold-accent transition-all duration-500\">\\n <span class=\"text-gold-accent font-serif-cn text-lg font-bold\">竹</span>\\n </div>\\n <div class=\"hidden sm:block\">\\n <div class=\"text-white font-serif-cn text-lg tracking-widest leading-tight\">竹序</div>\\n <div class=\"text-gold-accent/70 text-xs font-en tracking-[0.2em] leading-tight\">ZENBAMBOO</div>\\n </div>\\n </a>\\n\\n <!-- Desktop Nav -->\\n <nav class=\"hidden lg:flex items-center gap-8\">\\n <a href=\"#home\" class=\"nav-link\">首页 <span class=\"font-en text-xs ml-1 opacity-60\">Home</span></a>\\n <a href=\"#about\" class=\"nav-link\">品牌故事 <span class=\"font-en text-xs ml-1 opacity-60\">Story</span></a>\\n <a href=\"#products\" class=\"nav-link\">产品中心 <span class=\"font-en text-xs ml-1 opacity-60\">Products</span></a>\\n <a href=\"#craft\" class=\"nav-link\">工艺文化 <span class=\"font-en text-xs ml-1 opacity-60\">Craft</span></a>\\n <a href=\"#welfare\" class=\"nav-link\">公益理念 <span class=\"font-en text-xs ml-1 opacity-60\">Welfare</span></a>\\n <a href=\"#digital\" class=\"nav-link\">数字赋能 <span class=\"font-en text-xs ml-1 opacity-60\">Digital</span></a>\\n <a href=\"#contact\" class=\"nav-link\">联系我们 <span class=\"font-en text-xs ml-1 opacity-60\">Contact</span></a>\\n </nav>\\n\\n <!-- Right Actions -->\\n <div class=\"flex items-center gap-4\">\\n <button class=\"hidden md:block btn-gold text-sm px-5 py-2\">\\n <span><i class=\"fa-regular fa-handshake mr-2\"></i>合作洽谈</span>\\n </button>\\n <button onclick=\"toggleMenu()\" class=\"lg:hidden text-white text-2xl hover:text-gold-accent transition\">\\n <i class=\"fa-solid fa-bars\"></i>\\n </button>\\n </div>\\n </div>\\n </div>\\n</header>\\n\\n<!-- ===== HERO SECTION ===== -->\\n<section id=\"home\" class=\"relative min-h-screen flex items-center overflow-hidden\" style=\"background: var(--ink-black);\">\\n <!-- Background Pattern -->\\n <div class=\"absolute inset-0 opacity-20\" style=\"background-image: url('data:image/svg+xml,%3Csvg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cg fill=\"none\" fill-rule=\"evenodd\"%3E%3Cg fill=\"%23c9a84c\" fill-opacity=\"0.08\"%3E%3Cpath d=\"M50 10c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10zM10 50c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10z\" /%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\"></div>\\n\\n <!-- Floating Bamboo Lines -->\\n <div class=\"floating-bamboo\" style=\"left: 10%; height: 60vh; top: 20%; animation-delay: 0s;\"></div>\\n <div class=\"floating-bamboo\" style=\"left: 25%; height: 40vh; top: 30%; animation-delay: 2s;\"></div>\\n <div class=\"floating-bamboo\" style=\"right: 15%; height: 50vh; top: 25%; animation-delay: 4s;\"></div>\\n <div class=\"floating-bamboo\" style=\"right: 30%; height: 35vh; top: 40%; animation-delay: 1s;\"></div>\\n\\n <!-- Hero Carousel Background -->\\n <div class=\"hero-carousel absolute inset-0\">\\n <div class=\"carousel-slide active\" style=\"background: radial-gradient(ellipse at 30% 50%, rgba(90,122,74,0.15) 0%, transparent 60%), radial-gradient(ellipse at 70% 30%, rgba(201,168,76,0.08) 0%, transparent 50%), var(--ink-black);\"></div>\\n <div class=\"carousel-slide\" style=\"background: radial-gradient(ellipse at 70% 60%, rgba(90,122,74,0.12) 0%, transparent 55%), radial-gradient(ellipse at 20% 20%, rgba(201,168,76,0.1) 0%, transparent 45%), var(--ink-black);\"></div>\\n <div class=\"carousel-slide\" style=\"background: radial-gradient(ellipse at 50% 80%, rgba(90,122,74,0.18) 0%, transparent 50%), radial-gradient(ellipse at 50% 20%, rgba(201,168,76,0.06) 0%, transparent 40%), var(--ink-black);\"></div>\\n </div>\\n\\n <div class=\"relative z-10 max-w-7xl mx-auto px-6 lg:px-12 w-full\">\\n <div class=\"grid lg:grid-cols-2 gap-12 items-center min-h-screen py-32\">\\n <!-- Left Content -->\\n <div class=\"space-y-8\">\\n <!-- Badge -->\\n <div class=\"inline-flex items-center gap-2 border border-gold-accent/30 px-4 py-1.5 rounded-full\">\\n <span class=\"w-1.5 h-1.5 rounded-full bg-gold-accent\"></span>\\n <span class=\"text-gold-accent/80 text-xs font-en tracking-[0.15em]\">INTANGIBLE HERITAGE · 非遗传承</span>\\n </div>\\n\\n <!-- Main Title -->\\n <div class=\"space-y-2\">\\n <div class=\"hero-title-line\"><span class=\"text-5xl md:text-6xl lg:text-7xl text-white font-serif-cn font-bold leading-[1.15] tracking-wider\">竹承千年文脉，</span></div>\\n <div class=\"hero-title-line\" style=\"animation-delay: 0.15s;\"><span class=\"text-5xl md:text-6xl lg:text-7xl text-gold-accent font-serif-cn font-bold leading-[1.15] tracking-wider\">一织东方雅韵</span></div>\\n </div>\\n\\n <!-- English Sub -->\\n <div class=\"hero-subtitle\">\\n <p class=\"text-xl md:text-2xl text-gray-300 font-en italic leading-relaxed\">\\n Millennial Bamboo Heritage,<br>\\n <span class=\"text-gold-accent/80\">Woven Oriental Elegance</span>\\n </p>\\n </div>\\n\\n <!-- Description -->\\n <p class=\"text-gray-400 text-sm md:text-base leading-relaxed max-w-lg hero-subtitle\" style=\"animation-delay: 0.6s;\">\\n 四大经典纹样，诠释手工匠心与传世美学\\n <br>\\n <span class=\"text-gray-500 font-en text-sm\">Four Classic Patterns, Interpreting Handicraft Spirit & Timeless Aesthetics</span>\\n </p>\\n\\n <!-- CTA Buttons -->\\n <div class=\"flex flex-wrap gap-4 hero-subtitle\" style=\"animation-delay: 0.8s;\">\\n <button class=\"btn-gold text-sm md:text-base px-8 py-3\">\\n <span><i class=\"fa-regular fa-compass mr-2\"></i>探索系列</span>\\n </button>\\n <button class=\"btn-outline text-sm md:text-base px-8 py-3\">\\n <i class=\"fa-regular fa-circle-play mr-2\"></i>品牌影片\\n </button>\\n </div>\\n\\n <!-- Carousel Tagline -->\\n <div class=\"pt-4 hero-subtitle\" style=\"animation-delay: 1s;\">\\n <div class=\"flex items-center gap-3 text-xs text-gray-500 font-en tracking-wider\">\\n <span class=\"text-gold-accent/60\">✦</span>\\n <span id=\"carouselText\" class=\"transition-all duration-700\">古法编织，留存手作温度</span>\\n <span class=\"text-gold-accent/60\">✦</span>\\n </div>\\n </div>\\n </div>\\n\\n <!-- Right Visual -->\\n <div class=\"hidden lg:flex justify-center items-center\">\\n <div class=\"relative w-80 h-80\">\\n <!-- Concentric Rings -->\\n <div class=\"absolute inset-0 border border-gold-accent/10 rounded-full animate-pulse\" style=\"animation-duration: 4s;\"></div>\\n <div class=\"absolute inset-8 border border-gold-accent/15 rounded-full\"></div>\\n <div class=\"absolute inset-16 border border-gold-accent/20 rounded-full\"></div>\\n <div class=\"absolute inset-24 border border-gold-accent/25 rounded-full\"></div>\\n <!-- Center Symbol -->\\n <div class=\"absolute inset-32 flex items-center justify-center\">\\n <div class=\"w-16 h-16 border-2 border-gold-accent/40 rounded-full flex items-center justify-center\">\\n <span class=\"text-gold-accent/60 font-serif-cn text-3xl\">竹</span>\\n </div>\\n </div>\\n <!-- Woven Pattern Lines -->\\n <svg class=\"absolute inset-0 w-full h-full\" viewBox=\"0 0 320 320\">\\n <line x1=\"40\" y1=\"160\" x2=\"280\" y2=\"160\" stroke=\"rgba(201,168,76,0.