:root {
  --nyw_i-paper: #f2eeee;
  --nyw_i-ink: #050505;
  --nyw_i-purple: #aa01f9;
  --nyw_i-yellow: #f9e50b;
  --nyw_i-muted: #bdc1c2;
  --nyw_i-line: rgba(5, 5, 5, .22);
  --nyw_i-width: 90%;
  --nyw_i-radius: 2px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--nyw_i-ink);
  background-color: var(--nyw_i-paper);
  background-image:
    linear-gradient(rgba(5, 5, 5, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(5, 5, 5, .045) 1px, transparent 1px);
  background-size: 34px 34px;
  font-family: Inter, "Noto Sans SC", Arial, sans-serif;
}

img {
  display: block;
  max-width: 100%;
}

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

button,
input,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

.nyw_i_headerInner,
.nyw_i_footerShell,
.nyw_i_homeMain > section {
  width: var(--nyw_i-width);
  max-width: 1380px;
  margin-inline: auto;
}

.nyw_i_siteHeader {
  position: relative;
  z-index: 10;
  background: var(--nyw_i-paper);
}

.nyw_i_topline {
  border-bottom: 1px solid var(--nyw_i-line);
}

.nyw_i_headerInner {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.nyw_i_brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.nyw_i_brand img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.nyw_i_brand h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.nyw_i_welcome {
  flex: 1;
  overflow: hidden;
  text-align: center;
}

.nyw_i_welcome p {
  margin: 0;
  white-space: nowrap;
  animation: nyw_i_marquee 18s linear infinite;
}

.nyw_i_quickActions {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #555;
  font-size: 12px;
}

.nyw_i_bookmark,
.nyw_i_phoneLink {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  background: transparent;
  color: inherit;
}

.nyw_i_bookmark:hover,
.nyw_i_phoneLink:hover {
  color: var(--nyw_i-purple);
}

.nyw_i_navigationLayer {
  border-bottom: 1px solid var(--nyw_i-line);
}

.nyw_i_desktopNav ul,
.nyw_i_mobileNav ul,
.nyw_i_footerLinks ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  margin: 0;
  padding: 16px 0;
  list-style: none;
}

.nyw_i_desktopNav a,
.nyw_i_mobileNav a {
  color: #555;
  font-size: 12px;
}

.nyw_i_desktopNav a:hover,
.nyw_i_mobileNav a:hover {
  color: var(--nyw_i-purple);
}

.nyw_i_menuToggle {
  display: none;
  border: 1px solid var(--nyw_i-ink);
  background: transparent;
  padding: 8px 11px;
}

.nyw_i_mobilePanel {
  display: none;
}

/* 首屏默认内容可见 */
.nyw_i_entryStage {
  position: relative;
  min-height: 650px;
  padding: 74px 0 90px;
  overflow: hidden;
}

.nyw_i_entryStage > input {
  position: absolute;
  opacity: 0;
}

.nyw_i_slideRail {
  min-height: 500px;
}

.nyw_i_slideItem {
  display: grid;
  grid-template-columns: 1fr .9fr;
  align-items: center;
  gap: 8%;
}

.nyw_i_slideItemTwo {
  display: none;
}

#nyw_i_slideTwo:checked ~ .nyw_i_slideRail .nyw_i_slideItemOne {
  display: none;
}

#nyw_i_slideTwo:checked ~ .nyw_i_slideRail .nyw_i_slideItemTwo {
  display: grid;
}

.nyw_i_kicker {
  display: block;
  color: var(--nyw_i-purple);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
}

.nyw_i_entryCopy h1 {
  margin: 22px 0;
  font-size: clamp(42px, 7vw, 94px);
  font-weight: 800;
  line-height: .95;
  letter-spacing: -.08em;
}

.nyw_i_entryCopy h1 em {
  color: var(--nyw_i-purple);
  font-style: normal;
}

.nyw_i_entryCopy p {
  max-width: 480px;
  color: #5f5b5d;
  font-size: 14px;
  line-height: 1.9;
}

.nyw_i_yellowButton {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 20px;
  padding: 14px 18px;
  border: 1px solid var(--nyw_i-ink);
  background: var(--nyw_i-yellow);
  box-shadow: 5px 5px 0 var(--nyw_i-ink);
  font-size: 12px;
  transition: transform .2s, box-shadow .2s;
}

.nyw_i_yellowButton:hover {
  transform: translate(3px, 3px);
  box-shadow: 2px 2px 0 var(--nyw_i-ink);
}

.nyw_i_entryVisual {
  position: relative;
  min-height: 440px;
  border: 1px solid var(--nyw_i-purple);
  background: var(--nyw_i-ink);
  box-shadow: 0 0 25px rgba(170, 1, 249, .28);
  transform: rotate(2deg);
}

.nyw_i_entryVisual img {
  width: 100%;
  height: 100%;
  min-height: 440px;
  object-fit: cover;
  opacity: .78;
}

.nyw_i_visualMark {
  position: absolute;
  right: 22px;
  bottom: 22px;
  color: var(--nyw_i-yellow);
  text-align: right;
}

.nyw_i_visualMark strong {
  display: block;
  font-size: 28px;
  line-height: .9;
}

.nyw_i_visualMark span {
  display: block;
  margin-top: 10px;
  color: #fff;
  font-size: 10px;
}

.nyw_i_slideControls {
  position: absolute;
  bottom: 42px;
  left: 0;
  display: flex;
  align-items: center;
  gap: 18px;
  color: #666;
  font-size: 11px;
}

.nyw_i_slideControls label {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid var(--nyw_i-ink);
  cursor: pointer;
}

.nyw_i_slideControls label:hover {
  background: var(--nyw_i-yellow);
}

/* 通用模块 */
.nyw_i_homeMain > section:not(.nyw_i_entryStage) {
  margin-top: 120px;
}

.nyw_i_sectionLead {
  margin-bottom: 34px;
}

.nyw_i_sectionLead h2 {
  margin: 12px 0;
  font-size: clamp(32px, 5vw, 62px);
  letter-spacing: -.07em;
}

.nyw_i_sectionLead p,
.nyw_i_storyDescription,
.nyw_i_tile p,
.nyw_i_safetyCard p,
.nyw_i_circleMetric p,
.nyw_i_marketCard p,
.nyw_i_voiceCard p,
.nyw_i_capabilityCard p,
.nyw_i_newsCard p {
  color: #666;
  font-size: 13px;
  line-height: 1.8;
}

.nyw_i_storyBlock {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 510px;
  border: 1px solid var(--nyw_i-ink);
}

