:root{
  --sport-blue:#1463ff;
  --sport-blue-deep:#0c3c8c;
  --sport-orange:#ff7a1a;
  --sport-orange-deep:#d95e00;
  --sport-yellow:#ffcd38;
  --sport-brown:#57453b;
  --sport-bg:#f4efe9;
  --sport-bg-deep:#e7ddd2;
  --sport-text:#2a2522;
  --sport-muted:#6f655e;
  --sport-line:rgba(87,69,59,.12);
  --sport-white:#ffffff;
  --sport-shadow:0 18px 45px rgba(24,34,56,.10);
  --sport-radius:24px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--sport-text);
  background:
    radial-gradient(circle at top right, rgba(20,99,255,.08), transparent 24%),
    radial-gradient(circle at left center, rgba(255,122,26,.08), transparent 25%),
    linear-gradient(180deg,#f8f5f1 0%,#f1ebe3 100%);
  line-height:1.7;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
section{position:relative}

.sport-header{
  position:sticky;
  top:0;
  z-index:1000;
  backdrop-filter:blur(14px);
  background:rgba(48,40,35,.82);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.sport-header__wrap{
  width:min(1280px,calc(100% - 24px));
  margin:0 auto;
}
.sport-header__bar{
  min-height:76px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
}
.sport-header__brand img{
  height:42px;
  width:auto;
  border-radius:10px;
}
.sport-header__nav--desktop{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:28px;
}
.sport-header__nav--desktop a{
  color:#fff;
  font-size:15px;
  font-weight:700;
  position:relative;
  padding:8px 0;
}
.sport-header__nav--desktop a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--sport-orange),var(--sport-yellow));
  transition:.3s;
}
.sport-header__nav--desktop a:hover::after{width:100%}

.sport-header__tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}
.sport-search-form{
  display:flex;
  align-items:center;
  gap:8px;
}
.sport-search-form__box input{
  width:8em;
  height:38px;
  border:none;
  outline:none;
  border-radius:999px;
  padding:0 14px;
  background:rgba(255,255,255,.12);
  color:#fff;
}
.sport-search-form__box input::placeholder{color:rgba(255,255,255,.72)}
.sport-search-form__box label{display:none}
.sport-search-form button{
  width:38px;
  height:38px;
  border:none;
  border-radius:50%;
  background:linear-gradient(135deg,var(--sport-orange),var(--sport-yellow));
  color:#2e241f;
  cursor:pointer;
}
.sport-header__toggle{
  display:none;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:12px;
  cursor:pointer;
  font-size:20px;
}
.sport-header__mobile{
  display:none;
  padding:0 0 14px;
}
.sport-header__nav--mobile{
  display:grid;
  gap:10px;
}
.sport-header__nav--mobile a{
  color:#fff;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.08);
}

.sport-hero,
.sport-intro,
.sport-strength,
.sport-safety,
.sport-performance,
.sport-qa-slider,
.sport-service,
.sport-faq,
.sport-news,
.sport-contact-home{
  width:min(1280px,calc(100% - 24px));
  margin:0 auto;
}

