{"id":561,"date":"2022-01-23T18:59:19","date_gmt":"2022-01-23T10:59:19","guid":{"rendered":"https:\/\/learnwithacupoftea.com\/?page_id=561"},"modified":"2026-08-03T11:18:01","modified_gmt":"2026-08-03T03:18:01","slug":"28days-learn-english","status":"publish","type":"page","link":"https:\/\/learnwithacupoftea.com\/index.php\/28days-learn-english\/","title":{"rendered":"\u82f1\u6587\u81ea\u5b78 28 \u5929\u5b78\u7fd2\u8a08\u5283"},"content":{"rendered":"\n<!--\n  \u4e00\u676f\u8336\u82f1\u6587\uff5c28 \u5929\u5b78\u7fd2\u8a08\u5283\n  \u4f7f\u7528\u65b9\u5f0f\uff1a\u5c07\u6574\u6bb5\u8cbc\u5165 WordPress\u300c\u81ea\u8a02 HTML\u300d\u5340\u584a\u3002\n  \u6240\u6709\u6a23\u5f0f\u90fd\u9650\u5b9a\u5728 #cuptea-28day-plan \u5167\uff0c\u4e0d\u6703\u5f71\u97ff\u7db2\u7ad9\u5176\u4ed6\u5340\u57df\u3002\n-->\n<section id=\"cuptea-28day-plan\" aria-labelledby=\"cuptea-plan-title\">\n  <style>\n    #cuptea-28day-plan {\n      --tea-ink: #22333b;\n      --tea-navy: #294453;\n      --tea-navy-dark: #1d3441;\n      --tea-burgundy: #8e454d;\n      --tea-green: #71806a;\n      --tea-cream: #fbf8f1;\n      --tea-cream-dark: #f1eadc;\n      --tea-biscuit: #d7c4a5;\n      --tea-gold: #b7955f;\n      --tea-white: #ffffff;\n      --tea-muted: #65747a;\n      --tea-line: rgba(34, 51, 59, 0.13);\n      --tea-shadow: 0 18px 50px rgba(34, 51, 59, 0.10);\n      --tea-radius-lg: 28px;\n      --tea-radius-md: 18px;\n      --tea-radius-sm: 12px;\n\n      position: relative;\n      width: min(1180px, calc(100% - 32px));\n      margin: 36px auto 80px;\n      color: var(--tea-ink);\n      font-family: \"Noto Sans TC\", \"PingFang TC\", \"Microsoft JhengHei\", Arial, sans-serif;\n      font-size: 17px;\n      line-height: 1.9;\n      letter-spacing: 0.02em;\n    }\n\n    #cuptea-28day-plan,\n    #cuptea-28day-plan * {\n      box-sizing: border-box;\n    }\n\n    #cuptea-28day-plan a {\n      color: inherit;\n      text-decoration-thickness: 1px;\n      text-underline-offset: 4px;\n    }\n\n    #cuptea-28day-plan a:focus-visible,\n    #cuptea-28day-plan button:focus-visible,\n    #cuptea-28day-plan summary:focus-visible,\n    #cuptea-28day-plan input:focus-visible {\n      outline: 3px solid rgba(183, 149, 95, 0.5);\n      outline-offset: 4px;\n    }\n\n    #cuptea-28day-plan h1,\n    #cuptea-28day-plan h2,\n    #cuptea-28day-plan h3,\n    #cuptea-28day-plan p,\n    #cuptea-28day-plan blockquote,\n    #cuptea-28day-plan ul,\n    #cuptea-28day-plan ol {\n      margin-top: 0;\n    }\n\n    #cuptea-28day-plan h1,\n    #cuptea-28day-plan h2,\n    #cuptea-28day-plan h3 {\n      color: var(--tea-navy-dark);\n      font-family: \"Noto Serif TC\", \"Songti TC\", Georgia, serif;\n      font-weight: 700;\n      line-height: 1.35;\n      letter-spacing: 0.01em;\n    }\n\n    #cuptea-28day-plan .tea-hero {\n      position: relative;\n      overflow: hidden;\n      display: grid;\n      grid-template-columns: minmax(0, 1.4fr) minmax(270px, 0.6fr);\n      align-items: center;\n      gap: 42px;\n      min-height: 520px;\n      padding: clamp(42px, 7vw, 82px);\n      border: 1px solid rgba(215, 196, 165, 0.72);\n      border-radius: var(--tea-radius-lg);\n      background:\n        linear-gradient(135deg, rgba(255,255,255,0.96), rgba(251,248,241,0.93)),\n        repeating-linear-gradient(135deg, transparent 0 42px, rgba(142,69,77,0.035) 42px 44px);\n      box-shadow: var(--tea-shadow);\n    }\n\n    #cuptea-28day-plan .tea-hero::before,\n    #cuptea-28day-plan .tea-hero::after {\n      content: \"\";\n      position: absolute;\n      pointer-events: none;\n      border-radius: 999px;\n    }\n\n    #cuptea-28day-plan .tea-hero::before {\n      width: 340px;\n      height: 340px;\n      right: -110px;\n      top: -125px;\n      border: 46px solid rgba(41, 68, 83, 0.055);\n    }\n\n    #cuptea-28day-plan .tea-hero::after {\n      width: 250px;\n      height: 250px;\n      left: -120px;\n      bottom: -150px;\n      border: 38px solid rgba(142, 69, 77, 0.045);\n    }\n\n    #cuptea-28day-plan .tea-hero-copy,\n    #cuptea-28day-plan .tea-hero-art {\n      position: relative;\n      z-index: 1;\n    }\n\n    #cuptea-28day-plan .tea-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 20px;\n      color: var(--tea-burgundy);\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n    }\n\n    #cuptea-28day-plan .tea-eyebrow::before {\n      content: \"\";\n      width: 38px;\n      height: 1px;\n      background: currentColor;\n    }\n\n    #cuptea-28day-plan .tea-hero h1 {\n      max-width: 720px;\n      margin-bottom: 22px;\n      font-size: clamp(40px, 6vw, 72px);\n    }\n\n    #cuptea-28day-plan .tea-hero h1 span {\n      display: block;\n      margin-top: 8px;\n      color: var(--tea-burgundy);\n      font-size: 0.50em;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-style: italic;\n      font-weight: 500;\n      letter-spacing: 0.04em;\n    }\n\n    #cuptea-28day-plan .tea-hero-lead {\n      max-width: 690px;\n      margin-bottom: 28px;\n      color: #42545b;\n      font-size: clamp(18px, 2.1vw, 22px);\n      line-height: 1.8;\n    }\n\n    #cuptea-28day-plan .tea-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    #cuptea-28day-plan .tea-badges li {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 9px 14px;\n      border: 1px solid rgba(41, 68, 83, 0.15);\n      border-radius: 999px;\n      background: rgba(255,255,255,0.75);\n      color: var(--tea-navy);\n      font-size: 14px;\n      font-weight: 700;\n    }\n\n    #cuptea-28day-plan .tea-badges li::before {\n      content: \"\u2713\";\n      color: var(--tea-green);\n      font-weight: 900;\n    }\n\n    #cuptea-28day-plan .tea-hero-art {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 300px;\n    }\n\n    #cuptea-28day-plan .tea-cup-illustration {\n      width: min(100%, 330px);\n      filter: drop-shadow(0 24px 28px rgba(34,51,59,0.16));\n    }\n\n    #cuptea-28day-plan .tea-intro-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);\n      gap: 24px;\n      margin-top: 28px;\n    }\n\n    #cuptea-28day-plan .tea-intro-card,\n    #cuptea-28day-plan .tea-warning-card {\n      padding: clamp(26px, 4vw, 42px);\n      border-radius: var(--tea-radius-md);\n    }\n\n    #cuptea-28day-plan .tea-intro-card {\n      border: 1px solid var(--tea-line);\n      background: var(--tea-white);\n      box-shadow: 0 12px 36px rgba(34, 51, 59, 0.07);\n    }\n\n    #cuptea-28day-plan .tea-intro-card h2,\n    #cuptea-28day-plan .tea-warning-card h2 {\n      margin-bottom: 14px;\n      font-size: clamp(25px, 3vw, 34px);\n    }\n\n    #cuptea-28day-plan .tea-intro-card p:last-child,\n    #cuptea-28day-plan .tea-warning-card p:last-child {\n      margin-bottom: 0;\n    }\n\n    #cuptea-28day-plan .tea-warning-card {\n      position: relative;\n      overflow: hidden;\n      background: var(--tea-navy);\n      color: rgba(255,255,255,0.90);\n    }\n\n    #cuptea-28day-plan .tea-warning-card::after {\n      content: \"TEA BREAK\";\n      position: absolute;\n      right: -18px;\n      bottom: 5px;\n      color: rgba(255,255,255,0.045);\n      font-family: Georgia, serif;\n      font-size: 58px;\n      font-weight: 800;\n      line-height: 1;\n      transform: rotate(-7deg);\n    }\n\n    #cuptea-28day-plan .tea-warning-card h2 {\n      color: var(--tea-white);\n    }\n\n    #cuptea-28day-plan .tea-warning-label {\n      display: inline-block;\n      margin-bottom: 14px;\n      padding: 5px 10px;\n      border: 1px solid rgba(255,255,255,0.24);\n      border-radius: 999px;\n      color: #f4dfbd;\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 0.14em;\n    }\n\n    #cuptea-28day-plan .tea-quote {\n      position: relative;\n      margin: 28px 0 0;\n      padding: 30px 34px 30px 70px;\n      border: 1px solid rgba(183,149,95,0.30);\n      border-radius: var(--tea-radius-md);\n      background: linear-gradient(135deg, #fffdf8, #f6efe2);\n      color: var(--tea-navy-dark);\n      font-family: \"Noto Serif TC\", Georgia, serif;\n      font-size: clamp(22px, 3vw, 30px);\n      font-weight: 700;\n      line-height: 1.6;\n    }\n\n    #cuptea-28day-plan .tea-quote::before {\n      content: \"\u201c\";\n      position: absolute;\n      left: 22px;\n      top: 8px;\n      color: var(--tea-gold);\n      font-family: Georgia, serif;\n      font-size: 76px;\n      line-height: 1;\n    }\n\n    #cuptea-28day-plan .tea-section {\n      scroll-margin-top: 28px;\n      margin-top: 70px;\n    }\n\n    #cuptea-28day-plan .tea-section-heading {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n      gap: 24px;\n      margin-bottom: 25px;\n      padding-bottom: 18px;\n      border-bottom: 1px solid var(--tea-line);\n    }\n\n    #cuptea-28day-plan .tea-section-kicker {\n      margin-bottom: 8px;\n      color: var(--tea-burgundy);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n    }\n\n    #cuptea-28day-plan .tea-section-heading h2 {\n      margin-bottom: 0;\n      font-size: clamp(30px, 4.5vw, 48px);\n    }\n\n    #cuptea-28day-plan .tea-section-number {\n      flex: 0 0 auto;\n      color: rgba(41,68,83,0.12);\n      font-family: Georgia, serif;\n      font-size: clamp(48px, 7vw, 86px);\n      font-weight: 800;\n      line-height: 0.8;\n    }\n\n    #cuptea-28day-plan .tea-jump-nav {\n      position: relative;\n      margin-top: 28px;\n      padding: 26px;\n      border: 1px solid var(--tea-line);\n      border-radius: var(--tea-radius-md);\n      background: rgba(251,248,241,0.88);\n    }\n\n    #cuptea-28day-plan .tea-jump-nav h2 {\n      margin-bottom: 18px;\n      font-size: 22px;\n    }\n\n    #cuptea-28day-plan .tea-jump-links {\n      display: grid;\n      grid-template-columns: repeat(5, minmax(0, 1fr));\n      gap: 12px;\n    }\n\n    #cuptea-28day-plan .tea-jump-links a {\n      display: flex;\n      min-height: 82px;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n      gap: 2px;\n      padding: 15px 16px;\n      border: 1px solid rgba(41,68,83,0.13);\n      border-radius: var(--tea-radius-sm);\n      background: var(--tea-white);\n      color: var(--tea-navy-dark);\n      text-decoration: none;\n      transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;\n    }\n\n    #cuptea-28day-plan .tea-jump-links a:hover {\n      transform: translateY(-3px);\n      border-color: rgba(142,69,77,0.38);\n      box-shadow: 0 10px 24px rgba(34,51,59,0.08);\n    }\n\n    #cuptea-28day-plan .tea-jump-links strong {\n      font-size: 16px;\n    }\n\n    #cuptea-28day-plan .tea-jump-links span {\n      color: var(--tea-muted);\n      font-family: Georgia, serif;\n      font-size: 13px;\n      font-style: italic;\n    }\n\n    #cuptea-28day-plan .tea-week {\n      display: grid;\n      grid-template-columns: repeat(7, minmax(105px, 1fr));\n      gap: 10px;\n      overflow-x: auto;\n      padding: 5px 2px 14px;\n      scrollbar-width: thin;\n      scrollbar-color: var(--tea-biscuit) transparent;\n    }\n\n    #cuptea-28day-plan .tea-day {\n      min-width: 105px;\n      overflow: hidden;\n      border: 1px solid var(--tea-line);\n      border-radius: 14px;\n      background: var(--tea-white);\n      text-align: center;\n    }\n\n    #cuptea-28day-plan .tea-day strong {\n      display: block;\n      padding: 9px 8px;\n      background: var(--tea-navy-dark);\n      color: var(--tea-white);\n      font-family: Georgia, serif;\n      font-size: 13px;\n      letter-spacing: 0.08em;\n    }\n\n    #cuptea-28day-plan .tea-day span {\n      display: block;\n      padding: 13px 8px;\n      color: var(--tea-navy-dark);\n      font-size: 15px;\n      font-weight: 700;\n    }\n\n    #cuptea-28day-plan .tea-day.is-rest strong {\n      background: var(--tea-green);\n    }\n\n    #cuptea-28day-plan .tea-section-intro {\n      margin-bottom: 24px;\n      padding: 22px 24px;\n      border-left: 4px solid var(--tea-gold);\n      border-radius: 0 var(--tea-radius-sm) var(--tea-radius-sm) 0;\n      background: var(--tea-cream);\n      color: #45565d;\n    }\n\n    #cuptea-28day-plan .tea-section-intro p:last-child {\n      margin-bottom: 0;\n    }\n\n    #cuptea-28day-plan .tea-method-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 20px;\n    }\n\n    #cuptea-28day-plan .tea-method-grid.two-columns {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    #cuptea-28day-plan .tea-method-card {\n      position: relative;\n      display: flex;\n      min-width: 0;\n      flex-direction: column;\n      padding: 28px;\n      border: 1px solid var(--tea-line);\n      border-radius: var(--tea-radius-md);\n      background: var(--tea-white);\n      box-shadow: 0 10px 32px rgba(34,51,59,0.055);\n    }\n\n    #cuptea-28day-plan .tea-method-card::before {\n      content: \"\";\n      position: absolute;\n      inset: 0 auto 0 0;\n      width: 4px;\n      border-radius: var(--tea-radius-md) 0 0 var(--tea-radius-md);\n      background: linear-gradient(var(--tea-burgundy), var(--tea-gold));\n      opacity: 0;\n      transition: opacity 180ms ease;\n    }\n\n    #cuptea-28day-plan .tea-method-card:hover::before {\n      opacity: 1;\n    }\n\n    #cuptea-28day-plan .tea-card-top {\n      display: flex;\n      align-items: center;\n      gap: 13px;\n      margin-bottom: 16px;\n    }\n\n    #cuptea-28day-plan .tea-card-number {\n      display: inline-flex;\n      width: 42px;\n      height: 42px;\n      flex: 0 0 42px;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: var(--tea-navy-dark);\n      color: var(--tea-white);\n      font-family: Georgia, serif;\n      font-size: 20px;\n      font-weight: 700;\n    }\n\n    #cuptea-28day-plan .tea-method-card h3 {\n      margin-bottom: 0;\n      font-size: 22px;\n    }\n\n    #cuptea-28day-plan .tea-method-card > p {\n      color: #4c5d64;\n    }\n\n    #cuptea-28day-plan .tea-steps {\n      margin: 4px 0 20px;\n      padding: 0;\n      counter-reset: tea-step;\n      list-style: none;\n    }\n\n    #cuptea-28day-plan .tea-steps li {\n      position: relative;\n      margin-bottom: 12px;\n      padding-left: 34px;\n      color: #3f5057;\n    }\n\n    #cuptea-28day-plan .tea-steps li::before {\n      counter-increment: tea-step;\n      content: counter(tea-step);\n      position: absolute;\n      left: 0;\n      top: 0.42em;\n      display: inline-flex;\n      width: 22px;\n      height: 22px;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid rgba(41,68,83,0.2);\n      border-radius: 50%;\n      color: var(--tea-burgundy);\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 1;\n    }\n\n    #cuptea-28day-plan .tea-purpose {\n      margin-top: auto;\n      padding-top: 14px;\n      border-top: 1px dashed rgba(34,51,59,0.16);\n      color: var(--tea-green);\n      font-size: 14px;\n      font-weight: 800;\n    }\n\n    #cuptea-28day-plan .tea-purpose::before {\n      content: \"\u7df4\u7fd2\u76ee\u7684\uff5c\";\n      color: var(--tea-burgundy);\n    }\n\n    #cuptea-28day-plan .tea-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      margin-top: 4px;\n      color: var(--tea-burgundy);\n      font-weight: 800;\n      text-decoration: none;\n    }\n\n    #cuptea-28day-plan .tea-link::after {\n      content: \"\u2197\";\n      transition: transform 180ms ease;\n    }\n\n    #cuptea-28day-plan .tea-link:hover::after {\n      transform: translate(2px, -2px);\n    }\n\n    #cuptea-28day-plan .tea-example {\n      margin: 22px 0 0;\n      padding: 22px 24px;\n      border: 1px solid rgba(113,128,106,0.28);\n      border-radius: var(--tea-radius-sm);\n      background: #f5f7f2;\n      color: #435248;\n    }\n\n    #cuptea-28day-plan .tea-example strong {\n      color: var(--tea-navy-dark);\n    }\n\n    #cuptea-28day-plan .tea-tracker-wrap {\n      overflow: hidden;\n      padding: clamp(24px, 4vw, 42px);\n      border-radius: var(--tea-radius-lg);\n      background: var(--tea-navy-dark);\n      color: rgba(255,255,255,0.90);\n      box-shadow: var(--tea-shadow);\n    }\n\n    #cuptea-28day-plan .tea-tracker-head {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n      gap: 20px;\n      margin-bottom: 24px;\n    }\n\n    #cuptea-28day-plan .tea-tracker-head h2 {\n      margin-bottom: 4px;\n      color: var(--tea-white);\n      font-size: clamp(28px, 4vw, 42px);\n    }\n\n    #cuptea-28day-plan .tea-tracker-head p {\n      margin-bottom: 0;\n      color: rgba(255,255,255,0.68);\n    }\n\n    #cuptea-28day-plan .tea-tracker-meta {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n      gap: 8px;\n    }\n\n    #cuptea-28day-plan .tea-tracker-note {\n      color: #efdcb8;\n      font-family: Georgia, serif;\n      font-size: 14px;\n      font-style: italic;\n      white-space: nowrap;\n    }\n\n    #cuptea-28day-plan .tea-tracker-status {\n      display: inline-flex;\n      align-items: baseline;\n      gap: 5px;\n      color: rgba(255,255,255,0.72);\n      font-size: 13px;\n    }\n\n    #cuptea-28day-plan .tea-tracker-status strong {\n      color: var(--tea-white);\n      font-family: Georgia, serif;\n      font-size: 27px;\n      line-height: 1;\n    }\n\n    #cuptea-28day-plan .tea-tracker {\n      display: grid;\n      grid-template-columns: repeat(7, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    #cuptea-28day-plan .tea-check {\n      position: relative;\n    }\n\n    #cuptea-28day-plan .tea-check input {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      overflow: hidden;\n      opacity: 0;\n    }\n\n    #cuptea-28day-plan .tea-check label {\n      display: flex;\n      min-height: 78px;\n      cursor: pointer;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 2px;\n      border: 1px solid rgba(255,255,255,0.15);\n      border-radius: 12px;\n      background: rgba(255,255,255,0.065);\n      color: rgba(255,255,255,0.76);\n      transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;\n    }\n\n    #cuptea-28day-plan .tea-check label:hover {\n      transform: translateY(-2px);\n      background: rgba(255,255,255,0.10);\n    }\n\n    #cuptea-28day-plan .tea-check label strong {\n      color: var(--tea-white);\n      font-family: Georgia, serif;\n      font-size: 19px;\n    }\n\n    #cuptea-28day-plan .tea-check label span {\n      font-size: 12px;\n    }\n\n    #cuptea-28day-plan .tea-check input:checked + label {\n      border-color: rgba(239,220,184,0.78);\n      background: #f0dfbe;\n      color: var(--tea-navy-dark);\n    }\n\n    #cuptea-28day-plan .tea-check input:checked + label strong {\n      color: var(--tea-burgundy);\n    }\n\n    #cuptea-28day-plan .tea-check input:checked + label span::before {\n      content: \"\u2713 \";\n      font-weight: 900;\n    }\n\n    #cuptea-28day-plan .tea-closing {\n      position: relative;\n      overflow: hidden;\n      margin-top: 70px;\n      padding: clamp(34px, 6vw, 66px);\n      border: 1px solid rgba(215,196,165,0.70);\n      border-radius: var(--tea-radius-lg);\n      background: linear-gradient(135deg, #fffdf9, #f2eadc);\n      text-align: center;\n    }\n\n    #cuptea-28day-plan .tea-closing::before,\n    #cuptea-28day-plan .tea-closing::after {\n      content: \"\";\n      position: absolute;\n      width: 120px;\n      height: 120px;\n      border: 1px solid rgba(142,69,77,0.12);\n      border-radius: 50%;\n    }\n\n    #cuptea-28day-plan .tea-closing::before {\n      left: -60px;\n      top: -55px;\n    }\n\n    #cuptea-28day-plan .tea-closing::after {\n      right: -55px;\n      bottom: -65px;\n    }\n\n    #cuptea-28day-plan .tea-closing h2 {\n      position: relative;\n      margin-bottom: 15px;\n      font-size: clamp(30px, 4.5vw, 46px);\n    }\n\n    #cuptea-28day-plan .tea-closing p {\n      position: relative;\n      max-width: 720px;\n      margin: 0 auto 25px;\n      color: #526269;\n    }\n\n    #cuptea-28day-plan .tea-cta {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 52px;\n      padding: 13px 23px;\n      border-radius: 999px;\n      background: var(--tea-burgundy);\n      color: var(--tea-white);\n      font-weight: 800;\n      text-decoration: none;\n      box-shadow: 0 10px 25px rgba(142,69,77,0.22);\n      transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;\n    }\n\n    #cuptea-28day-plan .tea-cta:hover {\n      transform: translateY(-2px);\n      background: #7f3941;\n      box-shadow: 0 14px 30px rgba(142,69,77,0.28);\n    }\n\n    #cuptea-28day-plan .tea-small-note {\n      margin-top: 16px;\n      color: var(--tea-muted);\n      font-size: 13px;\n    }\n\n    @media (max-width: 980px) {\n      #cuptea-28day-plan .tea-hero,\n      #cuptea-28day-plan .tea-intro-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #cuptea-28day-plan .tea-hero-art {\n        min-height: auto;\n      }\n\n      #cuptea-28day-plan .tea-cup-illustration {\n        max-width: 250px;\n      }\n\n      #cuptea-28day-plan .tea-jump-links {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n      }\n\n      #cuptea-28day-plan .tea-method-grid,\n      #cuptea-28day-plan .tea-method-grid.two-columns {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n\n    @media (max-width: 700px) {\n      #cuptea-28day-plan {\n        width: min(100% - 20px, 1180px);\n        margin-top: 18px;\n        font-size: 16px;\n        line-height: 1.85;\n      }\n\n      #cuptea-28day-plan .tea-hero {\n        min-height: auto;\n        gap: 22px;\n        padding: 34px 22px;\n        border-radius: 22px;\n      }\n\n      #cuptea-28day-plan .tea-hero h1 {\n        font-size: clamp(38px, 13vw, 54px);\n      }\n\n      #cuptea-28day-plan .tea-hero h1 span {\n        font-size: 0.46em;\n      }\n\n      #cuptea-28day-plan .tea-hero-art {\n        order: -1;\n      }\n\n      #cuptea-28day-plan .tea-cup-illustration {\n        max-width: 180px;\n      }\n\n      #cuptea-28day-plan .tea-intro-card,\n      #cuptea-28day-plan .tea-warning-card,\n      #cuptea-28day-plan .tea-method-card {\n        padding: 24px 20px;\n      }\n\n      #cuptea-28day-plan .tea-quote {\n        padding: 62px 22px 24px;\n      }\n\n      #cuptea-28day-plan .tea-quote::before {\n        left: 20px;\n        top: 4px;\n      }\n\n      #cuptea-28day-plan .tea-jump-links {\n        grid-template-columns: 1fr 1fr;\n      }\n\n      #cuptea-28day-plan .tea-method-grid,\n      #cuptea-28day-plan .tea-method-grid.two-columns {\n        grid-template-columns: 1fr;\n      }\n\n      #cuptea-28day-plan .tea-section {\n        margin-top: 52px;\n      }\n\n      #cuptea-28day-plan .tea-section-heading {\n        align-items: center;\n      }\n\n      #cuptea-28day-plan .tea-section-number {\n        font-size: 50px;\n      }\n\n      #cuptea-28day-plan .tea-tracker-head {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      #cuptea-28day-plan .tea-tracker-meta {\n        align-items: flex-start;\n      }\n\n      #cuptea-28day-plan .tea-tracker-note {\n        white-space: normal;\n      }\n\n      #cuptea-28day-plan .tea-tracker {\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 430px) {\n      #cuptea-28day-plan .tea-jump-links {\n        grid-template-columns: 1fr;\n      }\n\n      #cuptea-28day-plan .tea-tracker {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #cuptea-28day-plan .tea-section-heading h2 {\n        font-size: 30px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #cuptea-28day-plan *,\n      #cuptea-28day-plan *::before,\n      #cuptea-28day-plan *::after {\n        scroll-behavior: auto !important;\n        transition: none !important;\n      }\n    }\n\n    @media print {\n      #cuptea-28day-plan {\n        width: 100%;\n        margin: 0;\n      }\n\n      #cuptea-28day-plan .tea-hero,\n      #cuptea-28day-plan .tea-tracker-wrap {\n        box-shadow: none;\n      }\n\n      #cuptea-28day-plan .tea-jump-nav,\n      #cuptea-28day-plan .tea-cta {\n        display: none;\n      }\n    }\n  <\/style>\n\n  <header class=\"tea-hero\">\n    <div class=\"tea-hero-copy\">\n      <div class=\"tea-eyebrow\">A Cup of Tea English \u00b7 Study Plan<\/div>\n      <h1 id=\"cuptea-plan-title\">28 \u5929\u82f1\u6587\u5b78\u7fd2\u8a08\u5283<span>Thirty minutes a day, one cup at a time.<\/span><\/h1>\n      <p class=\"tea-hero-lead\">\u6bcf\u5929\u53ea\u9700\u8981\u4e09\u5341\u5206\u9418\uff0c\u5f9e\u807d\u3001\u8aaa\u3001\u8b80\u3001\u5beb\u8207\u4f11\u9592\u63a5\u89f8\u82f1\u6587\uff0c\u6162\u6162\u5efa\u7acb\u4e00\u5957\u771f\u6b63\u80fd\u5920\u9577\u4e45\u7dad\u6301\u7684\u5b78\u7fd2\u7fd2\u6163\u3002<\/p>\n      <ul class=\"tea-badges\" aria-label=\"\u8a08\u5283\u7279\u8272\">\n        <li>\u6bcf\u5929 30 \u5206\u9418<\/li>\n        <li>\u9069\u5408\u5fd9\u788c\u4e0a\u73ed\u65cf<\/li>\n        <li>\u4e94\u7a2e\u80fd\u529b\u4ea4\u66ff\u7df4\u7fd2<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"tea-hero-art\" aria-hidden=\"true\">\n      <svg class=\"tea-cup-illustration\" viewBox=\"0 0 360 340\" role=\"img\" aria-label=\"\u82f1\u502b\u98a8\u8336\u676f\u63d2\u756b\">\n        <defs>\n          <linearGradient id=\"cupTea\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n            <stop offset=\"0\" stop-color=\"#fffdf8\"\/>\n            <stop offset=\"1\" stop-color=\"#e9dfce\"\/>\n          <\/linearGradient>\n          <linearGradient id=\"teaLiquid\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n            <stop offset=\"0\" stop-color=\"#b57a4b\"\/>\n            <stop offset=\"1\" stop-color=\"#7d4e31\"\/>\n          <\/linearGradient>\n        <\/defs>\n        <path d=\"M155 42c-16 18 17 28 0 49M202 28c-18 19 17 31 0 52M244 48c-14 16 13 26 0 43\" fill=\"none\" stroke=\"#b7955f\" stroke-width=\"7\" stroke-linecap=\"round\" opacity=\".55\"\/>\n        <ellipse cx=\"180\" cy=\"296\" rx=\"130\" ry=\"26\" fill=\"#d7c4a5\" opacity=\".45\"\/>\n        <path d=\"M70 119h218v91c0 58-47 84-109 84S70 268 70 210z\" fill=\"url(#cupTea)\" stroke=\"#294453\" stroke-width=\"8\"\/>\n        <ellipse cx=\"179\" cy=\"119\" rx=\"109\" ry=\"28\" fill=\"#f8f1e5\" stroke=\"#294453\" stroke-width=\"8\"\/>\n        <ellipse cx=\"179\" cy=\"121\" rx=\"88\" ry=\"18\" fill=\"url(#teaLiquid)\"\/>\n        <path d=\"M286 146c42-10 58 15 50 49-8 35-35 48-62 37\" fill=\"none\" stroke=\"#294453\" stroke-width=\"14\" stroke-linecap=\"round\"\/>\n        <path d=\"M112 166c30 18 87 22 130 0M120 206c33 16 78 17 119 1\" fill=\"none\" stroke=\"#8e454d\" stroke-width=\"6\" opacity=\".82\"\/>\n        <path d=\"M149 145l28 25 34-37 22 29\" fill=\"none\" stroke=\"#71806a\" stroke-width=\"7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <path d=\"M102 296h160\" stroke=\"#294453\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n        <circle cx=\"113\" cy=\"250\" r=\"7\" fill=\"#b7955f\"\/>\n        <circle cx=\"246\" cy=\"244\" r=\"7\" fill=\"#b7955f\"\/>\n      <\/svg>\n    <\/div>\n  <\/header>\n\n  <div class=\"tea-intro-grid\">\n    <article class=\"tea-intro-card\">\n      <h2>\u70ba\u4ec0\u9ebc\u8981\u505a 28 \u5929\u8a08\u5283\uff1f<\/h2>\n      <p>\u8a31\u591a\u5fd9\u788c\u7684\u4eba\u5f88\u60f3\u63d0\u5347\u82f1\u6587\u80fd\u529b\uff0c\u537b\u6c92\u6709\u8db3\u5920\u7684\u6642\u9593\u8207\u7cbe\u529b\u3002\u6bcf\u5929\u4e0b\u73ed\u56de\u5bb6\u5f8c\uff0c\u8166\u888b\u5df2\u7d93\u5f88\u7d2f\uff0c\u518d\u8981\u6c42\u81ea\u5df1\u5b8c\u6210\u5169\u3001\u4e09\u500b\u5c0f\u6642\u7684\u8ab2\u7a0b\uff0c\u5f80\u5f80\u5f88\u96e3\u9577\u4e45\u7dad\u6301\u3002<\/p>\n      <p>\u9019\u4efd\u8a08\u5283\u4e0d\u8981\u6c42\u4f60\u4e00\u5929\u505a\u5b8c\u6240\u6709\u4e8b\u60c5\uff0c\u800c\u662f\u6bcf\u5929\u9078\u64c7\u4e00\u9805\u7df4\u7fd2\uff0c\u5c08\u5fc3\u505a\u4e09\u5341\u5206\u9418\u3002\u9019\u500b\u7db2\u7ad9\u4e5f\u6b63\u662f\u4f9d\u7167\u9019\u5957\u65b9\u6cd5\u5efa\u7acb\u7684\u5b78\u7fd2\u7b46\u8a18\uff0c\u6b61\u8fce\u4f60\u4e00\u8d77\u52a0\u5165\u9019\u5834\u9577\u671f\u7684\u5927\u8b80\u66f8\u6703\u3002<\/p>\n    <\/article>\n\n    <aside class=\"tea-warning-card\">\n      <div class=\"tea-warning-label\">A FRIENDLY REMINDER<\/div>\n      <h2>\u9019\u4e0d\u662f\u82f1\u6587\u901f\u6210\u73ed<\/h2>\n      <p>\u82f1\u6587\u662f\u4e00\u7a2e\u8a9e\u8a00\uff0c\u4e0d\u592a\u53ef\u80fd\u5728\u4e00\u3001\u5169\u500b\u6708\u5167\u7a81\u7136\u51fa\u73fe\u9a5a\u4eba\u7684\u6539\u8b8a\u3002\u771f\u6b63\u6709\u6548\u7684\u65b9\u6cd5\uff0c\u662f\u6bcf\u5929\u6162\u6162\u7d2f\u7a4d\uff0c\u4e0d\u4e00\u66dd\u5341\u5bd2\u3002\u4e00\u5929\u4e09\u5341\u5206\u9418\uff0c\u4e5f\u80fd\u5728\u672a\u4f86\u770b\u898b\u6e05\u695a\u7684\u9032\u6b65\u3002<\/p>\n    <\/aside>\n  <\/div>\n\n  <blockquote class=\"tea-quote\">\u5b78\u82f1\u6587\u4e0d\u96e3\uff0c\u771f\u6b63\u91cd\u8981\u7684\u662f\u6301\u4e4b\u4ee5\u6046\u3002<\/blockquote>\n\n  <nav class=\"tea-jump-nav\" aria-label=\"\u6587\u7ae0\u5feb\u901f\u5c0e\u89bd\">\n    <h2>\u4eca\u5929\u60f3\u7df4\u54ea\u4e00\u9805\uff1f<\/h2>\n    <div class=\"tea-jump-links\">\n      <a href=\"#tea-listening\"><strong>\u807d\u529b<\/strong><span>Listening<\/span><\/a>\n      <a href=\"#tea-speaking\"><strong>\u53e3\u8aaa<\/strong><span>Speaking<\/span><\/a>\n      <a href=\"#tea-reading\"><strong>\u95b1\u8b80<\/strong><span>Reading<\/span><\/a>\n      <a href=\"#tea-writing\"><strong>\u5beb\u4f5c<\/strong><span>Writing<\/span><\/a>\n      <a href=\"#tea-leisure\"><strong>\u4f11\u9592<\/strong><span>Leisure<\/span><\/a>\n    <\/div>\n  <\/nav>\n\n  <section class=\"tea-section\" aria-labelledby=\"tea-week-title\">\n    <div class=\"tea-section-heading\">\n      <div>\n        <div class=\"tea-section-kicker\">A Gentle Weekly Rhythm<\/div>\n        <h2 id=\"tea-week-title\">\u4e00\u9031\u7df4\u7fd2\u7bc0\u594f<\/h2>\n      <\/div>\n      <div class=\"tea-section-number\" aria-hidden=\"true\">7<\/div>\n    <\/div>\n    <p class=\"tea-section-intro\">\u6bcf\u9805\u80fd\u529b\u76f8\u4e92\u5f71\u97ff\u3002\u807d\u8207\u8b80\u5c6c\u65bc\u63a5\u6536\u6280\u5de7\uff0c\u8aaa\u8207\u5beb\u5c6c\u65bc\u7522\u51fa\u6280\u5de7\uff1b\u7576\u4f60\u5c08\u5fc3\u7df4\u7fd2\u5176\u4e2d\u4e00\u9805\u6642\uff0c\u5176\u4ed6\u80fd\u529b\u4e5f\u6703\u4e00\u8d77\u88ab\u5e36\u52d5\u3002\u4e0b\u9762\u7684\u5b89\u6392\u53ef\u4ee5\u6bcf\u9031\u91cd\u8907\u56db\u6b21\uff0c\u525b\u597d\u5b8c\u6210 28 \u5929\u3002<\/p>\n    <div class=\"tea-week\" role=\"list\" aria-label=\"\u6bcf\u9031\u82f1\u6587\u5b78\u7fd2\u5b89\u6392\">\n      <div class=\"tea-day\" role=\"listitem\"><strong>MON<\/strong><span>\u807d\u529b<\/span><\/div>\n      <div class=\"tea-day\" role=\"listitem\"><strong>TUE<\/strong><span>\u53e3\u8aaa<\/span><\/div>\n      <div class=\"tea-day is-rest\" role=\"listitem\"><strong>WED<\/strong><span>\u4f11\u9592<\/span><\/div>\n      <div class=\"tea-day\" role=\"listitem\"><strong>THU<\/strong><span>\u95b1\u8b80<\/span><\/div>\n      <div class=\"tea-day\" role=\"listitem\"><strong>FRI<\/strong><span>\u5beb\u4f5c<\/span><\/div>\n      <div class=\"tea-day is-rest\" role=\"listitem\"><strong>SAT<\/strong><span>\u8907\u7fd2<\/span><\/div>\n      <div class=\"tea-day is-rest\" role=\"listitem\"><strong>SUN<\/strong><span>\u4f11\u606f<\/span><\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"tea-listening\" class=\"tea-section\" aria-labelledby=\"tea-listening-title\">\n    <div class=\"tea-section-heading\">\n      <div>\n        <div class=\"tea-section-kicker\">Listen with Curiosity<\/div>\n        <h2 id=\"tea-listening-title\">\u807d\u529b\u7df4\u7fd2<\/h2>\n      <\/div>\n      <div class=\"tea-section-number\" aria-hidden=\"true\">01<\/div>\n    <\/div>\n\n    <div class=\"tea-section-intro\">\n      <p>\u60f3\u63d0\u5347\u82f1\u8a9e\u807d\u529b\uff0c\u5167\u5bb9\u4e00\u5b9a\u8981\u7b26\u5408\u81ea\u5df1\u7684\u7a0b\u5ea6\u3002\u592a\u56f0\u96e3\u7684\u97f3\u6a94\u53ea\u6703\u8b93\u4eba\u5f88\u5feb\u653e\u68c4\uff0c\u5efa\u8b70\u9078\u64c7\u5927\u7d04\u80fd\u807d\u61c2 70% \u81f3 80% \u7684\u6750\u6599\uff0c\u4e26\u512a\u5148\u4f7f\u7528\u9644\u6709\u9010\u5b57\u7a3f\u7684\u8cc7\u6e90\u3002<\/p>\n    <\/div>\n\n    <div class=\"tea-method-grid\">\n      <article class=\"tea-method-card\">\n        <div class=\"tea-card-top\">\n          <span class=\"tea-card-number\">1<\/span>\n          <h3>\u4e09\u904d\u7cbe\u807d\u6cd5<\/h3>\n        <\/div>\n        <p>\u9078\u64c7\u4e94\u81f3\u5341\u5206\u9418\u7684\u77ed\u97f3\u6a94\uff0c\u7279\u5225\u6ce8\u610f\u9023\u97f3\u3001\u5f31\u8b80\u8207\u8a9e\u901f\uff0c\u4f8b\u5982 <em>Do you&#8230;?<\/em> \u5728\u81ea\u7136\u53e3\u8a9e\u4e2d\u53ef\u80fd\u807d\u8d77\u4f86\u63a5\u8fd1 \/dju\u02d0\/\u3002<\/p>\n        <ol class=\"tea-steps\">\n          <li>\u7b2c\u4e00\u904d\u4e0d\u770b\u9010\u5b57\u7a3f\uff0c\u8a18\u4e0b\u807d\u4e0d\u61c2\u7684\u6642\u9593\u9ede\u3002<\/li>\n          <li>\u7b2c\u4e8c\u904d\u642d\u914d\u9010\u5b57\u7a3f\uff0c\u5224\u65b7\u554f\u984c\u4f86\u81ea\u55ae\u5b57\u3001\u767c\u97f3\u6216\u9023\u97f3\u3002<\/li>\n          <li>\u7b2c\u4e09\u904d\u518d\u6b21\u95dc\u6389\u9010\u5b57\u7a3f\uff0c\u78ba\u8a8d\u539f\u672c\u7684\u7247\u6bb5\u662f\u5426\u5df2\u7d93\u807d\u61c2\u3002<\/li>\n        <\/ol>\n        <a class=\"tea-link\" href=\"https:\/\/www.bbc.co.uk\/learningenglish\/english\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u524d\u5f80 BBC Learning English<\/a>\n        <div class=\"tea-purpose\">\u7406\u89e3\u6bcd\u8a9e\u4eba\u58eb\u81ea\u7136\u8aaa\u8a71\u7684\u65b9\u5f0f<\/div>\n      <\/article>\n\n      <article class=\"tea-method-card\">\n        <div class=\"tea-card-top\">\n          <span class=\"tea-card-number\">2<\/span>\n          <h3>\u6709\u8072\u66f8\u627e\u55ae\u5b57<\/h3>\n        <\/div>\n        <p>\u6709\u8072\u66f8\u5f9e\u5152\u7ae5\u7e6a\u672c\u5230\u6210\u4eba\u975e\u5c0f\u8aaa\u4f5c\u54c1\u90fd\u6709\uff0c\u7a0b\u5ea6\u7bc4\u570d\u5f88\u5ee3\u3002\u91cd\u9ede\u4e0d\u662f\u9078\u6700\u96e3\u7684\u66f8\uff0c\u800c\u662f\u9078\u4e00\u7bc7\u4f60\u9858\u610f\u91cd\u8907\u807d\u7684\u5167\u5bb9\u3002<\/p>\n        <ol class=\"tea-steps\">\n          <li>\u5148\u95b1\u8b80\u6587\u5b57\u5167\u5bb9\uff0c\u78ba\u8a8d\u5927\u610f\u8207\u53e5\u5b50\u7d50\u69cb\u3002<\/li>\n          <li>\u67e5\u6e05\u695a\u751f\u5b57\u7684\u610f\u601d\u3001\u91cd\u97f3\u8207\u767c\u97f3\u3002<\/li>\n          <li>\u64ad\u653e\u6709\u8072\u66f8\uff0c\u7df4\u7fd2\u5728\u5b8c\u6574\u53e5\u5b50\u4e2d\u8fa8\u8a8d\u525b\u5b78\u904e\u7684\u5b57\u3002<\/li>\n        <\/ol>\n        <div class=\"tea-purpose\">\u628a\u300c\u770b\u5f97\u61c2\u7684\u55ae\u5b57\u300d\u8b8a\u6210\u300c\u807d\u5f97\u61c2\u7684\u55ae\u5b57\u300d<\/div>\n      <\/article>\n\n      <article class=\"tea-method-card\">\n        <div class=\"tea-card-top\">\n          <span class=\"tea-card-number\">3<\/span>\n          <h3>YouGlish \u60c5\u5883\u767c\u97f3<\/h3>\n        <\/div>\n        <p>YouGlish \u80fd\u5920\u5f9e\u771f\u5be6\u5f71\u7247\u4e2d\u627e\u51fa\u55ae\u5b57\u6216\u7247\u8a9e\u7684\u4f7f\u7528\u7247\u6bb5\uff0c\u7279\u5225\u9069\u5408\u89c0\u5bdf\u540c\u4e00\u500b\u5b57\u653e\u9032\u53e5\u5b50\u5f8c\uff0c\u5be6\u969b\u6703\u600e\u9ebc\u88ab\u5538\u51fa\u4f86\u3002<\/p>\n        <ol class=\"tea-steps\">\n          <li>\u9078\u5b9a\u4eca\u5929\u60f3\u7df4\u7684\u5341\u500b\u55ae\u5b57\u6216\u7247\u8a9e\u3002<\/li>\n          <li>\u9010\u4e00\u8f38\u5165\u7db2\u7ad9\uff0c\u9078\u64c7 UK \u82f1\u5f0f\u767c\u97f3\u3002<\/li>\n          <li>\u9023\u7e8c\u807d\u4e0d\u540c\u7247\u6bb5\uff0c\u76f4\u5230\u80fd\u8fa8\u8a8d\u81ea\u7136\u8a9e\u6d41\u4e2d\u7684\u8072\u97f3\u3002<\/li>\n        <\/ol>\n        <a class=\"tea-link\" href=\"https:\/\/youglish.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u524d\u5f80 YouGlish<\/a>\n        <div class=\"tea-purpose\">\u719f\u6089\u55ae\u5b57\u5728\u771f\u5be6\u53e5\u5b50\u4e2d\u7684\u767c\u97f3<\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"tea-example\"><strong>\u5c0f\u4f8b\u5b50\uff1a<\/strong><em>an apple<\/em> \u88e1\u7684 \/n\/ \u5e38\u6703\u548c\u5f8c\u9762\u7684\u6bcd\u97f3\u9023\u5728\u4e00\u8d77\u3002\u7576\u4f60\u807d\u904e\u8db3\u5920\u591a\u6b21\uff0c\u5c31\u4e0d\u6703\u518d\u628a <em>anapple<\/em> \u8aa4\u4ee5\u70ba\u662f\u4e00\u500b\u964c\u751f\u55ae\u5b57\u3002<\/div>\n  <\/section>\n\n  <section id=\"tea-speaking\" class=\"tea-section\" aria-labelledby=\"tea-speaking-title\">\n    <div class=\"tea-section-heading\">\n      <div>\n        <div class=\"tea-section-kicker\">Speak Before You Feel Ready<\/div>\n        <h2 id=\"tea-speaking-title\">\u53e3\u8aaa\u7df4\u7fd2<\/h2>\n      <\/div>\n      <div class=\"tea-section-number\" aria-hidden=\"true\">02<\/div>\n    <\/div>\n\n    <div class=\"tea-section-intro\">\n      <p>\u5c0d\u5fd9\u788c\u7684\u4e0a\u73ed\u65cf\u4f86\u8aaa\uff0c\u53e3\u8aaa\u6700\u56f0\u96e3\u7684\u5730\u65b9\u901a\u5e38\u4e0d\u662f\u300c\u4e0d\u77e5\u9053\u6587\u6cd5\u300d\uff0c\u800c\u662f\u627e\u4e0d\u5230\u96a8\u6642\u80fd\u966a\u81ea\u5df1\u7df4\u7fd2\u7684\u4eba\u3002\u4e0b\u9762\u7684\u65b9\u6cd5\u770b\u8d77\u4f86\u7c21\u55ae\uff0c\u537b\u80fd\u6709\u6548\u589e\u52a0\u771f\u6b63\u958b\u53e3\u7684\u6642\u9593\u3002<\/p>\n    <\/div>\n\n    <div class=\"tea-method-grid\">\n      <article class=\"tea-method-card\">\n        <div class=\"tea-card-top\">\n          <span class=\"tea-card-number\">1<\/span>\n          <h3>\u4e00\u4eba\u5206\u98fe\u5169\u89d2<\/h3>\n        <\/div>\n        <p>\u7528\u624b\u6a5f\u9304\u97f3\uff0c\u81ea\u5df1\u554f\u554f\u984c\u3001\u81ea\u5df1\u56de\u7b54\uff0c\u6a21\u64ec\u4e00\u4f86\u4e00\u5f80\u7684\u5c0d\u8a71\u3002\u984c\u76ee\u6700\u597d\u4f86\u81ea\u4eca\u5929\u5de5\u4f5c\u3001\u751f\u6d3b\u6216\u670b\u53cb\u804a\u5929\u6642\u771f\u6b63\u51fa\u73fe\u904e\u7684\u5167\u5bb9\u3002<\/p>\n        <ol class=\"tea-steps\">\n          <li>\u5148\u8aaa\u51fa\u4e00\u500b\u81ea\u7136\u554f\u984c\u3002<\/li>\n          <li>\u505c\u9813\u5169\u79d2\uff0c\u518d\u7528\u5b8c\u6574\u53e5\u5b50\u56de\u7b54\u3002<\/li>\n          <li>\u91cd\u807d\u9304\u97f3\uff0c\u628a\u4e0d\u6703\u5538\u6216\u5361\u4f4f\u7684\u5730\u65b9\u8a18\u4e0b\u4f86\u3002<\/li>\n        <\/ol>\n        <div class=\"tea-purpose\">\u719f\u6089\u771f\u5be6\u804a\u5929\u7684\u7bc0\u594f\u8207\u60c5\u5883<\/div>\n      <\/article>\n\n      <article class=\"tea-method-card\">\n        <div class=\"tea-card-top\">\n          <span class=\"tea-card-number\">2<\/span>\n          <h3>\u4e09\u5206\u9418\u81ea\u8a00\u81ea\u8a9e<\/h3>\n        <\/div>\n        <p>\u6bcf\u5929\u6311\u4e00\u500b\u4e3b\u984c\uff0c\u628a\u81ea\u5df1\u60f3\u50cf\u6210\u6b63\u5728\u5411\u89c0\u773e\u4ecb\u7d39\u6545\u4e8b\u3001\u89c0\u9ede\u6216\u7522\u54c1\u3002\u4f60\u4e0d\u9700\u8981\u4e00\u958b\u59cb\u5c31\u8b1b\u5f97\u5b8c\u7f8e\uff0c\u5148\u8b93\u81ea\u5df1\u7fd2\u6163\u6301\u7e8c\u8f38\u51fa\u82f1\u6587\u3002<\/p>\n        <ol class=\"tea-steps\">\n          <li>\u7528\u4e00\u53e5\u8a71\u8aaa\u660e\u4eca\u5929\u7684\u4e3b\u984c\u3002<\/li>\n          <li>\u88dc\u5145\u5169\u500b\u4f8b\u5b50\u6216\u7406\u7531\u3002<\/li>\n          <li>\u6700\u5f8c\u7528\u4e00\u53e5\u8a71\u505a\u6458\u8981\u6216\u7d50\u8ad6\u3002<\/li>\n        <\/ol>\n        <div class=\"tea-purpose\">\u5efa\u7acb\u82f1\u6587\u7c21\u5831\u8207\u9577\u56de\u7b54\u80fd\u529b<\/div>\n      <\/article>\n\n      <article class=\"tea-method-card\">\n        <div class=\"tea-card-top\">\n          <span class=\"tea-card-number\">3<\/span>\n          <h3>\u8ddf\u8b80\u8207\u5f71\u5b50\u7df4\u7fd2<\/h3>\n        <\/div>\n        <p>\u56de\u97f3\u6cd5\u3001\u5f71\u5b50\u6cd5\u540d\u7a31\u4e0d\u540c\uff0c\u6838\u5fc3\u90fd\u662f\u6a21\u4eff\u3002\u5148\u6a21\u4eff\u7bc0\u594f\u548c\u8a9e\u8abf\uff0c\u518d\u628a\u55ae\u5b57\u8207\u9023\u97f3\u653e\u56de\u53bb\uff0c\u6bd4\u4e00\u958b\u59cb\u9010\u5b57\u786c\u5538\u66f4\u6709\u6548\u3002<\/p>\n        <ol class=\"tea-steps\">\n          <li>\u9078\u4e00\u5c0f\u6bb5\u97f3\u6a94\uff0c\u5148\u7406\u89e3\u610f\u601d\u8207\u6240\u6709\u55ae\u5b57\u7684\u767c\u97f3\u3002<\/li>\n          <li>\u50cf\u54fc\u6b4c\u4e00\u6a23\uff0c\u53ea\u6a21\u4eff\u9ad8\u4f4e\u8d77\u4f0f\u3001\u505c\u9813\u8207\u91cd\u97f3\u3002<\/li>\n          <li>\u6162\u6162\u52a0\u56de\u5b8c\u6574\u5b57\u8a5e\uff0c\u53cd\u8986\u6bd4\u8f03\u81ea\u5df1\u8207\u539f\u97f3\u7684\u5dee\u7570\u3002<\/li>\n        <\/ol>\n        <div class=\"tea-purpose\">\u6539\u5584\u767c\u97f3\u3001\u91cd\u97f3\u3001\u9023\u97f3\u8207\u8a9e\u8abf<\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section id=\"tea-reading\" class=\"tea-section\" aria-labelledby=\"tea-reading-title\">\n    <div class=\"tea-section-heading\">\n      <div>\n        <div class=\"tea-section-kicker\">Read What Matters to You<\/div>\n        <h2 id=\"tea-reading-title\">\u95b1\u8b80\u7df4\u7fd2<\/h2>\n      <\/div>\n      <div class=\"tea-section-number\" aria-hidden=\"true\">03<\/div>\n    <\/div>\n\n    <div class=\"tea-section-intro\">\n      <p>\u5f88\u591a\u4eba\u6c7a\u5b9a\u300c\u6bcf\u5929\u8b80\u4e00\u7bc7\u82f1\u6587\u65b0\u805e\u300d\uff0c\u7b2c\u4e00\u5929\u537b\u56e0\u70ba\u5167\u5bb9\u592a\u96e3\u800c\u653e\u68c4\u3002\u95b1\u8b80\u6750\u6599\u4e26\u4e0d\u662f\u8d8a\u6b63\u5f0f\u3001\u8d8a\u8271\u6df1\u8d8a\u597d\uff0c\u771f\u6b63\u9069\u5408\u7684\u6587\u7ae0\uff0c\u61c9\u8a72\u8b93\u4f60\u65e2\u770b\u5f97\u61c2\uff0c\u53c8\u80fd\u5b78\u5230\u4e00\u4e9b\u65b0\u6771\u897f\u3002<\/p>\n    <\/div>\n\n    <div class=\"tea-method-grid two-columns\">\n      <article class=\"tea-method-card\">\n        <div class=\"tea-card-top\">\n          <span class=\"tea-card-number\">1<\/span>\n          <h3>\u77ed\u7bc7\u7cbe\u8b80<\/h3>\n        <\/div>\n        <p>\u7cbe\u8b80\u80fd\u540c\u6642\u5e6b\u52a9\u95b1\u8b80\u8207\u5beb\u4f5c\u3002\u6311\u4e00\u7bc7\u4e0d\u592a\u9577\u7684\u6587\u7ae0\uff0c\u4e00\u5b57\u4e00\u53e5\u7406\u89e3\u5167\u5bb9\uff0c\u9047\u5230\u4e0d\u6703\u7684\u5b57\u4e0d\u8981\u53ea\u770b\u4e2d\u6587\u7ffb\u8b6f\uff0c\u4e5f\u8981\u78ba\u8a8d\u642d\u914d\u8a5e\u8207\u4f8b\u53e5\u3002<\/p>\n        <ol class=\"tea-steps\">\n          <li>\u5148\u8b80\u5b8c\u6574\u7bc7\uff0c\u6293\u4f4f\u6587\u7ae0\u4e3b\u984c\u3002<\/li>\n          <li>\u6a19\u8a18\u751f\u5b57\u8207\u770b\u4e0d\u61c2\u7684\u9577\u53e5\u3002<\/li>\n          <li>\u5206\u6790\u53e5\u5b50\u4e3b\u5e79\u3001\u4fee\u98fe\u8a9e\u8207\u9023\u63a5\u95dc\u4fc2\u3002<\/li>\n          <li>\u7528\u81ea\u5df1\u7684\u8a71\u5beb\u51fa\u5169\u81f3\u4e09\u53e5\u6458\u8981\u3002<\/li>\n        <\/ol>\n        <a class=\"tea-link\" href=\"https:\/\/www.bbc.co.uk\/learningenglish\/english\/features\/lingohack\" target=\"_blank\" rel=\"noopener noreferrer\">\u67e5\u770b BBC Learning English \u5167\u5bb9<\/a>\n        <div class=\"tea-purpose\">\u63d0\u5347\u6587\u7ae0\u7406\u89e3\u3001\u55ae\u5b57\u8207\u53e5\u69cb\u5206\u6790<\/div>\n      <\/article>\n\n      <article class=\"tea-method-card\">\n        <div class=\"tea-card-top\">\n          <span class=\"tea-card-number\">2<\/span>\n          <h3>\u5f9e\u8208\u8da3\u958b\u59cb\u95b1\u8b80<\/h3>\n        <\/div>\n        <p>\u5148\u8b80\u81ea\u5df1\u719f\u6089\u6216\u771f\u6b63\u95dc\u5fc3\u7684\u4e3b\u984c\uff0c\u4f8b\u5982\u7c43\u7403\u3001\u65c5\u904a\u3001\u79d1\u6280\u3001\u82f1\u570b\u6587\u5316\u6216\u5546\u696d\u3002\u56e0\u70ba\u4f60\u5df2\u7d93\u5177\u5099\u80cc\u666f\u77e5\u8b58\uff0c\u66f4\u5bb9\u6613\u63a8\u6e2c\u964c\u751f\u5b57\u8207\u6bb5\u843d\u5167\u5bb9\u3002<\/p>\n        <ol class=\"tea-steps\">\n          <li>\u5148\u7528\u4e2d\u6587\u5feb\u901f\u4e86\u89e3\u4e8b\u4ef6\u6216\u4e3b\u984c\u80cc\u666f\u3002<\/li>\n          <li>\u518d\u641c\u5c0b\u76f8\u540c\u4e3b\u984c\u7684\u82f1\u6587\u6587\u7ae0\u3002<\/li>\n          <li>\u6574\u7406\u53cd\u8986\u51fa\u73fe\u7684\u95dc\u9375\u55ae\u5b57\u3002<\/li>\n          <li>\u6bd4\u8f03\u4e2d\u82f1\u6587\u6587\u7ae0\u5982\u4f55\u5448\u73fe\u76f8\u540c\u8cc7\u8a0a\u3002<\/li>\n        <\/ol>\n        <div class=\"tea-purpose\">\u5229\u7528\u80cc\u666f\u77e5\u8b58\u964d\u4f4e\u95b1\u8b80\u96e3\u5ea6<\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section id=\"tea-writing\" class=\"tea-section\" aria-labelledby=\"tea-writing-title\">\n    <div class=\"tea-section-heading\">\n      <div>\n        <div class=\"tea-section-kicker\">Build One Sentence at a Time<\/div>\n        <h2 id=\"tea-writing-title\">\u5beb\u4f5c\u7df4\u7fd2<\/h2>\n      <\/div>\n      <div class=\"tea-section-number\" aria-hidden=\"true\">04<\/div>\n    <\/div>\n\n    <div class=\"tea-section-intro\">\n      <p>\u525b\u958b\u59cb\u7df4\u5beb\u4f5c\u6642\uff0c\u4e0d\u9700\u8981\u99ac\u4e0a\u903c\u81ea\u5df1\u5beb\u4e94\u5341\u5b57\u6216\u4e00\u767e\u5b57\u3002\u8207\u5176\u5750\u5728\u66f8\u684c\u524d\u4e00\u5c0f\u6642\u537b\u4e0d\u77e5\u9053\u5982\u4f55\u958b\u59cb\uff0c\u4e0d\u5982\u5148\u5f9e\u6a21\u4eff\u4e00\u500b\u597d\u53e5\u5b50\u3001\u5beb\u6e05\u695a\u4e00\u53e5\u8a71\u958b\u59cb\u3002<\/p>\n    <\/div>\n\n    <div class=\"tea-method-grid\">\n      <article class=\"tea-method-card\">\n        <div class=\"tea-card-top\">\n          <span class=\"tea-card-number\">1<\/span>\n          <h3>\u6284\u5beb\u8207\u8a18\u61b6<\/h3>\n        <\/div>\n        <p>\u627e\u4e00\u7bc7\u5beb\u5f97\u6e05\u695a\u7684\u6587\u7ae0\uff0c\u628a\u53e5\u5b50\u770b\u61c2\u5f8c\uff0c\u4ee5\u300c\u770b\u4e00\u53e5\u3001\u8a18\u4e00\u53e5\u3001\u6253\u4e00\u53e5\u300d\u7684\u65b9\u5f0f\u91cd\u65b0\u8f38\u5165\u3002\u9019\u4e0d\u53ea\u662f\u6284\u5beb\uff0c\u800c\u662f\u5728\u89c0\u5bdf\u82f1\u6587\u5982\u4f55\u6392\u5217\u8cc7\u8a0a\u3002<\/p>\n        <ol class=\"tea-steps\">\n          <li>\u5148\u7406\u89e3\u53e5\u610f\u8207\u53e5\u5b50\u7d50\u69cb\u3002<\/li>\n          <li>\u77ed\u66ab\u79fb\u958b\u539f\u6587\uff0c\u6191\u8a18\u61b6\u6253\u51fa\u53e5\u5b50\u3002<\/li>\n          <li>\u5c0d\u7167\u539f\u6587\uff0c\u627e\u51fa\u907a\u6f0f\u6216\u62fc\u5b57\u932f\u8aa4\u3002<\/li>\n        <\/ol>\n        <div class=\"tea-purpose\">\u7d2f\u7a4d\u82f1\u6587\u8a9e\u611f\u8207\u5e38\u7528\u53e5\u578b<\/div>\n      <\/article>\n\n      <article class=\"tea-method-card\">\n        <div class=\"tea-card-top\">\n          <span class=\"tea-card-number\">2<\/span>\n          <h3>\u6a21\u4eff\u9020\u53e5<\/h3>\n        <\/div>\n        <p>\u95b1\u8b80\u6642\u770b\u5230\u559c\u6b61\u7684\u53e5\u5b50\uff0c\u4e0d\u53ea\u6536\u85cf\uff0c\u4e5f\u8981\u628a\u5b83\u8b8a\u6210\u81ea\u5df1\u7684\u53e5\u5b50\u3002\u4fdd\u7559\u539f\u672c\u7684\u7d50\u69cb\uff0c\u66ff\u63db\u4eba\u7269\u3001\u6642\u9593\u3001\u52d5\u4f5c\u8207\u4e3b\u984c\u3002<\/p>\n        <ol class=\"tea-steps\">\n          <li>\u6284\u4e0b\u503c\u5f97\u5b78\u7fd2\u7684\u539f\u53e5\u3002<\/li>\n          <li>\u5708\u51fa\u53ef\u4ee5\u66ff\u63db\u7684\u95dc\u9375\u90e8\u5206\u3002<\/li>\n          <li>\u7528\u540c\u4e00\u7d50\u69cb\u5beb\u51fa\u5169\u500b\u8207\u81ea\u5df1\u751f\u6d3b\u6709\u95dc\u7684\u65b0\u53e5\u5b50\u3002<\/li>\n        <\/ol>\n        <div class=\"tea-purpose\">\u628a\u770b\u904e\u7684\u53e5\u578b\u8f49\u5316\u6210\u53ef\u4f7f\u7528\u7684\u82f1\u6587<\/div>\n      <\/article>\n\n      <article class=\"tea-method-card\">\n        <div class=\"tea-card-top\">\n          <span class=\"tea-card-number\">3<\/span>\n          <h3>\u4e00\u53e5\u9031\u8a18<\/h3>\n        <\/div>\n        <p>\u6bcf\u9031\u7528\u4e00\u53e5\u82f1\u6587\u8a18\u9304\u6700\u91cd\u8981\u7684\u4e8b\u60c5\u3002\u53e5\u5b50\u53ef\u4ee5\u5f88\u77ed\uff0c\u4f46\u8981\u78ba\u5b9a\u6642\u9593\u3001\u52d5\u4f5c\u548c\u610f\u601d\u6e05\u695a\uff0c\u518d\u9010\u6b65\u52a0\u5165\u539f\u56e0\u3001\u611f\u53d7\u6216\u7d50\u679c\u3002<\/p>\n        <ol class=\"tea-steps\">\n          <li>\u5148\u5beb\u51fa\u6700\u7c21\u55ae\u7684\u4e3b\u8a5e\u3001\u52d5\u8a5e\u8207\u53d7\u8a5e\u3002<\/li>\n          <li>\u67e5\u6e05\u695a\u4e0d\u78ba\u5b9a\u7684\u55ae\u5b57\u8207\u642d\u914d\u3002<\/li>\n          <li>\u52a0\u5165\u4e00\u500b because\u3001although \u6216 which \u5ef6\u4f38\u5167\u5bb9\u3002<\/li>\n        <\/ol>\n        <div class=\"tea-purpose\">\u964d\u4f4e\u5beb\u4f5c\u58d3\u529b\uff0c\u5efa\u7acb\u56fa\u5b9a\u8f38\u51fa\u7fd2\u6163<\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"tea-example\"><strong>\u63d0\u9192\uff1a<\/strong>\u5beb\u4f5c\u5f88\u96e3\u5b8c\u5168\u9760\u81ea\u5df1\u767c\u73fe\u554f\u984c\u3002\u82e5\u80fd\u8acb\u540c\u4f34\u6216\u8001\u5e2b\u63d0\u4f9b\u4fee\u6539\u8207\u56de\u994b\uff0c\u901a\u5e38\u6703\u6bd4\u53cd\u8986\u95b1\u8b80\u81ea\u5df1\u7684\u6587\u7ae0\u66f4\u6709\u6548\u3002<\/div>\n  <\/section>\n\n  <section id=\"tea-leisure\" class=\"tea-section\" aria-labelledby=\"tea-leisure-title\">\n    <div class=\"tea-section-heading\">\n      <div>\n        <div class=\"tea-section-kicker\">Make English Part of Life<\/div>\n        <h2 id=\"tea-leisure-title\">\u4f11\u9592\u82f1\u6587<\/h2>\n      <\/div>\n      <div class=\"tea-section-number\" aria-hidden=\"true\">05<\/div>\n    <\/div>\n\n    <div class=\"tea-method-grid two-columns\">\n      <article class=\"tea-method-card\">\n        <div class=\"tea-card-top\">\n          <span class=\"tea-card-number\">\u2615<\/span>\n          <h3>\u771f\u7684\u4f11\u606f\uff0c\u4e5f\u771f\u7684\u63a5\u89f8\u82f1\u6587<\/h3>\n        <\/div>\n        <p>\u627e\u4e00\u90e8\u81ea\u5df1\u559c\u6b61\u7684\u96fb\u5f71\u3001\u5f71\u96c6\u6216 YouTube \u983b\u9053\u3002\u958b\u5b57\u5e55\u8207\u4e0d\u958b\u5b57\u5e55\u662f\u4e0d\u540c\u7684\u7df4\u7fd2\uff0c\u4f46\u65e2\u7136\u5b89\u6392\u70ba\u4f11\u9592\uff0c\u5c31\u4e0d\u9700\u8981\u6bcf\u4e00\u53e5\u90fd\u66ab\u505c\u67e5\u5b57\u5178\u3002<\/p>\n        <ol class=\"tea-steps\">\n          <li>\u7b2c\u4e00\u904d\u55ae\u7d14\u4eab\u53d7\u5167\u5bb9\uff0c\u4e0d\u8981\u6c42\u5168\u90e8\u807d\u61c2\u3002<\/li>\n          <li>\u53ea\u8a18\u4e0b\u91cd\u8907\u51fa\u73fe\u3001\u800c\u4e14\u4f60\u771f\u7684\u60f3\u5b78\u7684\u8868\u9054\u3002<\/li>\n          <li>\u770b\u5b8c\u5f8c\u7528\u4e00\u53e5\u82f1\u6587\u8aaa\u51fa\u81ea\u5df1\u7684\u611f\u60f3\u3002<\/li>\n        <\/ol>\n        <div class=\"tea-purpose\">\u8b93\u82f1\u6587\u5f9e\u4efb\u52d9\u6162\u6162\u8b8a\u6210\u751f\u6d3b\u7684\u4e00\u90e8\u5206<\/div>\n      <\/article>\n\n      <article class=\"tea-method-card\">\n        <div class=\"tea-card-top\">\n          <span class=\"tea-card-number\">\u2665<\/span>\n          <h3>\u559c\u6b61\uff0c\u624d\u66f4\u5bb9\u6613\u9577\u4e45<\/h3>\n        <\/div>\n        <p>\u5b78\u7fd2\u4e0d\u4e00\u5b9a\u6bcf\u6b21\u90fd\u8981\u975e\u5e38\u8f9b\u82e6\u3002\u7576\u4f60\u958b\u59cb\u80fd\u7528\u82f1\u6587\u7406\u89e3\u559c\u6b61\u7684\u6545\u4e8b\u3001\u4eba\u7269\u8207\u89c0\u9ede\uff0c\u82f1\u6587\u5c31\u4e0d\u518d\u53ea\u662f\u4e00\u9580\u8003\u8a66\u79d1\u76ee\uff0c\u800c\u6703\u6210\u70ba\u63a2\u7d22\u4e16\u754c\u7684\u5de5\u5177\u3002<\/p>\n        <p class=\"tea-purpose\">\u4fdd\u7559\u597d\u5947\u5fc3\u8207\u6301\u7e8c\u5b78\u7fd2\u7684\u52d5\u529b<\/p>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"tea-section\" aria-labelledby=\"tea-tracker-title\">\n    <div class=\"tea-tracker-wrap\">\n      <div class=\"tea-tracker-head\">\n        <div>\n          <h2 id=\"tea-tracker-title\">\u4f60\u7684 28 \u5929\u6253\u5361\u8868<\/h2>\n          <p>\u5b8c\u6210\u4e00\u5929\u5c31\u9ede\u4e00\u4e0b\u3002\u4f60\u4e0d\u9700\u8981\u5b8c\u7f8e\uff0c\u53ea\u9700\u8981\u7e7c\u7e8c\u3002<\/p>\n        <\/div>\n        <div class=\"tea-tracker-meta\">\n          <div class=\"tea-tracker-note\">One day, one cup, one small step.<\/div>\n          <div class=\"tea-tracker-status\" aria-live=\"polite\"><strong id=\"tea-progress-count\">0<\/strong><span>\/ 28 days<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tea-tracker\" aria-label=\"28\u5929\u5b78\u7fd2\u9032\u5ea6\">\n        <div class=\"tea-check\"><input id=\"tea-day-1\" type=\"checkbox\"><label for=\"tea-day-1\"><strong>01<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-2\" type=\"checkbox\"><label for=\"tea-day-2\"><strong>02<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-3\" type=\"checkbox\"><label for=\"tea-day-3\"><strong>03<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-4\" type=\"checkbox\"><label for=\"tea-day-4\"><strong>04<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-5\" type=\"checkbox\"><label for=\"tea-day-5\"><strong>05<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-6\" type=\"checkbox\"><label for=\"tea-day-6\"><strong>06<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-7\" type=\"checkbox\"><label for=\"tea-day-7\"><strong>07<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-8\" type=\"checkbox\"><label for=\"tea-day-8\"><strong>08<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-9\" type=\"checkbox\"><label for=\"tea-day-9\"><strong>09<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-10\" type=\"checkbox\"><label for=\"tea-day-10\"><strong>10<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-11\" type=\"checkbox\"><label for=\"tea-day-11\"><strong>11<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-12\" type=\"checkbox\"><label for=\"tea-day-12\"><strong>12<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-13\" type=\"checkbox\"><label for=\"tea-day-13\"><strong>13<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-14\" type=\"checkbox\"><label for=\"tea-day-14\"><strong>14<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-15\" type=\"checkbox\"><label for=\"tea-day-15\"><strong>15<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-16\" type=\"checkbox\"><label for=\"tea-day-16\"><strong>16<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-17\" type=\"checkbox\"><label for=\"tea-day-17\"><strong>17<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-18\" type=\"checkbox\"><label for=\"tea-day-18\"><strong>18<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-19\" type=\"checkbox\"><label for=\"tea-day-19\"><strong>19<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-20\" type=\"checkbox\"><label for=\"tea-day-20\"><strong>20<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-21\" type=\"checkbox\"><label for=\"tea-day-21\"><strong>21<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-22\" type=\"checkbox\"><label for=\"tea-day-22\"><strong>22<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-23\" type=\"checkbox\"><label for=\"tea-day-23\"><strong>23<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-24\" type=\"checkbox\"><label for=\"tea-day-24\"><strong>24<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-25\" type=\"checkbox\"><label for=\"tea-day-25\"><strong>25<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-26\" type=\"checkbox\"><label for=\"tea-day-26\"><strong>26<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-27\" type=\"checkbox\"><label for=\"tea-day-27\"><strong>27<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n        <div class=\"tea-check\"><input id=\"tea-day-28\" type=\"checkbox\"><label for=\"tea-day-28\"><strong>28<\/strong><span>\u5b8c\u6210<\/span><\/label><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <footer class=\"tea-closing\">\n    <h2>\u73fe\u5728\uff0c\u5c31\u5f9e\u4eca\u5929\u7684\u4e09\u5341\u5206\u9418\u958b\u59cb<\/h2>\n    <p>\u4e0d\u7528\u7b49\u5230\u8cb7\u597d\u6240\u6709\u6559\u6750\u3001\u6392\u51fa\u5b8c\u7f8e\u6642\u9593\u8868\uff0c\u6216\u89ba\u5f97\u81ea\u5df1\u5df2\u7d93\u6e96\u5099\u597d\u4e86\u3002\u6ce1\u4e00\u676f\u8336\uff0c\u9078\u64c7\u4e00\u9805\u7df4\u7fd2\uff0c\u5b8c\u6210\u4eca\u5929\u7684\u5c0f\u5c0f\u9032\u5ea6\u3002<\/p>\n    <a class=\"tea-cta\" href=\"#tea-listening\">\u9078\u64c7\u4eca\u5929\u7684\u7b2c\u4e00\u9805\u7df4\u7fd2<\/a>\n    <div class=\"tea-small-note\">A Cup of Tea English\uff5c\u4e00\u676f\u8336\u82f1\u6587<\/div>\n  <\/footer>\n\n  <script>\n    (function () {\n      var root = document.getElementById('cuptea-28day-plan');\n      if (!root) return;\n\n      var boxes = Array.prototype.slice.call(root.querySelectorAll('.tea-check input[type=\"checkbox\"]'));\n      var count = root.querySelector('#tea-progress-count');\n      var storageKey = 'cuptea-28day-progress-v1';\n\n      function updateCount() {\n        var completed = boxes.filter(function (box) { return box.checked; }).length;\n        if (count) count.textContent = completed;\n      }\n\n      try {\n        var saved = JSON.parse(localStorage.getItem(storageKey) || '[]');\n        boxes.forEach(function (box, index) {\n          box.checked = saved.indexOf(index + 1) !== -1;\n        });\n      } catch (error) {\n        \/* localStorage unavailable: tracker still works during the current visit. *\/\n      }\n\n      boxes.forEach(function (box, index) {\n        box.addEventListener('change', function () {\n          updateCount();\n          try {\n            var completedDays = boxes.reduce(function (days, currentBox, currentIndex) {\n              if (currentBox.checked) days.push(currentIndex + 1);\n              return days;\n            }, []);\n            localStorage.setItem(storageKey, JSON.stringify(completedDays));\n          } catch (error) {\n            \/* Ignore storage errors without affecting the interface. *\/\n          }\n        });\n      });\n\n      updateCount();\n    }());\n  <\/script>\n<\/section>\n<div class=\"d8cbceb61c1f23d387e3da30c94bedf8\" data-index=\"3\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6391243819798351\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<!-- ad-display-\u6a6b\u7684 -->\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:block\"\r\n     data-ad-client=\"ca-pub-6391243819798351\"\r\n     data-ad-slot=\"8952164463\"\r\n     data-ad-format=\"auto\"\r\n     data-full-width-responsive=\"true\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\n<\/div>\n\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>A Cup of Tea English \u00b7 Study Plan 28 \u5929\u82f1\u6587\u5b78\u7fd2\u8a08\u5283Thirty minu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-561","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/learnwithacupoftea.com\/index.php\/wp-json\/wp\/v2\/pages\/561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learnwithacupoftea.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learnwithacupoftea.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learnwithacupoftea.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnwithacupoftea.com\/index.php\/wp-json\/wp\/v2\/comments?post=561"}],"version-history":[{"count":11,"href":"https:\/\/learnwithacupoftea.com\/index.php\/wp-json\/wp\/v2\/pages\/561\/revisions"}],"predecessor-version":[{"id":2508,"href":"https:\/\/learnwithacupoftea.com\/index.php\/wp-json\/wp\/v2\/pages\/561\/revisions\/2508"}],"wp:attachment":[{"href":"https:\/\/learnwithacupoftea.com\/index.php\/wp-json\/wp\/v2\/media?parent=561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}