:root {
  --wplay-black: #22221f;
  --wplay-orange: #d47b36;
  --wplay-sand: #e9ddc8;
  --wplay-paper: #f7f3eb;
  --wplay-line: #c8bba7;
  --wplay-soft: #fffdf8;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  color: var(--wplay-black);
  background: var(--wplay-paper);
  font: 16px/1.75 "Microsoft YaHei", sans-serif;
}
main {
  max-width: 1360px;
  margin: 0 auto;
  padding: 2rem 5vw 5rem;
}
.b35-brand {
  padding: 1.2rem 5vw;
  color: white;
  background: var(--wplay-black);
  font-size: 1.8rem;
  font-weight: 700;
}
.b35-brand a {
  color: white;
  text-decoration: none;
}
.b35-navigation {
  display: flex;
  gap: .4rem;
  overflow-x: auto;
  padding: .65rem 5vw;
  background: #38362e;
}
.b35-navigation a {
  flex: 0 0 auto;
  padding: .35rem .7rem;
  color: white;
  text-decoration: none;
  border: 1px solid #6e6658;
}
.b35-navigation a:hover {
  color: var(--wplay-black);
  background: var(--wplay-orange);
}
.b35-footer {
  padding: 2rem 5vw;
  color: white;
  background: var(--wplay-black);
}
.b35-footer a {
  color: white;
  margin-right: 1rem;
}
.wplay-feature {
  padding: 2rem 0 1.4rem;
  border-bottom: 5px solid var(--wplay-black);
}
.wplay-feature h1 {
  max-width: 1060px;
  margin: 0 0 1rem;
  color: var(--wplay-black);
  font: 700 clamp(2.1rem, 4.6vw, 4.2rem)/1.18 Georgia, "Microsoft YaHei", serif;
}
.wplay-feature-copy {
  max-width: 1020px;
}
.wplay-rulebar {
  display: flex;
  gap: .7rem;
  margin-top: 1rem;
}
.wplay-rulebar span {
  padding: .25rem .8rem;
  color: white;
  background: var(--wplay-black);
  border-bottom: 3px solid var(--wplay-orange);
}
.wplay-main-grid {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.2rem;
}
.wplay-section, .wplay-community, .wplay-faq, .wplay-news {
  grid-column: span 5;
  min-width: 0;
  padding: 1rem;
  background: var(--wplay-soft);
  border: 1px solid var(--wplay-line);
}
.wplay-main-grid > section:nth-child(1), .wplay-main-grid > section:nth-child(5), .wplay-main-grid > section:nth-child(7) {
  grid-column: span 6;
}
.wplay-main-grid > section:nth-child(2), .wplay-main-grid > section:nth-child(3), .wplay-main-grid > section:nth-child(8), .wplay-main-grid > section:nth-child(9) {
  grid-column: span 4;
}
.wplay-main-grid > section:nth-child(4), .wplay-main-grid > section:nth-child(6) {
  grid-column: span 10;
}
.wplay-section > header, .wplay-community > header, .wplay-faq > header, .wplay-news > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 3px solid var(--wplay-orange);
}
.wplay-section h2, .wplay-community h2, .wplay-faq h2, .wplay-news h2 {
  margin: .25rem 0 .6rem;
  font-family: Georgia, "Microsoft YaHei", serif;
}
.wplay-copy-card {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: .8rem;
  padding: .8rem 0;
  border-bottom: 1px solid var(--wplay-line);
}
.wplay-copy-card h3 {
  margin: 0 0 .35rem;
  font-size: 1.06rem;
}
.wplay-copy-card p {
  margin: 0;
}
.wplay-ornament {
  width: 54px;
  height: 54px;
  object-fit: contain;
  padding: 3px;
  background: white;
  border: 1px solid var(--wplay-line);
}
.wplay-match-board, .wplay-score-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
  padding: 0;
  list-style: none;
}
.wplay-match {
  display: grid;
  gap: .15rem;
  padding: .8rem;
  background: var(--wplay-sand);
  border-top: 3px solid var(--wplay-black);
}
.wplay-match span, .wplay-match time, .wplay-match small {
  color: #655d52;
  font-size: .8rem;
}
.wplay-match strong {
  font: 700 1rem Georgia, "Microsoft YaHei", serif;
}
.wplay-community-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
}
.site-viewpoint {
  padding: .9rem;
  background: #efe7d8;
  border-top: 3px solid var(--wplay-orange);
}
.site-viewpoint h3 {
  margin: 0 0 .35rem;
  font-size: 1rem;
}
.site-viewpoint p {
  margin: 0;
}
.wplay-news-panels, .wplay-news-feed {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.wplay-news-card {
  padding: .9rem;
  background: #f2ecdf;
  border-left: 3px solid var(--wplay-orange);
}
.wplay-news-card time {
  color: #655d52;
  font-size: .8rem;
}
.wplay-news-card h2, .wplay-news-card h3 {
  font-size: 1.05rem;
  line-height: 1.45;
}
.wplay-news-card p {
  margin-bottom: 0;
}
.wplay-faq-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .55rem .8rem;
}
.wplay-faq-entry {
  padding: .7rem 0;
  border-bottom: 1px solid var(--wplay-line);
}
.wplay-faq-entry summary {
  cursor: pointer;
  font-weight: 700;
}
.faq-answer {
  margin-bottom: 0;
}
.wplay-local-links {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  padding: 1.5rem 0;
}
.wplay-local-links a {
  padding: .4rem .8rem;
  color: var(--wplay-black);
  background: var(--wplay-sand);
  border-bottom: 2px solid var(--wplay-orange);
  text-decoration: none;
}
.wplay-about-page > header, .wplay-news-page > header, .wplay-data-page > header, .wplay-chinese-page > header, .wplay-mobile-page > header {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 3px solid var(--wplay-black);
}
.wplay-about-page h1, .wplay-news-page h1, .wplay-data-page h1, .wplay-chinese-page h1, .wplay-mobile-page h1 {
  font: 700 clamp(2rem, 4vw, 3.5rem)/1.2 Georgia, "Microsoft YaHei", serif;
}
.wplay-about-grid, .wplay-data-intro, .wplay-chinese-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.wplay-about-last, .wplay-chinese-end, .wplay-mobile-end {
  margin-top: 1.4rem;
  padding: 1rem 1.3rem;
  border-left: 5px solid var(--wplay-orange);
  background: #efe7d8;
}
.wplay-schedule-ledger {
  margin-top: 1.5rem;
  padding: 1rem;
  background: var(--wplay-soft);
}
.wplay-mobile-column {
  max-width: 760px;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.wplay-mobile-column article:nth-child(2) {
  margin-left: 3rem;
}
@media (max-width: 820px) {
  main {
  padding: 1rem;
}
.wplay-main-grid > section:nth-child(n) {
  grid-column: span 10;
}
.wplay-community-row, .wplay-faq-list, .wplay-news-panels, .wplay-news-feed, .wplay-match-board, .wplay-score-board, .wplay-about-grid, .wplay-data-intro, .wplay-chinese-pair {
  grid-template-columns: 1fr;
}
.wplay-mobile-column article:nth-child(2) {
  margin-left: 0;
}

}