.sport-hero{padding:34px 0 26px}
.sport-hero__inner{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:center;
  background:linear-gradient(135deg,#2f2724 0%,#5a4638 36%,#0f57dc 100%);
  border-radius:32px;
  overflow:hidden;
  padding:42px;
  box-shadow:var(--sport-shadow);
}
.sport-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff7ea;
  font-size:14px;
  font-weight:700;
}
.sport-hero__content h1{
  margin:18px 0 14px;
  color:#fff;
  line-height:1.15;
  font-size:clamp(32px,4vw,58px);
}
.sport-hero__content p{
  margin:0;
  color:rgba(255,255,255,.82);
  max-width:720px;
}
.sport-hero__actions{
  display:flex;
  gap:14px;
  margin-top:24px;
  flex-wrap:wrap;
}
.sport-hero__actions a:first-child{
  background:linear-gradient(135deg,var(--sport-orange),var(--sport-yellow));
  color:#2b211c;
}
.sport-hero__actions a:last-child{
  background:rgba(255,255,255,.10);
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
}
.sport-hero__actions a{
  min-height:48px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  font-weight:800;
}
.sport-hero__mini{
  margin-top:18px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.sport-hero__mini span{
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  min-height:38px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
}
.sport-hero__visual{position:relative}
.sport-hero__card--main{
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:var(--sport-shadow);
}
.sport-hero__card--main img{
  width:100%;
  height:460px;
  object-fit:cover;
}
.sport-hero__float{
  position:absolute;
  background:#fff;
  color:var(--sport-text);
  border-radius:16px;
  padding:12px 16px;
  font-weight:800;
  box-shadow:var(--sport-shadow);
  display:flex;
  align-items:center;
  gap:10px;
}
.sport-hero__float i{color:var(--sport-orange)}
.sport-hero__float--one{left:-12px;bottom:26px}
.sport-hero__float--two{right:20px;top:18px}

.sport-intro{
  padding:34px 0;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:26px;
  align-items:center;
}
.sport-intro__media img{
  border-radius:28px;
  height:100%;
  min-height:420px;
  object-fit:cover;
  box-shadow:var(--sport-shadow);
}
.sport-intro__content{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:28px;
  padding:34px;
  box-shadow:var(--sport-shadow);
}
.sport-intro__content h2,
.sport-section-title h2{
  margin:14px 0 12px;
  font-size:clamp(28px,3.2vw,42px);
  line-height:1.2;
  color:#1f1a18;
}
.sport-intro__tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.sport-intro__tags span{
  min-height:38px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#fff1e8;
  color:var(--sport-orange-deep);
  font-weight:700;
}

.sport-section-title{
  text-align:center;
  margin-bottom:24px;
}
.sport-section-title span{
  display:inline-block;
  color:var(--sport-blue);
  font-weight:800;
  letter-spacing:.04em;
}

.sport-strength,
.sport-safety,
.sport-performance,
.sport-qa-slider,
.sport-service,
.sport-faq,
.sport-news,
.sport-contact-home{
  padding:28px 0 36px;
}

.sport-strength__grid,
.sport-safety__grid,
.sport-performance__grid,
.sport-service__grid{
  display:grid;
  gap:18px;
}
.sport-strength__grid{grid-template-columns:repeat(4,1fr)}
.sport-safety__grid{grid-template-columns:repeat(4,1fr)}
.sport-performance__grid{grid-template-columns:repeat(4,1fr)}
.sport-service__grid{grid-template-columns:repeat(3,1fr)}

.sport-count-card,
.sport-safety__grid article,
.sport-performance__grid article,
.sport-service__grid article,
.sport-news-card{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:24px;
  box-shadow:var(--sport-shadow);
}

.sport-count-card{
  padding:28px 22px;
  text-align:center;
}
.sport-count-card i{
  font-size:28px;
  color:var(--sport-orange);
}
.sport-count-card strong{
  display:block;
  margin:14px 0 10px;
  font-size:42px;
  line-height:1;
  color:var(--sport-blue-deep);
}
.sport-count-card h3{
  margin:0 0 8px;
  font-size:20px;
}

.sport-safety__grid article,
.sport-performance__grid article{
  padding:24px 20px;
  text-align:center;
}
.sport-safety__grid i,
.sport-performance__grid i{
  font-size:30px;
  color:var(--sport-blue);
}
.sport-safety__grid h3{
  margin:14px 0 10px;
  font-size:20px;
}
.sport-performance__grid strong{
  display:block;
  margin:14px 0 8px;
  font-size:34px;
  color:var(--sport-orange-deep);
}

.sport-qa-track{
  position:relative;
  min-height:220px;
}
.sport-qa-item{
  display:none;
  padding:28px;
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:28px;
  box-shadow:var(--sport-shadow);
  text-align:center;
}
.sport-qa-item.active{display:block}
.sport-qa-item__avatar{
  width:72px;
  height:72px;
  margin:0 auto 16px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--sport-orange),var(--sport-yellow));
  color:#33251e;
  font-size:28px;
}
.sport-qa-item h3{
  margin:0 0 12px;
  font-size:24px;
}
.sport-qa-dots{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:18px;
}
.sport-qa-dots button{
  width:12px;
  height:12px;
  border:none;
  border-radius:50%;
  background:#cfc5bb;
  cursor:pointer;
}
.sport-qa-dots button.active{background:var(--sport-orange)}

.sport-service__grid article{
  overflow:hidden;
}
.sport-service__grid img{
  width:100%;
  height:220px;
  object-fit:cover;
}
.sport-service__grid h3,
.sport-service__grid p{
  padding-left:20px;
  padding-right:20px;
}
.sport-service__grid h3{
  margin:18px 0 10px;
  font-size:22px;
}
.sport-service__grid p{
  margin:0 0 22px;
  color:var(--sport-muted);
}

.sport-faq__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.sport-faq__grid details{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:20px;
  padding:18px 20px;
  box-shadow:var(--sport-shadow);
}
.sport-faq__grid summary{
  cursor:pointer;
  list-style:none;
  font-weight:800;
  color:#1f1a18;
}
.sport-faq__grid p{
  margin:12px 0 0;
  color:var(--sport-muted);
}

.sport-news__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.sport-news-card .single_portfolio_thumb img{
  width:100%;
  height:240px;
  object-fit:cover;
  border-radius:24px 24px 0 0;
}
.sport-news-card .portfolio_content{
  padding:20px;
}
.sport-news-card h2{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.5;
}
.sport-news-card .portfolio_content span{
  display:block;
  color:var(--sport-muted);
  margin-bottom:8px;
}
.sport-news-card .portfolio_content span:last-child{
  color:var(--sport-orange-deep);
  font-weight:700;
}

