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/cqmac/Projects/easy_publish/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  .table {\n    display: table;\n  }\n}\n:root {\n  --ink: #12213a;\n  --muted: #607086;\n  --blue: #0878f9;\n  --blue-deep: #075ee5;\n  --cyan: #19c8ed;\n  --line: #e5edf7;\n  --soft: #f4f8fd;\n}\n* {\n  box-sizing: border-box;\n}\nhtml {\n  scroll-behavior: smooth;\n}\nbody {\n  margin: 0;\n  background: #ffffff;\n  color: var(--ink);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\",\n    \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\na {\n  color: inherit;\n  text-decoration: none;\n}\nbutton {\n  font: inherit;\n}\n.shell {\n  width: min(1160px, calc(100% - 48px));\n  margin: 0 auto;\n}\n.site-header {\n  position: sticky;\n  z-index: 20;\n  top: 0;\n  height: 76px;\n  border-bottom: 1px solid rgba(221, 232, 245, 0.8);\n  background: rgba(255, 255, 255, 0.9);\n  backdrop-filter: blur(16px);\n}\n.nav-wrap {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.brand {\n  display: inline-flex;\n  align-items: center;\n  gap: 11px;\n  font-size: 18px;\n  font-weight: 750;\n  letter-spacing: -0.02em;\n}\n.brand img {\n  display: block;\n  border-radius: 12px;\n}\nnav {\n  display: flex;\n  align-items: center;\n  gap: 38px;\n}\nnav a {\n  color: #526174;\n  font-size: 14px;\n  transition: color 160ms ease;\n}\nnav a:hover,\nnav a:focus-visible {\n  color: var(--blue);\n}\n.hero {\n  min-height: 670px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n  background: linear-gradient(118deg, rgba(243, 248, 255, 0.96) 0%, #fff 54%, rgba(239, 252, 255, 0.92) 100%);\n}\n.hero::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  opacity: 0.28;\n  background-image: radial-gradient(#9fc2ea 0.7px, transparent 0.7px);\n  background-size: 20px 20px;\n  mask-image: linear-gradient(90deg, #000, transparent 58%);\n}\n.hero-glow {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(6px);\n}\n.hero-glow-one {\n  width: 340px;\n  height: 340px;\n  right: -130px;\n  top: 20px;\n  background: rgba(15, 209, 238, 0.11);\n}\n.hero-glow-two {\n  width: 240px;\n  height: 240px;\n  left: 37%;\n  bottom: -150px;\n  background: rgba(10, 111, 246, 0.09);\n}\n.hero-layout {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: 0.9fr 1.1fr;\n  gap: 68px;\n  align-items: center;\n  padding: 90px 0 96px;\n}\n.eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 20px;\n  color: var(--blue-deep);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n}\n.eyebrow span {\n  width: 24px;\n  height: 2px;\n  background: linear-gradient(90deg, var(--blue), var(--cyan));\n}\n.hero h1 {\n  margin: 0;\n  color: #101f36;\n  font-size: clamp(48px, 5vw, 68px);\n  line-height: 1.12;\n  letter-spacing: -0.055em;\n}\n.hero h1 em {\n  color: var(--blue);\n  font-style: normal;\n}\n.hero-copy > p {\n  max-width: 510px;\n  margin: 24px 0 32px;\n  color: var(--muted);\n  font-size: 16px;\n  line-height: 1.9;\n}\n.primary-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 34px;\n  min-width: 152px;\n  padding: 14px 20px;\n  border-radius: 9px;\n  background: linear-gradient(135deg, #0879fb, #0866ec);\n  box-shadow: 0 12px 28px rgba(7, 103, 235, 0.2);\n  color: #fff;\n  font-size: 14px;\n  font-weight: 650;\n  transition: transform 160ms ease, box-shadow 160ms ease;\n}\n.primary-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 16px 32px rgba(7, 103, 235, 0.25);\n}\n.hero-card {\n  position: relative;\n  border: 1px solid rgba(199, 215, 234, 0.8);\n  border-radius: 18px;\n  background: rgba(255, 255, 255, 0.96);\n  box-shadow: 0 28px 70px rgba(31, 79, 132, 0.14);\n  transform: perspective(1200px) rotateY(-2deg) rotateX(1deg);\n}\n.window-bar {\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border-bottom: 1px solid #edf2f7;\n  color: #8a98a9;\n  font-size: 11px;\n}\n.window-dots {\n  position: absolute;\n  left: 18px;\n  display: flex;\n  gap: 6px;\n}\n.window-dots i {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #d6e0eb;\n}\n.workspace {\n  min-height: 368px;\n  display: grid;\n  grid-template-columns: 138px 1fr;\n}\n.workspace aside {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  padding: 26px 20px;\n  border-right: 1px solid #edf2f7;\n  background: #f8fafd;\n  color: #8997a8;\n  font-size: 11px;\n}\n.workspace aside b {\n  margin-top: 8px;\n  padding: 9px 10px;\n  border-radius: 7px;\n  background: #e9f2ff;\n  color: var(--blue);\n  font-weight: 650;\n}\n.workspace aside span {\n  padding: 7px 10px;\n}\n.mini-logo img {\n  border-radius: 8px;\n}\n.editor {\n  padding: 28px 30px 22px;\n}\n.editor-heading {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  padding-bottom: 22px;\n  border-bottom: 1px solid #eef2f7;\n}\n.editor-heading div {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.editor-heading small,\n.editor-heading > span {\n  color: #9aa6b5;\n  font-size: 9px;\n}\n.editor-heading strong {\n  color: #2a3c53;\n  font-size: 16px;\n}\n.editor-heading > span {\n  padding: 5px 9px;\n  border-radius: 20px;\n  background: #f0f3f7;\n}\n.field {\n  margin-top: 22px;\n}\n.field label {\n  display: block;\n  margin-bottom: 10px;\n  color: #617086;\n  font-size: 10px;\n}\n.line,\n.content-lines {\n  border: 1px solid #e2eaf3;\n  border-radius: 6px;\n  background: #fbfcfe;\n}\n.line {\n  height: 35px;\n}\n.content-lines {\n  height: 94px;\n  padding: 17px 14px;\n}\n.content-lines i {\n  display: block;\n  width: 92%;\n  height: 5px;\n  margin-bottom: 10px;\n  border-radius: 5px;\n  background: #e7edf4;\n}\n.content-lines i:nth-child(2) {\n  width: 76%;\n}\n.content-lines i:nth-child(3) {\n  width: 84%;\n}\n.content-lines i:nth-child(4) {\n  width: 48%;\n}\n.editor-actions {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 20px;\n  color: #9aa6b5;\n  font-size: 9px;\n}\n.editor-actions button {\n  border: 0;\n  border-radius: 6px;\n  padding: 9px 17px;\n  background: var(--blue);\n  color: white;\n  font-size: 10px;\n}\n.status-pill {\n  position: absolute;\n  right: -24px;\n  bottom: -26px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  min-width: 172px;\n  padding: 14px 17px;\n  border: 1px solid #e1eaf5;\n  border-radius: 11px;\n  background: #fff;\n  box-shadow: 0 16px 36px rgba(33, 77, 125, 0.15);\n}\n.status-pill > span {\n  display: grid;\n  place-items: center;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background: #e5f8f1;\n  color: #18a770;\n  font-weight: 800;\n}\n.status-pill div {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n}\n.status-pill b {\n  color: #35465d;\n  font-size: 11px;\n}\n.status-pill small {\n  color: #99a6b5;\n  font-size: 9px;\n}\n.section {\n  padding: 110px 0;\n}\n.section-kicker {\n  margin: 0 0 12px;\n  color: var(--blue);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n}\n.section h2,\n.compliance-section h2 {\n  margin: 0;\n  color: #14233a;\n  font-size: clamp(32px, 4vw, 46px);\n  line-height: 1.25;\n  letter-spacing: -0.04em;\n}\n.split-heading {\n  display: grid;\n  grid-template-columns: 0.8fr 1.2fr;\n  gap: 120px;\n}\n.about-copy {\n  padding-top: 26px;\n  border-top: 1px solid var(--line);\n}\n.about-copy p {\n  margin: 0 0 18px;\n  color: var(--muted);\n  font-size: 15px;\n  line-height: 1.95;\n}\n.features-section {\n  background: var(--soft);\n}\n.center-heading {\n  text-align: center;\n}\n.center-heading > p:last-child,\n.guide-intro > p:last-child {\n  margin: 17px 0 0;\n  color: var(--muted);\n  font-size: 15px;\n}\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n  margin-top: 52px;\n}\n.feature-card {\n  position: relative;\n  min-height: 300px;\n  padding: 34px;\n  overflow: hidden;\n  border: 1px solid #e2ebf5;\n  border-radius: 15px;\n  background: #fff;\n  transition: transform 180ms ease, box-shadow 180ms ease;\n}\n.feature-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 20px 44px rgba(34, 74, 119, 0.09);\n}\n.feature-number {\n  position: absolute;\n  right: 26px;\n  top: 22px;\n  color: #edf3f9;\n  font-size: 32px;\n  font-weight: 800;\n}\n.feature-icon {\n  width: 58px;\n  height: 58px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 7px;\n  margin-bottom: 28px;\n  padding: 14px;\n  border-radius: 14px;\n  background: linear-gradient(145deg, #eaf3ff, #effcff);\n}\n.feature-icon i {\n  display: block;\n  width: 100%;\n  height: 4px;\n  border-radius: 4px;\n  background: var(--blue);\n}\n.feature-icon i:nth-child(2) {\n  width: 70%;\n}\n.feature-icon i:nth-child(3) {\n  width: 86%;\n}\n.icon-02 {\n  align-items: center;\n  justify-content: flex-end;\n}\n.icon-02 i {\n  width: 22px;\n  height: 5px;\n}\n.icon-02 i:nth-child(1) {\n  transform: rotate(-45deg) translate(3px, 6px);\n}\n.icon-02 i:nth-child(2) {\n  width: 32px;\n  transform: rotate(-45deg);\n}\n.icon-02 i:nth-child(3) {\n  width: 10px;\n}\n.icon-03 {\n  align-items: center;\n  justify-content: center;\n  border-radius: 50% 50% 48% 48%;\n}\n.icon-03 i {\n  width: 20px;\n}\n.icon-03 i:first-child {\n  transform: rotate(45deg) translate(5px, 3px);\n}\n.icon-03 i:nth-child(2) {\n  width: 9px;\n  transform: rotate(-45deg) translate(1px, -2px);\n}\n.icon-03 i:last-child {\n  display: none;\n}\n.feature-card h3 {\n  margin: 0 0 13px;\n  color: #24364e;\n  font-size: 19px;\n}\n.feature-card p {\n  margin: 0;\n  color: var(--muted);\n  font-size: 14px;\n  line-height: 1.85;\n}\n.guide-layout {\n  display: grid;\n  grid-template-columns: 0.9fr 1.1fr;\n  gap: 120px;\n  align-items: center;\n}\n.step-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.step-list li {\n  display: grid;\n  grid-template-columns: 58px 1fr;\n  gap: 22px;\n  position: relative;\n  padding: 22px 0;\n  border-bottom: 1px solid var(--line);\n}\n.step-list li > span {\n  display: grid;\n  place-items: center;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: #edf5ff;\n  color: var(--blue);\n  font-size: 13px;\n  font-weight: 750;\n}\n.step-list h3 {\n  margin: 2px 0 7px;\n  font-size: 17px;\n}\n.step-list p {\n  margin: 0;\n  color: var(--muted);\n  font-size: 14px;\n}\n.compliance-section {\n  padding: 30px 0 110px;\n}\n.compliance-card {\n  display: grid;\n  grid-template-columns: 70px 1fr;\n  gap: 34px;\n  padding: 48px 54px;\n  border: 1px solid #dfeaf7;\n  border-radius: 18px;\n  background: linear-gradient(135deg, #f5f9ff, #f2fcff);\n}\n.compliance-card h2 {\n  font-size: 28px;\n}\n.compliance-card p:last-child {\n  max-width: 850px;\n  margin: 16px 0 0;\n  color: var(--muted);\n  font-size: 14px;\n  line-height: 1.85;\n}\n.shield {\n  display: grid;\n  place-items: center;\n  width: 64px;\n  height: 70px;\n  clip-path: polygon(50% 0, 92% 17%, 88% 69%, 50% 100%, 12% 69%, 8% 17%);\n  background: linear-gradient(145deg, var(--blue), var(--cyan));\n  color: white;\n  font-size: 26px;\n  font-weight: 800;\n}\nfooter {\n  padding: 58px 0 22px;\n  background: #101d30;\n  color: white;\n}\n.footer-main {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 38px;\n}\n.footer-brand img {\n  border-radius: 10px;\n}\n.footer-main p {\n  margin: 0;\n  color: #8290a2;\n  font-size: 13px;\n}\n.footer-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 20px;\n  border-top: 1px solid rgba(255, 255, 255, 0.09);\n  color: #728196;\n  font-size: 12px;\n}\n.footer-bottom a {\n  transition: color 160ms ease;\n}\n.footer-bottom a:hover {\n  color: #c5d9f3;\n}\n@media (max-width: 900px) {\n  nav {\n    gap: 22px;\n  }\n  .hero-layout {\n    grid-template-columns: 1fr;\n    padding: 72px 0 95px;\n  }\n  .hero-copy {\n    text-align: center;\n  }\n  .eyebrow {\n    justify-content: center;\n  }\n  .hero-copy > p {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .hero-card {\n    max-width: 620px;\n    width: 100%;\n    margin: 0 auto;\n    transform: none;\n  }\n  .split-heading,\n  .guide-layout {\n    grid-template-columns: 1fr;\n    gap: 44px;\n  }\n  .feature-grid {\n    grid-template-columns: 1fr;\n  }\n  .feature-card {\n    min-height: auto;\n  }\n}\n@media (max-width: 640px) {\n  .shell {\n    width: min(100% - 32px, 1160px);\n  }\n  .site-header {\n    height: 66px;\n  }\n  .brand {\n    font-size: 16px;\n  }\n  .brand img {\n    width: 38px;\n    height: 38px;\n  }\n  nav {\n    display: none;\n  }\n  .hero {\n    min-height: auto;\n  }\n  .hero-layout {\n    padding: 64px 0 78px;\n    gap: 54px;\n  }\n  .hero h1 {\n    font-size: 44px;\n  }\n  .hero-copy > p {\n    font-size: 15px;\n  }\n  .workspace {\n    min-height: 320px;\n    grid-template-columns: 88px 1fr;\n  }\n  .workspace aside {\n    padding: 20px 10px;\n  }\n  .workspace aside b,\n  .workspace aside span {\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n  .editor {\n    padding: 22px 17px 18px;\n  }\n  .status-pill {\n    right: -6px;\n  }\n  .section {\n    padding: 78px 0;\n  }\n  .split-heading {\n    gap: 32px;\n  }\n  .feature-grid {\n    margin-top: 36px;\n  }\n  .guide-layout {\n    gap: 34px;\n  }\n  .compliance-section {\n    padding: 10px 0 78px;\n  }\n  .compliance-card {\n    grid-template-columns: 1fr;\n    gap: 22px;\n    padding: 34px 26px;\n  }\n  .footer-main,\n  .footer-bottom {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 16px;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  html {\n    scroll-behavior: auto;\n  }\n  * {\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))