.cn-page {
  --bg: #0b0e0e;
  --panel: #151a18;
  --ink: #f4f7f0;
  --muted: #aeb9b2;
  --lime: #b7ff35;
  --blue: #61d2ff;
  --line: #303a33;
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  color-scheme: dark;
  font: 16px/1.65 Arial, Helvetica, sans-serif;
  overflow-wrap: break-word;
}

.cn-page *, .cn-page *::before, .cn-page *::after { box-sizing: border-box; }
.cn-page [hidden] { display: none !important; }
.cn-page img { display: block; max-width: 100%; height: auto; }
.cn-page button, .cn-page input, .cn-page select { font: inherit; }
.cn-page a { color: inherit; text-decoration: none; }
.cn-page :focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.cn-page ::selection { background: var(--lime); color: var(--bg); }
.cn-page h1, .cn-page h2, .cn-page h3, .cn-page p { margin: 0; }
.cn-page h1, .cn-page h2, .cn-page h3 { line-height: 1.08; letter-spacing: -.045em; }
.cn-page h1 { font-size: clamp(2.8rem, 6vw, 5.2rem); letter-spacing: -.065em; }
.cn-page h2 { font-size: clamp(2rem, 4vw, 3.3rem); }
.cn-page h3 { font-size: 1.3rem; }
.cn-page em { color: var(--lime); font-style: normal; }
.cn-page .section-wrap { width: min(1168px, calc(100% - 48px)); margin-inline: auto; }
.cn-page .eyebrow { font-size: .68rem; font-weight: 700; letter-spacing: .17em; line-height: 1.5; }
.cn-page .muted { color: var(--muted); }

.cn-page .site-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 1296px; min-height: 88px; margin: auto; padding: 18px 32px; border-bottom: 1px solid var(--line); }
.cn-page .wordmark { font-size: 1.6rem; font-weight: 800; line-height: 1.05; letter-spacing: -.075em; }
.cn-page .wordmark > span { color: var(--blue); }
.cn-page .wordmark small { display: block; color: var(--muted); font-size: .56rem; font-weight: 400; letter-spacing: .22em; line-height: 2.6; }
.cn-page .desktop-nav { display: flex; align-items: center; gap: 26px; font-size: .81rem; }
.cn-page .desktop-nav a:hover, .cn-page .site-footer a:hover { text-decoration: underline; text-underline-offset: 5px; }
.cn-page .mobile-nav { display: none; }
.cn-page .mobile-nav summary, .cn-page button, .cn-page summary { cursor: pointer; }
.cn-page .button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-width: 44px; min-height: 48px; padding: 12px 20px; border: 1px solid var(--lime); border-radius: 4px; background: var(--lime); color: #14200c; font-size: .82rem; font-weight: 700; line-height: 1.35; text-align: center; }
.cn-page .button:hover { background: #caff78; }
.cn-page .button-outline { background: transparent; color: var(--lime); }
.cn-page .button-outline:hover { background: #1e2918; }
.cn-page .text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: .84rem; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }

.cn-page .editorial-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(28px, 6vw, 72px); padding-block: clamp(40px, 7vw, 82px); }
.cn-page .editorial-hero > * { min-width: 0; }
.cn-page .editorial-hero .eyebrow, .cn-page .section-title .eyebrow { color: var(--lime); margin-bottom: 16px; }
.cn-page .editorial-hero p:not(.eyebrow) { max-width: 54ch; margin-top: 20px; color: var(--muted); }
.cn-page .hero-image { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); }
.cn-page .hero-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.cn-page .hero-image figcaption { padding: 10px 14px; color: var(--muted); font-size: .72rem; }
.cn-page .section-title { margin: 0 0 28px; }
.cn-page .section-title > p:last-child { max-width: 62ch; margin-top: 14px; color: var(--muted); }
.cn-page .route-grid, .cn-page .blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.cn-page .route-card, .cn-page .blog-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); }
.cn-page .route-card { padding: 24px; }
.cn-page .route-card > * + * { margin-top: 12px; }
.cn-page .route-card p { color: var(--muted); }
.cn-page .route-card .text-link { margin-top: 16px; color: var(--lime); }