.sport-contact-home{
  display:grid;
  grid-template-columns:1fr .95fr;
  gap:22px;
  padding-bottom:56px;
}
.sport-contact-home__info,
.sport-contact-home__form{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:28px;
  padding:32px;
  box-shadow:var(--sport-shadow);
}
.sport-contact-home__list{
  margin-top:18px;
  display:grid;
  gap:12px;
}
.sport-contact-home__list span{
  min-height:48px;
  border-radius:16px;
  background:#f7f2ec;
  padding:0 16px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#3d312b;
  font-weight:700;
}
.sport-contact-home__list i{color:var(--sport-blue)}
.sport-contact-home__form form{
  display:grid;
  gap:14px;
}
.sport-contact-home__form input,
.sport-contact-home__form textarea{
  width:100%;
  border:1px solid var(--sport-line);
  background:#fcfaf8;
  border-radius:16px;
  padding:14px 16px;
  outline:none;
  font:inherit;
}
.sport-contact-home__form textarea{
  min-height:140px;
  resize:vertical;
}
.sport-contact-home__form button{
  min-height:50px;
  border:none;
  border-radius:16px;
  background:linear-gradient(135deg,var(--sport-blue),var(--sport-orange));
  color:#fff;
  font-weight:800;
  cursor:pointer;
}

.sport-footer{
  background:linear-gradient(135deg,#2e2521,#4b3b33 45%,#0d4cca 100%);
  color:#fff;
  padding:52px 0 110px;
  position:relative;
}
.sport-footer__inner{
  width:min(1280px,calc(100% - 24px));
  margin:0 auto;
}
.sport-footer__intro{
  max-width:760px;
  margin:0 auto;
  text-align:center;
}
.sport-footer__brand{
  font-size:24px;
  font-weight:800;
  margin:16px 0 10px;
}
.sport-footer__desc{
  color:rgba(255,255,255,.76);
  margin:0 auto;
}
.sport-footer__links{
  margin:28px auto 0;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
}
.sport-footer__links a{
  min-height:42px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
.sport-footer__contact{
  margin-top:24px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
}
.sport-footer__contact span{
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.08);
  color:#fff;
}
.sport-footer__contact i{color:var(--sport-yellow)}
.sport-footer__copyright{
  margin-top:28px;
  text-align:center;
  color:rgba(255,255,255,.72);
}
.sport-footer__copyright a{color:#fff}

.sport-backtop{
  position:fixed;
  right:18px;
  bottom:20px;
  z-index:999;
  width:54px;
  height:54px;
  border:none;
  border-radius:50%;
  background:linear-gradient(135deg,var(--sport-orange),var(--sport-yellow));
  color:#2b201c;
  box-shadow:var(--sport-shadow);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:.3s;
}
.sport-backtop.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

@media (max-width:1080px){
  .sport-hero__inner,
  .sport-intro,
  .sport-contact-home,
  .sport-strength__grid,
  .sport-safety__grid,
  .sport-performance__grid,
  .sport-service__grid,
  .sport-news__grid{
    grid-template-columns:1fr 1fr;
  }
  .sport-hero__inner{
    grid-template-columns:1fr;
  }
  .sport-intro,
  .sport-contact-home{
    grid-template-columns:1fr;
  }
  .sport-header__nav--desktop,
  .sport-search-form{
    display:none;
  }
  .sport-header__toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .sport-header__mobile.open{
    display:block;
  }
}
@media (max-width:720px){
  .sport-hero__inner,
  .sport-intro__content,
  .sport-contact-home__info,
  .sport-contact-home__form{
    padding:22px;
  }
  .sport-strength__grid,
  .sport-safety__grid,
  .sport-performance__grid,
  .sport-service__grid,
  .sport-faq__grid,
  .sport-news__grid{
    grid-template-columns:1fr;
  }
  .sport-hero__card--main img{
    height:280px;
  }
  .sport-hero__float{
    position:static;
    margin-top:12px;
  }
}
.sport-kicker--dark{
  background:#fff1e8;
  color:var(--sport-orange-deep);
}

.sport-subhero,
.sport-contact-quick,
.sport-contact-channel,
.sport-contact-form-section,
.sport-app-hero,
.sport-app-intro,
.sport-app-advantage,
.sport-app-experience,
.sport-app-compare,
.sport-app-timeline,
.sport-app-faq,
.sport-app-steps,
.sport-app-trust,
.sport-app-invite,
.sport-app-cta{
  width:min(1280px,calc(100% - 24px));
  margin:0 auto;
}

.sport-subhero{
  padding:34px 0 18px;
}
.sport-subhero__inner{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:center;
  background:linear-gradient(135deg,#214b91 0%,#0f63df 40%,#ff7a1a 100%);
  border-radius:32px;
  padding:38px;
  color:#fff;
  box-shadow:var(--sport-shadow);
}
.sport-subhero__content h1{
  margin:16px 0 12px;
  font-size:clamp(30px,3.6vw,52px);
  line-height:1.15;
}
.sport-subhero__content p{
  color:rgba(255,255,255,.86);
  margin:0;
}
.sport-subhero__visual{
  position:relative;
}
.sport-subhero__visual img{
  width:100%;
  height:340px;
  object-fit:cover;
  border-radius:26px;
}
.sport-subhero__badge{
  position:absolute;
  left:16px;
  top:16px;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:#fff;
  color:var(--sport-text);
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:10px;
  box-shadow:var(--sport-shadow);
}
.sport-subhero__badge i{color:var(--sport-orange)}

.sport-contact-quick,
.sport-contact-channel,
.sport-contact-form-section,
.sport-app-intro,
.sport-app-advantage,
.sport-app-experience,
.sport-app-compare,
.sport-app-timeline,
.sport-app-faq,
.sport-app-steps,
.sport-app-trust,
.sport-app-invite,
.sport-app-cta{
  padding:28px 0 36px;
}

.sport-contact-quick__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.sport-contact-quick__grid article{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:24px;
  padding:24px 20px;
  box-shadow:var(--sport-shadow);
}
.sport-contact-quick__grid i{
  font-size:28px;
  color:var(--sport-blue);
}
.sport-contact-quick__grid small{
  display:block;
  margin-top:14px;
  color:var(--sport-muted);
  font-weight:700;
}
.sport-contact-quick__grid a,
.sport-contact-quick__grid span{
  display:block;
  margin-top:8px;
  font-size:20px;
  font-weight:800;
  color:var(--sport-orange-deep);
  word-break:break-all;
}
.sport-contact-quick__grid p{
  margin:10px 0 0;
  color:var(--sport-muted);
}

.sport-contact-channel{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:22px;
  align-items:start;
}
.sport-contact-channel__intro,
.sport-contact-accordion{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:28px;
  padding:30px;
  box-shadow:var(--sport-shadow);
}
.sport-accordion-item{
  border:1px solid var(--sport-line);
  border-radius:20px;
  overflow:hidden;
  background:#fcfaf8;
}
.sport-accordion-item + .sport-accordion-item{
  margin-top:14px;
}
.sport-accordion-item h3{
  margin:0;
}
.sport-accordion-item button{
  width:100%;
  border:none;
  background:none;
  text-align:left;
  padding:18px 18px;
  font:inherit;
  font-weight:800;
  color:#1f1a18;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:12px;
}
.sport-accordion-item button i{
  color:var(--sport-orange);
}
.sport-accordion-panel{
  display:none;
  padding:0 18px 18px;
}
.sport-accordion-item.active .sport-accordion-panel{
  display:block;
}
.sport-accordion-panel p{
  margin:0 0 12px;
  color:var(--sport-muted);
}
.sport-accordion-panel ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.sport-accordion-panel li{
  color:#3a302b;
}
.sport-accordion-panel li i{
  color:var(--sport-blue);
  margin-right:8px;
}

.sport-contact-form-section{
  display:grid;
  grid-template-columns:1fr .95fr;
  gap:22px;
  padding-bottom:56px;
}
.sport-contact-form-section__left,
.sport-contact-form-section__right{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:28px;
  padding:30px;
  box-shadow:var(--sport-shadow);
}
.sport-contact-info-list{
  display:grid;
  gap:12px;
  margin-top:22px;
}
.sport-contact-info-list span{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
  border-radius:16px;
  background:#f7f2ec;
  font-weight:700;
}
.sport-contact-info-list i{
  color:var(--sport-orange);
}
.sport-message-form{
  display:grid;
  gap:14px;
}
.sport-message-form input,
.sport-message-form textarea{
  width:100%;
  border:1px solid var(--sport-line);
  background:#fcfaf8;
  border-radius:16px;
  padding:14px 16px;
  outline:none;
  font:inherit;
}
.sport-message-form textarea{
  min-height:160px;
  resize:vertical;
}
.sport-message-form button{
  min-height:50px;
  border:none;
  border-radius:16px;
  background:linear-gradient(135deg,var(--sport-blue),var(--sport-orange));
  color:#fff;
  font-weight:800;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.sport-app-hero{
  padding:34px 0 18px;
}
.sport-app-hero__inner{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:30px;
  align-items:center;
  background:linear-gradient(135deg,#332822 0%,#1463ff 50%,#ff7a1a 100%);
  border-radius:32px;
  padding:42px;
  box-shadow:var(--sport-shadow);
}
.sport-app-hero__content{
  color:#fff;
}
.sport-app-hero__content h1{
  margin:16px 0 12px;
  font-size:clamp(32px,4vw,56px);
  line-height:1.15;
}
.sport-app-hero__content p{
  margin:0;
  color:rgba(255,255,255,.84);
}
.sport-app-hero__stats{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:24px;
}
.sport-app-hero__stats > div{
  min-width:130px;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);
}
.sport-app-hero__stats h3{
  margin:0 0 4px;
  font-size:30px;
}
.sport-app-hero__stats small{
  color:rgba(255,255,255,.72);
}
.sport-app-hero__actions{
  margin-top:22px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.sport-app-hero__actions a{
  min-height:48px;
  padding:0 20px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:800;
}
.sport-app-hero__actions a:first-child{
  background:#fff;
  color:var(--sport-blue-deep);
}
.sport-app-hero__actions a:last-child{
  background:linear-gradient(135deg,var(--sport-orange),var(--sport-yellow));
  color:#2d221c;
}
.sport-app-hero__visual{
  position:relative;
  display:flex;
  justify-content:center;
}
.sport-phone-mockup{
  width:300px;
  background:#111;
  border-radius:36px;
  padding:14px;
  box-shadow:0 30px 50px rgba(0,0,0,.25);
}
.sport-phone-mockup__top{
  width:96px;
  height:12px;
  border-radius:999px;
  background:#333;
  margin:0 auto 14px;
}
.sport-phone-mockup img{
  width:100%;
  height:560px;
  object-fit:cover;
  border-radius:26px;
}
.sport-app-floating{
  position:absolute;
  background:#fff;
  color:var(--sport-text);
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  box-shadow:var(--sport-shadow);
}
.sport-app-floating i{color:var(--sport-orange)}
.sport-app-floating--one{left:10px;top:60px}
.sport-app-floating--two{right:0;bottom:90px}

.sport-app-intro__layout{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:22px;
}
.sport-app-intro__text,
.sport-app-intro__features{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:28px;
  padding:28px;
  box-shadow:var(--sport-shadow);
}
.sport-app-intro__features{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.sport-app-intro__features span{
  min-height:52px;
  border-radius:16px;
  background:#f7f2ec;
  padding:12px 14px;
  display:flex;
  align-items:center;
  font-weight:700;
  color:#3a302b;
}

.sport-app-advantage{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:22px;
}
.sport-app-advantage__main,
.sport-app-advantage__grid{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:28px;
  padding:28px;
  box-shadow:var(--sport-shadow);
}
.sport-app-advantage__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.sport-app-advantage__grid article{
  border-radius:20px;
  padding:18px;
  background:#fcfaf8;
  border:1px solid var(--sport-line);
}
.sport-app-advantage__grid h6{
  margin:0 0 8px;
  font-size:18px;
  color:var(--sport-blue-deep);
}
.sport-app-advantage__grid p{
  margin:0;
  color:var(--sport-muted);
}

.sport-app-experience__grid,
.sport-app-trust__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.sport-app-experience__grid article,
.sport-app-trust__grid article,
.sport-steps-box,
.sport-app-invite__inner,
.sport-app-cta{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:28px;
  box-shadow:var(--sport-shadow);
}
.sport-app-experience__grid article{
  padding:26px 22px;
}
.sport-app-experience__grid h3{
  margin:0 0 10px;
  font-size:22px;
  display:flex;
  align-items:center;
  gap:12px;
}
.sport-app-experience__grid h3 span{
  width:52px;
  height:52px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--sport-blue),var(--sport-orange));
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.sport-app-experience__grid p{
  margin:0;
  color:var(--sport-muted);
}

.sport-app-compare header{
  text-align:center;
  margin-bottom:20px;
}
.sport-app-table{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--sport-shadow);
}
.sport-app-table > div{
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr;
}
.sport-app-table > div span{
  padding:14px 18px;
  border-bottom:1px solid var(--sport-line);
}
.sport-app-table > div:first-child{
  background:linear-gradient(135deg,var(--sport-blue),var(--sport-orange));
  color:#fff;
  font-weight:800;
}
.sport-app-table > div:not(:first-child) span:nth-child(2){
  color:var(--sport-blue-deep);
  font-weight:800;
}
.sport-app-table > div:not(:first-child) span:nth-child(3){
  color:var(--sport-muted);
}

.sport-timeline-year{
  margin:10px 0 14px;
  font-size:28px;
  font-weight:800;
  color:var(--sport-orange-deep);
}
.sport-timeline-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-bottom:22px;
}
.sport-timeline-grid article{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:24px;
  padding:22px 18px;
  box-shadow:var(--sport-shadow);
}
.sport-timeline-grid h3{
  margin:0 0 8px;
  color:var(--sport-blue-deep);
}
.sport-timeline-grid p{
  margin:0 0 12px;
  color:var(--sport-orange-deep);
  font-weight:700;
}
.sport-timeline-grid ul{
  margin:0;
  padding-left:18px;
  color:var(--sport-muted);
}

.sport-app-faq__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.sport-app-faq__grid details{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:20px;
  padding:18px 20px;
  box-shadow:var(--sport-shadow);
}
.sport-app-faq__grid summary{
  list-style:none;
  cursor:pointer;
  font-weight:800;
}
.sport-app-faq__grid summary span{
  color:var(--sport-orange);
  margin-right:8px;
}
.sport-app-faq__grid p{
  margin:12px 0 0;
  color:var(--sport-muted);
}

.sport-app-steps header{
  text-align:center;
  margin-bottom:22px;
}
.sport-app-steps__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.sport-steps-box{
  padding:28px;
}
.sport-steps-box h3{
  margin:0 0 18px;
  font-size:24px;
}
.sport-step-item{
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.sport-step-item + .sport-step-item{
  margin-top:16px;
}
.sport-step-item span{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--sport-orange),var(--sport-yellow));
  color:#2a211d;
  font-weight:800;
}
.sport-step-item h4{
  margin:0 0 6px;
}
.sport-step-item p{
  margin:0;
  color:var(--sport-muted);
}

.sport-app-trust__grid article{
  padding:24px 20px;
  text-align:center;
}
.sport-app-trust__grid span{
  width:64px;
  height:64px;
  border-radius:18px;
  margin:0 auto 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--sport-blue),var(--sport-orange));
  color:#fff;
  font-size:24px;
}
.sport-app-trust__grid h5{
  margin:0 0 8px;
  font-size:20px;
}
.sport-app-trust__grid p{
  margin:0;
  color:var(--sport-muted);
}
.sport-app-trust__note{
  margin:18px 0 0;
  text-align:center;
  color:var(--sport-muted);
}

.sport-app-invite__inner{
  padding:34px;
  text-align:center;
}
.sport-app-invite__inner p:first-child{
  color:var(--sport-orange-deep);
  font-weight:800;
}
.sport-app-invite__inner h2{
  margin:10px 0 12px;
}
.sport-app-invite__code{
  margin:20px 0;
}
.sport-app-invite__code span{
  display:inline-flex;
  min-height:52px;
  padding:0 22px;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:#f7f2ec;
  color:var(--sport-blue-deep);
  font-size:24px;
  font-weight:900;
  letter-spacing:.08em;
}
.sport-app-invite__inner a{
  min-height:50px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,var(--sport-blue),var(--sport-orange));
  color:#fff;
  font-weight:800;
}

.sport-app-cta{
  padding:34px;
  text-align:center;
  margin-bottom:56px;
}
.sport-app-cta > span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  background:#fff1e8;
  color:var(--sport-orange-deep);
  font-weight:800;
}
.sport-app-cta h2{
  margin:16px 0 10px;
}
.sport-app-cta__actions{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:18px;
}
.sport-app-cta__actions a{
  min-height:48px;
  padding:0 20px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:800;
}
.sport-app-cta__actions a:first-child{
  background:linear-gradient(135deg,var(--sport-orange),var(--sport-yellow));
  color:#2d221d;
}
.sport-app-cta__actions a:last-child{
  background:#f3eee8;
  color:var(--sport-blue-deep);
}

@media (max-width:1080px){
  .sport-subhero__inner,
  .sport-contact-channel,
  .sport-contact-form-section,
  .sport-app-hero__inner,
  .sport-app-intro__layout,
  .sport-app-advantage,
  .sport-contact-quick__grid,
  .sport-app-experience__grid,
  .sport-app-trust__grid,
  .sport-app-steps__grid,
  .sport-timeline-grid{
    grid-template-columns:1fr 1fr;
  }
  .sport-subhero__inner,
  .sport-contact-channel,
  .sport-contact-form-section,
  .sport-app-hero__inner,
  .sport-app-intro__layout,
  .sport-app-advantage{
    grid-template-columns:1fr;
  }
}
@media (max-width:720px){
  .sport-contact-quick__grid,
  .sport-app-intro__features,
  .sport-app-advantage__grid,
  .sport-app-experience__grid,
  .sport-app-faq__grid,
  .sport-app-trust__grid,
  .sport-app-steps__grid,
  .sport-timeline-grid{
    grid-template-columns:1fr;
  }
  .sport-subhero__inner,
  .sport-contact-channel__intro,
  .sport-contact-accordion,
  .sport-contact-form-section__left,
  .sport-contact-form-section__right,
  .sport-app-hero__inner,
  .sport-app-intro__text,
  .sport-app-intro__features,
  .sport-app-advantage__main,
  .sport-app-advantage__grid,
  .sport-steps-box,
  .sport-app-invite__inner,
  .sport-app-cta{
    padding:22px;
  }
  .sport-phone-mockup{
    width:260px;
  }
  .sport-phone-mockup img{
    height:440px;
  }
  .sport-app-floating{
    position:static;
    margin-top:12px;
  }
  .sport-app-table{
    overflow:auto;
  }
  .sport-app-table > div{
    min-width:680px;
  }
}

