@charset "UTF-8";
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 20px; }
body { margin: 0; background: #f1efe9; color: #292a28; font-family: "Microsoft YaHei", sans-serif; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 5px; }
a:focus-visible, summary:focus-visible { outline: 3px solid #b68950; outline-offset: 4px; }
p { line-height: 1.95; }
.b35-skip { position: absolute; top: -80px; background: white; padding: 12px; }
.b35-skip:focus { top: 0; }
.b35-brand { max-width: 1360px; padding: 29px 40px; margin: auto; }
.b35-brand a { font-size: 32px; font-weight: 800; }
.b35-navigation { display: flex; flex-wrap: wrap; gap: 15px 25px; padding: 20px max(25px,calc((100% - 1280px)/2)); background: #2d3330; color: #f4f0e8; }
.b35-navigation a { font-size: 12px; }
main { max-width: 1360px; padding: 36px 40px 70px; margin: auto; }
h1 { font-size: clamp(30px,3.1vw,43px); line-height: 1.5; margin: 22px 0; }
h2 { font-size: 24px; margin: 0; }
h3 { font-size: 21px; line-height: 1.7; margin: 0 0 20px; }
.wlx-hero { display: grid; grid-template-columns: 1.65fr 1fr; background: #2d3330; color: #f4f0e8; }
.wlx-headline { padding: 40px; }
.wlx-headline > h2 { font-size: 12px; color: #d7b17c; letter-spacing: 3px; }
.wlx-headline > p { font-size: 14px; color: #d1d6cd; text-align: justify; }
.wlx-headline > a { display: inline-block; margin-top: 17px; border-bottom: 1px solid #c19d6d; padding-bottom: 10px; font-size: 13px; color: #e6cba3; }
.wlx-tactics { border-left: 1px solid #ffffff20; display: flex; flex-direction: column; justify-content: center; padding: 35px; gap: 35px; }
.wlx-court { position: relative; height: 260px; border: 1px solid #a0af9b; background: linear-gradient(90deg,transparent 49.8%,#9eaa9640 50%,transparent 50.2%); }
.wlx-court::before { content: ""; position: absolute; width: 90px; height: 90px; border: 1px solid #a0af9b; border-radius: 50%; left: calc(50% - 45px); top: calc(50% - 45px); }
.wlx-court::after { content: ""; position: absolute; inset: 20% 0 20% 0; border-inline: 55px solid #c2cbbe12; }
.wlx-court i { position: absolute; width: 17px; height: 17px; border-radius: 50%; background: #dbb078; }
.wlx-pos-one { top: 27%; left: 20%; }
.wlx-pos-two { top: 58%; left: 51%; }
.wlx-pos-three { top: 32%; right: 15%; }
.wlx-court > span { position: absolute; bottom: 16px; left: 15px; font-size: 11px; color: #b8c2b2; }
.wlx-tactics-caption { display: flex; align-items: center; gap: 20px; font-size: 16px; line-height: 1.8; }
.wlx-tactics-caption img { width: 50px; height: 50px; object-fit: contain; }
.wlx-board { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 25px; margin-top: 30px; }
.wlx-zone { grid-column: span 3; background: #fffefa; border: 1px solid #deddd3; padding: 30px; min-width: 0; }
.wlx-zone > header { padding-bottom: 20px; margin-bottom: 26px; border-bottom: 1px solid #deddd3; }
.wlx-zone > header h2 { font-size: 20px; }
.wlx-zone-schedule, .wlx-zone-news, .wlx-zone-community, .wlx-zone-faq, .wlx-zone-features { grid-column: 1/-1; }
.wlx-zone-intro { background: #e1e6dc; }
.wlx-zone-results { border-top: 4px solid #b68a50; }
.wlx-note > p { margin: 0; color: #5b6256; font-size: 14px; text-align: justify; }
.wlx-zone-features .wlx-note { display: grid; grid-template-columns: 1fr 2fr; gap: 50px; }
.wlx-news-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 25px; margin: 0; }
.wlx-news-piece { padding: 20px 0; border-top: 1px solid #deddd3; }
.wlx-news-piece time { font-size: 11px; color: #83877c; }
.wlx-news-piece h3 { font-size: 18px; margin: 12px 0 20px; }
.wlx-news-piece dd { margin: 0; }
.wlx-news-piece img { width: 44px; height: 44px; object-fit: contain; float: right; margin: 0 0 10px 15px; }
.wlx-news-piece p { font-size: 13px; color: #5b6256; margin: 0; text-align: justify; }
.wlx-questions { display: grid; grid-template-columns: 1fr 1fr; gap: 0 35px; align-items: start; }
.wlx-questions details { padding: 20px 0; border-top: 1px solid #deddd3; }
.wlx-questions summary { font-size: 16px; line-height: 1.8; cursor: pointer; }
.wlx-questions p { font-size: 14px; color: #5b6256; }
.wlx-comments { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 30px; }
.wlx-comments section { border-left: 2px solid #c6c9bd; padding-left: 25px; }
.wlx-comments h3 { font-size: 19px; }
.wlx-comments p { font-size: 13px; color: #5b6256; }
.wlx-table-wrap { max-width: 100%; overflow-x: auto; margin-top: 25px; }
.wlx-fixtures { width: 100%; border-collapse: collapse; min-width: 600px; font-size: 13px; }
.wlx-fixtures caption { background: #2d3330; color: #eee9df; padding: 14px; text-align: left; }
.wlx-fixtures th, .wlx-fixtures td { border-bottom: 1px solid #d9dcd0; text-align: left; padding: 16px 14px; }
.wlx-fixtures thead { background: #e2e6dc; }
.wlx-page-title { padding: 15px 0 25px; }
.wlx-page-title > a { color: #8a6d46; font-size: 12px; }
.wlx-about-main { background: #e1e6dc; padding: 40px; max-width: 1000px; }
.wlx-about-side { margin: 30px 0 0 150px; padding: 35px; background: #fffefa; }
.wlx-data-lead { max-width: 950px; margin-bottom: 25px; }
.wlx-data-end { margin-top: 35px; padding: 35px; border: 1px solid #deddd3; }
.wlx-offerings { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.wlx-offerings article { padding: 35px; background: #fffefa; }
.wlx-offerings article:last-child { background: #e1e6dc; }
.wlx-mobile-reading { max-width: 1000px; border-left: 4px solid #b68a50; }
.wlx-mobile-reading .wlx-note { padding: 30px; border-bottom: 1px solid #deddd3; }
.wlx-resource-note { color: #747a6d; font-size: 12px; }
.wlx-news-full { max-width: 1000px; margin: 0; background: #fffefa; padding: 10px 35px; }
.wlx-news-full .wlx-news-piece { display: grid; grid-template-columns: 1fr 1.6fr; gap: 40px; padding: 30px 0; }
.wlx-news-full h2 { font-size: 24px; line-height: 1.6; margin-top: 15px; }
.wlx-news-full p { font-size: 15px; }
.b35-footer { background: #2d3330; color: #d1d6cd; padding: 35px max(25px,calc((100% - 1280px)/2)); font-size: 12px; }
.b35-footer div { display: flex; gap: 25px; margin-top: 25px; }
@media (max-width: 950px) {
 .wlx-hero { grid-template-columns: 1.5fr 1fr; }
 .wlx-headline { padding: 30px; }
 .wlx-tactics { padding: 25px; }
 .wlx-news-grid { grid-template-columns: 1fr 1fr; }
 .wlx-comments { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
 .b35-brand { padding: 23px; }
 .b35-navigation { padding: 18px 22px; gap: 15px 20px; }
 .b35-navigation a { font-size: 11px; }
 main { padding: 23px 17px 40px; }
 .wlx-hero { grid-template-columns: 1fr; }
 .wlx-headline { padding: 26px; }
 .wlx-tactics { border-left: 0; border-top: 1px solid #ffffff20; }
 .wlx-court { height: 210px; }
 .wlx-board { grid-template-columns: 1fr; gap: 20px; }
 .wlx-zone { grid-column: 1; padding: 25px; }
 .wlx-news-grid, .wlx-questions, .wlx-offerings { grid-template-columns: 1fr; }
 .wlx-zone-features .wlx-note { display: block; }
 .wlx-about-main, .wlx-about-side, .wlx-data-end { padding: 27px; }
 .wlx-about-side { margin: 25px 0 0; }
 .wlx-mobile-reading .wlx-note { padding: 25px; }
 .wlx-news-full { padding: 0 25px; }
 .wlx-news-full .wlx-news-piece { grid-template-columns: 1fr; gap: 20px; }
 .wlx-news-full h2 { font-size: 22px; }
 .wlx-news-full p { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }