.mobile-shell {
  display: none;
}

@media (max-width: 760px) {
  :root {
    --m-ink: var(--mobile-ink);
    --m-copy: var(--mobile-copy);
    --m-muted: var(--mobile-muted);
    --m-line: rgba(var(--mobile-line-rgb), 0.35);
    --m-card: rgba(var(--paper-rgb), 0.82);
    --m-glass: rgba(var(--paper-rgb), 0.76);
    --m-blue: var(--blue);
    --m-cyan: var(--mobile-cyan);
    --m-violet: var(--mobile-violet);
    --m-magenta: var(--magenta);
    --m-sun: var(--sun);
    --m-radius: 22px;
    --m-shadow: 0 18px 44px rgba(var(--mobile-shadow-rgb), 0.13);
  }

  body[data-color-scheme] {
    --m-ink: var(--mobile-ink);
    --m-copy: var(--mobile-copy);
    --m-muted: var(--mobile-muted);
    --m-line: rgba(var(--mobile-line-rgb), 0.35);
    --m-card: rgba(var(--paper-rgb), 0.82);
    --m-glass: rgba(var(--paper-rgb), 0.76);
    --m-blue: var(--blue);
    --m-cyan: var(--mobile-cyan);
    --m-violet: var(--mobile-violet);
    --m-magenta: var(--magenta);
    --m-sun: var(--sun);
    --m-shadow: 0 18px 44px rgba(var(--mobile-shadow-rgb), 0.13);
  }

  html {
    scroll-behavior: smooth;
  }

  body {
    min-width: 0;
    color: var(--m-ink);
    background:
      radial-gradient(circle at 16% 8%, rgba(var(--primary-rgb), 0.12), transparent 28%),
      radial-gradient(circle at 92% 14%, rgba(var(--accent-rgb), 0.12), transparent 26%),
      var(--blue-mist);
    font-size: 15px;
    line-height: 1.65;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body > .topbar,
  body > main,
  body > .footer {
    display: none !important;
  }

  .mobile-shell {
    display: block;
  }

  .m-app {
    min-height: 100vh;
    padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px));
    overflow: hidden;
  }

  .m-floating-ticket {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 60;
    display: flex;
    justify-content: center;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    pointer-events: none;
    background: linear-gradient(180deg, rgba(var(--mist-rgb), 0), rgba(var(--mist-rgb), 0.92) 38%, rgba(var(--mist-rgb), 0.98));
  }

  .m-floating-ticket a {
    width: min(58vw, 220px);
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.54);
    border-radius: 999px;
    color: #fff;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 34%),
      var(--mobile-floating-cta-gradient);
    box-shadow: 0 12px 26px rgba(var(--primary-rgb), 0.24);
    font-size: 14px;
    font-weight: 950;
    line-height: 1;
    text-decoration: none;
    pointer-events: auto;
  }

  .m-floating-ticket a:active {
    transform: translateY(1px);
  }

  .m-topbar {
    position: fixed;
    top: 10px;
    right: 10px;
    left: 10px;
    z-index: 40;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: center;
    justify-items: center;
    border: 1px solid rgba(var(--mobile-line-rgb), 0.42);
    border-radius: 24px;
    padding: 10px 10px 9px;
    background: rgba(var(--mobile-surface-rgb), 0.84);
    box-shadow: 0 16px 36px rgba(var(--shadow-rgb), 0.14);
    backdrop-filter: blur(20px) saturate(1.25);
  }

  .m-logo {
    display: inline-flex;
    min-width: 0;
    max-width: min(190px, 72vw);
    justify-self: center;
  }

  .m-logo img {
    width: 164px;
    max-width: 100%;
    height: 30px;
    object-fit: contain;
  }

  .m-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 999px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
  }

  .m-nav {
    grid-column: 1 / -1;
    width: 100%;
    display: flex;
    gap: 4px;
    overflow-x: auto;
    padding: 0 8px 4px;
    scroll-padding-inline: 18px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .m-nav::-webkit-scrollbar,
  .m-card-rail::-webkit-scrollbar,
  .m-producer-rail::-webkit-scrollbar,
  .m-speaker-rail::-webkit-scrollbar,
  .m-forum-rail::-webkit-scrollbar {
    display: none;
  }

  .m-nav a {
    position: relative;
    flex: 0 0 auto;
    min-height: 29px;
    display: inline-flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 0 8px;
    color: #3d4b63;
    background: rgba(255, 255, 255, 0.64);
    font-size: 11.5px;
    font-weight: 850;
    scroll-margin-inline: 18px;
    scroll-snap-align: center;
    transition: color 0.18s ease, background 0.18s ease;
  }

  .m-nav a::after {
    position: absolute;
    right: 12px;
    bottom: 3px;
    left: 12px;
    height: 2px;
    border-radius: 999px;
    content: "";
    opacity: 0;
    background: linear-gradient(90deg, var(--m-blue), var(--m-magenta));
    transition: opacity 0.18s ease;
  }

  .m-nav a.is-active {
    color: var(--m-blue);
    background: rgba(255, 255, 255, 0.72);
  }

  .m-nav a.is-active::after {
    opacity: 1;
  }

  .m-hero {
    position: relative;
    min-height: 0;
    display: grid;
    align-items: start;
    overflow: hidden;
    padding: 136px 16px 48px;
    isolation: isolate;
  }

  .m-hero-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.72) 46%, rgba(255, 255, 255, 0.08) 100%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.48) 42%, rgba(var(--mist-rgb), 0.74) 100%),
      url("https://image.aixq.cc/kol/uploads/woshipm2026/assets/hero-ai-impact-mobile.png") center top / 100% auto no-repeat,
      var(--section-soft);
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.72) 46%, rgba(255, 255, 255, 0.08) 100%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.48) 42%, rgba(var(--mist-rgb), 0.74) 100%),
      image-set(
        url("https://image.aixq.cc/kol/uploads/woshipm2026/assets/hero-ai-impact-mobile.webp") type("image/webp"),
        url("https://image.aixq.cc/kol/uploads/woshipm2026/assets/hero-ai-impact-mobile.png") type("image/png")
      ) center top / 100% auto no-repeat,
      var(--section-soft);
  }

  .m-hero-bg::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    opacity: var(--hero-color-overlay-opacity);
    background: var(--hero-color-overlay);
    mix-blend-mode: color;
  }

  .m-hero::after {
    position: absolute;
    right: -18%;
    bottom: -9%;
    z-index: -1;
    width: 82vw;
    height: 82vw;
    border-radius: 50%;
    content: "";
    background: radial-gradient(circle, rgba(var(--accent-rgb), 0.22), rgba(var(--primary-rgb), 0.08) 48%, transparent 70%);
    filter: blur(10px);
  }

  .m-hero-copy {
    max-width: 360px;
  }

  .m-hero-kicker,
  .m-section-head span,
  .m-sub-head span,
  .m-producer-card > span,
  .m-forum-block-head span {
    color: var(--m-magenta);
    font-size: 12px;
    font-weight: 950;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .m-hero h1 {
    margin: 14px 0 0;
    font-family: "Smiley Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
    font-style: oblique;
    font-weight: 900;
    letter-spacing: 0;
  }

  .m-hero h1 span,
  .m-hero h1 strong {
    display: block;
  }

  .m-hero h1 span {
    width: fit-content;
    color: transparent;
    background: linear-gradient(96deg, var(--m-blue), var(--m-violet) 45%, var(--m-magenta) 78%);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: clamp(70px, 21vw, 86px);
    line-height: 0.82;
  }

  .m-hero h1 strong {
    margin-top: 5px;
    color: var(--mobile-display-ink);
    font-size: clamp(38px, 11vw, 45px);
    line-height: 1;
  }

  .m-hero h1::after {
    display: block;
    width: 108px;
    height: 4px;
    margin-top: 13px;
    border-radius: 99px;
    content: "";
    background: linear-gradient(90deg, var(--m-blue), var(--m-violet), var(--m-magenta), var(--m-sun));
  }

  .m-hero-copy > p {
    max-width: 330px;
    margin: 17px 0 0;
    color: var(--mobile-copy-strong);
    font-size: 15.5px;
    font-weight: 850;
    line-height: 1.58;
  }

  .m-hero-meta {
    display: grid;
    gap: 7px;
    margin-top: 18px;
  }

  .m-hero-meta b {
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--mobile-ink-soft);
    font-size: 13px;
    line-height: 1.35;
  }

  .m-hero-meta b::before {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    content: "";
    background: linear-gradient(135deg, var(--m-cyan), var(--m-violet));
    box-shadow: 0 0 0 5px rgba(var(--bright-cyan-rgb), 0.1);
  }

  .m-hero-actions {
    display: flex;
    gap: 9px;
    margin-top: 22px;
  }

  .m-button {
    min-height: 42px;
    padding: 0 18px;
    font-size: 13px;
  }

  .m-button.primary {
    color: #fff;
    background: var(--mobile-cta-gradient);
    box-shadow: 0 16px 32px rgba(var(--primary-rgb), 0.2);
  }

  .m-button.secondary {
    color: var(--m-ink);
    border-color: rgba(var(--mobile-line-rgb), 0.5);
    background: rgba(255, 255, 255, 0.72);
  }

  .m-section {
    scroll-margin-top: 116px;
    padding: 54px 16px;
  }

  .m-section-head {
    margin-bottom: 22px;
  }

  .m-section-head h2 {
    margin: 8px 0 0;
    color: var(--m-ink);
    font-size: clamp(29px, 8vw, 34px);
    line-height: 1.14;
    letter-spacing: 0;
  }

  .m-section-head p {
    margin: 13px 0 0;
    color: var(--m-copy);
    font-size: 14.5px;
    line-height: 1.72;
  }

  .m-card-rail,
  .m-producer-rail,
  .m-speaker-rail,
  .m-forum-rail {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    margin: 0 -16px;
    padding: 0 16px 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .m-pillar-card,
  .m-producer-card,
  .m-speaker-card,
  .m-forum-card,
  .m-time-card,
  .m-agenda-summary,
  .m-day-panel,
  .m-highlight-list article,
  .m-ticket-stack article,
  .m-contact-card,
  .m-partner-grid div {
    border: 1px solid var(--m-line);
    border-radius: var(--m-radius);
    background: var(--m-card);
    box-shadow: 0 10px 30px rgba(var(--mobile-shadow-rgb), 0.08);
    backdrop-filter: blur(14px);
  }

  .m-pillar-card {
    min-width: 224px;
    scroll-snap-align: start;
    padding: 18px;
  }

  .m-pillar-card .pillar-icon {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 12px;
    color: #fff;
    background:
      radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.38), transparent 34%),
      linear-gradient(135deg, var(--m-blue), var(--m-violet));
    box-shadow: 0 10px 20px rgba(var(--primary-rgb), 0.14);
  }

  .m-pillar-card .pillar-icon svg {
    width: 21px;
    height: 21px;
  }

  .m-pillar-card:nth-child(2) .pillar-icon {
    background:
      radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.38), transparent 34%),
      linear-gradient(135deg, var(--m-violet), var(--m-magenta));
  }

  .m-pillar-card:nth-child(3) .pillar-icon {
    background:
      radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.38), transparent 34%),
      linear-gradient(135deg, var(--m-cyan), var(--m-blue));
  }

  .m-pillar-card strong,
  .m-agenda-summary strong,
  .m-ticket-stack strong {
    display: block;
    margin-top: 16px;
    color: var(--m-ink);
    font-size: 18px;
    line-height: 1.35;
  }

  .m-pillar-card p,
  .m-agenda-summary p,
  .m-time-card p,
  .m-forum-card li,
  .m-producer-card p,
  .m-speaker-card p,
  .m-highlight-list p,
  .m-ticket-stack p,
  .m-contact-card p,
  .m-footer p {
    color: var(--m-copy);
    font-size: 13.5px;
    line-height: 1.62;
  }

  .m-agenda {
    background:
      linear-gradient(180deg, var(--blue-mist) 0%, #fff 48%, var(--mobile-panel-soft) 100%);
  }

  .m-day-switch {
    position: sticky;
    top: 108px;
    z-index: 12;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0 -4px 16px;
    padding: 8px 4px;
    background: rgba(var(--mobile-panel-rgb), 0.9);
    backdrop-filter: blur(14px);
  }

  .m-day-switch button {
    min-width: 0;
    display: grid;
    gap: 2px;
    border: 1px solid rgba(var(--mobile-line-rgb), 0.38);
    border-radius: 18px;
    padding: 10px 12px;
    color: var(--m-copy);
    background: rgba(255, 255, 255, 0.7);
    text-align: left;
  }

  .m-day-switch button.is-active {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--m-blue), var(--m-violet));
    box-shadow: 0 12px 26px rgba(var(--primary-rgb), 0.2);
  }

  .m-day-switch span,
  .m-day-switch em {
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
  }

  .m-day-switch b {
    font-size: 19px;
    line-height: 1.16;
  }

  .m-day-panel {
    display: none;
    padding: 16px;
    background: rgba(255, 255, 255, 0.58);
  }

  .m-day-panel.is-active {
    display: block;
  }

  .m-day-title {
    margin-bottom: 12px;
  }

  .m-day-title span {
    color: var(--m-magenta);
    font-size: 12px;
    font-weight: 900;
  }

  .m-day-title h3 {
    margin: 4px 0 0;
    font-size: 28px;
    line-height: 1.1;
  }

  .m-agenda-summary {
    padding: 16px;
    box-shadow: none;
  }

  .m-agenda-summary strong {
    margin-top: 0;
    font-size: 22px;
  }

  .m-timeline {
    display: grid;
    gap: 10px;
    margin-top: 12px;
  }

  .m-time-card {
    position: relative;
    padding: 15px 15px 15px 18px;
  }

  .m-time-card::before {
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 4px;
    border-radius: 999px;
    content: "";
    background: linear-gradient(180deg, var(--m-cyan), var(--m-violet));
  }

  .m-time-card time,
  .m-forum-card time,
  .m-forum-card li span {
    color: var(--m-blue);
    font-size: 13px;
    font-weight: 950;
  }

  .m-time-card h4,
  .m-forum-card h4,
  .m-highlight-list h3 {
    margin: 8px 0 0;
    color: var(--m-ink);
    font-size: 17px;
    line-height: 1.42;
  }

  .m-time-card.no-time h4 {
    margin-top: 0;
  }

  .m-time-card.is-break {
    border-color: rgba(var(--sun-rgb), 0.28);
    background: linear-gradient(135deg, rgba(var(--sun-rgb), 0.13), rgba(var(--accent-rgb), 0.08));
  }

  .m-time-card.is-break::before {
    background: linear-gradient(180deg, var(--m-sun), var(--m-magenta));
  }

  .m-time-card.is-break time {
    color: var(--mobile-break-ink);
  }

  .m-time-card p {
    margin: 8px 0 0;
  }

  .m-time-card b {
    display: inline-block;
    margin-top: 8px;
    font-size: 13.5px;
  }

  .m-preview-list,
  .m-preview-forum-list {
    display: grid;
    gap: 10px;
    margin-top: 12px;
  }

  .m-agenda-preview-producer-rail {
    margin-top: 12px;
  }

  .m-forum-producer-list,
  .m-forum-list {
    display: grid;
    gap: 12px;
    overflow: visible;
    margin: 12px 0 0;
    padding: 0;
    scroll-snap-type: none;
  }

  .m-forum-producer-list .m-producer-card,
  .m-forum-list .m-forum-card {
    width: 100%;
    min-width: 0;
    scroll-snap-align: none;
  }

  .m-preview-card,
  .m-preview-forum-card {
    border: 1px solid var(--m-line);
    border-radius: 18px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 26px rgba(var(--mobile-shadow-rgb), 0.08);
  }

  .m-preview-card time,
  .m-preview-forum-card time {
    color: var(--m-blue);
    font-size: 13px;
    font-weight: 950;
  }

  .m-preview-card h4,
  .m-preview-forum-card h4 {
    margin: 7px 0 0;
    color: var(--m-ink);
    font-size: 17px;
    line-height: 1.35;
  }

  .m-preview-card p,
  .m-preview-forum-card p {
    margin: 8px 0 0;
    color: var(--m-copy);
    line-height: 1.65;
  }

  .m-preview-forum-card > div {
    border-top: 1px solid var(--m-line);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding-top: 10px;
  }

  .m-preview-forum-card > div span {
    color: var(--m-magenta);
    font-size: 11px;
    font-weight: 950;
  }

  .m-preview-forum-card > div b {
    color: var(--m-ink);
    font-size: 13px;
  }

  .m-forum-block {
    margin-top: 16px;
  }

  .m-forum-block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .m-forum-block-head b {
    color: var(--m-muted);
    font-size: 12px;
  }

  .m-forum-card {
    min-width: min(78vw, 300px);
    scroll-snap-align: start;
    padding: 16px;
  }

  .m-forum-card ul {
    display: grid;
    gap: 9px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
  }

  .m-forum-card li {
    display: grid;
    gap: 2px;
    border-top: 1px solid var(--m-line);
    padding-top: 9px;
  }

  .m-producer-card {
    min-width: min(84vw, 322px);
    scroll-snap-align: start;
    padding: 18px;
  }

  .m-producer-card.is-clickable,
  .m-forum-card.is-clickable {
    color: inherit;
  }

  .m-producer-card h3 {
    margin: 9px 0 0;
    font-size: 22px;
    line-height: 1.28;
  }

  .m-producer-time {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    margin-top: 10px;
    border-radius: 999px;
    padding: 0 10px;
    color: var(--m-blue);
    background: rgba(var(--primary-rgb), 0.1);
    font-size: 11.5px;
    font-style: normal;
    font-weight: 950;
  }

  .m-producer-person {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 16px;
    border-top: 1px solid var(--m-line);
    padding-top: 14px;
  }

  .m-producer-avatar,
  .m-speaker-avatar {
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, var(--m-blue), var(--m-magenta));
    font-size: 13px;
    font-weight: 950;
  }

  .m-producer-avatar {
    width: 56px;
    height: 56px;
  }

  .m-producer-avatar img,
  .m-speaker-avatar img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .has-image span {
    display: none;
  }

  .m-producer-person b {
    display: block;
    font-size: 17px;
    line-height: 1.25;
  }

  .m-producer-role {
    display: block;
    margin-bottom: 3px;
    color: var(--m-blue);
    font-size: 10.5px;
    font-weight: 950;
    line-height: 1.25;
  }

  .m-producer-person small {
    display: -webkit-box;
    margin-top: 4px;
    overflow: hidden;
    color: var(--m-copy);
    font-size: 12.5px;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .m-speaker-card {
    min-width: 206px;
    scroll-snap-align: start;
    padding: 16px;
    text-align: center;
  }

  .m-speaker-avatar {
    width: 72px;
    height: 72px;
    margin: 0 auto 12px;
  }

  .m-speaker-card h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.25;
  }

  .m-speaker-card p {
    display: -webkit-box;
    min-height: 44px;
    margin: 8px 0 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .m-speaker-card b {
    display: block;
    margin-top: 12px;
    border-top: 1px solid var(--m-line);
    padding-top: 10px;
    overflow: hidden;
    color: var(--m-ink);
    font-size: 13px;
    line-height: 1.45;
  }

  .m-speaker-card b em {
    display: -webkit-box;
    overflow: hidden;
    font-style: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .m-speaker-card b span {
    display: block;
    margin-bottom: 3px;
    color: var(--m-blue);
    font-size: 10.5px;
    font-weight: 950;
    letter-spacing: 0;
  }

  .m-current-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .m-current-grid .m-speaker-card {
    min-width: 0;
    padding: 15px 12px 14px;
  }

  .m-current-grid .m-speaker-avatar {
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
  }

  .m-current-grid .m-speaker-card h3 {
    font-size: 17px;
  }

  .m-current-grid .m-speaker-card p {
    min-height: 58px;
    font-size: 12.5px;
    line-height: 1.52;
    -webkit-line-clamp: 3;
  }

  .m-current-grid .m-speaker-card b {
    min-height: 60px;
    font-size: 12px;
    line-height: 1.45;
  }

  .m-current-grid .m-speaker-card b em {
    -webkit-line-clamp: 3;
  }

  .m-guest-application-button {
    width: fit-content;
    min-height: 44px;
    margin: 22px auto 0;
    padding-inline: 22px;
  }

  .m-sub-head {
    margin: 28px 0 14px;
  }

  .m-sub-head strong {
    display: block;
    margin-top: 4px;
    font-size: 24px;
    line-height: 1.2;
  }

  .m-past-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .m-past-grid .m-speaker-card {
    min-width: 0;
    padding: 14px 12px;
  }

  .m-past-grid .m-speaker-avatar {
    width: 58px;
    height: 58px;
  }

  .m-past-grid .m-speaker-card p {
    min-height: 42px;
    font-size: 12.5px;
  }

  .m-highlights {
    background: linear-gradient(180deg, #fff 0%, var(--mobile-blue-soft) 100%);
  }

  .m-highlight-list {
    display: grid;
    gap: 10px;
  }

  .m-highlight-list article {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    padding: 15px;
  }

  .m-highlight-list .highlight-icon {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background:
      radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.38), transparent 34%),
      linear-gradient(135deg, var(--m-blue), var(--m-violet));
    box-shadow: 0 10px 20px rgba(var(--primary-rgb), 0.16);
  }

  .m-highlight-list .highlight-icon svg {
    width: 21px;
    height: 21px;
  }

  .m-highlight-list article:nth-child(2n) .highlight-icon {
    background:
      radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.38), transparent 34%),
      linear-gradient(135deg, var(--m-violet), var(--m-magenta));
  }

  .m-highlight-list article:nth-child(3n) .highlight-icon {
    background:
      radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.38), transparent 34%),
      linear-gradient(135deg, var(--m-cyan), var(--m-blue));
  }

  .m-highlight-list p {
    margin: 7px 0 0;
  }

  .m-partner-groups {
    display: grid;
    gap: 18px;
  }

  .m-partner-group {
    display: grid;
    gap: 9px;
  }

  .m-partner-group-head {
    display: grid;
    justify-items: center;
    gap: 4px;
    text-align: center;
  }

  .m-partner-group-head span {
    color: var(--m-magenta);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1;
    text-transform: uppercase;
  }

  .m-partner-group-head strong {
    color: var(--m-ink);
    font-size: 15px;
    line-height: 1.2;
  }

  .m-partner-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    justify-content: center;
    gap: 7px;
  }

  .m-partner-grid div {
    width: 100%;
    min-height: 45px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    padding: 7px 4px;
  }

  .m-partner-grid img {
    width: 88%;
    max-width: 62px;
    max-height: 28px;
    object-fit: contain;
  }

  .m-partner-grid span {
    color: var(--m-ink);
    font-size: 10px;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
  }

  .m-tickets {
    background:
      radial-gradient(circle at 88% 0%, rgba(var(--accent-rgb), 0.12), transparent 30%),
      var(--mobile-blue-muted);
  }

  .m-ticket-stack {
    display: grid;
    gap: 10px;
  }

  .m-ticket-stack article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 16px;
  }

  .m-ticket-stack article.is-featured {
    border-color: rgba(var(--primary-rgb), 0.38);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(var(--mobile-accent-panel-rgb), 0.92));
  }

  .m-ticket-stack strong {
    margin: 0;
    font-size: 17px;
  }

  .m-ticket-stack p {
    margin: 6px 0 0;
  }

  .m-ticket-stack article > b {
    color: var(--m-blue);
    font-size: 28px;
    line-height: 1;
    white-space: nowrap;
  }

  .m-wide-cta {
    width: fit-content;
    margin: 18px auto 0;
    padding: 0 26px;
  }

  .m-contact {
    background:
      radial-gradient(circle at 90% 12%, rgba(var(--accent-rgb), 0.16), transparent 28%),
      linear-gradient(180deg, var(--section-soft) 0%, #fff 100%);
  }

  .m-contact-card {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 16px;
  }

  .m-contact-card > img {
    width: 112px;
    aspect-ratio: 1;
    border: 1px solid var(--m-line);
    border-radius: 16px;
    padding: 8px;
    background: #fff;
    object-fit: contain;
  }

  .m-contact-card span {
    color: var(--m-magenta);
    font-size: 12px;
    font-weight: 950;
  }

  .m-contact-card h3 {
    margin: 4px 0 0;
    font-size: 22px;
  }

  .m-contact-card p {
    margin: 4px 0 10px;
  }

  .m-contact-card dl {
    display: grid;
    gap: 6px;
    margin: 0;
  }

  .m-contact-card dl div {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 6px;
    font-size: 12.5px;
  }

  .m-contact-card dt {
    color: var(--m-muted);
    font-weight: 900;
  }

  .m-contact-card dd {
    min-width: 0;
    margin: 0;
    font-weight: 850;
    overflow-wrap: anywhere;
  }

  .m-card-link {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    margin-top: 14px;
    border-radius: 999px;
    padding: 0 12px;
    color: #fff;
    background: linear-gradient(135deg, var(--m-blue), var(--m-violet));
    font-size: 11.5px;
    font-style: normal;
    font-weight: 950;
  }

  .m-footer {
    padding: 36px 16px 48px;
    color: var(--m-copy);
    background: #fff;
  }

  .m-footer strong {
    color: var(--m-ink);
    font-size: 18px;
  }

  .m-footer small {
    display: block;
    margin-top: 18px;
    color: var(--m-muted);
    font-size: 11px;
    line-height: 1.6;
  }
}