.nyw_i_storyImage {
  position: relative;
  overflow: hidden;
  background: var(--nyw_i-ink);
}

.nyw_i_storyImage img {
  width: 100%;
  height: 100%;
  min-height: 510px;
  object-fit: cover;
  opacity: .8;
}

.nyw_i_storyImage span {
  position: absolute;
  left: 25px;
  bottom: 22px;
  color: var(--nyw_i-yellow);
  font-size: 11px;
}

.nyw_i_storyText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8%;
  border-left: 1px solid var(--nyw_i-purple);
}

.nyw_i_storyText h2 {
  margin: 14px 0 22px;
  font-size: clamp(34px, 5vw, 58px);
  letter-spacing: -.07em;
}

.nyw_i_textLink {
  width: fit-content;
  margin-top: 25px;
  color: var(--nyw_i-purple);
  font-size: 13px;
}

.nyw_i_tileGrid,
.nyw_i_safetyGrid,
.nyw_i_marketGrid,
.nyw_i_circleMetrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.nyw_i_tile,
.nyw_i_safetyCard,
.nyw_i_marketCard {
  min-height: 300px;
  padding: 28px;
  border: 1px solid var(--nyw_i-ink);
}

.nyw_i_tileDark,
.nyw_i_darkPanel,
.nyw_i_marketCardDark,
.nyw_i_circleMetricDark {
  color: #fff;
  background: var(--nyw_i-ink);
}

.nyw_i_tile i,
.nyw_i_safetyCard i,
.nyw_i_marketCard i,
.nyw_i_circleMetric i {
  color: var(--nyw_i-purple);
  font-size: 26px;
}

.nyw_i_tile h3,
.nyw_i_safetyCard h3,
.nyw_i_marketCard h3,
.nyw_i_circleMetric h3 {
  margin: 45px 0 10px;
  font-size: 20px;
}

.nyw_i_tile strong,
.nyw_i_safetyCard strong,
.nyw_i_marketCard strong,
.nyw_i_circleMetric strong {
  display: block;
  color: var(--nyw_i-purple);
  font-size: 24px;
}

.nyw_i_safetyGrid {
  border-top: 1px solid var(--nyw_i-ink);
  border-left: 1px solid var(--nyw_i-ink);
}

.nyw_i_safetyCard {
  border-top: 0;
  border-left: 0;
}

.nyw_i_circleMetrics {
  gap: 18px;
}

.nyw_i_circleMetric {
  min-height: 280px;
  padding: 32px;
  border: 1px solid var(--nyw_i-ink);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.nyw_i_circleMetric h3 {
  margin-top: 25px;
}

.nyw_i_marketGrid {
  border-top: 1px solid var(--nyw_i-ink);
  border-left: 1px solid var(--nyw_i-ink);
}

.nyw_i_marketCard {
  min-height: 330px;
  border-top: 0;
  border-left: 0;
}

.nyw_i_marketCard > i {
  font-size: 42px;
}

.nyw_i_marketCard > span {
  display: block;
  margin-top: 18px;
  color: #888;
  font-size: 10px;
  letter-spacing: .16em;
}

.nyw_i_voiceTrack {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 32%);
  gap: 18px;
  overflow-x: auto;
  padding-bottom: 14px;
}

.nyw_i_voiceCard {
  min-height: 250px;
  padding: 25px;
  border: 1px solid var(--nyw_i-purple);
  background: #fff;
}

.nyw_i_voiceCardAccent {
  color: #fff;
  background: var(--nyw_i-ink);
}

.nyw_i_avatar {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 50%;
  background: var(--nyw_i-yellow);
}

.nyw_i_voiceCard h3 {
  margin: 28px 0 12px;
  font-size: 18px;
}

.nyw_i_capabilityGrid,
.nyw_i_newsGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.nyw_i_capabilityCard,
.nyw_i_newsCard {
  overflow: hidden;
  border: 1px solid var(--nyw_i-purple);
  background: #fff;
}

.nyw_i_capabilityCard img,
.nyw_i_newsCard img {
  width: 100%;
  height: 210px;
  object-fit: cover;
}

.nyw_i_capabilityCard > div,
.nyw_i_newsContent {
  padding: 22px;
}

.nyw_i_capabilityCard span,
.nyw_i_newsTag {
  color: var(--nyw_i-purple);
  font-size: 10px;
  letter-spacing: .12em;
}

.nyw_i_capabilityCard h3,
.nyw_i_newsCard h3 {
  margin: 12px 0 0;
  font-size: 20px;
}

.nyw_i_faqList {
  border-top: 1px solid var(--nyw_i-ink);
}

.nyw_i_faqList details {
  border-bottom: 1px solid var(--nyw_i-ink);
}

.nyw_i_faqList summary {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 5px;
  cursor: pointer;
  list-style: none;
  font-weight: 700;
}

.nyw_i_faqList summary::-webkit-details-marker {
  display: none;
}

.nyw_i_faqList summary span {
  color: var(--nyw_i-purple);
}

.nyw_i_faqList summary i {
  margin-left: auto;
  transition: transform .2s;
}

.nyw_i_faqList details[open] summary i {
  transform: rotate(45deg);
}

.nyw_i_faqList details p {
  max-width: 720px;
  margin: 0 0 20px 48px;
  color: #666;
  line-height: 1.8;
}

.nyw_i_newsCard {
  background: var(--nyw_i-ink);
  color: #fff;
}

.nyw_i_newsCard:nth-child(even) {
  background: #fff;
  color: var(--nyw_i-ink);
}

