/* site-web-sporttery.com.cn — bulletin rail */
:root {
  color-scheme: light;
  --sporttery-paper: #f4f1fa;
  --sporttery-ink: #272333;
  --sporttery-accent: #d07a32;
  --sporttery-highlight: #ead5a4;
  --sporttery-line: #d4cedf;
  --sporttery-muted: #716b7f;
  --sporttery-card: #fffefa;
  --sporttery-soft: #eee9f4;
  font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
  color: var(--sporttery-ink);
  background: var(--sporttery-paper);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--sporttery-paper); }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
a:hover { color: #8a4b1e; }
p { line-height: 1.82; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.25; }

.sporttery-mast { background: var(--sporttery-ink); color: #fff; }
.sporttery-brandline { max-width: 1280px; margin: auto; padding: 20px 30px 16px; display: flex; align-items: baseline; gap: 24px; }
.sporttery-wordmark { font-size: 1.55rem; font-weight: 800; letter-spacing: 0.08em; text-decoration: none; }
.sporttery-brand-caption { margin: 0; color: #d8d3df; font-size: 0.9rem; }
.sporttery-navigation { border-top: 1px solid #494454; overflow-x: auto; scrollbar-color: #958a9f #272333; }
.sporttery-navigation-track { max-width: 1280px; min-width: max-content; margin: auto; display: flex; gap: 2px; padding: 0 22px; }
.sporttery-navigation a { display: block; padding: 13px 11px 15px; color: #f6f1fa; font-size: 0.9rem; white-space: nowrap; text-decoration: none; border-bottom: 3px solid transparent; }
.sporttery-navigation a:hover, .sporttery-navigation a:focus-visible { border-color: var(--sporttery-accent); background: #373342; }
.sporttery-main { max-width: 1240px; margin: 0 auto; padding: 0 32px 88px; }
.sporttery-section-heading { display: flex; align-items: end; gap: 18px; margin: 0 0 24px; border-bottom: 1px solid var(--sporttery-line); padding-bottom: 13px; }
.sporttery-section-heading h2 { margin: 0; font-size: clamp(1.45rem, 2.8vw, 2rem); }
.sporttery-section-kicker { margin: 0 0 7px; color: #98591f; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.12em; }
.sporttery-image-frame, .sporttery-home-visual, .sporttery-about-stamp, .sporttery-data-stamp, .sporttery-trend-stamp,
.sporttery-about-lead-image, .sporttery-about-card-image, .sporttery-dispatch-visual, .sporttery-form-hero,
.sporttery-form-thumb, .sporttery-language-visual, .sporttery-language-lead-image, .sporttery-app-lead-image,
.sporttery-app-image { margin: 0; padding: 10px; background: var(--sporttery-card); border: 1px solid var(--sporttery-line); }
.sporttery-home-visual img, .sporttery-about-stamp img, .sporttery-data-stamp img, .sporttery-trend-stamp img,
.sporttery-about-lead-image img, .sporttery-about-card-image img, .sporttery-dispatch-visual img,
.sporttery-form-hero img, .sporttery-form-thumb img, .sporttery-language-visual img,
.sporttery-language-lead-image img, .sporttery-app-lead-image img, .sporttery-app-image img {
  display: block; width: auto; height: auto; max-width: 100%; max-height: 230px; margin: auto; object-fit: contain;
}
.sporttery-home-visual { min-height: 180px; display: grid; place-items: center; border-left: 5px solid var(--sporttery-accent); }
.sporttery-home section { margin-top: 76px; }
.sporttery-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(140px, 0.3fr); gap: 30px; align-items: center; padding: 54px 0 34px; border-bottom: 5px solid var(--sporttery-highlight); }
.sporttery-hero h1 { max-width: 850px; margin-bottom: 20px; font-size: clamp(2rem, 4.7vw, 3.65rem); letter-spacing: -0.035em; }
.sporttery-hero-description { max-width: 890px; margin-bottom: 0; font-size: 1.07rem; }
.sporttery-about-columns { display: grid; grid-template-columns: minmax(0, 1fr) 175px; gap: 36px; align-items: center; }
.sporttery-about-columns p { margin: 0; font-size: 1.05rem; }
.sporttery-about-stamp { transform: rotate(1.5deg); }
.sporttery-community-section { padding: 28px 0 8px; border-top: 1px solid var(--sporttery-line); }
.sporttery-heading-offset { padding-left: 9%; }
.sporttery-community-ledger { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sporttery-community-slip { min-height: 260px; padding: 22px 22px 20px; background: var(--sporttery-card); border-top: 4px solid var(--sporttery-accent); box-shadow: 0 6px 18px #392a4010; }
.sporttery-slip-mark { display: inline-grid; width: 33px; height: 33px; place-items: center; margin-bottom: 19px; background: var(--sporttery-highlight); font-size: 0.78rem; font-weight: 800; }
.sporttery-community-slip h3, .sporttery-trend-column h3, .sporttery-coverage-card h3 { font-size: 1.15rem; }
.sporttery-community-slip p, .sporttery-vision-row p, .sporttery-stat-note p, .sporttery-trend-column p, .sporttery-coverage-card p { margin-bottom: 0; }
.sporttery-vision-section { display: grid; grid-template-columns: 230px 1fr; gap: 28px; align-items: start; }
.sporttery-vision-section .sporttery-section-heading { position: sticky; top: 20px; display: block; border: 0; }
.sporttery-vision-stack { border-left: 2px solid var(--sporttery-accent); padding-left: 28px; }
.sporttery-vision-row { padding: 4px 0 20px; margin-bottom: 19px; border-bottom: 1px dashed var(--sporttery-line); }
.sporttery-vision-row h3 { margin-bottom: 9px; font-size: 1.2rem; }
.sporttery-data-section { display: grid; grid-template-columns: 220px 1fr; gap: 28px; }
.sporttery-data-intro .sporttery-section-heading { display: block; border: 0; }
.sporttery-data-stamp { margin-top: 20px; border-radius: 48% 48% 6px 6px; }
.sporttery-data-band { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; background: var(--sporttery-ink); color: #fff; }
.sporttery-stat-note { padding: 25px 23px; border-right: 1px solid #56505f; }
.sporttery-stat-note h3 { color: var(--sporttery-highlight); font-size: 1.12rem; }
.sporttery-data-stamp img { max-height: 165px; }
.sporttery-faq-section { padding: 38px 34px; background: #ece7f1; border: 1px solid var(--sporttery-line); }
.sporttery-faq-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 34px; }
.sporttery-faq-entry { padding: 19px 0; border-top: 1px solid #c9c0d2; }
.sporttery-faq-entry h3 { display: flex; gap: 12px; margin-bottom: 12px; font-size: 1.05rem; }
.sporttery-faq-entry p { margin: 0 0 0 34px; color: #484254; }
.sporttery-question-mark { flex: 0 0 auto; color: #9a551e; font-weight: 800; }
.sporttery-trend-title { display: grid; grid-template-columns: 1fr 145px; gap: 24px; align-items: center; }
.sporttery-trend-stamp { transform: rotate(-2deg); }
.sporttery-trend-stamp img { max-height: 150px; }
.sporttery-trend-columns { display: grid; grid-template-columns: 1.15fr 1fr 0.9fr; gap: 25px; }
.sporttery-trend-column { padding: 18px 20px 0 0; border-top: 3px solid var(--sporttery-accent); }
.sporttery-coverage-section { padding: 35px 0; background: #eee9f4; }
.sporttery-coverage-section .sporttery-section-heading { margin-inline: 28px; }
.sporttery-coverage-span { display: grid; grid-template-columns: 1fr 1.3fr; gap: 0; }
.sporttery-coverage-card { padding: 23px 28px; }
.sporttery-coverage-card + .sporttery-coverage-card { border-left: 1px solid var(--sporttery-line); }
.sporttery-home-news { margin-top: 82px; }
.sporttery-news-heading { justify-content: space-between; }
.sporttery-home-dispatches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.sporttery-home-dispatch { position: relative; padding: 24px 22px 20px; background: var(--sporttery-card); border: 1px solid var(--sporttery-line); border-left: 4px solid var(--sporttery-accent); }
.sporttery-home-dispatch time, .sporttery-dispatch-date time { display: block; margin-bottom: 13px; color: var(--sporttery-muted); font-size: 0.82rem; font-variant-numeric: tabular-nums; }
.sporttery-home-dispatch h3 { margin-bottom: 11px; font-size: 1.16rem; }
.sporttery-home-dispatch p { margin-bottom: 15px; }
.sporttery-home-dispatch a { color: #7c451c; font-size: 0.92rem; font-weight: 650; }
.sporttery-footer { border-top: 6px solid var(--sporttery-accent); background: #272333; color: #f9f6fb; }
.sporttery-footer-core { max-width: 1240px; margin: auto; padding: 29px 32px 32px; display: grid; grid-template-columns: 1fr auto; gap: 14px 28px; }
.sporttery-copyright { margin: 0; font-weight: 700; }
.sporttery-footer-links { display: flex; gap: 21px; }
.sporttery-footer address { grid-column: 1 / -1; color: #d4cfdc; font-size: 0.88rem; font-style: normal; line-height: 1.8; }

/* About page: text column and indexed taxonomy cards. */
.sporttery-main-about, .sporttery-main-community-news, .sporttery-main-form-guide, .sporttery-main-zh-cn, .sporttery-main-app { padding-top: 42px; }
.sporttery-about-lead { display: grid; grid-template-columns: minmax(200px, 0.8fr) minmax(0, 1.2fr); gap: 42px; align-items: center; padding: 15px 0 42px; border-bottom: 1px solid var(--sporttery-line); }
.sporttery-about-lead h1, .sporttery-news-intro h1, .sporttery-form-title h1, .sporttery-language-lead h1, .sporttery-app-lead h1 { margin-bottom: 18px; font-size: clamp(2.1rem, 4vw, 3.2rem); }
.sporttery-about-lead > div > p:last-child { margin-bottom: 0; font-size: 1.06rem; }
.sporttery-about-lead-image { border-radius: 50% 50% 0 0; }
.sporttery-about-narrative { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 58px; padding: 48px 0 58px; }
.sporttery-prose-column { max-width: 780px; }
.sporttery-prose-column p { margin-bottom: 23px; }
.sporttery-about-index { align-self: start; padding: 23px; background: var(--sporttery-ink); color: #fff; }
.sporttery-about-index h2 { color: var(--sporttery-highlight); font-size: 1.14rem; }
.sporttery-about-index dl { margin: 0; }
.sporttery-about-index dt { margin-top: 17px; font-weight: 750; }
.sporttery-about-index dd { margin: 4px 0 0; color: #dfd9e7; line-height: 1.65; }
.sporttery-about-collection { padding-top: 35px; border-top: 3px solid var(--sporttery-accent); }
.sporttery-about-section-title { display: flex; align-items: baseline; gap: 18px; }
.sporttery-about-section-title h2 { font-size: 1.8rem; }
.sporttery-about-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.sporttery-about-card { padding: 15px; background: var(--sporttery-card); border-bottom: 4px solid var(--sporttery-highlight); }
.sporttery-about-card-image { margin-bottom: 18px; }
.sporttery-about-card-image img { max-height: 125px; }
.sporttery-about-card h2 { font-size: 1.12rem; }

/* News page: full-width dispatch timeline with newspaper date rail. */
.sporttery-news-intro { max-width: 790px; margin: 0 auto 55px; text-align: center; }
.sporttery-news-intro > p:last-child { font-size: 1.05rem; }
.sporttery-dispatch-timeline { position: relative; padding: 4px 0 4px 52px; }
.sporttery-timeline-rule { position: absolute; top: 0; bottom: 0; left: 16px; width: 2px; background: var(--sporttery-accent); }
.sporttery-dispatch-entry { position: relative; display: grid; grid-template-columns: 95px minmax(0, 1fr) 165px; gap: 24px; align-items: start; padding: 26px 0 30px; border-bottom: 1px solid var(--sporttery-line); }
.sporttery-dispatch-entry::before { content: ""; position: absolute; top: 31px; left: -42px; width: 12px; height: 12px; border: 3px solid var(--sporttery-paper); background: var(--sporttery-accent); border-radius: 50%; }
.sporttery-dispatch-date { padding-top: 6px; }
.sporttery-dispatch-content h2 { margin-bottom: 12px; font-size: 1.32rem; }
.sporttery-dispatch-content p { margin: 0; }
.sporttery-dispatch-visual { padding: 6px; }
.sporttery-dispatch-visual img { max-height: 135px; }

/* Form page: indexed data cards with an image strip and no invented live figures. */
.sporttery-form-header { display: grid; grid-template-columns: 1fr 190px; gap: 34px; align-items: center; padding: 18px 0 42px; }
.sporttery-form-title > p:last-child { max-width: 760px; margin-bottom: 0; font-size: 1.08rem; }
.sporttery-form-hero { border: 0; background: var(--sporttery-highlight); border-radius: 50% 4px 50% 4px; }
.sporttery-form-hero img { max-height: 155px; }
.sporttery-form-ledger { display: grid; grid-template-columns: 200px 1fr; gap: 38px; align-items: start; }
.sporttery-form-visual-strip { display: grid; gap: 14px; }
.sporttery-form-thumb { background: var(--sporttery-soft); }
.sporttery-form-thumb img { max-height: 95px; }
.sporttery-form-thumb figcaption, .sporttery-about-card-image figcaption, .sporttery-language-visual figcaption { padding-top: 8px; color: var(--sporttery-muted); font-size: 0.82rem; text-align: center; }
.sporttery-form-card-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 30px; }
.sporttery-form-card { padding: 24px 0; border-top: 3px solid var(--sporttery-accent); }
.sporttery-form-card h2 { font-size: 1.2rem; }
.sporttery-form-summary { margin: 55px 0 0 238px; padding: 25px 30px; background: var(--sporttery-ink); color: #fff; }
.sporttery-form-summary h2 { color: var(--sporttery-highlight); font-size: 1.22rem; }
.sporttery-form-summary p { margin-bottom: 0; }

/* Chinese page: language taxonomy in a broad table-like composition. */
.sporttery-language-lead { display: grid; grid-template-columns: 1fr 180px; gap: 28px; align-items: center; padding-bottom: 37px; border-bottom: 4px double var(--sporttery-line); }
.sporttery-language-lead > div > p:last-child { max-width: 800px; }
.sporttery-language-lead-image { border-radius: 4px 50% 50% 4px; }
.sporttery-language-lead-image img { max-height: 150px; }
.sporttery-language-index { display: grid; grid-template-columns: 170px 1fr; gap: 36px; padding: 42px 0; }
.sporttery-language-visuals { display: grid; gap: 12px; }
.sporttery-language-visual { background: #efe6d5; }
.sporttery-language-visual img { max-height: 90px; }
.sporttery-language-cards { display: grid; grid-template-columns: 1fr; }
.sporttery-language-card { display: grid; grid-template-columns: 190px 1fr; gap: 26px; padding: 20px 0; border-bottom: 1px solid var(--sporttery-line); }
.sporttery-language-card h2 { margin: 0; font-size: 1.2rem; }
.sporttery-language-card p { margin: 0; }
.sporttery-language-note { margin-left: 205px; padding: 25px 30px; border-left: 6px solid var(--sporttery-accent); background: var(--sporttery-card); }
.sporttery-language-note h2 { font-size: 1.22rem; }
.sporttery-language-note p { margin-bottom: 0; }

/* App page: device-artboard beside three descriptive bands. */
.sporttery-app-lead { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 35px; align-items: center; padding-bottom: 38px; }
.sporttery-app-lead-copy > p:last-child { max-width: 800px; }
.sporttery-app-lead-image { border: 6px solid var(--sporttery-ink); border-radius: 24px; }
.sporttery-app-lead-image img { max-height: 160px; }
.sporttery-app-panels { display: grid; grid-template-columns: 250px 1fr; gap: 44px; padding: 36px 0; border-top: 1px solid var(--sporttery-line); }
.sporttery-app-artboard { padding: 16px; background: #dfd8e7; border-radius: 20px; display: grid; gap: 13px; }
.sporttery-app-image { border-radius: 8px; }
.sporttery-app-image img { max-height: 100px; }
.sporttery-app-copy-stack { display: grid; grid-template-columns: 1fr; }
.sporttery-app-dimension { display: grid; grid-template-columns: 220px 1fr; gap: 28px; padding: 20px 0; border-bottom: 1px solid var(--sporttery-line); }
.sporttery-app-dimension h2 { margin: 0; font-size: 1.2rem; }
.sporttery-app-dimension p { margin: 0; }
.sporttery-app-close { margin: 15px 0 0 294px; padding: 24px 28px; background: var(--sporttery-highlight); }
.sporttery-app-close h2 { font-size: 1.2rem; }
.sporttery-app-close p { margin: 0; }

@media (max-width: 900px) {
  .sporttery-main { padding-inline: 22px; }
  .sporttery-community-ledger, .sporttery-data-band, .sporttery-about-cards { grid-template-columns: 1fr 1fr; }
  .sporttery-community-slip:last-child, .sporttery-stat-note:last-child { grid-column: 1 / -1; }
  .sporttery-vision-section { grid-template-columns: 1fr; gap: 0; }
  .sporttery-vision-section .sporttery-section-heading { position: static; }
  .sporttery-data-section { grid-template-columns: 1fr; }
  .sporttery-data-intro { display: grid; grid-template-columns: 1fr 145px; align-items: center; gap: 20px; }
  .sporttery-data-stamp { margin: 0; }
  .sporttery-trend-columns { grid-template-columns: 1fr 1fr; }
  .sporttery-coverage-span { grid-template-columns: 1fr; }
  .sporttery-coverage-card + .sporttery-coverage-card { border-left: 0; border-top: 1px solid var(--sporttery-line); }
  .sporttery-dispatch-entry { grid-template-columns: 82px minmax(0, 1fr) 130px; gap: 15px; }
  .sporttery-about-narrative { grid-template-columns: 1fr 220px; gap: 28px; }
  .sporttery-form-ledger { grid-template-columns: 145px 1fr; gap: 25px; }
  .sporttery-form-summary { margin-left: 170px; }
  .sporttery-language-note { margin-left: 181px; }
  .sporttery-app-panels { grid-template-columns: 190px 1fr; gap: 28px; }
  .sporttery-app-dimension { grid-template-columns: 170px 1fr; }
  .sporttery-app-close { margin-left: 218px; }
}

@media (max-width: 620px) {
  .sporttery-brandline { padding-inline: 18px; gap: 13px; flex-wrap: wrap; }
  .sporttery-brand-caption { font-size: 0.8rem; }
  .sporttery-navigation-track { padding-inline: 12px; }
  .sporttery-navigation a { padding-inline: 9px; }
  .sporttery-main { padding: 0 17px 55px; }
  .sporttery-hero { grid-template-columns: 1fr; gap: 18px; padding-top: 34px; }
  .sporttery-home-visual { min-height: 125px; }
  .sporttery-about-columns, .sporttery-vision-section, .sporttery-data-intro, .sporttery-trend-title,
  .sporttery-about-lead, .sporttery-about-narrative, .sporttery-dispatch-entry, .sporttery-form-header,
  .sporttery-form-ledger, .sporttery-language-lead, .sporttery-language-index, .sporttery-app-lead,
  .sporttery-app-panels { grid-template-columns: 1fr; }
  .sporttery-home section { margin-top: 54px; }
  .sporttery-community-ledger, .sporttery-data-band, .sporttery-faq-columns, .sporttery-home-dispatches,
  .sporttery-trend-columns, .sporttery-about-cards, .sporttery-form-card-list { grid-template-columns: 1fr; }
  .sporttery-community-slip:last-child, .sporttery-stat-note:last-child { grid-column: auto; }
  .sporttery-heading-offset { padding-left: 0; }
  .sporttery-data-band { background: transparent; gap: 12px; }
  .sporttery-stat-note { background: var(--sporttery-ink); border: 0; }
  .sporttery-faq-section { padding: 24px 19px; }
  .sporttery-news-heading { align-items: center; flex-wrap: wrap; }
  .sporttery-dispatch-timeline { padding-left: 33px; }
  .sporttery-timeline-rule { left: 7px; }
  .sporttery-dispatch-entry { gap: 8px; padding: 24px 0; }
  .sporttery-dispatch-entry::before { left: -32px; }
  .sporttery-dispatch-date time { margin-bottom: 4px; }
  .sporttery-dispatch-visual { width: fit-content; max-width: 100%; }
  .sporttery-about-narrative { gap: 14px; }
  .sporttery-about-index { max-width: 100%; }
  .sporttery-form-visual-strip { grid-template-columns: repeat(3, 1fr); }
  .sporttery-form-thumb { padding: 5px; }
  .sporttery-form-thumb img { max-height: 70px; }
  .sporttery-form-summary, .sporttery-language-note, .sporttery-app-close { margin-left: 0; }
  .sporttery-language-card, .sporttery-app-dimension { grid-template-columns: 1fr; gap: 8px; }
  .sporttery-language-visuals { grid-template-columns: repeat(3, 1fr); }
  .sporttery-app-artboard { grid-template-columns: repeat(3, 1fr); }
  .sporttery-app-image { padding: 5px; }
  .sporttery-app-image img { max-height: 74px; }
  .sporttery-footer-core { grid-template-columns: 1fr; padding: 25px 18px; }
  .sporttery-footer-links { grid-row: 2; }
  .sporttery-footer address { grid-column: 1; }
}