<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <title>折石咖啡 · 风味与灵感探索计划 - ZHE'S COFFEE</title>
    <meta name="description" content="折石咖啡订阅计划：日常风味 + 灵感探索两档提案，¥98-¥1,888。每月第 1-4 个周三发货。">
    <link rel="canonical" href="https://zhescoffee.com/monthly-beans.html" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="折石咖啡 ZHE'S COFFEE" />
    <meta property="og:title" content="折石咖啡订阅计划 — 风味与灵感探索" />
    <meta property="og:description" content="日常风味 + 灵感探索两档提案，¥98-¥1,888。每月第 1-4 个周三发货。" />
    <meta property="og:url" content="https://zhescoffee.com/monthly-beans.html" />
    <meta property="og:image" content="https://zhescoffee.com/img/zhes-logo.png" />
    <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="日常风味 + 灵感探索两档提案，¥98-¥1,888。每月第 1-4 个周三发货。" />
    <meta name="twitter:image" content="https://zhescoffee.com/img/zhes-logo.png" />
    <link rel="icon" type="image/png" href="img/zhes-logo.png">
    <link rel="stylesheet" href="css/tailwind.css">
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "@id": "https://zhescoffee.com/#website",
      "url": "https://zhescoffee.com/",
      "name": "折石咖啡 ZHE'S COFFEE",
      "description": "上海欧焙客贸易旗下精品咖啡品牌。创始人江承哲，世界烘焙亚军。",
      "inLanguage": "zh-CN",
      "publisher": { "@id": "https://zhescoffee.com/#organization" }
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "@id": "https://zhescoffee.com/#organization",
      "name": "折石咖啡 ZHE'S COFFEE",
      "alternateName": ["ZHE'S COFFEE", "折石咖啡"],
      "url": "https://zhescoffee.com",
      "logo": "https://zhescoffee.com/img/zhes-logo.png",
      "legalName": "上海欧焙客贸易有限公司",
      "description": "折石咖啡 ZHE'S COFFEE — 上海欧焙客贸易有限公司旗下精品咖啡品牌。创始人江承哲为世界烘焙亚军、台湾烘焙冠军、SCA Diploma 持证人。提供精品咖啡零售、烘焙与订阅服务。",
      "slogan": "在坚硬现实中寻找精确诗意",
      "founder": { "@type": "Person", "name": "江承哲", "@id": "https://jiangchengzhe.com/#person" },
      "brand": { "@type": "Brand", "name": "ZHE'S COFFEE", "alternateName": "折石咖啡" },
      "subOrganization": {
        "@type": "Organization",
        "@id": "https://tastermatrix.com/#organization",
        "name": "解味视界 TasterMatrix",
        "alternateName": ["TasterMatrix", "解味视界"],
        "url": "https://tastermatrix.com"
      },
      "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "customer support",
        "url": "https://zhescoffee.com/contact.html",
        "availableLanguage": ["zh-CN", "en"]
      },
      "areaServed": { "@type": "City", "name": "Shanghai" },
      "sameAs": ["https://zhescoffee.taobao.com"]
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "OfferCatalog",
      "name": "折石咖啡订阅计划",
      "url": "https://zhescoffee.com/monthly-beans.html",
      "itemListElement": [
        {
          "@type": "Offer",
          "name": "日常风味提案 · 月度（2 次）",
          "description": "每月第 1 + 第 3 个周三发货，每次 100g。",
          "price": "98",
          "priceCurrency": "CNY",
          "availability": "https://schema.org/InStock",
          "url": "https://zhescoffee.com/monthly-beans.html",
          "itemOffered": {
            "@type": "Product",
            "name": "日常风味提案 · 月度",
            "brand": { "@id": "https://zhescoffee.com/#organization" },
            "category": "咖啡订阅"
          }
        },
        {
          "@type": "Offer",
          "name": "日常风味提案 · 季度（6 次）",
          "price": "278",
          "priceCurrency": "CNY",
          "availability": "https://schema.org/InStock",
          "url": "https://zhescoffee.com/monthly-beans.html",
          "itemOffered": { "@type": "Product", "name": "日常风味提案 · 季度", "brand": { "@id": "https://zhescoffee.com/#organization" } }
        },
        {
          "@type": "Offer",
          "name": "日常风味提案 · 半年（12 次）",
          "price": "548",
          "priceCurrency": "CNY",
          "availability": "https://schema.org/InStock",
          "url": "https://zhescoffee.com/monthly-beans.html",
          "itemOffered": { "@type": "Product", "name": "日常风味提案 · 半年", "brand": { "@id": "https://zhescoffee.com/#organization" } }
        },
        {
          "@type": "Offer",
          "name": "日常风味提案 · 年度（24 次）",
          "price": "998",
          "priceCurrency": "CNY",
          "availability": "https://schema.org/InStock",
          "url": "https://zhescoffee.com/monthly-beans.html",
          "itemOffered": { "@type": "Product", "name": "日常风味提案 · 年度", "brand": { "@id": "https://zhescoffee.com/#organization" } }
        },
        {
          "@type": "Offer",
          "name": "灵感探索提案 · 月度（2 次）",
          "description": "每月第 2 + 第 4 个周三发货，每次 100g。",
          "price": "168",
          "priceCurrency": "CNY",
          "availability": "https://schema.org/InStock",
          "url": "https://zhescoffee.com/monthly-beans.html",
          "itemOffered": {
            "@type": "Product",
            "name": "灵感探索提案 · 月度",
            "brand": { "@id": "https://zhescoffee.com/#organization" },
            "category": "咖啡订阅"
          }
        },
        {
          "@type": "Offer",
          "name": "灵感探索提案 · 季度（6 次）",
          "price": "488",
          "priceCurrency": "CNY",
          "availability": "https://schema.org/InStock",
          "url": "https://zhescoffee.com/monthly-beans.html",
          "itemOffered": { "@type": "Product", "name": "灵感探索提案 · 季度", "brand": { "@id": "https://zhescoffee.com/#organization" } }
        },
        {
          "@type": "Offer",
          "name": "灵感探索提案 · 半年（12 次）",
          "price": "968",
          "priceCurrency": "CNY",
          "availability": "https://schema.org/InStock",
          "url": "https://zhescoffee.com/monthly-beans.html",
          "itemOffered": { "@type": "Product", "name": "灵感探索提案 · 半年", "brand": { "@id": "https://zhescoffee.com/#organization" } }
        },
        {
          "@type": "Offer",
          "name": "灵感探索提案 · 年度（24 次）",
          "price": "1888",
          "priceCurrency": "CNY",
          "availability": "https://schema.org/InStock",
          "url": "https://zhescoffee.com/monthly-beans.html",
          "itemOffered": { "@type": "Product", "name": "灵感探索提案 · 年度", "brand": { "@id": "https://zhescoffee.com/#organization" } }
        }
      ]
    }
    </script>
    <style>
        :root {
            --oatmeal: #E2DED0;
            --quartz: #F2F0E6;
            --ash: #3F4242;
            --denim: #4F6672;
            --moss: #63715E;
            --wine: #7C4A54;
            --line: rgba(63, 66, 66, 0.14);
            --quartz-vein: #FEFBF0;
        }

        * { box-sizing: border-box; }

        body {
            margin: 0;
            color: var(--ash);
            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
            background:
                linear-gradient(160deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0) 52%),
                linear-gradient(340deg, rgba(124, 74, 84, 0.12) 0%, rgba(124, 74, 84, 0) 54%),
                var(--oatmeal);
        }

        a { color: inherit; text-decoration: none; }
        button { font: inherit; }

        .site-header {
            position: sticky;
            top: 0;
            z-index: 20;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            padding: 16px 20px;
            border-bottom: 1px solid rgba(63, 66, 66, 0.08);
            background: rgba(226, 222, 208, 0.88);
            backdrop-filter: blur(16px);
        }

        .brand-link {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.16em;
        }

        .brand-link img {
            width: 52px;
            height: 52px;
            object-fit: contain;
        }

        .nav-links {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 8px;
            color: rgba(63, 66, 66, 0.68);
            font-size: 13px;
        }

        .nav-links a {
            padding: 9px 11px;
            border: 1px solid rgba(79, 102, 114, 0.18);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.22);
        }

        .nav-links a[aria-current="page"] {
            color: #343434;
            border-color: rgba(79, 102, 114, 0.34);
            background: rgba(255, 255, 255, 0.4);
            box-shadow: inset 0 -2px 0 var(--quartz-vein);
            position: relative;
        }
        .nav-links a[aria-current="page"]::after {
            content: "";
            position: absolute;
            bottom: -5px;
            left: 50%;
            transform: translateX(-50%);
            width: 16px;
            height: 2px;
            background: var(--quartz-vein);
            border-radius: 1px;
        }

        .shell {
            width: min(1140px, calc(100% - 36px));
            margin: 0 auto;
            padding: 46px 0 80px;
        }

        .hero,
        .panel,
        .sku-card,
        .issue-card,
        .compare-card {
            border: 1px solid rgba(250, 246, 236, 0.65);
            border-radius: 8px;
            background: rgba(250, 246, 236, 0.85);
            box-shadow: 0 22px 56px rgba(63, 66, 66, 0.08);
            backdrop-filter: blur(12px);
        }

        .hero { padding: 34px; }

        .product-strip {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 12px;
            margin-top: 24px;
        }

        .product-strip a {
            display: block;
            border-radius: 8px;
            overflow: hidden;
            border: 1px solid rgba(250, 246, 236, 0.65);
            box-shadow: 0 12px 32px rgba(63, 66, 66, 0.1);
            aspect-ratio: 1;
            background: rgba(250, 246, 236, 0.6);
        }

        .product-strip img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        .product-strip a:hover img {
            transform: scale(1.04);
        }

        .eyebrow {
            margin: 0 0 14px;
            color: var(--denim);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.24em;
            text-transform: uppercase;
        }
        .eyebrow::before {
            content: "";
            display: inline-block;
            width: 2px;
            height: 12px;
            background: var(--quartz-vein);
            margin-right: 10px;
            vertical-align: middle;
        }
        .eyebrow::after {
            content: "";
            display: block;
            width: 32px;
            height: 1px;
            background: var(--quartz-vein);
            margin-top: 8px;
        }

        h1 {
            max-width: 840px;
            margin: 0;
            color: #303232;
            font-size: clamp(34px, 7vw, 60px);
            line-height: 1.12;
        }

        .hero-copy {
            max-width: 760px;
            margin: 18px 0 0;
            color: rgba(63, 66, 66, 0.74);
            font-size: 16px;
            line-height: 1.85;
        }

        .hero-quote {
            max-width: 760px;
            margin: 0 0 18px;
            padding-left: 14px;
            border-left: 2px solid var(--denim);
            color: #343737;
            font-size: 19px;
            font-weight: 600;
            line-height: 1.6;
            letter-spacing: 0.01em;
        }

        .trust-row,
        .action-row,
        .badges {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .trust-row { margin-top: 24px; }

        .trust-row span,
        .badge {
            padding: 9px 12px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.36);
            color: rgba(63, 66, 66, 0.72);
            font-size: 13px;
            font-weight: 800;
        }

        .badge.recommend { color: #fff; background: var(--moss); }
        .badge.value { color: #fff; background: var(--wine); }

        .action-row { margin-top: 20px; }

        .action {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 46px;
            padding: 12px 16px;
            border: 1px solid rgba(79, 102, 114, 0.26);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.3);
            color: var(--denim);
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 0.08em;
            cursor: pointer;
        }

        .action.primary {
            color: #fff;
            border-color: transparent;
            background: linear-gradient(135deg, var(--denim), var(--moss));
        }

        .section-head {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 16px;
            margin: 48px 0 14px;
        }

        .section-head h2,
        .panel h2 {
            margin: 0;
            color: #343737;
            font-size: 24px;
        }

        .section-head p,
        .panel p,
        .sku-card p,
        .issue-card p,
        .compare-card p,
        .compare-card li {
            margin: 0;
            color: rgba(63, 66, 66, 0.68);
            font-size: 14px;
            line-height: 1.75;
        }

        /* ── Pricing table ── */
        .price-table-wrap {
            overflow-x: auto;
            border-radius: 8px;
            border: 1px solid var(--line);
        }

        .price-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
        }

        .price-table th,
        .price-table td {
            padding: 14px 16px;
            text-align: center;
            border-bottom: 1px solid var(--line);
        }

        .price-table th {
            background: rgba(99, 113, 94, 0.1);
            color: #343737;
            font-weight: 800;
            white-space: nowrap;
        }

        .price-table td:first-child {
            text-align: left;
            font-weight: 800;
            color: #343737;
        }

        .price-table .price-num {
            font-size: 20px;
            font-weight: 900;
            color: var(--denim);
        }

        .price-table .per-unit {
            font-size: 12px;
            color: rgba(63, 66, 66, 0.5);
            margin-top: 2px;
        }

        .price-table .col-recommend {
            background: rgba(99, 113, 94, 0.06);
        }

        .price-table tr:hover td {
            background: rgba(255, 255, 255, 0.2);
        }

        /* ── Plan comparison ── */
        .compare-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }

        .compare-card { padding: 22px; }

        .compare-card h3 {
            margin: 0 0 6px;
            color: #343737;
            font-size: 19px;
        }

        .compare-card .proposal-quote {
            margin: 0 0 14px;
            padding: 10px 0 10px 12px;
            border-left: 2px solid var(--quartz-vein);
            color: var(--denim);
            font-size: 13.5px;
            font-style: italic;
            line-height: 1.6;
        }

        .compare-card .price-hint {
            margin: 0 0 14px;
            color: var(--denim);
            font-size: 13px;
            font-weight: 800;
        }

        .compare-card .proposal-meta {
            margin: 10px 0 0;
            padding: 0;
            list-style: none;
        }

        .compare-card .proposal-meta li {
            position: relative;
            padding: 4px 0 4px 22px;
            color: rgba(63, 66, 66, 0.74);
            font-size: 13.5px;
            line-height: 1.7;
        }

        .compare-card .proposal-meta li::before {
            content: "";
            position: absolute;
            left: 4px;
            top: 12px;
            width: 8px;
            height: 1px;
            background: var(--denim);
        }

        .compare-card .proposal-meta li strong {
            display: inline-block;
            min-width: 84px;
            color: #343737;
            font-weight: 800;
            font-size: 12px;
            letter-spacing: 0.04em;
        }

        .compare-card ul {
            margin: 10px 0 0;
            padding-left: 18px;
        }

        .compare-card li {
            margin-bottom: 6px;
        }

        /* ── Schedule ── */
        .schedule-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
            margin-top: 14px;
        }

        .schedule-item {
            padding: 16px;
            border: 1px solid var(--line);
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.26);
        }

        .schedule-item strong {
            display: block;
            margin-bottom: 6px;
            color: #343737;
            font-size: 15px;
        }

        /* ── Rules ── */
        .rules-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
            margin-top: 14px;
        }

        .rule-item {
            padding: 16px;
            border: 1px solid var(--line);
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.26);
        }

        .rule-item strong {
            display: block;
            margin-bottom: 6px;
            color: #343737;
            font-size: 15px;
        }

        /* ── FAQ ── */
        .faq-list {
            margin-top: 14px;
        }

        .faq-item {
            padding: 14px 0;
            border-bottom: 1px solid var(--line);
        }

        .faq-item:last-child { border-bottom: 0; }

        .faq-item h4 {
            margin: 0 0 6px;
            color: #343737;
            font-size: 15px;
        }

        .faq-item p {
            margin: 0;
            color: rgba(63, 66, 66, 0.68);
            font-size: 14px;
            line-height: 1.75;
        }

        .panel { margin-top: 20px; padding: 24px; }

        .flow {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
            margin-top: 14px;
        }

        .flow div {
            padding: 16px;
            border: 1px solid var(--line);
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.26);
        }

        .flow strong {
            display: block;
            margin-bottom: 8px;
            color: #343737;
        }

        .issue-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
        }

        .issue-card { padding: 18px; }

        .issue-card h3 {
            margin: 0 0 8px;
            color: #343737;
            font-size: 17px;
        }

        .empty {
            padding: 18px;
            border: 1px dashed rgba(63, 66, 66, 0.22);
            border-radius: 8px;
            color: rgba(63, 66, 66, 0.62);
            background: rgba(255, 255, 255, 0.22);
        }

        .footer {
            margin-top: 32px;
            color: rgba(63, 66, 66, 0.5);
            font-size: 12px;
            text-align: center;
        }

        @media (max-width: 980px) {
            .compare-grid,
            .schedule-grid,
            .rules-grid,
            .issue-grid {
                grid-template-columns: 1fr;
            }
            .product-strip {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 720px) {
            .site-header {
                align-items: flex-start;
                flex-direction: column;
            }

            .nav-links { justify-content: flex-start; }
            .hero { padding: 24px; }
            .issue-grid,
            .flow { grid-template-columns: 1fr; }
            .section-head { align-items: flex-start; flex-direction: column; }
            .price-table th,
            .price-table td { padding: 10px 8px; font-size: 13px; }
            .price-table .price-num { font-size: 17px; }
        }
        .hero, .panel, .sku-card, .issue-card, .compare-card {
            border-left: 2px solid var(--quartz-vein);
        }
    </style>
</head>
<body>
    <header class="site-header">
        <a href="/?src=site_nav" class="brand-link" aria-label="返回 ZHE'S COFFEE 首页">
            <img src="img/zhes-logo.png" alt="ZHE'S COFFEE Logo">
            <span>ZHE'S COFFEE</span>
        </a>
        <nav class="nav-links" aria-label="主导航">
            <a href="products.html?src=site_nav">豆单</a>
            <a href="quiz.html?src=site_nav">帮我选豆</a>
<a href="monthly-beans.html?src=site_nav" aria-current="page">月度补给</a>
<a href="articles.html?src=site_nav">专栏</a>
<a href="account.html?src=site_nav">登录/补给</a>
            <a href="contact.html?src=site_nav">联系</a>
        </nav>
    </header>

    <main class="shell">
        <section class="hero">
            <p class="eyebrow">Flavor &amp; Inspiration</p>
            <h1>折石咖啡 · 风味与灵感探索计划</h1>
            <p class="hero-quote">「把繁琐的产区研究留给折石，把纯粹的风味惊喜留给自己。」</p>
            <p class="hero-copy">全球咖啡生豆的标签正变得越来越复杂。各种实验发酵法、庄园编号、海拔数据，不应该成为你喝一杯好咖啡的认知门槛。</p>
            <p class="hero-copy">由世界咖啡烘焙大赛亚军团队主理，每月结合当期咖啡时事、产区文化意涵与我们最新的烘焙实验，为你选定两支时令庄园豆（各 100g），固定时间送达。我们为你过滤噪音，直达风味的正确答案。</p>
            <div class="trust-row" aria-label="服务承诺">
                <span>不自动扣款</span>
                <span>每月 200g · 双周送达</span>
                <span>可暂停 / 跳过 / 切换提案</span>
                <span>发货前 3 日内新鲜烘焙</span>
            </div>
            <div class="action-row">
                <a class="action primary" href="contact.html?src=monthly_apply">立即预定本月补给名额</a>
                <a class="action" href="wechat-member.html?tab=issue&src=monthly_issue">查看本期主厨批次</a>
                <a class="action" href="products.html?src=monthly_catalog">先看最新豆单</a>
            </div>
            <div class="product-strip" aria-label="往期出品咖啡">
                <a href="products.html?src=monthly_showcase"><img src="img/monthly-bean-1.jpg" alt="秘鲁 库斯科 印加瑰夏" loading="lazy"></a>
                <a href="products.html?src=monthly_showcase"><img src="img/monthly-bean-2.jpg" alt="哥伦比亚 玫瑰香颂" loading="lazy"></a>
                <a href="products.html?src=monthly_showcase"><img src="img/monthly-bean-3.jpg" alt="哥伦比亚 愉悦 Wush Wush" loading="lazy"></a>
                <a href="products.html?src=monthly_showcase"><img src="img/monthly-bean-4.jpg" alt="埃塞俄比亚 塔拉图" loading="lazy"></a>
            </div>
        </section>

        <!-- ── 价格矩阵 ── -->
        <div class="section-head">
            <div>
                <h2>价格与周期</h2>
                <p>两条风味提案 × 四种周期。周期越长，单次价格越低。</p>
            </div>
        </div>

        <div class="price-table-wrap">
            <table class="price-table">
                <thead>
                    <tr>
                        <th></th>
                        <th>月度<br><small style="font-weight:400;color:rgba(63,66,66,.5)">2 次 × 100g</small></th>
                        <th>季度<br><small style="font-weight:400;color:rgba(63,66,66,.5)">6 次 × 100g</small></th>
                        <th>半年<br><small style="font-weight:400;color:rgba(63,66,66,.5)">12 次 × 100g</small></th>
                        <th class="col-recommend">年度 ⭐<br><small style="font-weight:400;color:rgba(63,66,66,.5)">24 次 × 100g</small></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>日常风味提案</td>
                        <td><div class="price-num">¥98</div><div class="per-unit">¥49 / 次</div></td>
                        <td><div class="price-num">¥278</div><div class="per-unit">¥46.33 / 次</div></td>
                        <td><div class="price-num">¥548</div><div class="per-unit">¥45.67 / 次</div></td>
                        <td class="col-recommend"><div class="price-num">¥998</div><div class="per-unit">¥41.58 / 次</div></td>
                    </tr>
                    <tr>
                        <td>灵感探索提案</td>
                        <td><div class="price-num">¥168</div><div class="per-unit">¥84 / 次</div></td>
                        <td><div class="price-num">¥488</div><div class="per-unit">¥81.33 / 次</div></td>
                        <td><div class="price-num">¥968</div><div class="per-unit">¥80.67 / 次</div></td>
                        <td class="col-recommend"><div class="price-num">¥1,888</div><div class="per-unit">¥78.67 / 次</div></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <p style="margin-top:10px;font-size:12px;color:rgba(63,66,66,.5);">年度日常风味提案比月付节省 15.1%，灵感探索提案节省 6.3%。年付折扣为上限，不与其他优惠叠加。</p>

        <!-- ── 两条风味提案 ── -->
        <div class="section-head">
            <div>
                <h2>两条风味提案</h2>
                <p>根据日常饮用场景，选择最适合你的补给方案。</p>
            </div>
        </div>

        <section class="compare-grid">
            <article class="compare-card">
                <div class="badges"><span class="badge">提案 A</span><span class="badge recommend">日常风味</span></div>
                <h3 style="margin-top:10px;">日常风味提案 · Daily Calibrator</h3>
                <p class="proposal-quote">用世界级的控温精度，建立你每天早晨的「味觉基准线」。</p>
                <p style="margin:0 0 6px;">每天清晨你不需要复杂的风味冒险，只需要一杯稳定、均衡、高甜感、极难冲毁的日常咖啡。我们通过数据化烘焙曲线，为你锁住这款豆子最饱满的巧克力与焦糖融点。</p>
                <ul class="proposal-meta">
                    <li><strong>风味选豆</strong>零售价约 88–118 元 / 200g 的高品质微批次单品豆，或折石招牌意式 / 滤泡拼配。</li>
                    <li><strong>感官体验</strong>风格温和、酸质柔和、余韵持久、极高冲煮容错率。</li>
                    <li><strong>适用场景</strong>办公室唤醒、家用手冲、搭配牛奶制作拿铁。</li>
                    <li><strong>配送频率</strong>每月第 1 个周三与第 3 个周三（双周寄送，每次 100g）。</li>
                    <li><strong>价格体系</strong>月付 ¥98 起，年付低至 ¥42 / 次。</li>
                </ul>
            </article>
            <article class="compare-card">
                <div class="badges"><span class="badge">提案 B</span><span class="badge value">灵感探索</span></div>
                <h3 style="margin-top:10px;">灵感探索提案 · Inspiration Lab</h3>
                <p class="proposal-quote">面向对感官有敏锐直觉、拒绝平庸的探索者。</p>
                <p style="margin:0 0 6px;">这一提案是折石的「风味实验室」。我们每月从全球限量微批次、独特处理法或珍稀树种（如瑰夏、Wush Wush）中，为你定制极具风味张力与地域之美（Terroir）的探索答案。</p>
                <ul class="proposal-meta">
                    <li><strong>风味选豆</strong>零售价约 158–300 元 / 200g 的极高品质单品精品豆及庄园限量批次。</li>
                    <li><strong>感官体验</strong>风格强烈，拥有清晰的茉莉花香、明亮热带水果酸质或复杂的发酵酒香。</li>
                    <li><strong>专属权益</strong>年度 / 季度订阅客户享有全球极其稀缺的「隐藏批次（如 BOP 竞标样豆）」优先兑换及新品首发测试权。</li>
                    <li><strong>配送频率</strong>每月第 2 个周三与第 4 个周三（双周寄送，每次 100g）。</li>
                    <li><strong>价格体系</strong>月付 ¥168 起，年付低至 ¥79 / 次。</li>
                </ul>
            </article>
        </section>

        <!-- ── 发货节奏 ── -->
        <div class="section-head">
            <div>
                <h2>发货节奏</h2>
            </div>
        </div>

        <section class="panel">
            <p>日常风味提案（W1+W3 周三）与灵感探索提案（W2+W4 周三）交错排布，铺满每月每一周。如果遇到法定假期，发货日顺延到下一个工作日。</p>
            <div class="schedule-grid">
                <div class="schedule-item">
                    <strong>日常风味提案 · 每月第 1 + 第 3 个周三</strong>
                    <p>上半月第 1 个周三 + 下半月第 3 个周三，各寄 100g。发货前 3 个工作日内新鲜烘焙。</p>
                </div>
                <div class="schedule-item">
<strong>灵感探索提案 · 每月第 2 + 第 4 个周三</strong>
<p>上半月第 2 个周三 + 下半月第 4 个周三，各寄 100g。发货前 3 个工作日内新鲜烘焙。</p>
                </div>
            </div>
            <p style="margin-top:14px;">上下半月的豆子可能不同：由折石按月发布「主厨批次」决定，根据你的反馈微调风味。每期咖啡的产区、处理法、冲煮建议会在微信服务号和每期出品页面发布。</p>
        </section>

        <!-- ── 灵活调整 ── -->
        <div class="section-head">
            <div>
                <h2>灵活性与无忧承诺</h2>
                <p>我们承诺不自动扣款。你的订阅进度，由你自己百分百掌控。</p>
            </div>
        </div>

        <section class="panel">
            <div class="rules-grid">
                <div class="rule-item">
                    <strong>新鲜承诺</strong>
                    <p>所有豆子均在发货前 3 个工作日内新鲜烘焙，送达你手中时刚好度过养豆期，进入最佳饮用窗口。</p>
                </div>
                <div class="rule-item">
                    <strong>随时暂停</strong>
                    <p>下月有差旅或囤货过多？绑定微信服务号，一键点选「跳过下期发货」，订阅自动顺延。</p>
                </div>
                <div class="rule-item">
                    <strong>提案切换</strong>
                    <p>想从「日常风味提案」升级到「灵感探索提案」？随时切换，后续发货将自动按新提案的发货日与规则执行。</p>
                </div>
                <div class="rule-item">
                    <strong>地址修改</strong>
                    <p>随时可以在系统自助改地址。发货前 3 天的临时变更，客服会进行人工核对，确保不会发错。</p>
                </div>
                <div class="rule-item">
                    <strong>无忧取消</strong>
                    <p>没有任何绑定限制，未发的次数随时可退。退款将按单次折算，原路退回你的付款账户。</p>
                </div>
            </div>
        </section>

        <!-- ── 怎么开始 ── -->
        <div class="section-head">
            <div>
                <h2>怎么开始</h2>
            </div>
        </div>

        <section class="panel">
            <div class="flow">
                <div><strong>1. 提交偏好</strong><p>添加客服微信 <code style="font-family:inherit;color:var(--denim);font-weight:800;">Lexi806</code>，告知你的配送地址、订阅周期与磨粉需求（如需磨粉，请说明常用冲煮设备）。</p></div>
                <div><strong>2. 确认支付</strong><p>客服帮你配置最划算的订阅周期（月度 / 季度 / 年度），通过淘宝、收钱吧或转账付款。我们不自动扣款。</p></div>
                <div><strong>3. 自助管理</strong><p>绑定微信服务号，你将拥有一个干净、免打扰的个人控制台，自助完成跳过、改地址和查看本期咖啡日志。</p></div>
            </div>
            <div class="action-row">
                <button class="action primary" type="button" data-copy="Lexi806">复制客服微信 Lexi806</button>
                <a class="action primary" href="https://zhescoffee.taobao.com" target="_blank" rel="noopener">淘宝店铺</a>
                <a class="action" href="contact.html?src=monthly_contact">联系客服</a>
            </div>
        </section>

        <!-- ── 每期出品 ── -->
        <div class="section-head">
            <div>
                <h2>本期与往期每期出品</h2>
                <p>每期咖啡发布后，这里会显示豆子信息、选择理由和冲煮建议。</p>
            </div>
            <a class="action" href="wechat-member.html?tab=issue&src=monthly_issue_archive">绑定后查看我的本期</a>
        </div>
        <section id="issueArchive" class="issue-grid" aria-live="polite">
            <div class="empty">每期出品加载中。</div>
        </section>

        <!-- ── FAQ ── -->
        <div class="section-head">
            <div>
                <h2>常见问题</h2>
            </div>
        </div>

        <section class="panel">
            <div class="faq-list">
                <div class="faq-item">
                    <h4>为什么不由我自己选豆，而是由折石「代选」？</h4>
                    <p>因为市面上的生豆名称越来越冗长，发酵法眼花缭乱。对大多数消费者而言，在 30 款豆子里挑选不仅浪费时间，而且难以判断当期哪一支最值得喝。折石扮演的是你的「风味编辑」——我们结合三个维度做选择：当期是否有特殊时事（如产区赛事、节气文化）、咖啡本身的特定意义关联（产区故事、品种渊源），以及我们当月刚完成的创新烘焙实验。你不用做功课，每月收到的是当期最值得品鉴的那一支。</p>
                </div>
                <div class="faq-item">
                    <h4>世界烘焙大赛亚军，对我的咖啡杯意味着什么？</h4>
                    <p>意味着极高、极其稳定的出品下限。很多只在比赛中拿名次的选手，只能在特定环境烘好极少量的比赛豆，一旦量产就会出现风味断层。折石团队的核心能力，是将「冠军级别的精细度」转化为「日常量产的稳定性」。你收到的每一袋豆子，都经过数据化曲线校准，确保日常冲煮时，杯杯甜感饱满、干净无瑕。</p>
                </div>
                <div class="faq-item">
                    <h4>这是自动扣款订阅吗？</h4>
                    <p>不是。我们不自动扣款。每个周期由你确认后，通过淘宝、收钱吧或银行转账完成付款，然后发货。绑定微信服务号后，可以自助跳过下期、改地址或切换提案。</p>
                </div>
                <div class="faq-item">
                    <h4>我的冲煮设备比较基础，会影响出品吗？</h4>
                    <p>不会。我们的烘焙曲线面向家用场景优化，对手冲、法压、意式、挂耳等常见设备都具有高容错率。每期出品的冲煮建议会给出不同设备的推荐参数（水温、粉水比、研磨度），你按指引操作即可获得稳定风味。如需磨粉服务，我们会针对你常用的设备类型给出推荐粒径。</p>
                </div>
                <div class="faq-item">
                    <h4>升级或降级周期怎么算？</h4>
                    <p>升级（如月度 → 季度）：从下一期开始追加新周期的全量次数，已有发货不受影响。降级（如年度 → 季度）：截断到新周期对应的次数，多余的待发次数取消，按总金额 ÷ 原总次数计算单次单价，退还差额。</p>
                </div>
                <div class="faq-item">
                    <h4>我可以要求磨粉吗？</h4>
                    <p>可以。我们会使用专业商用磨豆机，按你常用的冲煮方式选择推荐粒径，并使用充氮排氧密封袋，最大限度锁住香气。不过为了获得最佳风味，我们依然建议你购买整豆并现磨现冲。</p>
                </div>
                <div class="faq-item">
                    <h4>企业、办公室、团购怎么操作？</h4>
                    <p>通过 <a href="contact.html?src=monthly_business" style="color:var(--denim);text-decoration:underline;">联系页</a> 告诉我们需求和人数，客服提供定制方案。</p>
                </div>
            </div>
        </section>

        <p class="footer">© 2026 ZHE'S COFFEE · 上海欧焙客贸易有限公司 · 沪公网安备31011202022674号 · 沪ICP备2025139065号</p>
    </main>

    <script>
        (function () {
            document.addEventListener('click', function (event) {
                var button = event.target.closest('[data-copy]');
                if (!button || !navigator.clipboard) return;
                var value = button.getAttribute('data-copy');
                var oldText = button.textContent;
                navigator.clipboard.writeText(value).then(function () {
                    button.textContent = '已复制';
                    window.setTimeout(function () {
                        button.textContent = oldText;
                    }, 1400);
                });
            });

            loadIssues();

            async function loadIssues() {
                var target = document.getElementById('issueArchive');
                try {
                    var response = await fetch('/api/issues/recent?limit=6');
                    var json = await response.json();
                    if (!response.ok || json.code !== 0 || !Array.isArray(json.data)) {
                        throw new Error('bad issue response');
                    }
                    if (!json.data.length) {
                        target.innerHTML = '<div class="empty">每期出品发布后会显示在这里。</div>';
                        return;
                    }
                    target.innerHTML = json.data.map(function (issue) {
                        return '<article class="issue-card">' +
                            '<h3>' + escapeHtml(issue.title || issue.beanNameCn || '折石每期出品') + '</h3>' +
                            '<p>' + escapeHtml(issue.publicSummary || issue.selectionReason || '') + '</p>' +
                            '<div class="action-row"><a class="action" href="/issue/' + encodeURIComponent(issue.slug) + '">查看详情</a></div>' +
                        '</article>';
                    }).join('');
                } catch (error) {
                    target.innerHTML = '<div class="empty">每期出品发布后会显示在这里。</div>';
                }
            }

            function escapeHtml(value) {
                return String(value == null ? '' : value).replace(/[&<>"']/g, function (char) {
                    return {
                        '&': '&amp;',
                        '<': '&lt;',
                        '>': '&gt;',
                        '"': '&quot;',
                        "'": '&#39;'
                    }[char];
                });
            }
        })();
    </script>
</body>
</html>