.nyw_i_newsCard p {
  /* 控制显示行数为5 */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.nyw_i_newsCard time {
  color: var(--nyw_i-purple);
  font-size: 11px;
}

.nyw_i_contactGate {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  padding-bottom: 120px;
}

.nyw_i_contactIntro h2 {
  margin: 15px 0;
  font-size: clamp(38px, 6vw, 76px);
  letter-spacing: -.08em;
}

.nyw_i_contactIntro > p {
  max-width: 480px;
  color: #666;
  line-height: 1.8;
}

.nyw_i_contactDetails {
  display: grid;
  gap: 14px;
  margin-top: 38px;
}

.nyw_i_contactDetails a,
.nyw_i_contactDetails > span {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #555;
}

.nyw_i_contactDetails i {
  width: 32px;
  color: var(--nyw_i-purple);
}

.nyw_i_contactDetails small {
  display: block;
  margin-bottom: 3px;
  color: #999;
}

.nyw_i_messageForm {
  display: flex;
  flex-direction: column;
  padding: 30px;
  border: 1px solid var(--nyw_i-purple);
  background: #fff;
  box-shadow: 0 0 22px rgba(170, 1, 249, .16);
}

.nyw_i_messageForm label {
  margin-bottom: 7px;
  font-size: 12px;
}

.nyw_i_messageForm input,
.nyw_i_messageForm textarea {
  width: 100%;
  margin-bottom: 18px;
  padding: 13px;
  border: 1px solid var(--nyw_i-line);
  outline: 0;
  background: var(--nyw_i-paper);
}

.nyw_i_messageForm input:focus,
.nyw_i_messageForm textarea:focus {
  border-color: var(--nyw_i-purple);
}

.nyw_i_siteFooter {
  padding: 70px 0 25px;
  color: #fff;
  background: var(--nyw_i-ink);
}

.nyw_i_footerShell {
  display: grid;
  grid-template-columns: 1.4fr .8fr 1fr;
  gap: 60px;
}

.nyw_i_footerIdentity img {
  width: 52px;
  margin-bottom: 18px;
}

.nyw_i_footerName {
  font-size: 20px;
}

.nyw_i_footerIntro {
  max-width: 400px;
  color: #aaa;
  font-size: 13px;
  line-height: 1.8;
}

.nyw_i_footerLinks h2,
.nyw_i_footerContact h2 {
  color: var(--nyw_i-yellow);
  font-size: 12px;
  letter-spacing: .15em;
}

.nyw_i_footerLinks ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: start;
  gap: 12px;
  padding: 0;
}

.nyw_i_footerLinks a,
.nyw_i_footerContact span {
  color: #bbb;
  font-size: 12px;
}

.nyw_i_footerLinks a:hover {
  color: var(--nyw_i-yellow);
}

.nyw_i_footerContact {
  display: grid;
  align-content: start;
  gap: 14px;
}

.nyw_i_footerContact span {
  display: flex;
  gap: 10px;
}

.nyw_i_footerContact i {
  width: 16px;
  color: var(--nyw_i-purple);
}

.nyw_i_footerBottom {
  grid-column: 1 / -1;
  padding-top: 22px;
  border-top: 1px solid #333;
  color: #777;
  font-size: 11px;
}

.nyw_i_backTop {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 20;
  display: none;
  width: 42px;
  height: 42px;
  border: 1px solid var(--nyw_i-ink);
  background: var(--nyw_i-yellow);
}

.nyw_i_backTop.is-visible {
  display: block;
}

@keyframes nyw_i_marquee {
  from { transform: translateX(100%); }
  to { transform: translateX(-100%); }
}

@media (max-width: 900px) {
  .nyw_i_welcome {
    display: none;
  }

  .nyw_i_desktopNav {
      
    display: none;
  }

  .nyw_i_menuToggle {
    display: block;
    margin-left: auto;
  }

  .nyw_i_mobilePanel.is-open {
    display: block;
    border-top: 1px solid var(--nyw_i-line);
  }

  .nyw_i_mobileNav ul {
    display: grid;
    justify-items: center;
  }

  .nyw_i_slideItem,
  .nyw_i_storyBlock,
  .nyw_i_contactGate {
    grid-template-columns: 1fr;
  }

  .nyw_i_entryStage {
    min-height: auto;
  }

  .nyw_i_entryVisual {
    min-height: 330px;
  }

  .nyw_i_entryVisual img {
    min-height: 330px;
  }

  .nyw_i_tileGrid,
  .nyw_i_safetyGrid,
  .nyw_i_marketGrid,
  .nyw_i_circleMetrics {
    grid-template-columns: repeat(2, 1fr);
  }

  .nyw_i_capabilityGrid,
  .nyw_i_newsGrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .nyw_i_footerShell {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 560px) {
  :root {
    --nyw_i-width: 92%;
  }

  .nyw_i_quickActions {
    gap: 8px;
    font-size: 0;
  }

  .nyw_i_quickActions i {
    font-size: 14px;
  }

  .nyw_i_entryCopy h1 {
    font-size: 50px;
  }

  .nyw_i_slideControls {
    bottom: 18px;
  }

  .nyw_i_tileGrid,
  .nyw_i_safetyGrid,
  .nyw_i_marketGrid,
  .nyw_i_circleMetrics,
  .nyw_i_capabilityGrid,
  .nyw_i_newsGrid {
    grid-template-columns: 1fr;
  }

  .nyw_i_circleMetric {
    border-radius: 2px;
  }

  .nyw_i_footerShell {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .nyw_i_footerBottom {
    grid-column: auto;
  }
}
/* =========================
   contact.html
   ========================= */

.nyw_i_contactMast,
.nyw_i_contactChannels,
.nyw_i_contactRoutes,
.nyw_i_contactFormArea,
.nyw_i_contactNote,
.nyw_i_appOpening,
.nyw_i_appNumbers,
.nyw_i_appFeatures,
.nyw_i_appAdvantages,
.nyw_i_appExperience,
.nyw_i_appComparison,
.nyw_i_releaseNotes,
.nyw_i_installGuide,
.nyw_i_appQuestions,
.nyw_i_appClosing {
  width: var(--nyw_i-width);
  max-width: 1380px;
  margin: 0 auto;
}

.nyw_i_contactMain > section,
.nyw_i_appMain > section {
  margin-top: 105px;
}

.nyw_i_contactMast {
  min-height: 480px;
  display: grid;
  grid-template-columns: 1fr .35fr;
  align-items: end;
  gap: 30px;
  padding: 85px 0 70px;
  border-bottom: 1px solid var(--nyw_i-ink);
}

.nyw_i_contactMast h1 {
  margin: 20px 0;
  font-size: clamp(48px, 8vw, 100px);
  line-height: .92;
  letter-spacing: -.09em;
}

.nyw_i_contactMast p {
  max-width: 520px;
  color: #666;
  line-height: 1.9;
}

.nyw_i_contactMastIndex {
  min-height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px;
  color: var(--nyw_i-yellow);
  background: var(--nyw_i-ink);
  border: 1px solid var(--nyw_i-purple);
}

.nyw_i_contactMastIndex span {
  color: var(--nyw_i-purple);
  font-size: 13px;
}

.nyw_i_contactMastIndex strong {
  font-size: 25px;
  line-height: .9;
}

.nyw_i_channelGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.nyw_i_channelCard {
  min-height: 310px;
  display: flex;
  flex-direction: column;
  padding: 25px;
  border: 1px solid var(--nyw_i-ink);
  color: var(--nyw_i-ink);
  background: #fff;
}

.nyw_i_channelCard:nth-child(2),
.nyw_i_channelCard:nth-child(3) {
  background: var(--nyw_i-paper);
}

.nyw_i_channelDark {
  color: #fff;
  background: var(--nyw_i-ink) !important;
}

.nyw_i_channelCard > i {
  color: var(--nyw_i-purple);
  font-size: 27px;
}

.nyw_i_channelNumber {
  margin-top: 45px;
  color: var(--nyw_i-purple);
  font-size: 10px;
  letter-spacing: .14em;
}

.nyw_i_channelCard h3 {
  margin: 12px 0 10px;
  font-size: 21px;
}

.nyw_i_channelCard strong {
  color: var(--nyw_i-purple);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.nyw_i_channelCard p {
  margin-top: auto;
  color: #777;
  font-size: 12px;
  line-height: 1.7;
}

.nyw_i_routeIntro {
  max-width: 580px;
  margin-bottom: 42px;
}

.nyw_i_routeIntro h2,
.nyw_i_contactNote h2 {
  margin: 15px 0;
  font-size: clamp(36px, 6vw, 75px);
  line-height: .95;
  letter-spacing: -.08em;
}

.nyw_i_routeList {
  border-top: 1px solid var(--nyw_i-ink);
}

.nyw_i_routeList details {
  border-bottom: 1px solid var(--nyw_i-ink);
}

.nyw_i_routeList summary {
  display: grid;
  grid-template-columns: 55px 1fr 1fr 20px;
  align-items: center;
  gap: 15px;
  padding: 20px 0;
  cursor: pointer;
  list-style: none;
}

.nyw_i_routeList summary::-webkit-details-marker {
  display: none;
}

.nyw_i_routeIcon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid var(--nyw_i-purple);
  color: var(--nyw_i-purple);
}

.nyw_i_routeList summary b {
  font-size: 18px;
}

.nyw_i_routeList summary small {
  color: #777;
}

.nyw_i_routeList summary > i {
  transition: transform .2s ease;
}

.nyw_i_routeList details[open] summary > i {
  transform: rotate(45deg);
}

.nyw_i_routeAnswer {
  margin: 0 0 25px 70px;
  padding: 20px;
  color: #666;
  background: #fff;
  border-left: 2px solid var(--nyw_i-purple);
}

.nyw_i_routeAnswer p {
  margin-top: 0;
  line-height: 1.8;
}

.nyw_i_routeAnswer ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 30px;
  margin: 0;
  padding-left: 18px;
  font-size: 12px;
  line-height: 1.9;
}

.nyw_i_contactFormArea {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 0;
  border: 1px solid var(--nyw_i-ink);
}

.nyw_i_formAside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 560px;
  padding: 50px;
  color: #fff;
  background: var(--nyw_i-ink);
}

