@charset "UTF-8";
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 25px; }
body { margin: 0; color: #172d3d; background: #f8fafb; 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 #e29b31; outline-offset: 4px; }
p { line-height: 2; }
.b35-skip { position: absolute; top: -100px; background: white; padding: 12px; }
.b35-skip:focus { top: 0; }
.b35-brand { padding: 26px max(24px,calc((100% - 1260px)/2)); border-top: 7px solid #e2a53b; }
.b35-brand a { font-size: 32px; font-weight: 800; }
.b35-navigation { display: flex; flex-wrap: wrap; gap: 15px 24px; background: #132d40; color: white; padding: 21px max(24px,calc((100% - 1260px)/2)); }
.b35-navigation a { font-size: 12px; }
main { max-width: 1310px; padding: 35px 25px 60px; margin: auto; }
h1 { font-size: clamp(30px,3.6vw,48px); line-height: 1.5; margin: 22px 0; }
h2 { font-size: 23px; line-height: 1.6; margin: 0; }
h3 { font-size: 24px; line-height: 1.6; margin: 0 0 22px; font-weight: 500; }
.wone-cover { display: grid; grid-template-columns: minmax(0,3fr) minmax(220px,1fr); border: 1px solid #cbd7df; }
.wone-cover > header { padding: 40px; }
.wone-cover > header > h2 { font-size: 12px; letter-spacing: 3px; color: #6b7c88; }
.wone-cover > header > p { font-size: 15px; color: #5b6e7c; margin: 0; text-align: justify; }
.wone-cover > aside { padding: 35px; background: #e6a63d; display: flex; flex-direction: column; gap: 35px; justify-content: center; }
.wone-cover > aside > img { object-fit: contain; }
.wone-cover > aside > div { font-size: 24px; border-top: 1px solid #9f722d; padding-top: 24px; }
.wone-cover > aside span { display: block; font-size: 12px; margin-top: 15px; }
.wone-cover > aside a { font-size: 13px; }
.wone-panel { display: grid; grid-template-columns: 170px minmax(0,1fr); margin-top: 30px; border: 1px solid #cbd7df; background: white; }
.wone-panel-label { padding: 30px 22px; background: #eaf0f4; }
.wone-panel-label h2 { font-size: 17px; }
.wone-panel-detail { padding: 32px; min-width: 0; }
.wone-note p { margin: 0; color: #5b6e7c; font-size: 15px; text-align: justify; }
.wone-panel-insights .wone-note { display: grid; grid-template-columns: 1fr 2fr; gap: 30px; }
.wone-panel-trends { border-top: 4px solid #e2a53b; }
.wone-panel-results .wone-note { max-width: 860px; }
.wone-feed { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.wone-feed-item { min-width: 0; border-top: 1px solid #cbd7df; padding-top: 22px; }
.wone-feed-item dt time { font-size: 11px; color: #7a8b97; letter-spacing: 1px; }
.wone-feed-item dt h3 { font-size: 18px; margin: 15px 0; }
.wone-feed-item dd { margin: 0; }
.wone-feed-item dd img { width: 48px; height: 48px; object-fit: contain; float: right; margin: 3px 0 12px 18px; }
.wone-feed-copy { margin: 0; color: #5b6e7c; font-size: 13px; text-align: justify; }
.wone-qa details { padding: 22px 0; border-bottom: 1px solid #cbd7df; }
.wone-qa summary { font-size: 17px; line-height: 1.7; cursor: pointer; }
.wone-qa p { color: #5b6e7c; font-size: 14px; }
.wone-opinions { display: grid; grid-template-columns: 1.3fr 1fr; gap: 25px; }
.wone-opinions article:first-child { grid-row: 1/3; background: #eaf0f4; padding: 28px; }
.wone-opinions article:not(:first-child) { border-bottom: 1px solid #cbd7df; }
.wone-opinions h3 { font-size: 20px; }
.wone-opinions p { font-size: 13px; color: #5b6e7c; }
.wone-fixtures { list-style: none; margin: 30px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.wone-fixtures li { border: 1px solid #cbd7df; padding: 20px; min-width: 0; }
.wone-fixtures .wone-esport { background: #fff5df; border-color: #d9ae68; }
.wone-fixtures span,.wone-fixtures time { display: block; font-size: 11px; line-height: 1.8; color: #6f808c; }
.wone-fixtures strong { display: block; margin: 14px 0; font-size: 17px; line-height: 1.8; font-weight: 500; }
.wone-fixtures i { font-style: normal; font-size: 10px; color: #8395a2; margin-inline: 7px; }
.wone-page-title { padding: 22px 0 30px; }
.wone-page-title a { font-size: 12px; color: #6f808c; }
.wone-about-column { display: grid; grid-template-columns: 2fr 1fr; gap: 35px; }
.wone-about-column > .wone-note { padding: 35px; background: #eaf0f4; }
.wone-about-column > aside { padding-block: 35px; }
.wone-data-lead { max-width: 920px; }
.wone-data-after { border-top: 4px solid #e2a53b; margin-top: 35px; padding-top: 30px; }
.wone-data-after .wone-note { display: grid; grid-template-columns: 1fr 2fr; gap: 35px; }
.wone-services { display: flex; flex-direction: column; gap: 25px; max-width: 1000px; }
.wone-services > div { background: white; border-left: 4px solid #132d40; padding: 30px; }
.wone-services > div:last-child { margin-left: 100px; border-color: #e2a53b; }
.wone-app-content { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; padding: 35px; border: 1px solid #cbd7df; }
.wone-resource { font-size: 12px; color: #6f808c; margin-top: 25px; }
.wone-complete-feed { max-width: 1050px; margin: 0; }
.wone-complete-feed .wone-feed-item { display: grid; grid-template-columns: 1fr 1.7fr; gap: 40px; padding: 30px 0; }
.wone-complete-feed h2 { font-size: 23px; margin-top: 15px; }
.wone-complete-feed .wone-feed-copy { font-size: 16px; }
.b35-footer { background: #132d40; color: #cad5de; padding: 35px max(24px,calc((100% - 1260px)/2)); font-size: 12px; }
.b35-footer div { display: flex; gap: 25px; margin-top: 25px; }
@media (max-width: 950px) {
  .wone-cover { grid-template-columns: 2.4fr 1fr; }
  .wone-cover > header,.wone-cover > aside { padding: 27px; }
  .wone-panel { grid-template-columns: 120px minmax(0,1fr); }
  .wone-panel-detail { padding: 25px; }
  .wone-panel-insights .wone-note { display: block; }
}
@media (max-width: 650px) {
  main { padding: 20px 17px 35px; }
  .b35-brand { padding: 22px; }
  .b35-navigation { padding: 18px 21px; gap: 14px 20px; }
  .b35-navigation a { font-size: 11px; }
  .wone-cover { display: block; }
  h1 { font-size: 29px; }
  .wone-cover > header > p { font-size: 14px; }
  .wone-cover > aside { display: grid; grid-template-columns: 64px 1fr; gap: 25px; }
  .wone-cover > aside > div { font-size: 19px; padding-top: 0; border: 0; }
  .wone-cover > aside > div:last-of-type { grid-column: 2; }
  .wone-cover > aside > a { grid-column: 1/-1; }
  .wone-panel { display: block; }
  .wone-panel-label { padding: 18px 23px; }
  .wone-note h3 { font-size: 22px; }
  .wone-note p { font-size: 14px; }
  .wone-feed,.wone-fixtures,.wone-opinions,.wone-about-column,.wone-app-content { grid-template-columns: 1fr; }
  .wone-opinions article:first-child { grid-row: auto; }
  .wone-data-after .wone-note,.wone-complete-feed .wone-feed-item { display: block; }
  .wone-complete-feed .wone-feed-copy { font-size: 14px; margin-top: 20px; }
  .wone-services > div:last-child { margin-left: 0; }
  .wone-app-content { padding: 25px; }
  .wone-qa summary { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }