<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>莎曼電動沙發 &#8211; 英格藍影音家居</title>
	<atom:link href="https://eagleblue.com.tw/tag/%E8%8E%8E%E6%9B%BC%E9%9B%BB%E5%8B%95%E6%B2%99%E7%99%BC/feed/" rel="self" type="application/rss+xml" />
	<link>https://eagleblue.com.tw</link>
	<description>全台首間家具與影音結合的大型展場-彰化台中</description>
	<lastBuildDate>Mon, 05 Oct 2026 04:04:32 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://eagleblue.com.tw/wp-content/uploads/2026/09/LOGO-150x150.png</url>
	<title>莎曼電動沙發 &#8211; 英格藍影音家居</title>
	<link>https://eagleblue.com.tw</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>謐境電動沙發</title>
		<link>https://eagleblue.com.tw/sofa/%e8%ac%90%e5%a2%83%e9%9b%bb%e5%8b%95%e6%b2%99%e7%99%bc/</link>
					<comments>https://eagleblue.com.tw/sofa/%e8%ac%90%e5%a2%83%e9%9b%bb%e5%8b%95%e6%b2%99%e7%99%bc/#respond</comments>
		
		<dc:creator><![CDATA[紀 小喬]]></dc:creator>
		<pubDate>Mon, 05 Oct 2026 02:52:47 +0000</pubDate>
				<category><![CDATA[沙發 sofa]]></category>
		<category><![CDATA[客製沙發]]></category>
		<category><![CDATA[布沙發]]></category>
		<category><![CDATA[沙發]]></category>
		<category><![CDATA[皮沙發]]></category>
		<category><![CDATA[莎曼電動沙發]]></category>
		<guid isPermaLink="false">https://eagleblue.com.tw/?p=12388</guid>

					<description><![CDATA[謐境電動牛皮沙發｜英格藍 EAGLE B&#8230;]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="12388" class="elementor elementor-12388">
				<div class="elementor-element elementor-element-7af374c e-con-full e-flex e-con e-parent" data-id="7af374c" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f5da222 elementor-widget elementor-widget-html" data-id="f5da222" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="zh-TW">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>謐境電動牛皮沙發｜英格藍 EAGLE BLUE</title>
  <!-- Tailwind CSS CDN -->
  <script src="https://cdn.tailwindcss.com"></script>
  <!-- Google Fonts: Plus Jakarta Sans & Noto Serif TC -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap" rel="stylesheet">
  <!-- Font Awesome Icons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            nordic: {
              bg: '#FAF9F6',
              surface: '#FFFFFF',
              card: '#F4F1EA',
              border: '#E8E4DC',
              accent: '#B89B72',
              accentDark: '#967A53',
              sage: '#8F9E8B',
              charcoal: '#22201F',
              muted: '#716C68',
              softGray: '#EDEAE4'
            }
          },
          fontFamily: {
            sans: ['"Plus Jakarta Sans"', '"Noto Sans TC"', 'sans-serif'],
            serif: ['"Noto Serif TC"', 'serif'],
          }
        }
      }
    }
  </script>
  <style>
    body {
      background-color: #FAF9F6;
      color: #22201F;
      font-family: 'Plus Jakarta Sans', 'Noto Sans TC', sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    .img-zoom-container {
      overflow: hidden;
    }
    .img-zoom-container img {
      transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .img-zoom-container:hover img {
      transform: scale(1.04);
    }
    .glass-pill {
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }
    /* Smooth transitions */
    .fade-in {
      animation: fadeIn 0.4s ease-in-out forwards;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(6px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .product-zoom-stage {
      cursor: zoom-in;
      overflow: hidden;
      touch-action: pan-y;
    }
    .product-zoom-img {
      transform-origin: center center;
      transition: transform 0.2s ease-out, opacity 0.3s ease;
      will-change: transform;
    }
    .thumb-card {
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .thumb-card:hover {
      transform: translateY(-2px) scale(1.02);
    }
  </style>
</head>
<body class="min-h-screen flex flex-col selection:bg-nordic-accent/20 selection:text-nordic-charcoal">

  <!-- Top Minimalist Navigation -->
  <header class="sticky top-0 z-40 bg-nordic-bg/90 backdrop-blur-md border-b border-nordic-border/60 transition-all duration-300">
    <div class="w-full px-6 lg:px-12 xl:px-16 h-20 flex items-center justify-between">
      <div class="flex items-center space-x-3">
        <a href="#hero" class="group flex flex-col">
          <span class="text-xl sm:text-2xl font-serif font-bold tracking-widest text-nordic-charcoal group-hover:text-nordic-accent transition-colors">
            英格藍
          </span>
          <span class="text-[10px] tracking-[0.25em] text-nordic-muted -mt-1 font-medium">EAGLE BLUE DESIGN</span>
        </a>
      </div>

      <nav class="hidden md:flex items-center space-x-8 text-sm tracking-wider text-nordic-muted">
        <a href="#features" class="hover:text-nordic-charcoal transition-colors">極致機能</a>
        <a href="#angles" class="hover:text-nordic-charcoal transition-colors">躺椅角度</a>
        <a href="#gallery" class="hover:text-nordic-charcoal transition-colors">細節藝境</a>
        <a href="#customization" class="hover:text-nordic-charcoal transition-colors">材質與規格</a>
      </nav>

      <div class="flex items-center space-x-3">
        <span class="text-xs tracking-wider text-nordic-muted font-medium bg-nordic-card px-3.5 py-1.5 rounded-full border border-nordic-border/70">
          三人座全電動 250CM
        </span>
      </div>
    </div>
  </header>

  <main class="flex-grow">
    <!-- Hero / Product Showcase -->
    <section id="hero" class="py-8 sm:py-14 w-full px-6 lg:px-12 xl:px-16">
      <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 xl:gap-14 items-start">
        
        <!-- Left Column: Interactive Visual Showcase -->
        <div class="lg:col-span-7 flex flex-col space-y-4">
          <!-- Main Display Frame with Cursor Precision Zoom -->
          <div 
            id="zoomContainer" 
            class="product-zoom-stage relative w-full aspect-[4/3] rounded-2xl overflow-hidden bg-nordic-card border border-nordic-border/70 shadow-sm group select-none"
          >
            <img decoding="async" 
              id="mainProductImage" 
              src="https://rootfocus.haha.tw/eagleblue/good/sofa/E001/001.png" 
              alt="謐境電動牛皮沙發 - 主視覺" 
              class="product-zoom-img w-full h-full object-cover object-center pointer-events-none"
              onerror="this.src='https://placehold.co/1200x900/F4F1EA/716C68?text=EAGLE+BLUE+SOFA'"
            />
            
            <!-- Top Tag -->
            <div class="absolute top-4 left-4 glass-pill px-3.5 py-1.5 rounded-full border border-nordic-border/50 text-[11px] font-medium tracking-widest uppercase text-nordic-charcoal flex items-center gap-1.5 shadow-sm pointer-events-none z-10">
              <span class="w-2 h-2 rounded-full bg-nordic-accent animate-pulse"></span>
              250CM 三人座全電動
            </div>

            <!-- Bottom Floating Prompt -->
            <div id="zoomHint" class="absolute bottom-4 right-4 glass-pill px-3.5 py-1.5 rounded-full text-xs text-nordic-charcoal/80 font-medium tracking-wide flex items-center gap-1.5 shadow-sm pointer-events-none z-10 transition-opacity duration-300">
              <i class="fa-solid fa-magnifying-glass-plus text-nordic-accent"></i>
              <span>滑鼠移入局部放大 • 滑過下方切換</span>
            </div>
          </div>

          <!-- 4-Thumbnail Selector (Hover to Preview & Click to Select) -->
          <div class="grid grid-cols-4 gap-2.5 sm:gap-4">
            <button 
              type="button"
              onmouseenter="changeMainImage('https://rootfocus.haha.tw/eagleblue/good/sofa/E001/001.png', 0)" 
              onclick="changeMainImage('https://rootfocus.haha.tw/eagleblue/good/sofa/E001/001.png', 0)" 
              class="thumb-btn thumb-card active-thumb relative aspect-[4/3] rounded-xl overflow-hidden border-2 border-nordic-accent shadow-sm focus:outline-none"
              aria-label="檢視沙發主視角"
            >
              <img decoding="async" src="https://rootfocus.haha.tw/eagleblue/good/sofa/E001/001.png" alt="沙發視角 1" class="w-full h-full object-cover" onerror="this.src='https://placehold.co/400x300/F4F1EA/716C68?text=01'" />
              <div class="thumb-overlay absolute inset-0 bg-nordic-charcoal/10 transition-opacity opacity-0"></div>
              <span class="absolute bottom-1 left-1.5 glass-pill px-1.5 py-0.5 rounded text-[10px] text-nordic-charcoal font-medium hidden sm:inline-block">主視角</span>
            </button>

            <button 
              type="button"
              onmouseenter="changeMainImage('https://rootfocus.haha.tw/eagleblue/good/sofa/E001/002.png', 1)" 
              onclick="changeMainImage('https://rootfocus.haha.tw/eagleblue/good/sofa/E001/002.png', 1)" 
              class="thumb-btn thumb-card relative aspect-[4/3] rounded-xl overflow-hidden border-2 border-transparent hover:border-nordic-border/90 shadow-sm focus:outline-none"
              aria-label="檢視精緻車線與皮革"
            >
              <img decoding="async" src="https://rootfocus.haha.tw/eagleblue/good/sofa/E001/002.png" alt="沙發視角 2" class="w-full h-full object-cover" onerror="this.src='https://placehold.co/400x300/F4F1EA/716C68?text=02'" />
              <div class="thumb-overlay absolute inset-0 bg-nordic-charcoal/10 transition-opacity"></div>
              <span class="absolute bottom-1 left-1.5 glass-pill px-1.5 py-0.5 rounded text-[10px] text-nordic-charcoal font-medium hidden sm:inline-block">牛皮工藝</span>
            </button>

            <button 
              type="button"
              onmouseenter="changeMainImage('https://rootfocus.haha.tw/eagleblue/good/sofa/E001/003.png', 2)" 
              onclick="changeMainImage('https://rootfocus.haha.tw/eagleblue/good/sofa/E001/003.png', 2)" 
              class="thumb-btn thumb-card relative aspect-[4/3] rounded-xl overflow-hidden border-2 border-transparent hover:border-nordic-border/90 shadow-sm focus:outline-none"
              aria-label="檢視腳托展開狀態"
            >
              <img decoding="async" src="https://rootfocus.haha.tw/eagleblue/good/sofa/E001/003.png" alt="沙發視角 3" class="w-full h-full object-cover" onerror="this.src='https://placehold.co/400x300/F4F1EA/716C68?text=03'" />
              <div class="thumb-overlay absolute inset-0 bg-nordic-charcoal/10 transition-opacity"></div>
              <span class="absolute bottom-1 left-1.5 glass-pill px-1.5 py-0.5 rounded text-[10px] text-nordic-charcoal font-medium hidden sm:inline-block">展開型態</span>
            </button>

            <button 
              type="button"
              onmouseenter="changeMainImage('https://rootfocus.haha.tw/eagleblue/good/sofa/E001/004.jpg', 3)" 
              onclick="changeMainImage('https://rootfocus.haha.tw/eagleblue/good/sofa/E001/004.jpg', 3)" 
              class="thumb-btn thumb-card relative aspect-[4/3] rounded-xl overflow-hidden border-2 border-transparent hover:border-nordic-border/90 shadow-sm focus:outline-none"
              aria-label="檢視貓抓布材質紋理"
            >
              <img decoding="async" src="https://rootfocus.haha.tw/eagleblue/good/sofa/E001/004.jpg" alt="貓抓布材質" class="w-full h-full object-cover" onerror="this.src='https://placehold.co/400x300/F4F1EA/716C68?text=04+貓抓布'" />
              <div class="thumb-overlay absolute inset-0 bg-nordic-charcoal/10 transition-opacity"></div>
              <span class="absolute bottom-1 left-1.5 glass-pill px-1.5 py-0.5 rounded text-[10px] text-nordic-charcoal font-medium hidden sm:inline-block">貓抓布</span>
            </button>
          </div>
        </div>

        <!-- Right Column: Product Detail & Purchase Action -->
        <div class="lg:col-span-5 flex flex-col justify-start">
          <!-- Category & Tag -->
          <div class="flex items-center space-x-2 text-xs uppercase tracking-widest text-nordic-accent font-semibold mb-2">
            <span>Nordic Minimal Comfort</span>
            <span>•</span>
            <span>英格藍工藝系列</span>
          </div>

          <!-- Title -->
          <h1 class="text-3xl sm:text-4xl font-serif font-bold text-nordic-charcoal tracking-tight leading-tight">
            謐境電動牛皮沙發
          </h1>
          <p class="mt-2 text-sm sm:text-base text-nordic-muted font-light leading-relaxed">
            厚實柔軟的極致包覆，搭配無段微調電動機能。坐著、半躺、追劇、午睡，隨心調配最理想的客廳鬆弛感。
          </p>

          <!-- Price Block -->
          <div class="mt-6 p-5 rounded-2xl bg-nordic-card/80 border border-nordic-border/80 flex items-baseline justify-between">
            <div>
              <span class="text-xs uppercase tracking-wider text-nordic-muted block">特別典藏價</span>
              <div class="flex items-baseline gap-2 mt-1">
                <span class="text-3xl sm:text-4xl font-bold font-serif text-nordic-charcoal">$48,900</span>
                <span class="text-xs text-nordic-muted line-through font-normal">專櫃市價 $98,000+</span>
              </div>
            </div>
            <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-nordic-accent/15 text-nordic-accentDark border border-nordic-accent/30">
              三人座 250CM 標配
            </span>
          </div>

          <!-- Highlight Bullets -->
          <div class="mt-6 space-y-3 text-sm text-nordic-charcoal/90">
            <div class="flex items-start space-x-3">
              <span class="w-5 h-5 mt-0.5 rounded-full bg-nordic-softGray flex items-center justify-center text-nordic-accent flex-shrink-0 text-xs">
                <i class="fa-solid fa-couch"></i>
              </span>
              <span><strong>厚實包覆感座艙：</strong> 高回彈親膚支撐，久坐不塌陷、釋放整天肩頸腰椎壓力。</span>
            </div>
            <div class="flex items-start space-x-3">
              <span class="w-5 h-5 mt-0.5 rounded-full bg-nordic-softGray flex items-center justify-center text-nordic-accent flex-shrink-0 text-xs">
                <i class="fa-solid fa-sliders"></i>
              </span>
              <span><strong>平順靜音全電動：</strong> 輕按即停，110° 至 160° 自由定格微憩時光。</span>
            </div>
            <div class="flex items-start space-x-3">
              <span class="w-5 h-5 mt-0.5 rounded-full bg-nordic-softGray flex items-center justify-center text-nordic-accent flex-shrink-0 text-xs">
                <i class="fa-solid fa-palette"></i>
              </span>
              <span><strong>量身客製自由度：</strong> 頂級牛皮或耐磨防潑水貓抓布，尺寸與色彩皆可訂製。</span>
            </div>
          </div>

          <!-- Bottom Assurance Info -->
          <div class="mt-8 p-4 rounded-xl bg-nordic-card/60 border border-nordic-border/70 flex items-center space-x-3 text-xs text-nordic-muted">
            <i class="fa-solid fa-shield-halved text-nordic-accent text-base flex-shrink-0"></i>
            <span>全省門市提供現場體驗與諮詢服務 • 電機機械結構安心原廠保固</span>
          </div>
        </div>
      </div>
    </section>

    <!-- Nordic Philosophy Quote Banner -->
    <section class="py-14 bg-nordic-card/60 border-y border-nordic-border/70 my-10">
      <div class="w-full px-6 lg:px-12 xl:px-16 text-center">
        <span class="text-xs tracking-[0.3em] uppercase text-nordic-accent font-semibold block mb-3">Living Philosophy</span>
        <blockquote class="font-serif text-xl sm:text-2xl lg:text-3xl text-nordic-charcoal font-medium leading-snug">
          「不是只有好坐，<br class="hidden sm:inline" />
          而是從外型、機能到尺寸，都能真正配合你的家。」
        </blockquote>
        <p class="mt-4 text-sm sm:text-base text-nordic-muted max-w-3xl mx-auto font-light leading-relaxed">
          想找一張夠舒服、夠有質感，又有電動機能的沙發，其實不用花到十幾萬。
          英格藍讓講究的美感生活，成為每天踏進家門時最自然的擁抱。
        </p>
      </div>
    </section>

    <!-- Reclining Angle Showcase: Interactive Simulation -->
    <section id="angles" class="py-12 w-full px-6 lg:px-12 xl:px-16">
      <div class="text-center max-w-2xl mx-auto mb-10">
        <h2 class="text-2xl sm:text-3xl font-serif font-bold text-nordic-charcoal">自在調配 • 全天候極致坐感</h2>
        <p class="mt-2 text-sm text-nordic-muted">微動開關隨觸隨停，滿足生活中每一個微小放鬆需求</p>
      </div>

      <!-- Mode Selector Cards -->
      <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
        <!-- Mode 1 -->
        <div class="bg-white rounded-2xl p-6 border border-nordic-border/80 shadow-sm hover:shadow-md transition-all duration-300 flex flex-col justify-between">
          <div>
            <div class="flex items-center justify-between">
              <span class="text-xs font-semibold tracking-wider text-nordic-accent uppercase">Mode 01</span>
              <span class="text-sm font-bold text-nordic-charcoal bg-nordic-bg px-2.5 py-1 rounded-full">110° 角</span>
            </div>
            <h3 class="text-lg font-serif font-bold text-nordic-charcoal mt-4">日常坐姿 & 專注閱讀</h3>
            <p class="mt-2 text-xs sm:text-sm text-nordic-muted leading-relaxed">
              厚實腰靠服貼腰椎弧度，雙腿放鬆垂放，適合與家人喝茶對話、閱讀書報或手持平板。
            </p>
          </div>
          <div class="mt-6 pt-4 border-t border-nordic-border/50 text-xs text-nordic-charcoal font-medium flex items-center justify-between">
            <span>背部支撐度 100%</span>
            <i class="fa-solid fa-book-open text-nordic-accent"></i>
          </div>
        </div>

        <!-- Mode 2 -->
        <div class="bg-white rounded-2xl p-6 border-2 border-nordic-accent/60 shadow-md relative flex flex-col justify-between">
          <span class="absolute -top-3 right-6 bg-nordic-accent text-white text-[11px] px-2.5 py-0.5 rounded-full font-medium tracking-wide">
            最受歡迎
          </span>
          <div>
            <div class="flex items-center justify-between">
              <span class="text-xs font-semibold tracking-wider text-nordic-accent uppercase">Mode 02</span>
              <span class="text-sm font-bold text-nordic-charcoal bg-nordic-bg px-2.5 py-1 rounded-full">135° 角</span>
            </div>
            <h3 class="text-lg font-serif font-bold text-nordic-charcoal mt-4">劇院半躺 & 沉浸追劇</h3>
            <p class="mt-2 text-xs sm:text-sm text-nordic-muted leading-relaxed">
              腳托自然托高，分散腿部一整天站立行走的浮腫腫脹，視線自然平行電視螢幕，頭頸不再前傾痠痛。
            </p>
          </div>
          <div class="mt-6 pt-4 border-t border-nordic-border/50 text-xs text-nordic-charcoal font-medium flex items-center justify-between">
            <span>腿部零重力浮感</span>
            <i class="fa-solid fa-tv text-nordic-accent"></i>
          </div>
        </div>

        <!-- Mode 3 -->
        <div class="bg-white rounded-2xl p-6 border border-nordic-border/80 shadow-sm hover:shadow-md transition-all duration-300 flex flex-col justify-between">
          <div>
            <div class="flex items-center justify-between">
              <span class="text-xs font-semibold tracking-wider text-nordic-accent uppercase">Mode 03</span>
              <span class="text-sm font-bold text-nordic-charcoal bg-nordic-bg px-2.5 py-1 rounded-full">160° 角</span>
            </div>
            <h3 class="text-lg font-serif font-bold text-nordic-charcoal mt-4">深層小憩 & 週末午後</h3>
            <p class="mt-2 text-xs sm:text-sm text-nordic-muted leading-relaxed">
              延伸舒展宛如單人頭等艙躺椅，結合透氣牛皮觸感，閉上雙眼享受一個不被干擾的恬靜午覺。
            </p>
          </div>
          <div class="mt-6 pt-4 border-t border-nordic-border/50 text-xs text-nordic-charcoal font-medium flex items-center justify-between">
            <span>全身均衡減壓</span>
            <i class="fa-solid fa-cloud-moon text-nordic-accent"></i>
          </div>
        </div>
      </div>
    </section>

    <!-- 4 Core Selling Points Section -->
    <section id="features" class="py-12 bg-white border-t border-nordic-border/80">
      <div class="w-full px-6 lg:px-12 xl:px-16">
        <div class="text-center max-w-2xl mx-auto mb-12">
          <span class="text-xs tracking-[0.2em] uppercase text-nordic-accent font-semibold block mb-2">Exquisite Craftsmanship</span>
          <h2 class="text-2xl sm:text-3xl font-serif font-bold text-nordic-charcoal">三大極致講究，重新定義客廳核心</h2>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
          <!-- Feature 1 -->
          <div class="p-7 rounded-2xl bg-nordic-bg border border-nordic-border/60 hover:-translate-y-1 transition-transform duration-300">
            <div class="w-12 h-12 rounded-xl bg-nordic-card flex items-center justify-center text-nordic-accent text-xl mb-5">
              <i class="fa-solid fa-bolt"></i>
            </div>
            <h3 class="text-base font-bold text-nordic-charcoal mb-2">靜音無段電動機芯</h3>
            <p class="text-xs sm:text-sm text-nordic-muted leading-relaxed">
              搭載嚴選靜音高扭矩電機，微調滑順無頓挫感，安靜運轉不驚擾身旁心愛的伴侶與毛孩。
            </p>
          </div>

          <!-- Feature 2 -->
          <div class="p-7 rounded-2xl bg-nordic-bg border border-nordic-border/60 hover:-translate-y-1 transition-transform duration-300">
            <div class="w-12 h-12 rounded-xl bg-nordic-card flex items-center justify-center text-nordic-accent text-xl mb-5">
              <i class="fa-solid fa-shield-cat"></i>
            </div>
            <h3 class="text-base font-bold text-nordic-charcoal mb-2">貓抓布與牛皮雙選</h3>
            <p class="text-xs sm:text-sm text-nordic-muted leading-relaxed">
              喜愛奢華透氣可選頂級頭層牛皮；家有毛孩與幼童可選抗污耐刮科技貓抓布，滿足不同家庭情境。
            </p>
          </div>

          <!-- Feature 3 -->
          <div class="p-7 rounded-2xl bg-nordic-bg border border-nordic-border/60 hover:-translate-y-1 transition-transform duration-300">
            <div class="w-12 h-12 rounded-xl bg-nordic-card flex items-center justify-center text-nordic-accent text-xl mb-5">
              <i class="fa-solid fa-ruler-combined"></i>
            </div>
            <h3 class="text-base font-bold text-nordic-charcoal mb-2">格局專屬客製化</h3>
            <p class="text-xs sm:text-sm text-nordic-muted leading-relaxed">
              250CM 標準三人座寬幅氣派，亦可依客廳格局微調總寬、扶手尺寸與色階深淺，真正貼合空間。
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- Detailed Visual Gallery -->
    <section id="gallery" class="py-14 w-full px-6 lg:px-12 xl:px-16">
      <div class="flex flex-col md:flex-row md:items-end justify-between mb-8">
        <div>
          <span class="text-xs tracking-[0.2em] uppercase text-nordic-accent font-semibold block mb-2">Photo Gallery</span>
          <h2 class="text-2xl sm:text-3xl font-serif font-bold text-nordic-charcoal">實景細節見證溫潤質感</h2>
        </div>
        <p class="mt-2 md:mt-0 text-sm text-nordic-muted font-light max-w-md">
          「有些沙發看照片覺得不錯，這張是坐下去才知道真的舒服。」
        </p>
      </div>

      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
        <!-- Card 1 -->
        <div class="group rounded-2xl overflow-hidden bg-nordic-card border border-nordic-border/70 shadow-sm flex flex-col">
          <div class="img-zoom-container aspect-[4/3] bg-nordic-softGray">
            <img decoding="async" src="https://rootfocus.haha.tw/eagleblue/good/sofa/E001/001.png" alt="謐境電動牛皮沙發-1" class="w-full h-full object-cover" onerror="this.src='https://placehold.co/800x600/F4F1EA/716C68?text=謐境沙發+01'" />
          </div>
          <div class="p-4 bg-white flex-grow">
            <h4 class="text-sm font-bold text-nordic-charcoal">客廳沉浸全景</h4>
            <p class="text-xs text-nordic-muted mt-1">簡潔大器的線條輪廓，自然融入北歐原木與侘寂居家風格。</p>
          </div>
        </div>

        <!-- Card 2 -->
        <div class="group rounded-2xl overflow-hidden bg-nordic-card border border-nordic-border/70 shadow-sm flex flex-col">
          <div class="img-zoom-container aspect-[4/3] bg-nordic-softGray">
            <img decoding="async" src="https://rootfocus.haha.tw/eagleblue/good/sofa/E001/002.png" alt="謐境電動牛皮沙發-2" class="w-full h-full object-cover" onerror="this.src='https://placehold.co/800x600/F4F1EA/716C68?text=謐境沙發+02'" />
          </div>
          <div class="p-4 bg-white flex-grow">
            <h4 class="text-sm font-bold text-nordic-charcoal">精緻車線與皮革紋理</h4>
            <p class="text-xs text-nordic-muted mt-1">立體分區充填工法，兼顧頭頸貼合與腰背飽滿支撐。</p>
          </div>
        </div>

        <!-- Card 3 -->
        <div class="group rounded-2xl overflow-hidden bg-nordic-card border border-nordic-border/70 shadow-sm flex flex-col">
          <div class="img-zoom-container aspect-[4/3] bg-nordic-softGray">
            <img decoding="async" src="https://rootfocus.haha.tw/eagleblue/good/sofa/E001/003.png" alt="謐境電動牛皮沙發-3" class="w-full h-full object-cover" onerror="this.src='https://placehold.co/800x600/F4F1EA/716C68?text=謐境沙發+03'" />
          </div>
          <div class="p-4 bg-white flex-grow">
            <h4 class="text-sm font-bold text-nordic-charcoal">機能展開形態</h4>
            <p class="text-xs text-nordic-muted mt-1">腳托平順抬升，無論坐著滑手機或半躺小歇都能自由定格。</p>
          </div>
        </div>

        <!-- Card 4 -->
        <div class="group rounded-2xl overflow-hidden bg-nordic-card border border-nordic-border/70 shadow-sm flex flex-col">
          <div class="img-zoom-container aspect-[4/3] bg-nordic-softGray">
            <img decoding="async" src="https://rootfocus.haha.tw/eagleblue/good/sofa/E001/004.jpg" alt="科技貓抓布材質特寫" class="w-full h-full object-cover" onerror="this.src='https://placehold.co/800x600/F4F1EA/716C68?text=科技貓抓布材質'" />
          </div>
          <div class="p-4 bg-white flex-grow">
            <h4 class="text-sm font-bold text-nordic-charcoal">科技貓抓布材質</h4>
            <p class="text-xs text-nordic-muted mt-1">細膩溫潤織理，具備耐磨抗刮、防潑水好清潔特性，有寵家庭首選。</p>
          </div>
        </div>
      </div>
    </section>

    <!-- Specs and Comparison Section -->
    <section id="customization" class="py-12 bg-white border-t border-nordic-border/80">
      <div class="w-full px-6 lg:px-12 xl:px-16">
        <div class="text-center mb-8">
          <span class="text-xs tracking-[0.2em] uppercase text-nordic-accent font-semibold block mb-2">Specification & Service</span>
          <h2 class="text-2xl sm:text-3xl font-serif font-bold text-nordic-charcoal">產品規格與客製服務</h2>
        </div>

        <div class="rounded-2xl border border-nordic-border overflow-hidden bg-nordic-bg/50">
          <div class="grid grid-cols-1 sm:grid-cols-3 divide-y sm:divide-y-0 sm:divide-x divide-nordic-border border-b border-nordic-border bg-white text-xs font-semibold uppercase tracking-wider text-nordic-muted p-4">
            <div>規格項目</div>
            <div class="sm:col-span-2 pt-2 sm:pt-0">標準配置與客製範圍</div>
          </div>

          <div class="divide-y divide-nordic-border text-sm">
            <div class="grid grid-cols-1 sm:grid-cols-3 p-4 gap-2">
              <span class="font-medium text-nordic-charcoal">產品名稱</span>
              <span class="sm:col-span-2 text-nordic-muted">謐境電動牛皮沙發（全電動機能三人座）</span>
            </div>
            <div class="grid grid-cols-1 sm:grid-cols-3 p-4 gap-2">
              <span class="font-medium text-nordic-charcoal">標準參考尺寸</span>
              <span class="sm:col-span-2 text-nordic-muted">面寬 250CM（大三人座），亦支援寬度等比縮放客製訂作</span>
            </div>
            <div class="grid grid-cols-1 sm:grid-cols-3 p-4 gap-2">
              <span class="font-medium text-nordic-charcoal">面料等級選擇</span>
              <span class="sm:col-span-2 text-nordic-muted">
                1. 典雅親膚半苯染/塗料牛皮<br />
                2. 歐規防潑水高耐磨耐抓貓抓布（多種北歐灰階、燕麥奶茶色系可選）
              </span>
            </div>
            <div class="grid grid-cols-1 sm:grid-cols-3 p-4 gap-2">
              <span class="font-medium text-nordic-charcoal">機能配置</span>
              <span class="sm:col-span-2 text-nordic-muted">全電動微調躺椅機能（110° 至 160° 無段隨停）</span>
            </div>
            <div class="grid grid-cols-1 sm:grid-cols-3 p-4 gap-2">
              <span class="font-medium text-nordic-charcoal">特惠專案價</span>
              <span class="sm:col-span-2 font-bold text-nordic-charcoal text-base">
                NT$ 48,900 <span class="text-xs font-normal text-nordic-muted">（三人座牛皮標配價格）</span>
              </span>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Nordic Experience Section -->
    <section id="experience-cta" class="py-16 bg-nordic-card border-t border-nordic-border/70">
      <div class="w-full px-6 lg:px-12 xl:px-16 text-center">
        <div class="w-14 h-14 rounded-full bg-white text-nordic-accent flex items-center justify-center text-xl mx-auto shadow-sm mb-5">
          <i class="fa-solid fa-couch"></i>
        </div>
        <h2 class="text-2xl sm:text-3xl font-serif font-bold text-nordic-charcoal tracking-tight">
          歡迎親臨英格藍，感受坐下去才知道的溫潤擁抱
        </h2>
        <p class="mt-4 text-sm sm:text-base text-nordic-muted max-w-2xl mx-auto leading-relaxed">
          有些沙發看照片覺得不錯，這張是坐下去才知道真的舒服。<br />
          親身入座體驗工藝的深度，讓客廳成為真正卸下疲憊的放鬆歸屬。
        </p>
      </div>
    </section>
  </main>

  <!-- Footer -->
  <footer class="bg-white border-t border-nordic-border py-10">
    <div class="w-full px-6 lg:px-12 xl:px-16 flex flex-col sm:flex-row items-center justify-between text-xs text-nordic-muted gap-4">
      <div class="flex items-center space-x-2">
        <span class="font-serif font-bold text-nordic-charcoal tracking-wider">英格藍 EAGLE BLUE</span>
        <span>•</span>
        <span>北歐美學沙發客製工坊</span>
      </div>
      <p>© 2026 EAGLE BLUE. All Rights Reserved. 謐境電動牛皮沙發專案展示</p>
    </div>
  </footer>

  <script>
    // Image Switcher & Precision Zoom Logic
    const mainImg = document.getElementById('mainProductImage');
    const zoomContainer = document.getElementById('zoomContainer');
    const zoomHint = document.getElementById('zoomHint');
    const thumbBtns = document.querySelectorAll('.thumb-btn');

    let currentImgIndex = 0;

    // Switch main image on hover / click
    function changeMainImage(src, index) {
      if (!mainImg || currentImgIndex === index) return;
      currentImgIndex = index;

      mainImg.style.opacity = '0.35';
      mainImg.src = src;

      mainImg.onload = () => {
        mainImg.style.opacity = '1';
      };

      thumbBtns.forEach((btn, i) => {
        const overlay = btn.querySelector('.thumb-overlay');
        if (i === index) {
          btn.classList.add('border-nordic-accent', 'shadow-md');
          btn.classList.remove('border-transparent');
          if (overlay) overlay.classList.add('opacity-0');
        } else {
          btn.classList.remove('border-nordic-accent', 'shadow-md');
          btn.classList.add('border-transparent');
          if (overlay) overlay.classList.remove('opacity-0');
        }
      });
    }

    // High Precision Zoom on Mouse Hover
    if (zoomContainer && mainImg) {
      zoomContainer.addEventListener('mousemove', (e) => {
        const rect = zoomContainer.getBoundingClientRect();
        const x = ((e.clientX - rect.left) / rect.width) * 100;
        const y = ((e.clientY - rect.top) / rect.height) * 100;

        mainImg.style.transformOrigin = `${x}% ${y}%`;
        mainImg.style.transform = 'scale(2.2)';
        
        if (zoomHint) {
          zoomHint.style.opacity = '0.2';
        }
      });

      zoomContainer.addEventListener('mouseleave', () => {
        mainImg.style.transformOrigin = 'center center';
        mainImg.style.transform = 'scale(1)';
        
        if (zoomHint) {
          zoomHint.style.opacity = '1';
        }
      });

      // Mobile Touch Handling (Tap / Drag to Zoom)
      let touchZooming = false;
      zoomContainer.addEventListener('touchstart', (e) => {
        touchZooming = true;
        handleTouchMove(e);
      }, { passive: true });

      zoomContainer.addEventListener('touchmove', (e) => {
        if (!touchZooming) return;
        handleTouchMove(e);
      }, { passive: true });

      zoomContainer.addEventListener('touchend', () => {
        touchZooming = false;
        mainImg.style.transformOrigin = 'center center';
        mainImg.style.transform = 'scale(1)';
      });

      function handleTouchMove(e) {
        if (!e.touches || e.touches.length === 0) return;
        const touch = e.touches[0];
        const rect = zoomContainer.getBoundingClientRect();
        const x = Math.max(0, Math.min(100, ((touch.clientX - rect.left) / rect.width) * 100));
        const y = Math.max(0, Math.min(100, ((touch.clientY - rect.top) / rect.height) * 100));

        mainImg.style.transformOrigin = `${x}% ${y}%`;
        mainImg.style.transform = 'scale(2)';
      }
    }
  </script>
</body>
</html>				</div>
				</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://eagleblue.com.tw/sofa/%e8%ac%90%e5%a2%83%e9%9b%bb%e5%8b%95%e6%b2%99%e7%99%bc/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>莎曼電動沙發</title>
		<link>https://eagleblue.com.tw/%e7%b6%93%e9%8a%b7%e5%93%81%e7%89%8c/%e8%8e%8e%e6%9b%bc%e9%9b%bb%e5%8b%95%e6%b2%99%e7%99%bc/</link>
					<comments>https://eagleblue.com.tw/%e7%b6%93%e9%8a%b7%e5%93%81%e7%89%8c/%e8%8e%8e%e6%9b%bc%e9%9b%bb%e5%8b%95%e6%b2%99%e7%99%bc/#respond</comments>
		
		<dc:creator><![CDATA[黃 婷]]></dc:creator>
		<pubDate>Tue, 29 Sep 2026 07:52:53 +0000</pubDate>
				<category><![CDATA[經銷品牌]]></category>
		<category><![CDATA[沙發 sofa]]></category>
		<category><![CDATA[客製沙發]]></category>
		<category><![CDATA[布沙發]]></category>
		<category><![CDATA[沙發]]></category>
		<category><![CDATA[皮沙發]]></category>
		<category><![CDATA[莎曼電動沙發]]></category>
		<guid isPermaLink="false">https://eagleblue.com.tw/?p=11752</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="11752" class="elementor elementor-11752">
				<div class="elementor-element elementor-element-06b815c e-flex e-con-boxed e-con e-parent" data-id="06b815c" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-a0fbd8e elementor-widget elementor-widget-image" data-id="a0fbd8e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1600" height="900" src="https://eagleblue.com.tw/wp-content/uploads/2026/09/莎曼-2.png" class="attachment-large size-large wp-image-11754" alt="" srcset="https://eagleblue.com.tw/wp-content/uploads/2026/09/莎曼-2.png 1600w, https://eagleblue.com.tw/wp-content/uploads/2026/09/莎曼-2-768x432.png 768w, https://eagleblue.com.tw/wp-content/uploads/2026/09/莎曼-2-1536x864.png 1536w" sizes="(max-width: 1600px) 100vw, 1600px" />															</div>
				</div>
				<div class="elementor-element elementor-element-35f579f elementor-widget elementor-widget-image" data-id="35f579f" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1600" height="900" src="https://eagleblue.com.tw/wp-content/uploads/2026/09/莎曼-3.png" class="attachment-large size-large wp-image-11755" alt="" srcset="https://eagleblue.com.tw/wp-content/uploads/2026/09/莎曼-3.png 1600w, https://eagleblue.com.tw/wp-content/uploads/2026/09/莎曼-3-768x432.png 768w, https://eagleblue.com.tw/wp-content/uploads/2026/09/莎曼-3-1536x864.png 1536w" sizes="(max-width: 1600px) 100vw, 1600px" />															</div>
				</div>
				<div class="elementor-element elementor-element-43f1934 elementor-widget elementor-widget-image" data-id="43f1934" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1600" height="900" src="https://eagleblue.com.tw/wp-content/uploads/2026/09/莎曼-1.png" class="attachment-large size-large wp-image-11753" alt="" srcset="https://eagleblue.com.tw/wp-content/uploads/2026/09/莎曼-1.png 1600w, https://eagleblue.com.tw/wp-content/uploads/2026/09/莎曼-1-768x432.png 768w, https://eagleblue.com.tw/wp-content/uploads/2026/09/莎曼-1-1536x864.png 1536w" sizes="(max-width: 1600px) 100vw, 1600px" />															</div>
				</div>
		<div class="elementor-element elementor-element-14ae5c1 e-con-full e-flex e-con e-child" data-id="14ae5c1" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-41b417f elementor-widget__width-initial elementor-widget elementor-widget-video" data-id="41b417f" data-element_type="widget" data-e-type="widget" data-settings="{&quot;youtube_url&quot;:&quot;https:\/\/www.youtube.com\/shorts\/TYVtn3Dsj6w&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="elementor-wrapper elementor-open-inline">
			<div class="elementor-video"></div>		</div>
						</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-d17f410 elementor-widget elementor-widget-image" data-id="d17f410" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1600" height="900" src="https://eagleblue.com.tw/wp-content/uploads/2023/12/4-1.jpg" class="attachment-large size-large wp-image-10477" alt="" srcset="https://eagleblue.com.tw/wp-content/uploads/2023/12/4-1.jpg 1600w, https://eagleblue.com.tw/wp-content/uploads/2023/12/4-1-768x432.jpg 768w, https://eagleblue.com.tw/wp-content/uploads/2023/12/4-1-1536x864.jpg 1536w" sizes="(max-width: 1600px) 100vw, 1600px" />															</div>
				</div>
				<div class="elementor-element elementor-element-68f17ee elementor-widget elementor-widget-image" data-id="68f17ee" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1600" height="900" src="https://eagleblue.com.tw/wp-content/uploads/2023/12/5-3.jpg" class="attachment-large size-large wp-image-10476" alt="" srcset="https://eagleblue.com.tw/wp-content/uploads/2023/12/5-3.jpg 1600w, https://eagleblue.com.tw/wp-content/uploads/2023/12/5-3-768x432.jpg 768w, https://eagleblue.com.tw/wp-content/uploads/2023/12/5-3-1536x864.jpg 1536w" sizes="(max-width: 1600px) 100vw, 1600px" />															</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://eagleblue.com.tw/%e7%b6%93%e9%8a%b7%e5%93%81%e7%89%8c/%e8%8e%8e%e6%9b%bc%e9%9b%bb%e5%8b%95%e6%b2%99%e7%99%bc/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