.nyw_i_formAside h2 {
  margin: 20px 0;
  color: var(--nyw_i-yellow);
  font-size: clamp(38px, 5vw, 68px);
  line-height: .95;
  letter-spacing: -.08em;
}

.nyw_i_formAside p {
  max-width: 300px;
  color: #aaa;
  line-height: 1.8;
}

.nyw_i_formCode {
  margin-top: auto;
  color: var(--nyw_i-purple);
  font-size: 11px;
  letter-spacing: .16em;
}

.nyw_i_contactForm {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 50px;
  background: #fff;
}

.nyw_i_formRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.nyw_i_contactForm label {
  display: block;
  margin: 0 0 8px;
  color: #555;
  font-size: 12px;
}

.nyw_i_contactForm input,
.nyw_i_contactForm select,
.nyw_i_contactForm textarea {
  width: 100%;
  margin-bottom: 22px;
  padding: 14px;
  border: 1px solid var(--nyw_i-line);
  outline: 0;
  color: var(--nyw_i-ink);
  background: var(--nyw_i-paper);
}

.nyw_i_contactForm input:focus,
.nyw_i_contactForm select:focus,
.nyw_i_contactForm textarea:focus {
  border-color: var(--nyw_i-purple);
}

.nyw_i_formConsent {
  display: flex !important;
  align-items: center;
  gap: 8px;
}

.nyw_i_formConsent input {
  width: auto !important;
  margin: 0 !important;
}

.nyw_i_contactNote {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  padding: 70px 0 120px;
}

.nyw_i_noteInfo {
  align-self: end;
  padding: 28px;
  border: 1px solid var(--nyw_i-purple);
  background: #fff;
}

.nyw_i_noteInfo p {
  color: #666;
  line-height: 1.8;
}

.nyw_i_noteInfo span {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  color: #555;
  font-size: 13px;
}

.nyw_i_noteInfo i {
  width: 18px;
  color: var(--nyw_i-purple);
}


/* =========================
   app.html
   ========================= */

.nyw_i_appOpening {
  min-height: 680px;
  display: grid;
  grid-template-columns: 1fr .8fr;
  align-items: center;
  gap: 10%;
  padding: 80px 0;
  overflow: hidden;
}

.nyw_i_appOpeningCopy h1 {
  margin: 20px 0;
  font-size: clamp(48px, 8vw, 100px);
  line-height: .9;
  letter-spacing: -.09em;
}

.nyw_i_appOpeningCopy p {
  max-width: 520px;
  color: #666;
  line-height: 1.9;
}

.nyw_i_appActions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 30px;
}

.nyw_i_darkButton {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  color: #fff;
  background: var(--nyw_i-ink);
  border: 1px solid var(--nyw_i-purple);
  font-size: 12px;
}

.nyw_i_darkButton:hover {
  color: var(--nyw_i-yellow);
}

.nyw_i_deviceStage {
  position: relative;
  min-height: 560px;
  display: grid;
  place-items: center;
}

.nyw_i_deviceGlow {
  position: absolute;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  background: var(--nyw_i-purple);
  opacity: .18;
  filter: blur(35px);
}

.nyw_i_phoneFrame {
  position: relative;
  width: min(280px, 78%);
  padding: 11px;
  border: 2px solid var(--nyw_i-ink);
  border-radius: 32px;
  background: var(--nyw_i-ink);
  box-shadow: 14px 14px 0 var(--nyw_i-yellow);
  transform: rotate(5deg);
}

.nyw_i_phoneFrame img {
  width: 100%;
  height: 500px;
  border-radius: 22px;
  object-fit: cover;
}

.nyw_i_phoneSpeaker {
  position: absolute;
  top: 17px;
  left: 50%;
  z-index: 2;
  width: 60px;
  height: 5px;
  border-radius: 5px;
  background: #333;
  transform: translateX(-50%);
}

.nyw_i_phoneLabel {
  position: absolute;
  right: 20px;
  bottom: 22px;
  color: var(--nyw_i-yellow);
  font-size: 10px;
  letter-spacing: .12em;
}

.nyw_i_appBadge {
  position: absolute;
  right: 5%;
  bottom: 12%;
  display: flex;
  flex-direction: column;
  padding: 15px;
  border: 1px solid var(--nyw_i-purple);
  background: #fff;
}

.nyw_i_appBadge strong {
  font-size: 28px;
}

.nyw_i_appBadge span {
  color: var(--nyw_i-purple);
  font-size: 9px;
  letter-spacing: .12em;
}

.nyw_i_appNumberGrid,
.nyw_i_featureGrid,
.nyw_i_experienceCircles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.nyw_i_appNumberCard,
.nyw_i_featureCard {
  min-height: 290px;
  padding: 28px;
  border: 1px solid var(--nyw_i-ink);
  background: #fff;
}

.nyw_i_appNumberDark,
.nyw_i_featureDark,
.nyw_i_installColumnDark,
.nyw_i_experienceDark {
  color: #fff;
  background: var(--nyw_i-ink);
}

.nyw_i_appNumberCard i,
.nyw_i_featureCard i,
.nyw_i_experienceCircle i {
  color: var(--nyw_i-purple);
  font-size: 27px;
}

.nyw_i_appNumberCard strong {
  display: block;
  margin-top: 52px;
  color: var(--nyw_i-purple);
  font-size: 29px;
}

.nyw_i_appNumberCard h3,
.nyw_i_featureCard h3,
.nyw_i_experienceCircle h3 {
  margin: 10px 0;
  font-size: 19px;
}

.nyw_i_appNumberCard p,
.nyw_i_featureCard p,
.nyw_i_experienceCircle p {
  color: #777;
  font-size: 12px;
  line-height: 1.8;
}

.nyw_i_featureCard {
  position: relative;
  min-height: 330px;
}

.nyw_i_featureNumber {
  position: absolute;
  top: 24px;
  right: 24px;
  color: var(--nyw_i-purple);
  font-size: 11px;
}

.nyw_i_featureCard h3 {
  margin-top: 70px;
}

.nyw_i_featureCard strong {
  color: var(--nyw_i-purple);
}

.nyw_i_appAdvantages {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: 9%;
}

.nyw_i_advantageVisual {
  position: relative;
  min-height: 480px;
  overflow: hidden;
  border: 1px solid var(--nyw_i-purple);
  background: var(--nyw_i-ink);
  box-shadow: 16px 16px 0 var(--nyw_i-yellow);
}

.nyw_i_advantageVisual img {
  width: 100%;
  height: 100%;
  min-height: 480px;
  object-fit: cover;
  opacity: .72;
}

.nyw_i_advantageVisual span {
  position: absolute;
  bottom: 25px;
  left: 25px;
  color: var(--nyw_i-yellow);
  font-size: 24px;
  line-height: .9;
}

.nyw_i_advantageCopy h2 {
  margin: 18px 0;
  font-size: clamp(40px, 6vw, 76px);
  line-height: .9;
  letter-spacing: -.08em;
}

.nyw_i_advantageCopy > p {
  max-width: 520px;
  color: #666;
  line-height: 1.9;
}

.nyw_i_advantageRows {
  display: grid;
  gap: 18px;
  margin-top: 35px;
}

.nyw_i_advantageRows div {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--nyw_i-line);
  color: #666;
  font-size: 13px;
  line-height: 1.7;
}

.nyw_i_advantageRows i {
  width: 22px;
  color: var(--nyw_i-purple);
}

.nyw_i_advantageRows strong {
  display: block;
  color: var(--nyw_i-ink);
}

.nyw_i_experienceCircles {
  gap: 16px;
}

.nyw_i_experienceCircle {
  min-height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  border: 1px solid var(--nyw_i-ink);
  border-radius: 50%;
}

.nyw_i_experienceCircle p {
  color: #777;
}

.nyw_i_comparisonTable {
  border-top: 1px solid var(--nyw_i-ink);
  border-left: 1px solid var(--nyw_i-ink);
}

.nyw_i_comparisonRow {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  border-bottom: 1px solid var(--nyw_i-ink);
}

.nyw_i_comparisonRow > * {
  min-height: 60px;
  display: flex;
  align-items: center;
  padding: 15px 20px;
  border-right: 1px solid var(--nyw_i-ink);
  font-size: 13px;
}

.nyw_i_comparisonHead {
  color: #fff;
  background: var(--nyw_i-ink);
}

.nyw_i_comparisonRow strong {
  color: var(--nyw_i-purple);
}

.nyw_i_releaseTimeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--nyw_i-ink);
  border-left: 1px solid var(--nyw_i-ink);
}

.nyw_i_releaseItem {
  min-height: 330px;
  padding: 25px;
  border-right: 1px solid var(--nyw_i-ink);
  border-bottom: 1px solid var(--nyw_i-ink);
  background: #fff;
}

.nyw_i_releaseFeatured {
  color: #fff;
  background: var(--nyw_i-ink);
}

.nyw_i_releaseItem > span {
  color: var(--nyw_i-purple);
  font-size: 20px;
  font-weight: 700;
}

.nyw_i_releaseItem time {
  display: block;
  margin-top: 10px;
  color: #888;
  font-size: 11px;
}

.nyw_i_releaseItem h3 {
  margin: 40px 0 15px;
  font-size: 19px;
}

.nyw_i_releaseItem ul {
  margin: 0;
  padding-left: 17px;
  color: #777;
  font-size: 12px;
  line-height: 2;
}