.sport-list-hero,
.sport-breadcrumb,
.sport-list-layout,
.sport-show-hero,
.sport-show-layout{
  width:min(1280px,calc(100% - 24px));
  margin:0 auto;
}

.sport-list-hero,
.sport-show-hero{
  padding:34px 0 18px;
}
.sport-list-hero__inner,
.sport-show-hero__inner{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:center;
  border-radius:32px;
  padding:38px;
  box-shadow:var(--sport-shadow);
}
.sport-list-hero__inner{
  background:linear-gradient(135deg,#4d3c31 0%,#1463ff 52%,#ff7a1a 100%);
}
.sport-show-hero__inner{
  background:linear-gradient(135deg,#0c4bc4 0%,#5b4639 50%,#ff8a21 100%);
}
.sport-list-hero__content,
.sport-show-hero__content{
  color:#fff;
}
.sport-list-hero__content h1,
.sport-show-hero__content h1{
  margin:16px 0 12px;
  font-size:clamp(30px,3.8vw,52px);
  line-height:1.15;
}
.sport-list-hero__content p,
.sport-show-hero__content p{
  margin:0;
  color:rgba(255,255,255,.84);
}
.sport-list-hero__visual,
.sport-show-hero__visual{
  position:relative;
}
.sport-list-hero__visual img,
.sport-show-hero__visual img{
  width:100%;
  height:320px;
  object-fit:cover;
  border-radius:26px;
}
.sport-list-hero__tag{
  position:absolute;
  right:16px;
  bottom:16px;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:#fff;
  color:var(--sport-text);
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:10px;
  box-shadow:var(--sport-shadow);
}
.sport-list-hero__tag i{color:var(--sport-orange)}

.sport-breadcrumb{
  padding:10px 0 18px;
}
.sport-breadcrumb__inner{
  min-height:52px;
  padding:0 18px;
  border-radius:18px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  background:#fff;
  border:1px solid var(--sport-line);
  box-shadow:var(--sport-shadow);
  color:var(--sport-muted);
}
.sport-breadcrumb__inner span,
.sport-breadcrumb__inner a,
.sport-breadcrumb__inner small{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.sport-breadcrumb__inner a{
  color:var(--sport-blue-deep);
  font-weight:700;
}

.sport-list-layout,
.sport-show-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:22px;
  padding:0 0 56px;
}
.sport-list-main,
.sport-show-main,
.sport-list-sidebar,
.sport-show-sidebar{
  min-width:0;
}

.sport-list-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.sport-list-card article,
.sport-side-box,
.sport-article,
.sport-related{
  background:#fff;
  border:1px solid var(--sport-line);
  border-radius:28px;
  box-shadow:var(--sport-shadow);
}
.sport-list-card article{
  overflow:hidden;
}
.sport-list-card__thumb img{
  width:100%;
  height:250px;
  object-fit:cover;
}
.sport-list-card__body{
  padding:20px;
}
.sport-list-card__cate{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#fff1e8;
  color:var(--sport-orange-deep);
  font-weight:800;
  font-size:13px;
}
.sport-list-card__top h5{
  margin:14px 0 10px;
  font-size:22px;
  line-height:1.5;
}
.sport-list-card__top h5 a{
  color:#1f1a18;
}
.sport-list-card__top p{
  margin:0;
  color:var(--sport-muted);
}
.sport-list-card__meta{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--sport-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.sport-list-card__meta time{
  color:var(--sport-muted);
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.sport-list-card__meta a{
  color:var(--sport-blue-deep);
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.sport-side-box{
  padding:22px;
}
.sport-side-box + .sport-side-box{
  margin-top:18px;
}
.sport-side-box h6{
  margin:0 0 14px;
  font-size:18px;
  color:#1f1a18;
}
.sport-side-search{
  display:flex;
  gap:10px;
}
.sport-side-search__box{
  flex:1;
}
.sport-side-search__box input{
  width:100%;
  height:44px;
  border:1px solid var(--sport-line);
  background:#fcfaf8;
  border-radius:14px;
  padding:0 14px;
  outline:none;
  font:inherit;
}
.sport-side-search__box label{display:none}
.sport-side-search button{
  width:44px;
  height:44px;
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg,var(--sport-orange),var(--sport-yellow));
  color:#2d221d;
  cursor:pointer;
}
.sport-side-hot{
  display:grid;
  gap:14px;
}
.sport-side-hot article{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.sport-side-hot__thumb img{
  width:92px;
  height:92px;
  object-fit:cover;
  border-radius:16px;
}
.sport-side-hot__body{
  min-width:0;
}
.sport-side-hot__body h5{
  margin:0 0 8px;
  font-size:15px;
  line-height:1.5;
}
.sport-side-hot__body p{
  margin:0 0 8px;
  color:var(--sport-muted);
  font-size:13px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.sport-side-hot__body time{
  color:var(--sport-orange-deep);
  font-size:13px;
  font-weight:700;
}

.sport-article{
  padding:30px;
}
.sport-article > h1{
  margin:0 0 18px;
  font-size:clamp(28px,3.2vw,42px);
  line-height:1.25;
  color:#1b1715;
}
.sport-article__meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:20px;
}
.sport-article__meta span{
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  background:#f7f2ec;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#4a3b32;
  font-weight:700;
}
.sport-article__meta i{
  color:var(--sport-orange);
}
.sport-article__content{
  color:#332b26;
  font-size:17px;
  line-height:1.95;
}
.sport-article__content p{
  margin:0 0 1.2em;
}
.sport-article__content img{
  margin:20px auto;
  border-radius:20px;
  box-shadow:var(--sport-shadow);
}
.sport-article__content h2,
.sport-article__content h3,
.sport-article__content h4{
  color:#1c1715;
  margin:1.4em 0 .7em;
}
.sport-article__content blockquote{
  margin:1.4em 0;
  padding:18px 20px;
  border-left:4px solid var(--sport-orange);
  border-radius:0 16px 16px 0;
  background:#fff5ee;
  color:#5d4a3f;
}
.sport-article__content ul,
.sport-article__content ol{
  padding-left:22px;
}
.sport-article__pager{
  margin-top:28px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.sport-article__pager a{
  min-height:72px;
  border-radius:20px;
  border:1px solid var(--sport-line);
  background:#fcfaf8;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#1f1a18;
  font-weight:700;
}
.sport-article__pager a i{
  color:var(--sport-blue);
}
.sport-article__share{
  margin-top:22px;
  padding:22px;
  border-radius:24px;
  background:linear-gradient(135deg,#fff3e7,#eef4ff);
  border:1px solid var(--sport-line);
}
.sport-article__share-head h6{
  margin:0 0 8px;
  font-size:20px;
  display:flex;
  align-items:center;
  gap:10px;
}
.sport-article__share-head p{
  margin:0;
  color:var(--sport-muted);
}
.sport-article__share-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}
.sport-article__share-actions a,
.sport-article__share-actions button{
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  border:none;
  background:#fff;
  box-shadow:var(--sport-shadow);
  color:#1f1a18;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:800;
}
.sport-article__share-actions a i{color:var(--sport-orange)}
.sport-article__share-actions button i{color:var(--sport-blue)}

.sport-related{
  margin-top:20px;
  padding:24px;
}
.sport-related h3{
  margin:0 0 16px;
  font-size:22px;
  display:flex;
  align-items:center;
  gap:10px;
}
.sport-related h3 i{
  color:var(--sport-orange);
}
.sport-related__list{
  display:grid;
  gap:14px;
}
.sport-related__list article{
  display:grid;
  grid-template-columns:52px 110px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:10px 0;
  border-top:1px solid var(--sport-line);
}
.sport-related__list article:first-child{
  border-top:none;
  padding-top:0;
}
.sport-related__index{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--sport-orange),var(--sport-yellow));
  color:#2d221d;
  font-weight:900;
}
.sport-related__thumb img{
  width:110px;
  height:78px;
  object-fit:cover;
  border-radius:14px;
}
.sport-related__body{
  min-width:0;
}
.sport-related__body h6{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.55;
}
.sport-related__body small{
  color:var(--sport-muted);
  display:inline-flex;
  align-items:center;
  gap:8px;
}

@media (max-width:1080px){
  .sport-list-hero__inner,
  .sport-show-hero__inner,
  .sport-list-layout,
  .sport-show-layout{
    grid-template-columns:1fr;
  }
}
@media (max-width:720px){
  .sport-list-grid{
    grid-template-columns:1fr;
  }
  .sport-list-hero__inner,
  .sport-show-hero__inner,
  .sport-article,
  .sport-related,
  .sport-side-box{
    padding:22px;
  }
  .sport-list-hero__visual img,
  .sport-show-hero__visual img{
    height:240px;
  }
  .sport-article__pager{
    grid-template-columns:1fr;
  }
  .sport-related__list article{
    grid-template-columns:44px 88px minmax(0,1fr);
  }
  .sport-related__thumb img{
    width:88px;
    height:68px;
  }
}

/* nav新增ul、li支持 */
.sport-header__nav ul{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  margin:0;
  padding:0;
  list-style:none;
}

.sport-header__nav li{
  margin:0;
  padding:0;
  list-style:none;
}

.sport-header__nav--desktop li a:hover::after{
  width:100%;
}

/* 手机导航 */
.sport-header__nav--mobile ul{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

.sport-header__nav--mobile li{
  margin:0;
  padding:0;
  list-style:none;
}