import { createHotContext as __vite__createHotContext } from "/@vite/client";import.meta.hot = __vite__createHotContext("/app/globals.css");import { updateStyle as __vite__updateStyle, removeStyle as __vite__removeStyle } from "/@vite/client"
const __vite__id = "/Users/liu/Documents/coding agent lark/projects/wudingbang-foot-care/app/globals.css"
const __vite__css = "/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --spacing: 0.25rem;\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *,\n  ::after,\n  ::before,\n  ::backdrop,\n  ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html,\n  :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n  }\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block;\n    vertical-align: middle;\n  }\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  button,\n  input,\n  select,\n  optgroup,\n  textarea,\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or\n    (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit,\n  ::-webkit-datetime-edit-year-field,\n  ::-webkit-datetime-edit-month-field,\n  ::-webkit-datetime-edit-day-field,\n  ::-webkit-datetime-edit-hour-field,\n  ::-webkit-datetime-edit-minute-field,\n  ::-webkit-datetime-edit-second-field,\n  ::-webkit-datetime-edit-millisecond-field,\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button,\n  input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]),\n  ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .relative {\n    position: relative;\n  }\n  .start {\n    inset-inline-start: var(--spacing);\n  }\n  .inline {\n    display: inline;\n  }\n  .table {\n    display: table;\n  }\n}\n:root {\n  --ink: #171b19;\n  --paper: #f5f0df;\n  --paper-deep: #e8e0c9;\n  --yellow: #ffd900;\n  --yellow-soft: #fff178;\n  --green: #0d4d35;\n  --green-deep: #073729;\n  --red: #dc3328;\n  --white: #fffdf5;\n  --line: rgba(23, 27, 25, 0.19);\n}\n* {\n  box-sizing: border-box;\n}\nhtml {\n  scroll-behavior: smooth;\n}\nbody {\n  margin: 0;\n  background: var(--paper);\n  color: var(--ink);\n  font-family: \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans CJK SC\", sans-serif;\n}\nbody::before {\n  position: fixed;\n  inset: 0;\n  z-index: 20;\n  pointer-events: none;\n  content: \"\";\n  opacity: 0.08;\n  background-image: radial-gradient(circle at 25% 30%, #000 0 0.7px, transparent 0.8px),\n    radial-gradient(circle at 75% 70%, #000 0 0.5px, transparent 0.7px);\n  background-size: 8px 8px, 11px 11px;\n  mix-blend-mode: multiply;\n}\nimg {\n  display: block;\n  width: 100%;\n}\na {\n  color: inherit;\n  text-decoration: none;\n}\n.site-header {\n  position: sticky;\n  top: 0;\n  z-index: 15;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 76px;\n  padding: 10px clamp(20px, 4vw, 72px);\n  color: var(--white);\n  background: rgba(7, 55, 41, 0.96);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.16);\n  backdrop-filter: blur(14px);\n}\n.brand {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-weight: 800;\n  letter-spacing: 0.04em;\n}\n.brand small {\n  display: block;\n  margin-top: 2px;\n  color: rgba(255, 255, 255, 0.64);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n}\n.brand-mark {\n  display: grid;\n  width: 48px;\n  height: 48px;\n  place-items: center;\n  color: var(--white);\n  font-family: \"STKaiti\", \"KaiTi\", serif;\n  font-size: 15px;\n  font-weight: 800;\n  background: var(--red);\n  border: 2px solid var(--white);\n  border-radius: 50%;\n  box-shadow: 0 0 0 2px var(--red);\n}\nnav {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  font-size: 14px;\n  font-weight: 650;\n}\nnav a {\n  opacity: 0.78;\n  transition: opacity 180ms ease;\n}\nnav a:hover,\nnav a:focus-visible {\n  opacity: 1;\n}\nnav .nav-cta {\n  padding: 10px 15px;\n  color: var(--ink);\n  background: var(--yellow);\n  border-radius: 999px;\n  opacity: 1;\n}\n.hero {\n  display: grid;\n  grid-template-columns: minmax(0, 0.88fr) minmax(460px, 1.12fr);\n  min-height: 720px;\n  overflow: hidden;\n  background: var(--yellow);\n  border-bottom: 3px solid var(--ink);\n}\n.hero-copy {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 88px clamp(26px, 5vw, 88px);\n  background: linear-gradient(90deg, var(--yellow) 0%, var(--yellow) 88%, transparent 100%);\n}\n.eyebrow,\n.section-index {\n  margin: 0 0 24px;\n  font-size: 12px;\n  font-weight: 850;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n.eyebrow::before,\n.section-index::before {\n  display: inline-block;\n  width: 42px;\n  height: 3px;\n  margin-right: 12px;\n  vertical-align: middle;\n  content: \"\";\n  background: currentColor;\n}\n.hero h1 {\n  max-width: 650px;\n  margin: 0;\n  font-family: \"Songti SC\", \"STSong\", serif;\n  font-size: clamp(64px, 7vw, 118px);\n  font-weight: 900;\n  letter-spacing: -0.09em;\n  line-height: 0.9;\n}\n.hero h1 span {\n  display: block;\n  max-width: 540px;\n  margin-top: 30px;\n  font-family: \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\n  font-size: clamp(22px, 2.25vw, 38px);\n  font-weight: 800;\n  letter-spacing: -0.04em;\n  line-height: 1.22;\n}\n.hero-lead {\n  max-width: 570px;\n  margin: 32px 0 0;\n  font-size: 18px;\n  line-height: 1.85;\n}\n.hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 36px;\n}\n.button {\n  display: inline-flex;\n  min-height: 52px;\n  align-items: center;\n  justify-content: center;\n  padding: 0 24px;\n  border: 2px solid var(--ink);\n  border-radius: 4px;\n  font-size: 15px;\n  font-weight: 850;\n  box-shadow: 5px 5px 0 var(--ink);\n  transition: transform 160ms ease, box-shadow 160ms ease;\n}\n.button:hover,\n.button:focus-visible {\n  box-shadow: 2px 2px 0 var(--ink);\n  transform: translate(3px, 3px);\n}\n.button.primary {\n  color: var(--white);\n  background: var(--green);\n}\n.button.secondary {\n  background: transparent;\n}\n.hero-note {\n  margin: 28px 0 0;\n  color: rgba(23, 27, 25, 0.66);\n  font-size: 12px;\n  line-height: 1.65;\n}\n.hero-visual {\n  position: relative;\n  min-height: 720px;\n  overflow: hidden;\n  background: var(--green);\n}\n.sunburst {\n  position: absolute;\n  inset: -25%;\n  opacity: 0.22;\n  background: repeating-conic-gradient(\n    from -12deg at 50% 50%,\n    transparent 0deg 8deg,\n    rgba(255, 255, 255, 0.9) 8deg 14deg\n  );\n}\n.hero-image-frame {\n  position: absolute;\n  inset: 58px 42px 48px 28px;\n  overflow: hidden;\n  background: #eee;\n  border: 3px solid var(--ink);\n  border-radius: 8px;\n  box-shadow: 18px 18px 0 rgba(0, 0, 0, 0.4);\n  transform: rotate(1.5deg);\n}\n.hero-image-frame img {\n  height: 100%;\n  object-fit: cover;\n}\n.hero-stamp {\n  position: absolute;\n  right: 20px;\n  bottom: 28px;\n  z-index: 2;\n  display: grid;\n  width: 136px;\n  height: 136px;\n  place-content: center;\n  color: var(--white);\n  text-align: center;\n  background: var(--red);\n  border: 3px solid var(--white);\n  border-radius: 50%;\n  box-shadow: 0 0 0 4px var(--red), 8px 10px 0 rgba(0, 0, 0, 0.35);\n  transform: rotate(-8deg);\n}\n.hero-stamp strong {\n  font-family: \"STKaiti\", \"KaiTi\", serif;\n  font-size: 28px;\n}\n.hero-stamp span {\n  font-size: 16px;\n  font-weight: 800;\n}\n.ticker {\n  display: flex;\n  min-height: 64px;\n  align-items: center;\n  justify-content: center;\n  gap: clamp(16px, 3vw, 56px);\n  padding: 12px 24px;\n  color: var(--white);\n  background: var(--ink);\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  white-space: nowrap;\n}\n.ticker b {\n  color: var(--yellow);\n}\n.section {\n  padding: 120px clamp(22px, 6vw, 110px);\n}\n.section-heading {\n  display: grid;\n  grid-template-columns: minmax(320px, 0.9fr) minmax(440px, 1.1fr);\n  align-items: end;\n  gap: 50px;\n  max-width: 1320px;\n  margin: 0 auto 60px;\n}\n.section-heading .section-index {\n  grid-column: 1 / -1;\n  margin-bottom: -18px;\n  color: var(--green);\n}\n.section-heading h2,\n.comic-heading h2,\n.method-intro h2,\n.notice-title h2,\n.closing h2 {\n  margin: 0;\n  font-family: \"Songti SC\", \"STSong\", serif;\n  font-size: clamp(44px, 5vw, 78px);\n  font-weight: 900;\n  letter-spacing: -0.07em;\n  line-height: 1;\n}\n.section-heading > p:last-child,\n.comic-heading > p,\n.method-intro > p:last-child {\n  max-width: 580px;\n  margin: 0;\n  color: rgba(23, 27, 25, 0.67);\n  font-size: 17px;\n  line-height: 1.9;\n}\n.product-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);\n  max-width: 1320px;\n  margin: 0 auto;\n  overflow: hidden;\n  background: var(--white);\n  border: 2px solid var(--ink);\n  box-shadow: 12px 12px 0 var(--ink);\n}\n.product-photo {\n  position: relative;\n  min-height: 610px;\n  overflow: hidden;\n  background: #54a9ee;\n  border-right: 2px solid var(--ink);\n}\n.product-photo img {\n  height: 100%;\n  object-fit: cover;\n}\n.photo-label {\n  position: absolute;\n  top: 20px;\n  left: 20px;\n  padding: 8px 12px;\n  color: var(--white);\n  background: var(--ink);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 800;\n}\n.product-details {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: clamp(32px, 5vw, 72px);\n}\n.details-topline {\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 20px;\n  color: var(--green);\n  border-bottom: 2px solid var(--ink);\n  font-size: 12px;\n  font-weight: 850;\n  letter-spacing: 0.12em;\n}\n.detail-row {\n  display: grid;\n  grid-template-columns: 90px 1fr auto;\n  align-items: baseline;\n  gap: 20px;\n  padding: 28px 0;\n  border-bottom: 1px solid var(--line);\n}\n.detail-label {\n  color: rgba(23, 27, 25, 0.58);\n  font-size: 13px;\n}\n.detail-row strong {\n  font-family: \"Songti SC\", \"STSong\", serif;\n  font-size: clamp(22px, 2vw, 32px);\n}\n.detail-row em {\n  color: var(--green);\n  font-style: normal;\n  font-weight: 850;\n}\n.registry-note {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  margin-top: 34px;\n  padding: 20px;\n  background: #eef3e9;\n  border-left: 5px solid var(--green);\n}\n.registry-icon {\n  display: grid;\n  flex: 0 0 30px;\n  height: 30px;\n  place-items: center;\n  color: var(--white);\n  background: var(--green);\n  border-radius: 50%;\n  font-weight: 900;\n}\n.registry-note p {\n  margin: 0;\n  color: rgba(23, 27, 25, 0.72);\n  font-size: 13px;\n  line-height: 1.8;\n}\n.method-section {\n  display: grid;\n  grid-template-columns: 0.78fr 1.22fr;\n  padding: 120px clamp(22px, 6vw, 110px);\n  color: var(--white);\n  background: var(--green-deep);\n}\n.method-intro {\n  padding-right: clamp(30px, 6vw, 100px);\n  border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n.section-index.light {\n  color: var(--yellow);\n}\n.method-intro h2 {\n  max-width: 520px;\n  color: var(--yellow);\n}\n.method-intro > p:last-child {\n  margin-top: 32px;\n  color: rgba(255, 255, 255, 0.68);\n}\n.method-list {\n  display: grid;\n  margin: 0;\n  padding: 0 0 0 clamp(30px, 6vw, 100px);\n  list-style: none;\n}\n.method-list li {\n  display: grid;\n  grid-template-columns: 68px 1fr;\n  gap: 26px;\n  padding: 30px 0;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.18);\n}\n.method-list li:first-child {\n  padding-top: 0;\n}\n.method-list li > span {\n  display: grid;\n  width: 58px;\n  height: 58px;\n  place-items: center;\n  color: var(--ink);\n  background: var(--yellow);\n  border-radius: 50%;\n  font-family: Georgia, serif;\n  font-size: 27px;\n  font-weight: 900;\n}\n.method-list h3 {\n  margin: 2px 0 10px;\n  font-size: 25px;\n}\n.method-list p {\n  max-width: 600px;\n  margin: 0;\n  color: rgba(255, 255, 255, 0.67);\n  font-size: 15px;\n  line-height: 1.8;\n}\n.comic-section {\n  background: linear-gradient(rgba(23, 27, 25, 0.045) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(23, 27, 25, 0.045) 1px, transparent 1px),\n    var(--paper);\n  background-size: 28px 28px;\n}\n.comic-heading {\n  display: grid;\n  grid-template-columns: 1.2fr 0.8fr;\n  align-items: end;\n  gap: 60px;\n  max-width: 1320px;\n  margin: 0 auto 64px;\n}\n.comic-heading .section-index {\n  color: var(--green);\n}\n.comic-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 28px;\n  max-width: 1320px;\n  margin: 0 auto;\n}\n.comic-card {\n  margin: 0;\n  overflow: hidden;\n  background: var(--white);\n  border: 2px solid var(--ink);\n  box-shadow: 7px 7px 0 rgba(23, 27, 25, 0.92);\n  transition: transform 180ms ease, box-shadow 180ms ease;\n}\n.comic-card:hover {\n  box-shadow: 11px 11px 0 rgba(23, 27, 25, 0.92);\n  transform: translate(-4px, -4px);\n}\n.comic-image {\n  position: relative;\n  aspect-ratio: 1;\n  overflow: hidden;\n  border-bottom: 2px solid var(--ink);\n}\n.comic-image img {\n  height: 100%;\n  object-fit: cover;\n  filter: contrast(1.02);\n}\n.comic-image span {\n  position: absolute;\n  top: 14px;\n  left: 14px;\n  display: grid;\n  width: 52px;\n  height: 52px;\n  place-items: center;\n  color: var(--white);\n  background: var(--red);\n  border: 2px solid var(--ink);\n  border-radius: 50%;\n  font-family: Georgia, serif;\n  font-size: 17px;\n  font-weight: 900;\n}\n.comic-card figcaption {\n  min-height: 168px;\n  padding: 24px;\n}\n.comic-card h3 {\n  margin: 0 0 10px;\n  font-family: \"Songti SC\", \"STSong\", serif;\n  font-size: 23px;\n}\n.comic-card p {\n  margin: 0;\n  color: rgba(23, 27, 25, 0.67);\n  font-size: 14px;\n  line-height: 1.75;\n}\n.notice-section {\n  display: grid;\n  grid-template-columns: minmax(280px, 0.65fr) minmax(0, 1.35fr);\n  gap: 70px;\n  padding: 110px clamp(22px, 6vw, 110px);\n  color: var(--white);\n  background: var(--ink);\n}\n.notice-title h2 {\n  color: var(--yellow);\n}\n.notice-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1px;\n  background: rgba(255, 255, 255, 0.2);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.notice-grid article {\n  min-height: 290px;\n  padding: 32px;\n  background: var(--ink);\n}\n.notice-grid span {\n  color: var(--yellow);\n  font-family: Georgia, serif;\n  font-size: 13px;\n  font-weight: 900;\n}\n.notice-grid h3 {\n  margin: 64px 0 16px;\n  font-size: 21px;\n}\n.notice-grid p {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.58);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.closing {\n  padding: 110px 24px;\n  text-align: center;\n  background: var(--yellow);\n  border-bottom: 3px solid var(--ink);\n}\n.closing > p {\n  margin: 0 0 18px;\n  color: var(--green);\n  font-weight: 850;\n  letter-spacing: 0.14em;\n}\n.closing h2 {\n  margin-bottom: 42px;\n}\n.closing .button {\n  margin: 0 auto;\n}\nfooter {\n  display: grid;\n  grid-template-columns: 0.8fr 1.5fr auto;\n  align-items: center;\n  gap: 40px;\n  padding: 46px clamp(22px, 6vw, 110px);\n  color: var(--white);\n  background: var(--green-deep);\n}\n.footer-brand {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n.footer-brand p {\n  margin: 0;\n  font-weight: 800;\n}\n.footer-disclaimer {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.55);\n  font-size: 12px;\n  line-height: 1.7;\n}\nfooter > a {\n  color: var(--yellow);\n  font-size: 13px;\n  font-weight: 850;\n  white-space: nowrap;\n}\n@media (max-width: 1040px) {\n  nav a:not(.nav-cta) {\n    display: none;\n  }\n  .hero {\n    grid-template-columns: 1fr;\n  }\n  .hero-copy {\n    min-height: 620px;\n    background: var(--yellow);\n  }\n  .hero-visual {\n    min-height: 670px;\n  }\n  .section-heading,\n  .comic-heading {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n  .section-heading .section-index {\n    margin-bottom: 0;\n  }\n  .product-layout {\n    grid-template-columns: 1fr;\n  }\n  .product-photo {\n    min-height: 680px;\n    border-right: 0;\n    border-bottom: 2px solid var(--ink);\n  }\n  .method-section,\n  .notice-section {\n    grid-template-columns: 1fr;\n  }\n  .method-intro {\n    padding: 0 0 60px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n  }\n  .method-list {\n    padding: 58px 0 0;\n  }\n  .comic-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .notice-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n@media (max-width: 680px) {\n  .site-header {\n    min-height: 68px;\n    padding: 10px 16px;\n  }\n  .brand-mark {\n    width: 40px;\n    height: 40px;\n    font-size: 13px;\n  }\n  .brand {\n    font-size: 13px;\n  }\n  .brand small {\n    display: none;\n  }\n  nav .nav-cta {\n    padding: 9px 11px;\n    font-size: 12px;\n  }\n  .hero-copy {\n    min-height: auto;\n    padding: 70px 22px 64px;\n  }\n  .hero h1 {\n    font-size: clamp(57px, 19vw, 78px);\n  }\n  .hero h1 span {\n    margin-top: 24px;\n    font-size: 23px;\n  }\n  .hero-lead {\n    font-size: 16px;\n  }\n  .hero-actions {\n    display: grid;\n  }\n  .hero-visual {\n    min-height: 490px;\n  }\n  .hero-image-frame {\n    inset: 28px 18px 42px 16px;\n    box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.4);\n  }\n  .hero-stamp {\n    right: 14px;\n    bottom: 14px;\n    width: 102px;\n    height: 102px;\n  }\n  .hero-stamp strong {\n    font-size: 22px;\n  }\n  .ticker {\n    justify-content: flex-start;\n    overflow-x: auto;\n    font-size: 12px;\n  }\n  .section,\n  .method-section,\n  .notice-section {\n    padding: 84px 18px;\n  }\n  .section-heading {\n    margin-bottom: 42px;\n  }\n  .section-heading h2,\n  .comic-heading h2,\n  .method-intro h2,\n  .notice-title h2,\n  .closing h2 {\n    font-size: 43px;\n  }\n  .product-layout {\n    box-shadow: 7px 7px 0 var(--ink);\n  }\n  .product-photo {\n    min-height: 440px;\n  }\n  .product-details {\n    padding: 32px 20px;\n  }\n  .detail-row {\n    grid-template-columns: 70px 1fr;\n    gap: 12px;\n    padding: 22px 0;\n  }\n  .detail-row em {\n    grid-column: 2;\n  }\n  .method-list li {\n    grid-template-columns: 52px 1fr;\n    gap: 18px;\n  }\n  .method-list li > span {\n    width: 48px;\n    height: 48px;\n    font-size: 22px;\n  }\n  .comic-grid {\n    grid-template-columns: 1fr;\n    gap: 22px;\n  }\n  .comic-card figcaption {\n    min-height: auto;\n  }\n  .notice-grid {\n    grid-template-columns: 1fr;\n  }\n  .notice-grid article {\n    min-height: auto;\n  }\n  .notice-grid h3 {\n    margin-top: 34px;\n  }\n  .closing {\n    padding: 86px 18px;\n  }\n  footer {\n    grid-template-columns: 1fr;\n    gap: 24px;\n    padding: 42px 20px;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  html {\n    scroll-behavior: auto;\n  }\n  *,\n  *::before,\n  *::after {\n    transition-duration: 0.01ms !important;\n  }\n}\n"
__vite__updateStyle(__vite__id, __vite__css)
import.meta.hot.accept()
import.meta.hot.prune(() => __vite__removeStyle(__vite__id))