.nyw_i_installColumns {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.nyw_i_installColumn {
  padding: 35px;
  border: 1px solid var(--nyw_i-ink);
  background: #fff;
}

.nyw_i_installColumnDark {
  border-color: var(--nyw_i-purple);
}

.nyw_i_installColumn h3 {
  margin: 0 0 35px;
  color: var(--nyw_i-purple);
  font-size: 24px;
}

.nyw_i_installColumn ol {
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nyw_i_installColumn li {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--nyw_i-line);
  color: #777;
  font-size: 13px;
  line-height: 1.7;
}

.nyw_i_installColumn li strong {
  color: var(--nyw_i-purple);
}

.nyw_i_installColumn li b {
  display: block;
  color: inherit;
}

.nyw_i_questionList {
  border-top: 1px solid var(--nyw_i-ink);
}

.nyw_i_questionList details {
  border-bottom: 1px solid var(--nyw_i-ink);
}

.nyw_i_questionList summary {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 20px 0;
  cursor: pointer;
  list-style: none;
  font-weight: 700;
}

.nyw_i_questionList summary::-webkit-details-marker {
  display: none;
}

.nyw_i_questionList summary span {
  color: var(--nyw_i-purple);
}

.nyw_i_questionList summary i {
  margin-left: auto;
  transition: transform .2s;
}

.nyw_i_questionList details[open] summary i {
  transform: rotate(45deg);
}

.nyw_i_questionList details p {
  max-width: 720px;
  margin: 0 0 20px 45px;
  color: #666;
  line-height: 1.8;
}

.nyw_i_appClosing {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  align-items: center;
  gap: 60px;
  min-height: 360px;
  margin-bottom: 120px !important;
  padding: 55px;
  color: #fff;
  background: var(--nyw_i-ink);
  border: 1px solid var(--nyw_i-purple);
}

.nyw_i_closingBadge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  color: var(--nyw_i-yellow);
  text-align: center;
}

.nyw_i_closingBadge i {
  font-size: 75px;
}

.nyw_i_closingBadge span {
  font-size: 10px;
  letter-spacing: .16em;
}

.nyw_i_appClosing h2 {
  margin: 16px 0;
  color: var(--nyw_i-yellow);
  font-size: clamp(40px, 6vw, 75px);
  letter-spacing: -.08em;
}

.nyw_i_appClosing p {
  color: #aaa;
}


/* contact.html 与 app.html 响应式 */
@media (max-width: 900px) {
  .nyw_i_channelGrid,
  .nyw_i_appNumberGrid,
  .nyw_i_featureGrid,
  .nyw_i_releaseTimeline {
    grid-template-columns: repeat(2, 1fr);
  }

  .nyw_i_contactMast,
  .nyw_i_contactFormArea,
  .nyw_i_contactNote,
  .nyw_i_appOpening,
  .nyw_i_appAdvantages,
  .nyw_i_appClosing {
    grid-template-columns: 1fr;
  }

  .nyw_i_contactMastIndex {
    min-height: 160px;
  }

  .nyw_i_appOpening {
    padding-top: 45px;
  }

  .nyw_i_deviceStage {
    min-height: 500px;
  }

  .nyw_i_experienceCircles {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .nyw_i_channelGrid,
  .nyw_i_appNumberGrid,
  .nyw_i_featureGrid,
  .nyw_i_releaseTimeline,
  .nyw_i_experienceCircles,
  .nyw_i_installColumns {
    grid-template-columns: 1fr;
  }

  .nyw_i_routeList summary {
    grid-template-columns: 45px 1fr 20px;
  }

  .nyw_i_routeList summary small {
    display: none;
  }

  .nyw_i_routeAnswer {
    margin-left: 0;
  }

  .nyw_i_formAside,
  .nyw_i_contactForm {
    min-height: auto;
    padding: 28px;
  }

  .nyw_i_formRow {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .nyw_i_comparisonRow > * {
    min-height: 54px;
    padding: 12px 10px;
    font-size: 11px;
  }

  .nyw_i_appClosing {
    padding: 35px 25px;
  }
}
/* =========================
   list.html
   ========================= */

.nyw_i_archiveMain,
.nyw_i_articleMain {
  padding-bottom: 100px;
}

.nyw_i_archiveMast {
  min-height: 480px;
  display: grid;
  grid-template-columns: 1fr .35fr;
  align-items: end;
  gap: 30px;
  padding: 85px 0 70px;
  border-bottom: 1px solid var(--nyw_i-ink);
}

.nyw_i_archiveMast h1 {
  margin: 20px 0;
  font-size: clamp(54px, 9vw, 120px);
  line-height: .88;
  letter-spacing: -.1em;
}

.nyw_i_archiveMast p {
  max-width: 530px;
  color: #666;
  font-size: 14px;
  line-height: 1.9;
}

.nyw_i_archiveStamp {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px;
  color: var(--nyw_i-yellow);
  background: var(--nyw_i-ink);
  border: 1px solid var(--nyw_i-purple);
  transform: rotate(2deg);
}

.nyw_i_archiveStamp strong {
  font-size: 31px;
  line-height: .88;
}

.nyw_i_archiveStamp span {
  color: var(--nyw_i-purple);
  font-size: 10px;
  letter-spacing: .15em;
}

.nyw_i_archivePath,
.nyw_i_articlePath {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 18px 0;
  border-bottom: 1px solid var(--nyw_i-line);
  color: #777;
  font-size: 12px;
}

.nyw_i_archivePath i,
.nyw_i_articlePath i {
  color: var(--nyw_i-purple);
  font-size: 10px;
}

.nyw_i_archivePath a:hover,
.nyw_i_articlePath a:hover {
  color: var(--nyw_i-purple);
}

.nyw_i_archiveLayout {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(260px, .7fr);
  align-items: start;
  gap: 70px;
  margin-top: 80px !important;
}

.nyw_i_archiveHeading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}

.nyw_i_archiveHeading h2 {
  margin: 12px 0 0;
  font-size: clamp(34px, 5vw, 60px);
  letter-spacing: -.08em;
}

.nyw_i_archiveCount {
  color: var(--nyw_i-purple);
  font-size: 10px;
  letter-spacing: .15em;
}

.nyw_i_storyList {
  border-top: 1px solid var(--nyw_i-ink);
}

.nyw_i_storyRow {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 28px;
  padding: 22px 0;
  border-bottom: 1px solid var(--nyw_i-ink);
}

.nyw_i_storyThumb {
  position: relative;
  display: block;
  min-height: 170px;
  overflow: hidden;
  background: var(--nyw_i-ink);
}

.nyw_i_storyThumb img {
  width: 100%;
  height: 100%;
  min-height: 170px;
  object-fit: cover;
  transition: transform .35s ease, opacity .35s ease;
}

.nyw_i_storyThumb span {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 7px 9px;
  color: var(--nyw_i-yellow);
  background: var(--nyw_i-ink);
  font-size: 9px;
  letter-spacing: .1em;
}

.nyw_i_storyThumb:hover img {
  opacity: .7;
  transform: scale(1.05);
}

.nyw_i_storyMeta {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  color: var(--nyw_i-purple);
  font-size: 10px;
  letter-spacing: .12em;
}

.nyw_i_storyInfo h3 {
  margin: 18px 0 10px;
  font-size: 22px;
  line-height: 1.25;
}

.nyw_i_storyInfo h3 a:hover {
  color: var(--nyw_i-purple);
}

.nyw_i_storyInfo p {
  /* 控制显示行数为5 */
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: #777;
  font-size: 13px;
  line-height: 1.8;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.nyw_i_storyMore {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  color: var(--nyw_i-purple);
  font-size: 12px;
}

.nyw_i_storyMore:hover {
  color: var(--nyw_i-ink);
}

.nyw_i_pagination {
  display: flex;
  justify-content: center;
  margin-top: 35px;
  color: #555;
}

.nyw_i_pagination a,
.nyw_i_pagination span {
  display: inline-flex;
  min-width: 34px;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--nyw_i-line);
  font-size: 12px;
}

.nyw_i_pagination a:hover,
.nyw_i_pagination .active {
  color: var(--nyw_i-ink);
  background: var(--nyw_i-yellow);
}

.nyw_i_archiveAside {
  display: grid;
  gap: 45px;
}

.nyw_i_searchBox,
.nyw_i_archiveMenu,
.nyw_i_hotNotes {
  padding: 25px;
  border: 1px solid var(--nyw_i-purple);
  background: #fff;
}

.nyw_i_searchBox h2,
.nyw_i_archiveMenu h2,
.nyw_i_hotNotes h2 {
  margin: 12px 0 22px;
  font-size: 25px;
  letter-spacing: -.05em;
}

.nyw_i_searchBox form,
.nyw_i_articleSearch form {
  display: flex;
  border-bottom: 1px solid var(--nyw_i-ink);
}

.nyw_i_searchBox input,
.nyw_i_articleSearch input {
  width: 100%;
  min-width: 0;
  padding: 12px 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 12px;
}

.nyw_i_searchBox button,
.nyw_i_articleSearch button {
  width: 38px;
  border: 0;
  background: transparent;
  color: var(--nyw_i-purple);
}

.nyw_i_archiveMenu ul,
.nyw_i_articleMenu ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nyw_i_archiveMenu li,
.nyw_i_articleMenu li {
  border-bottom: 1px solid var(--nyw_i-line);
}

.nyw_i_archiveMenu a,
.nyw_i_articleMenu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 0;
  color: #666;
  font-size: 12px;
}