@media (max-width: 380px) {
  .m-hero {
    padding-top: 126px;
  }

  .m-hero h1 span {
    font-size: 66px;
  }

  .m-hero h1 strong {
    font-size: 36px;
  }

  .m-section-head h2 {
    font-size: 29px;
  }

  .m-contact-card {
    grid-template-columns: 1fr;
  }
}

/* Mobile SaaS treatment for the calm-wellness template. */
@media (max-width: 760px) {
  body[data-color-scheme="calm-wellness"] {
    background: #ffffff;
  }

  body[data-color-scheme="calm-wellness"] .m-app {
    background: #ffffff;
  }

  body[data-color-scheme="calm-wellness"] .m-topbar {
    top: 10px;
    right: 10px;
    left: 10px;
    border-color: rgba(0, 128, 255, 0.13);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 12px 34px rgba(0, 128, 255, 0.1);
    backdrop-filter: blur(18px) saturate(1.25);
  }

  body[data-color-scheme="calm-wellness"] .m-nav {
    gap: 6px;
  }

  body[data-color-scheme="calm-wellness"] .m-nav a {
    border-radius: 9px;
    color: #64748b;
    font-weight: 750;
  }

  body[data-color-scheme="calm-wellness"] .m-nav a.is-active {
    color: #0080ff;
    background: rgba(0, 128, 255, 0.08);
  }

  body[data-color-scheme="calm-wellness"] .m-nav a::after {
    height: 2px;
    background: #0080ff;
  }

  body[data-color-scheme="calm-wellness"] .m-hero {
    min-height: 720px;
    padding: 136px 18px 285px;
    background:
      radial-gradient(95% 44% at 50% -8%, rgba(0, 128, 255, 0.18), transparent 72%),
      radial-gradient(72% 40% at 100% 48%, rgba(139, 0, 255, 0.1), transparent 72%),
      linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  }

  body[data-color-scheme="calm-wellness"] .m-hero-bg {
    inset: auto 8px 4px;
    height: 280px;
    border-radius: 28px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 300'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%230080ff' stop-opacity='.3'/%3E%3Cstop offset='1' stop-color='%230080ff' stop-opacity='.02'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%230080ff'/%3E%3Cstop offset='1' stop-color='%238b00ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='20' y='20' width='380' height='258' rx='24' fill='white' fill-opacity='.88' stroke='%230080ff' stroke-opacity='.15'/%3E%3Crect x='42' y='42' width='130' height='14' rx='7' fill='url(%23g)'/%3E%3Ccircle cx='366' cy='49' r='6' fill='%2322c55e'/%3E%3Crect x='42' y='76' width='232' height='126' rx='15' fill='%23f8fafc' stroke='%23e2e8f0'/%3E%3Cpath d='M58 178C88 164 104 168 126 146S168 146 194 118 232 118 258 88L258 188H58Z' fill='url(%23a)'/%3E%3Cpath d='M58 178C88 164 104 168 126 146S168 146 194 118 232 118 258 88' fill='none' stroke='%230080ff' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M58 187C92 180 120 172 144 160S188 154 212 138 238 130 258 122' fill='none' stroke='%238b00ff' stroke-width='3' stroke-linecap='round' stroke-dasharray='7 6'/%3E%3Crect x='290' y='76' width='88' height='126' rx='15' fill='white' stroke='%23e2e8f0'/%3E%3Cg fill='%2322c55e'%3E%3Crect x='306' y='162' width='9' height='24' rx='3' fill-opacity='.3'/%3E%3Crect x='320' y='144' width='9' height='42' rx='3' fill-opacity='.45'/%3E%3Crect x='334' y='152' width='9' height='34' rx='3' fill-opacity='.6'/%3E%3Crect x='348' y='124' width='9' height='62' rx='3'/%3E%3C/g%3E%3Crect x='42' y='218' width='102' height='38' rx='11' fill='white' stroke='%23e2e8f0'/%3E%3Crect x='159' y='218' width='102' height='38' rx='11' fill='white' stroke='%23e2e8f0'/%3E%3Crect x='276' y='218' width='102' height='38' rx='11' fill='white' stroke='%23e2e8f0'/%3E%3Crect x='55' y='232' width='54' height='9' rx='4' fill='%230080ff' fill-opacity='.72'/%3E%3Crect x='172' y='232' width='48' height='9' rx='4' fill='%238b00ff' fill-opacity='.64'/%3E%3Crect x='289' y='232' width='50' height='9' rx='4' fill='%2322c55e' fill-opacity='.7'/%3E%3C/svg%3E") center bottom / 100% auto no-repeat;
    filter: drop-shadow(0 24px 34px rgba(0, 128, 255, 0.12));
  }

  body[data-color-scheme="calm-wellness"] .m-hero-bg {
    background: url("https://ai.woshipm.com/assets/hero-ai-emblem-transparent-v2.png") center / auto 88% no-repeat;
    filter: drop-shadow(0 18px 30px rgba(0, 128, 255, 0.11));
  }

  body[data-color-scheme="calm-wellness"] .m-hero-bg::after {
    display: none;
  }

  body[data-color-scheme="calm-wellness"] .m-hero::after {
    right: -34%;
    bottom: 4%;
    background: radial-gradient(circle, rgba(139, 0, 255, 0.12), transparent 68%);
    filter: blur(18px);
  }

  body[data-color-scheme="calm-wellness"] .m-hero-copy {
    max-width: 100%;
  }

  body[data-color-scheme="calm-wellness"] .m-hero-kicker {
    width: fit-content;
    min-height: 29px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0 11px;
    color: #0080ff;
    background: rgba(0, 128, 255, 0.08);
    letter-spacing: 0.06em;
  }

  body[data-color-scheme="calm-wellness"] .m-hero h1 {
    margin-top: 16px;
    font-family: Inter, ui-sans-serif, system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-style: normal;
    letter-spacing: -0.045em;
  }

  body[data-color-scheme="calm-wellness"] .m-hero h1 span {
    background: linear-gradient(135deg, #0080ff, #8b00ff);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: clamp(64px, 20vw, 82px);
    line-height: 0.92;
  }

  body[data-color-scheme="calm-wellness"] .m-hero h1 strong {
    margin-top: 8px;
    color: #0f172a;
    font-size: clamp(37px, 10.5vw, 44px);
    line-height: 1.04;
  }

  body[data-color-scheme="calm-wellness"] .m-hero h1::after {
    width: 86px;
    height: 3px;
    margin-top: 17px;
    background: linear-gradient(90deg, #0080ff, #8b00ff, #22c55e);
  }

  body[data-color-scheme="calm-wellness"] .m-hero-copy > p {
    max-width: 100%;
    color: #475569;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
  }

  body[data-color-scheme="calm-wellness"] .m-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }

  body[data-color-scheme="calm-wellness"] .m-hero-meta b {
    min-height: 31px;
    border: 1px solid rgba(0, 128, 255, 0.12);
    border-radius: 999px;
    padding: 0 10px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 6px 18px rgba(0, 128, 255, 0.06);
    font-weight: 750;
  }

  body[data-color-scheme="calm-wellness"] .m-hero-meta b::before {
    width: 7px;
    height: 7px;
    background: #0080ff;
    box-shadow: 0 0 0 4px rgba(0, 128, 255, 0.09);
  }

  body[data-color-scheme="calm-wellness"] .m-hero-meta b:nth-child(2)::before {
    background: #8b00ff;
    box-shadow: 0 0 0 4px rgba(139, 0, 255, 0.08);
  }

  body[data-color-scheme="calm-wellness"] .m-hero-meta b:nth-child(3)::before {
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.09);
  }

  body[data-color-scheme="calm-wellness"] :is(.m-button.primary, .m-floating-ticket a) {
    border: 0;
    border-radius: 11px;
    background: #22c55e;
    box-shadow: 0 12px 28px rgba(34, 197, 94, 0.23);
  }

  body[data-color-scheme="calm-wellness"] .m-button.secondary {
    border: 2px solid #0080ff;
    border-radius: 11px;
    color: #0080ff;
    background: rgba(255, 255, 255, 0.78);
  }

  body[data-color-scheme="calm-wellness"] .m-floating-ticket {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(248, 250, 252, 0.92) 38%, #f8fafc);
  }

  body[data-color-scheme="calm-wellness"] .m-section {
    padding-block: 62px;
    background: #ffffff;
  }

  body[data-color-scheme="calm-wellness"] :is(.m-agenda, .m-past-guests, .m-tickets) {
    background: #f8fafc;
  }

  body[data-color-scheme="calm-wellness"] :is(.m-theme, .m-highlights, .m-contact) {
    background:
      radial-gradient(66% 38% at 100% 0%, rgba(139, 0, 255, 0.06), transparent 72%),
      radial-gradient(62% 42% at 0% 100%, rgba(0, 128, 255, 0.07), transparent 72%),
      #ffffff;
  }

  body[data-color-scheme="calm-wellness"] :is(.m-section-head span, .m-sub-head span, .m-producer-card > span, .m-forum-block-head span) {
    width: fit-content;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0 10px;
    color: #0080ff;
    background: rgba(0, 128, 255, 0.08);
    letter-spacing: 0.06em;
  }

  body[data-color-scheme="calm-wellness"] .m-section-head h2 {
    margin-top: 12px;
    color: #0f172a;
    font-family: Inter, ui-sans-serif, system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: clamp(31px, 8.4vw, 36px);
    letter-spacing: -0.035em;
  }

  body[data-color-scheme="calm-wellness"] .m-section-head p {
    color: #64748b;
  }

  body[data-color-scheme="calm-wellness"] :is(
    .m-pillar-card,
    .m-producer-card,
    .m-speaker-card,
    .m-forum-card,
    .m-time-card,
    .m-agenda-summary,
    .m-day-panel,
    .m-highlight-list article,
    .m-ticket-stack article,
    .m-contact-card,
    .m-partner-grid div,
    .m-preview-card,
    .m-preview-forum-card
  ) {
    border: 1px solid rgba(0, 128, 255, 0.11);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 8px 26px rgba(0, 128, 255, 0.07);
    backdrop-filter: blur(12px);
  }

  body[data-color-scheme="calm-wellness"] :is(.m-pillar-card .pillar-icon, .m-highlight-list .highlight-icon) {
    border-radius: 12px;
    background: linear-gradient(135deg, #0080ff, #0066cc);
    box-shadow: 0 10px 22px rgba(0, 128, 255, 0.18);
  }

  body[data-color-scheme="calm-wellness"] .m-pillar-card:nth-child(2) .pillar-icon,
  body[data-color-scheme="calm-wellness"] .m-highlight-list article:nth-child(2n) .highlight-icon {
    background: linear-gradient(135deg, #8b00ff, #6d00cc);
    box-shadow: 0 10px 22px rgba(139, 0, 255, 0.16);
  }

  body[data-color-scheme="calm-wellness"] .m-pillar-card:nth-child(3n) .pillar-icon,
  body[data-color-scheme="calm-wellness"] .m-highlight-list article:nth-child(3n) .highlight-icon {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    box-shadow: 0 10px 22px rgba(34, 197, 94, 0.16);
  }

  body[data-color-scheme="calm-wellness"] .m-day-switch {
    background: rgba(248, 250, 252, 0.9);
  }

  body[data-color-scheme="calm-wellness"] .m-day-switch button {
    border-color: rgba(0, 128, 255, 0.12);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.88);
  }

  body[data-color-scheme="calm-wellness"] .m-day-switch button.is-active {
    border-color: rgba(0, 128, 255, 0.26);
    color: #0080ff;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 128, 255, 0.1);
  }

  body[data-color-scheme="calm-wellness"] .m-ticket-stack article.is-featured {
    border-color: rgba(34, 197, 94, 0.36);
    box-shadow: 0 14px 34px rgba(34, 197, 94, 0.11);
  }

  body[data-color-scheme="calm-wellness"] .m-contact-card > img {
    border-radius: 12px;
  }

  body[data-color-scheme="calm-wellness"] .m-footer {
    color: #cbd5e1;
    background:
      radial-gradient(circle at 88% 0%, rgba(0, 128, 255, 0.17), transparent 32%),
      linear-gradient(145deg, #08172e, #16072b 56%, #0f172a);
  }

  body[data-color-scheme="calm-wellness"] .m-footer strong {
    color: #ffffff;
  }
}

/* Mobile treatments for the two bold visual themes. */
@media (max-width: 760px) {
  body[data-color-scheme="playful-clay"] {
    background:
      radial-gradient(circle at 92% 8%, rgba(152, 255, 152, 0.58), transparent 22%),
      #fff9f5;
  }

  body[data-color-scheme="playful-clay"] .m-app {
    background: #fff9f5;
  }

  body[data-color-scheme="playful-clay"] .m-topbar {
    border: 2px solid var(--ink);
    border-radius: 20px;
    background: rgba(255, 253, 248, 0.96);
    box-shadow: 5px 5px 0 var(--ink);
  }

  body[data-color-scheme="playful-clay"] .m-nav a {
    border: 1.5px solid var(--ink);
    border-radius: 999px;
    color: var(--ink);
    background: #fffdf8;
  }

  body[data-color-scheme="playful-clay"] .m-nav a.is-active {
    color: var(--ink);
    background: #e6e6fa;
  }

  body[data-color-scheme="playful-clay"] .m-nav a::after {
    display: none;
  }

  body[data-color-scheme="playful-clay"] .m-hero {
    min-height: 720px;
    padding-bottom: 210px;
    background: linear-gradient(180deg, #fff9f5 0%, #fff4ea 68%, #edf7fb 100%);
  }

  body[data-color-scheme="playful-clay"] .m-hero-bg {
    opacity: 1;
    background:
      linear-gradient(180deg, rgba(255, 249, 245, 0.16) 0%, rgba(255, 249, 245, 0.38) 52%, rgba(255, 244, 234, 0.08) 100%),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 620'%3E%3Cg stroke='%23243044' stroke-width='8' stroke-linejoin='round'%3E%3Crect x='84' y='82' width='430' height='268' rx='42' fill='%23fffdf8'/%3E%3Crect x='124' y='125' width='252' height='34' rx='17' fill='%23fdbcb4'/%3E%3Crect x='124' y='184' width='332' height='24' rx='12' fill='%23add8e6'/%3E%3Crect x='124' y='232' width='224' height='72' rx='24' fill='%2398ff98'/%3E%3Ccircle cx='538' cy='104' r='58' fill='%23e6e6fa'/%3E%3Cpath d='M538 70l10 22 24 3-18 17 5 24-21-12-22 12 5-24-18-17 25-3z' fill='%23ffc857'/%3E%3Crect x='196' y='388' width='386' height='162' rx='36' fill='%23add8e6' transform='rotate(4 389 469)'/%3E%3Ccircle cx='260' cy='459' r='39' fill='%23fdbcb4'/%3E%3Crect x='324' y='427' width='198' height='26' rx='13' fill='%23fffdf8'/%3E%3Crect x='324' y='474' width='142' height='26' rx='13' fill='%2398ff98'/%3E%3C/g%3E%3C/svg%3E") 72% 103% / 86% auto no-repeat;
  }

  body[data-color-scheme="playful-clay"] .m-hero::after {
    right: -28%;
    bottom: -6%;
    background: radial-gradient(circle, rgba(230, 230, 250, 0.72), transparent 68%);
    filter: none;
  }

  body[data-color-scheme="playful-clay"] .m-hero h1 {
    font-style: normal;
  }

  body[data-color-scheme="playful-clay"] .m-hero h1 span {
    color: var(--ink);
    background: none;
    -webkit-text-fill-color: var(--ink);
    text-shadow: 4px 4px 0 #fdbcb4;
  }

  body[data-color-scheme="playful-clay"] .m-hero h1 strong {
    color: var(--ink);
  }

  body[data-color-scheme="playful-clay"] .m-hero h1::after {
    height: 12px;
    border: 2px solid var(--ink);
    background: linear-gradient(90deg, #fdbcb4 0 33%, #add8e6 33% 66%, #98ff98 66%);
    box-shadow: 3px 3px 0 var(--ink);
  }

  body[data-color-scheme="playful-clay"] .m-hero-meta b {
    width: fit-content;
    min-height: 31px;
    border: 1.5px solid var(--ink);
    border-radius: 999px;
    padding: 0 10px;
    background: rgba(255, 253, 248, 0.88);
    box-shadow: 2px 2px 0 var(--ink);
  }

  body[data-color-scheme="playful-clay"] .m-hero-meta b::before {
    box-shadow: none;
  }

  body[data-color-scheme="playful-clay"] :is(.m-button.primary, .m-floating-ticket a) {
    border: 2px solid var(--ink);
    border-radius: 14px;
    color: var(--ink);
    background: #98ff98;
    box-shadow: 4px 4px 0 var(--ink);
  }

  body[data-color-scheme="playful-clay"] .m-button.secondary {
    border: 2px solid var(--ink);
    border-radius: 14px;
    color: var(--ink);
    background: #add8e6;
    box-shadow: 4px 4px 0 var(--ink);
  }

  body[data-color-scheme="playful-clay"] .m-floating-ticket {
    background: linear-gradient(180deg, rgba(255, 249, 245, 0), rgba(255, 249, 245, 0.94) 42%, #fff9f5);
  }

  body[data-color-scheme="playful-clay"] .m-section {
    background: #fffdf8;
  }

  body[data-color-scheme="playful-clay"] :is(.m-agenda, .m-tickets) {
    background: #edf7fb;
  }

  body[data-color-scheme="playful-clay"] .m-contact {
    background: #fff4ea;
  }

  body[data-color-scheme="playful-clay"] .m-section-head span,
  body[data-color-scheme="playful-clay"] .m-sub-head span,
  body[data-color-scheme="playful-clay"] .m-producer-card > span,
  body[data-color-scheme="playful-clay"] .m-forum-block-head span {
    width: fit-content;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    border: 1.5px solid var(--ink);
    border-radius: 999px;
    padding: 0 9px;
    color: var(--ink);
    background: #98ff98;
    box-shadow: 2px 2px 0 var(--ink);
  }

  body[data-color-scheme="playful-clay"] .m-section-head h2 {
    font-family: "Smiley Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  }

  body[data-color-scheme="playful-clay"] :is(
    .m-pillar-card,
    .m-producer-card,
    .m-speaker-card,
    .m-forum-card,
    .m-time-card,
    .m-agenda-summary,
    .m-day-panel,
    .m-highlight-list article,
    .m-ticket-stack article,
    .m-contact-card,
    .m-preview-card,
    .m-preview-forum-card
  ) {
    border: 2px solid var(--ink);
    border-radius: 18px;
    background: #fffdf8;
    box-shadow: 4px 4px 0 var(--ink);
    backdrop-filter: none;
  }

  body[data-color-scheme="playful-clay"] .m-day-switch {
    background: rgba(237, 247, 251, 0.94);
  }

  body[data-color-scheme="playful-clay"] .m-day-switch button {
    border: 1.5px solid var(--ink);
    background: #fffdf8;
  }

  body[data-color-scheme="playful-clay"] .m-day-switch button.is-active {
    color: var(--ink);
    background: #e6e6fa;
    box-shadow: 3px 3px 0 var(--ink);
  }

  body[data-color-scheme="playful-clay"] :is(.m-pillar-card .pillar-icon, .m-highlight-list .highlight-icon) {
    border: 2px solid var(--ink);
    color: var(--ink);
    box-shadow: 3px 3px 0 var(--ink);
  }

  body[data-color-scheme="playful-clay"] .m-partner-grid div {
    border: 1.5px solid var(--ink);
    border-radius: 14px;
    background: #fff;
    box-shadow: 3px 3px 0 var(--ink);
  }

  body[data-color-scheme="playful-clay"] .m-contact-card > img {
    border: 2px solid var(--ink);
  }

  body[data-color-scheme="playful-clay"] .m-footer {
    color: #dce3ef;
    background: #243044;
  }

  body[data-color-scheme="playful-clay"] .m-footer :is(strong, p) {
    color: #fff;
  }

  body[data-color-scheme="playful-clay"] .m-footer small {
    color: #aeb9cb;
  }

  body[data-color-scheme="cyberpunk-neon"] {
    background: #060815;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-app {
    background: #060815;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-topbar {
    border: 1px solid rgba(0, 245, 255, 0.56);
    border-radius: 5px;
    background: rgba(6, 8, 21, 0.92);
    box-shadow: 0 0 24px rgba(0, 245, 255, 0.12);
    backdrop-filter: blur(18px);
  }

  body[data-color-scheme="cyberpunk-neon"] .m-logo {
    border-radius: 3px;
    padding: 3px 10px;
    background: #fff;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-nav a {
    border: 1px solid rgba(0, 245, 255, 0.24);
    border-radius: 2px;
    color: #c5cee0;
    background: rgba(13, 18, 39, 0.88);
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-nav a.is-active {
    color: #060815;
    background: #00f5ff;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-nav a::after {
    display: none;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-hero {
    min-height: 730px;
    padding-bottom: 210px;
    background:
      radial-gradient(circle at 84% 66%, rgba(255, 43, 214, 0.16), transparent 34%),
      #070913;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-hero-bg {
    background:
      linear-gradient(180deg, rgba(7, 9, 19, 0.18), rgba(7, 9, 19, 0.42) 54%, rgba(7, 9, 19, 0.08)),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 650'%3E%3Cg fill='none'%3E%3Ccircle cx='418' cy='306' r='214' stroke='%2300f5ff' stroke-width='2' opacity='.7'/%3E%3Ccircle cx='418' cy='306' r='154' stroke='%23ff2bd6' stroke-width='6' stroke-dasharray='16 24' opacity='.75'/%3E%3Ccircle cx='418' cy='306' r='96' stroke='%23b7ff00' stroke-width='3' stroke-dasharray='4 14'/%3E%3Cpath d='M76 142h210l52 52h194l76 76M72 468h192l62-64h282M418 42v530' stroke='%2300f5ff' stroke-width='3' opacity='.64'/%3E%3Cpath d='M306 178h228l34 34v112H306z' fill='%230d1227' stroke='%23ff2bd6' stroke-width='3'/%3E%3Cpath d='M340 226h172M340 264h112M340 302h146' stroke='%2300f5ff' stroke-width='8'/%3E%3C/g%3E%3C/svg%3E") 70% 100% / 90% auto no-repeat,
      linear-gradient(rgba(0, 245, 255, 0.055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0, 245, 255, 0.055) 1px, transparent 1px),
      #070913;
    background-size: auto, 90% auto, 32px 32px, 32px 32px, auto;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-hero-bg::after {
    opacity: 1;
    background: repeating-linear-gradient(180deg, transparent 0 5px, rgba(0, 245, 255, 0.025) 6px);
    mix-blend-mode: normal;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-hero::after {
    background: radial-gradient(circle, rgba(0, 245, 255, 0.16), transparent 68%);
  }

  body[data-color-scheme="cyberpunk-neon"] .m-hero h1 {
    font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
    font-style: normal;
    letter-spacing: -0.04em;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-hero h1 span {
    background: linear-gradient(90deg, #00f5ff, #b7ff00 56%, #00f5ff);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0 0 22px rgba(0, 245, 255, 0.26);
  }

  body[data-color-scheme="cyberpunk-neon"] .m-hero h1 strong {
    color: #f5f7ff;
    text-shadow: 3px 3px 0 rgba(255, 43, 214, 0.48);
  }

  body[data-color-scheme="cyberpunk-neon"] .m-hero h1::after {
    height: 3px;
    border-radius: 0;
    background: linear-gradient(90deg, #00f5ff 0 34%, transparent 34% 40%, #b7ff00 40% 72%, transparent 72% 78%, #ff2bd6 78%);
    box-shadow: 0 0 14px rgba(0, 245, 255, 0.4);
  }

  body[data-color-scheme="cyberpunk-neon"] .m-hero-copy > p,
  body[data-color-scheme="cyberpunk-neon"] .m-hero-meta b {
    color: #c5cee0;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-hero-meta b {
    width: fit-content;
    min-height: 30px;
    border: 1px solid rgba(0, 245, 255, 0.42);
    border-radius: 2px;
    padding: 0 9px;
    background: rgba(6, 8, 21, 0.68);
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-hero-meta b::before {
    border-radius: 0;
    background: #b7ff00;
    box-shadow: 0 0 10px rgba(183, 255, 0, 0.5);
  }

  body[data-color-scheme="cyberpunk-neon"] :is(.m-button.primary, .m-floating-ticket a) {
    border: 1px solid #b7ff00;
    border-radius: 2px;
    color: #071000;
    background: #b7ff00;
    box-shadow: 0 0 18px rgba(183, 255, 0, 0.24);
  }

  body[data-color-scheme="cyberpunk-neon"] .m-button.secondary {
    border: 1px solid #00f5ff;
    border-radius: 2px;
    color: #00f5ff;
    background: rgba(0, 245, 255, 0.06);
  }

  body[data-color-scheme="cyberpunk-neon"] .m-floating-ticket {
    background: linear-gradient(180deg, rgba(6, 8, 21, 0), rgba(6, 8, 21, 0.94) 42%, #060815);
  }

  body[data-color-scheme="cyberpunk-neon"] .m-section {
    color: var(--m-ink);
    background: #0b1020;
  }

  body[data-color-scheme="cyberpunk-neon"] :is(.m-agenda, .m-tickets) {
    background:
      linear-gradient(rgba(0, 245, 255, 0.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0, 245, 255, 0.04) 1px, transparent 1px),
      #060815;
    background-size: 34px 34px;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-contact {
    background: #080d1d;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-section-head span,
  body[data-color-scheme="cyberpunk-neon"] .m-sub-head span,
  body[data-color-scheme="cyberpunk-neon"] .m-producer-card > span,
  body[data-color-scheme="cyberpunk-neon"] .m-forum-block-head span {
    width: fit-content;
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    border-left: 3px solid #b7ff00;
    padding-left: 8px;
    color: #b7ff00;
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
    letter-spacing: 0.06em;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-section-head h2,
  body[data-color-scheme="cyberpunk-neon"] .m-sub-head h3 {
    color: #f5f7ff;
    font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
    letter-spacing: -0.035em;
  }

  body[data-color-scheme="cyberpunk-neon"] :is(
    .m-pillar-card,
    .m-producer-card,
    .m-speaker-card,
    .m-forum-card,
    .m-time-card,
    .m-agenda-summary,
    .m-day-panel,
    .m-highlight-list article,
    .m-ticket-stack article,
    .m-contact-card,
    .m-preview-card,
    .m-preview-forum-card
  ) {
    border: 1px solid rgba(0, 245, 255, 0.34);
    border-radius: 3px;
    color: var(--m-ink);
    background: rgba(13, 18, 39, 0.96);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(0, 245, 255, 0.025);
    backdrop-filter: none;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-day-switch {
    background: rgba(6, 8, 21, 0.94);
  }

  body[data-color-scheme="cyberpunk-neon"] .m-day-switch button {
    border: 1px solid rgba(0, 245, 255, 0.3);
    border-radius: 2px;
    color: #b7c3d9;
    background: #0d1227;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-day-switch button.is-active {
    color: #071000;
    border-color: #b7ff00;
    background: #b7ff00;
    box-shadow: 0 0 18px rgba(183, 255, 0, 0.2);
  }

  body[data-color-scheme="cyberpunk-neon"] :is(.m-pillar-card .pillar-icon, .m-highlight-list .highlight-icon) {
    border: 1px solid #00f5ff;
    border-radius: 2px;
    color: #071000;
    background: #b7ff00;
    box-shadow: 0 0 16px rgba(183, 255, 0, 0.18);
  }

  body[data-color-scheme="cyberpunk-neon"] .m-ticket-stack article.is-featured {
    border-color: #b7ff00;
    background: rgba(17, 28, 36, 0.98);
  }

  body[data-color-scheme="cyberpunk-neon"] .m-ticket-stack article > b,
  body[data-color-scheme="cyberpunk-neon"] .m-time-card time,
  body[data-color-scheme="cyberpunk-neon"] .m-forum-card time {
    color: #b7ff00;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-partner-grid div {
    border: 1px solid rgba(0, 245, 255, 0.38);
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 0 16px rgba(0, 245, 255, 0.08);
  }

  body[data-color-scheme="cyberpunk-neon"] .m-partner-grid span {
    color: #111827;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-contact-card > img {
    border-color: #00f5ff;
    border-radius: 2px;
    background: #fff;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-card-link {
    border-radius: 2px;
    color: #071000;
    background: #b7ff00;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-footer {
    color: #9ca9c1;
    background:
      linear-gradient(rgba(0, 245, 255, 0.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0, 245, 255, 0.035) 1px, transparent 1px),
      #050711;
    background-size: 34px 34px;
  }

  body[data-color-scheme="cyberpunk-neon"] .m-footer strong {
    color: #f5f7ff;
  }

  body[data-color-scheme="playful-clay"] :is(a, button):focus-visible {
    outline: 3px solid rgba(51, 135, 198, 0.42);
    outline-offset: 3px;
  }

  body[data-color-scheme="cyberpunk-neon"] :is(a, button):focus-visible {
    outline: 2px solid #b7ff00;
    outline-offset: 3px;
    box-shadow: 0 0 16px rgba(183, 255, 0, 0.34);
  }
}

@media (max-width: 380px) {
  body[data-color-scheme="playful-clay"] .m-hero,
  body[data-color-scheme="cyberpunk-neon"] .m-hero {
    min-height: 700px;
    padding-bottom: 190px;
  }
}

@media (prefers-reduced-motion: reduce) and (max-width: 760px) {
  body[data-color-scheme="playful-clay"] *,
  body[data-color-scheme="cyberpunk-neon"] * {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}