.cn-page .blog-toolbar { display: grid; grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr); gap: 14px; margin: 24px 0; }
.cn-page .blog-toolbar label { display: grid; gap: 6px; color: var(--muted); font-size: .75rem; }
.cn-page .blog-toolbar input, .cn-page .blog-toolbar select { width: 100%; min-width: 0; min-height: 48px; padding: 10px 12px; border: 1px solid #48544b; border-radius: 4px; background: #111613; color: var(--ink); }
.cn-page .blog-toolbar input::placeholder { color: #89968d; }
.cn-page #blog-count { margin-bottom: 14px; color: var(--muted); font-size: .8rem; }
.cn-page .blog-card > a { display: flex; height: 100%; flex-direction: column; }
.cn-page .blog-card > a:focus-visible { outline-offset: -4px; }
.cn-page .blog-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: #202822; }
.cn-page .blog-card-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 20px; }
.cn-page .blog-card-copy > * + * { margin-top: 10px; }
.cn-page .blog-card h2, .cn-page .blog-card h3 { font-size: 1.25rem; }
.cn-page .blog-card p { color: var(--muted); font-size: .88rem; }
.cn-page .post-meta { color: #a9b7ae; font-size: .72rem; line-height: 1.5; }
.cn-page .status-label { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 9px; border: 1px solid #52683d; border-radius: 3px; color: var(--lime); font-size: .67rem; font-weight: 700; letter-spacing: .04em; }
.cn-page .missing-media { display: grid; min-height: 150px; place-items: center; padding: 20px; border: 1px dashed #526056; background: #121815; color: var(--muted); text-align: center; }
.cn-page #blog-empty { margin: 20px 0; padding: 20px; border: 1px solid var(--line); color: var(--muted); }

.cn-page .breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 24px; color: var(--muted); font-size: .78rem; }
.cn-page .breadcrumb a { color: var(--lime); text-decoration: underline; text-underline-offset: 3px; }
.cn-page .article-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr); align-items: start; gap: clamp(28px, 6vw, 72px); padding-block: 24px 72px; }
.cn-page .article-layout > * { min-width: 0; }
.cn-page .article-header { grid-column: 1 / -1; max-width: 850px; }
.cn-page .article-header h1 { margin-block: 12px 18px; font-size: clamp(2.4rem, 5vw, 4.5rem); }
.cn-page .article-header p:not(.eyebrow) { color: var(--muted); }
.cn-page .article-body { min-width: 0; }
.cn-page .article-body > * + * { margin-top: 1.2em; }
.cn-page .article-body h2 { margin-top: 1.8em; font-size: clamp(1.65rem, 3vw, 2.35rem); }
.cn-page .article-body h3 { margin-top: 1.6em; font-size: 1.35rem; }
.cn-page .article-body p, .cn-page .article-body li { color: #d1d8d2; }
.cn-page .article-body ul, .cn-page .article-body ol { padding-left: 1.5em; }
.cn-page .article-body li + li { margin-top: .45em; }
.cn-page .article-body a { color: var(--lime); text-decoration: underline; text-underline-offset: 3px; }
.cn-page .article-body img { width: 100%; height: auto; border-radius: 5px; }
.cn-page .article-body figure { margin: 1.8em 0; }
.cn-page .article-body figcaption { margin-top: 8px; color: var(--muted); font-size: .75rem; }
.cn-page .article-body blockquote { margin: 1.6em 0; padding: 8px 0 8px 20px; border-left: 3px solid var(--lime); color: #e2eadf; font-size: 1.12rem; }
.cn-page .article-body table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; }
.cn-page .article-body th, .cn-page .article-body td { padding: 10px 12px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.cn-page .article-body th { background: #172019; color: var(--lime); }
.cn-page .content-panel { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); }
.cn-page .content-panel > * + * { margin-top: 12px; }
.cn-page .content-panel p { color: var(--muted); font-size: .88rem; }
.cn-page .brand-gaming { --brand: #61d2ff; }
.cn-page .brand-fitness { --brand: #b7ff35; }
.cn-page .brand-gaming .eyebrow, .cn-page .brand-fitness .eyebrow { color: var(--brand); }
.cn-page .brand-gaming .content-panel, .cn-page .brand-fitness .content-panel { border-top: 3px solid var(--brand); }

.cn-page .support-section { padding-block: 68px; border-top: 1px solid var(--line); }
.cn-page .section-heading > .eyebrow { color: var(--lime); margin-bottom: 16px; }
.cn-page .section-heading > p:last-child { max-width: 60ch; margin-top: 16px; color: var(--muted); }
.cn-page .support-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 22px; }
.cn-page .support-tabs button { min-width: 44px; min-height: 46px; padding: 10px 18px; border: 1px solid var(--line); border-radius: 24px; background: transparent; color: var(--ink); }
.cn-page .support-tabs button[aria-selected="true"] { border-color: var(--lime); background: var(--lime); color: #15210d; font-weight: 700; }
.cn-page .support-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.cn-page .support-card { min-width: 0; min-height: 180px; padding: 24px; border: 1px solid var(--line); border-radius: 6px; background: #131914; }
.cn-page .support-card h3 { margin-top: 14px; }
.cn-page .support-card p { margin-top: 12px; color: var(--muted); font-size: .88rem; }
.cn-page .world-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.cn-page .world-grid > a { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 5px; }
.cn-page .world-grid > a:hover { border-color: var(--blue); }
.cn-page .world-grid .eyebrow { display: block; color: #a8bdc4; font-size: .6rem; overflow-wrap: anywhere; }
.cn-page .world-grid h3 { display: flex; justify-content: space-between; gap: 8px; margin-top: 12px; font-size: 1.2rem; }
.cn-page .world-grid h3 span { color: var(--blue); }
.cn-page .world-grid p { margin-top: 10px; color: var(--muted); font-size: .76rem; }
.cn-page .site-footer { padding-block: 52px 28px; border-top: 1px solid var(--line); }
.cn-page .footer-top { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 24px; margin-bottom: 20px; border-bottom: 1px solid var(--line); }
.cn-page .footer-top nav { display: flex; flex-wrap: wrap; gap: 12px 22px; font-size: .78rem; }
.cn-page .site-footer > p { max-width: 950px; color: var(--muted); font-size: .72rem; }

@media (max-width: 760px) {
  .cn-page .section-wrap { width: calc(100% - 36px); }
  .cn-page .site-header { min-height: 76px; padding: 14px 18px; }
  .cn-page .desktop-nav { display: none; }
  .cn-page .mobile-nav { display: block; font-size: .8rem; }
  .cn-page .mobile-nav summary { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 4px; list-style: none; }
  .cn-page .mobile-nav summary::-webkit-details-marker { display: none; }
  .cn-page .mobile-nav nav { position: absolute; z-index: 4; left: 18px; right: 18px; padding: 12px 18px; border: 1px solid var(--line); border-radius: 5px; background: #151c18; }
  .cn-page .mobile-nav nav a { display: block; min-height: 44px; padding: 10px 0; border-bottom: 1px solid var(--line); }
  .cn-page .mobile-nav nav a:last-child { border: 0; }
  .cn-page .editorial-hero { grid-template-columns: minmax(0, 1fr); gap: 26px; padding-block: 34px; }
  .cn-page .hero-image img { aspect-ratio: 16 / 10; }
  .cn-page .route-grid, .cn-page .blog-grid, .cn-page .support-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .cn-page .blog-toolbar { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .cn-page .blog-toolbar input, .cn-page .blog-toolbar select { min-height: 48px; }
  .cn-page .article-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-bottom: 48px; }
  .cn-page .article-header { grid-column: auto; }
  .cn-page .content-panel { padding: 18px; }
  .cn-page .support-section { padding-block: 46px; }
  .cn-page .support-tabs { gap: 8px; margin-top: 22px; }
  .cn-page .support-tabs button { padding-inline: 14px; font-size: .76rem; }
  .cn-page .support-card { min-height: 0; padding: 21px; }
  .cn-page .world-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .cn-page .world-grid > a { padding: 15px; }
  .cn-page .world-grid h3 { font-size: 1.05rem; }
  .cn-page .footer-top { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 360px) {
  .cn-page .section-wrap { width: calc(100% - 28px); }
  .cn-page .world-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .cn-page *, .cn-page *::before, .cn-page *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}