.nyw_i_archiveMenu a:hover,
.nyw_i_articleMenu a:hover {
  color: var(--nyw_i-purple);
}

.nyw_i_hotNotes {
  color: #fff;
  background: var(--nyw_i-ink);
}

.nyw_i_hotNote {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 12px;
  padding: 13px 0;
  border-bottom: 1px solid #333;
}

.nyw_i_hotNote img {
  width: 70px;
  height: 58px;
  object-fit: cover;
}

.nyw_i_hotNote h3 {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.nyw_i_hotNote h3 a:hover {
  color: var(--nyw_i-yellow);
}

.nyw_i_hotNote time {
  display: block;
  margin-top: 7px;
  color: #888;
  font-size: 10px;
}

.nyw_i_archiveInvite,
.nyw_i_articleClosing {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  align-items: center;
  gap: 60px;
  min-height: 330px;
  padding: 55px;
  color: #fff;
  background: var(--nyw_i-ink);
  border: 1px solid var(--nyw_i-purple);
}

.nyw_i_inviteCircle,
.nyw_i_closingArticleCircle {
  width: 220px;
  height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 17px;
  border: 1px solid var(--nyw_i-purple);
  border-radius: 50%;
  color: var(--nyw_i-yellow);
}

.nyw_i_inviteCircle i,
.nyw_i_closingArticleCircle i {
  font-size: 50px;
}

.nyw_i_inviteCircle span,
.nyw_i_closingArticleCircle span {
  font-size: 10px;
  letter-spacing: .15em;
}

.nyw_i_archiveInvite h2,
.nyw_i_articleClosing h2 {
  margin: 15px 0;
  color: var(--nyw_i-yellow);
  font-size: clamp(40px, 6vw, 75px);
  line-height: .9;
  letter-spacing: -.08em;
}

.nyw_i_archiveInvite p,
.nyw_i_articleClosing p {
  color: #aaa;
}


/* =========================
   show.html
   ========================= */

.nyw_i_articleMast {
  min-height: 520px;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  align-items: stretch;
  gap: 0;
  margin-top: 55px !important;
  border: 1px solid var(--nyw_i-ink);
}

.nyw_i_articleMastText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 65px;
  background: #fff;
}

.nyw_i_articleCategory {
  width: fit-content;
  margin-top: 28px;
  padding: 7px 10px;
  color: var(--nyw_i-purple);
  border: 1px solid var(--nyw_i-purple);
  font-size: 10px;
  letter-spacing: .1em;
}

.nyw_i_articleMast h1 {
  max-width: 820px;
  margin: 20px 0;
  font-size: clamp(40px, 6vw, 84px);
  line-height: .95;
  letter-spacing: -.08em;
}

.nyw_i_articleMastText p {
  max-width: 620px;
  margin: 0;
  color: #666;
  font-size: 14px;
  line-height: 1.9;
}

.nyw_i_articleMastVisual {
  position: relative;
  overflow: hidden;
  min-height: 520px;
  background: var(--nyw_i-ink);
}

.nyw_i_articleMastPattern {
  position: absolute;
  inset: 12%;
  border: 1px solid var(--nyw_i-purple);
  background-image:
    linear-gradient(45deg, transparent 48%, rgba(170, 1, 249, .75) 49%, transparent 50%),
    linear-gradient(-45deg, transparent 48%, rgba(249, 229, 11, .55) 49%, transparent 50%);
  background-size: 48px 48px;
  transform: rotate(15deg) scale(1.3);
}

.nyw_i_articleMastVisual span {
  position: absolute;
  right: 28px;
  bottom: 25px;
  color: var(--nyw_i-yellow);
  font-size: 28px;
  line-height: .9;
  text-align: right;
}

.nyw_i_articleLayout {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(260px, .65fr);
  align-items: start;
  gap: 70px;
  margin-top: 80px !important;
}

.nyw_i_articleBody {
  min-width: 0;
  padding: 45px;
  border: 1px solid var(--nyw_i-line);
  background: #fff;
}

.nyw_i_articleMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 28px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--nyw_i-line);
  color: #777;
  font-size: 11px;
}

.nyw_i_articleMeta span,
.nyw_i_articleMeta time {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.nyw_i_articleMeta i {
  color: var(--nyw_i-purple);
}

.nyw_i_articleContent {
  padding: 40px 0;
  color: #3f3b3d;
  font-size: 15px;
  line-height: 2;
}

.nyw_i_articleContent h2,
.nyw_i_articleContent h3,
.nyw_i_articleContent h4 {
  margin: 38px 0 15px;
  color: var(--nyw_i-ink);
  line-height: 1.3;
}

.nyw_i_articleContent h2 {
  font-size: 30px;
}

.nyw_i_articleContent h3 {
  font-size: 24px;
}

.nyw_i_articleContent p {
  margin: 0 0 22px;
}

.nyw_i_articleContent img {
  width: 100%;
  height: auto;
  margin: 30px auto;
}

.nyw_i_articleContent blockquote {
  margin: 30px 0;
  padding: 22px 25px;
  border-left: 3px solid var(--nyw_i-purple);
  color: #666;
  background: var(--nyw_i-paper);
}

.nyw_i_articleContent ul,
.nyw_i_articleContent ol {
  padding-left: 25px;
}

.nyw_i_articleNav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding: 25px 0;
  border-top: 1px solid var(--nyw_i-line);
  border-bottom: 1px solid var(--nyw_i-line);
}

.nyw_i_articleNav a {
  display: block;
  padding: 18px;
  border: 1px solid var(--nyw_i-line);
  background: var(--nyw_i-paper);
}

.nyw_i_articleNav a:last-child {
  text-align: right;
}

.nyw_i_articleNav a:hover {
  border-color: var(--nyw_i-purple);
}

.nyw_i_articleNav span {
  display: block;
  margin-bottom: 10px;
  color: var(--nyw_i-purple);
  font-size: 11px;
}

.nyw_i_articleNav strong {
  display: block;
  overflow: hidden;
  font-size: 13px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nyw_i_articleFooter {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;
  padding-top: 30px;
}

.nyw_i_shareBox {
  text-align: right;
}

.nyw_i_shareBox h2 {
  margin: 0;
  font-size: 16px;
}

.nyw_i_shareBox p {
  margin: 7px 0 12px;
  color: #777;
  font-size: 12px;
}

.nyw_i_shareButtons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.nyw_i_shareButtons button {
  width: 32px;
  height: 32px;
  border: 1px solid var(--nyw_i-ink);
  background: transparent;
}

.nyw_i_shareButtons button:hover {
  color: var(--nyw_i-purple);
  border-color: var(--nyw_i-purple);
}

.nyw_i_articleAside {
  display: grid;
  gap: 35px;
}

.nyw_i_articleSearch,
.nyw_i_articleMenu {
  padding: 25px;
  border: 1px solid var(--nyw_i-purple);
  background: #fff;
}

.nyw_i_articleSearch h2,
.nyw_i_articleMenu h2 {
  margin: 12px 0 22px;
  font-size: 24px;
}

.nyw_i_relatedReading {
  margin-top: 110px !important;
}

.nyw_i_relatedHeading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}

.nyw_i_relatedHeading h2 {
  margin: 12px 0 0;
  font-size: clamp(34px, 5vw, 60px);
  letter-spacing: -.08em;
}

.nyw_i_relatedGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.nyw_i_relatedCard {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--nyw_i-ink);
  background: #fff;
}

.nyw_i_relatedCard:nth-child(even) {
  color: #fff;
  background: var(--nyw_i-ink);
}

.nyw_i_relatedIndex {
  position: absolute;
  top: 13px;
  left: 13px;
  z-index: 1;
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  color: var(--nyw_i-yellow);
  background: var(--nyw_i-ink);
  font-size: 11px;
}

.nyw_i_relatedCard img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.nyw_i_relatedText {
  padding: 20px;
}

.nyw_i_relatedText h3 {
  margin: 0 0 17px;
  font-size: 17px;
  line-height: 1.4;
}

.nyw_i_relatedText h3 a:hover {
  color: var(--nyw_i-purple);
}

.nyw_i_relatedText time {
  color: var(--nyw_i-purple);
  font-size: 10px;
}

.nyw_i_relatedText time i {
  margin-right: 5px;
}

.nyw_i_articleClosing {
  margin-top: 100px !important;
}


/* list.html 与 show.html 响应式 */
@media (max-width: 900px) {
  .nyw_i_archiveMast,
  .nyw_i_articleMast,
  .nyw_i_archiveLayout,
  .nyw_i_articleLayout,
  .nyw_i_archiveInvite,
  .nyw_i_articleClosing {
    grid-template-columns: 1fr;
  }

  .nyw_i_archiveMast {
    min-height: auto;
    gap: 40px;
  }

  .nyw_i_archiveStamp {
    min-height: 160px;
  }

  .nyw_i_archiveAside,
  .nyw_i_articleAside {
    grid-template-columns: repeat(2, 1fr);
  }

  .nyw_i_hotNotes {
    grid-column: 1 / -1;
  }

  .nyw_i_articleMastText {
    padding: 45px;
  }

  .nyw_i_articleMastVisual {
    min-height: 300px;
  }

  .nyw_i_relatedGrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .nyw_i_inviteCircle,
  .nyw_i_closingArticleCircle {
    width: 180px;
    height: 180px;
  }
}

@media (max-width: 600px) {
  .nyw_i_storyRow {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .nyw_i_storyThumb,
  .nyw_i_storyThumb img {
    min-height: 220px;
  }

  .nyw_i_archiveHeading,
  .nyw_i_relatedHeading,
  .nyw_i_articleFooter {
    display: block;
  }

  .nyw_i_archiveCount {
    display: block;
    margin-top: 15px;
  }

  .nyw_i_archiveAside,
  .nyw_i_articleAside,
  .nyw_i_relatedGrid {
    grid-template-columns: 1fr;
  }

  .nyw_i_archiveInvite,
  .nyw_i_articleClosing {
    padding: 32px 24px;
  }

  .nyw_i_articleBody {
    padding: 25px 18px;
  }

  .nyw_i_articleMastText {
    padding: 32px 24px;
  }

  .nyw_i_articleMast h1 {
    font-size: 43px;
  }

  .nyw_i_articleNav {
    grid-template-columns: 1fr;
  }

  .nyw_i_articleNav a:last-child {
    text-align: left;
  }

  .nyw_i_shareBox {
    margin-top: 30px;
    text-align: left;
  }

  .nyw_i_shareButtons {
    justify-content: flex-start;
  }
}