@charset "UTF-8";
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 25px; }
body { margin: 0; color: #292d44; background: #f6f5f8; 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 #9082b0; outline-offset: 4px; }
p { line-height: 2; }
.b35-skip { position: absolute; top: -90px; padding: 12px; background: white; }
.b35-skip:focus { top: 0; }
.b35-brand { padding: 30px max(24px,calc((100% - 1220px)/2)); border-bottom: 3px solid #292d44; }
.b35-brand a { font-size: 32px; font-weight: 800; }
.b35-navigation { display: flex; flex-wrap: wrap; gap: 15px 26px; padding: 21px max(24px,calc((100% - 1220px)/2)); border-bottom: 1px solid #d3cfdf; }
.b35-navigation a { font-size: 12px; }
main { max-width: 1270px; padding: 0 25px 65px; margin: auto; }
h1 { font-size: clamp(30px,3.7vw,49px); line-height: 1.45; margin: 24px 0 30px; }
h2 { margin: 0; font-size: 23px; line-height: 1.6; }
h3 { margin: 0 0 22px; font-size: 24px; line-height: 1.6; font-weight: 500; }
.sps-cover { display: grid; grid-template-columns: minmax(0,2.7fr) minmax(210px,1fr); gap: 25px 55px; padding: 52px 0 38px; }
.sps-cover > header { grid-column: 1/-1; }
.sps-cover > header h2 { font-size: 12px; letter-spacing: 3px; color: #857a96; }
.sps-cover > p { font-size: 15px; color: #69667b; margin: 0; text-align: justify; }
.sps-cover > aside { border-left: 1px solid #d3cfdf; padding-left: 30px; display: flex; gap: 25px; align-items: start; }
.sps-cover > aside img { object-fit: contain; }
.sps-cover dl { margin: 0; flex: 1; }
.sps-cover dl div { padding: 15px 0; border-top: 1px solid #d3cfdf; }
.sps-cover dt { font-size: 18px; }
.sps-cover dd { font-size: 11px; color: #857a96; margin: 10px 0 0; }
.sps-cover > a { font-size: 14px; justify-self: start; border-bottom: 1px solid; padding-bottom: 7px; }
.sps-content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.sps-section { grid-column: 1/-1; border-top: 1px solid #b2a8c2; padding: 35px 0; min-width: 0; }
.sps-section > h2 { font-size: 17px; margin-bottom: 27px; }
.sps-essay { display: grid; grid-template-columns: 1fr 2fr; gap: 45px; }
.sps-essay p { margin: 0; color: #69667b; font-size: 15px; text-align: justify; }
.sps-highlights,.sps-scores,.sps-insights { grid-column: auto; }
.sps-highlights .sps-essay,.sps-scores .sps-essay,.sps-insights .sps-essay { display: block; }
.sps-core-advantages { padding: 35px; background: #292d44; color: white; }
.sps-core-advantages p { color: #d7d2e1; }
.sps-deep-content { border-top: 4px solid #9082b0; }
.sps-reports { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.sps-report { border: 1px solid #d3cfdf; background: white; padding: 25px; min-width: 0; }
.sps-report header { display: flex; gap: 20px; align-items: start; }
.sps-report img { width: 45px; height: 45px; object-fit: contain; flex-shrink: 0; }
.sps-report time { font-size: 11px; color: #857a96; letter-spacing: 1px; }
.sps-report h3 { font-size: 18px; margin: 13px 0 22px; }
.sps-report-text { margin: 0; color: #69667b; font-size: 13px; text-align: justify; }
.sps-questions { display: grid; grid-template-columns: 1fr 1fr; gap: 0 35px; align-items: start; }
.sps-questions details { padding: 22px 0; border-top: 1px solid #d3cfdf; }
.sps-questions summary { cursor: pointer; font-size: 16px; line-height: 1.8; }
.sps-questions p { color: #69667b; font-size: 14px; }
.sps-commentary { display: flex; flex-direction: column; gap: 25px; }
.sps-commentary section { display: grid; grid-template-columns: 1fr 2fr; gap: 45px; border-top: 1px solid #d3cfdf; padding-top: 25px; }
.sps-commentary h3 { font-size: 22px; }
.sps-commentary p { margin: 0; color: #69667b; font-size: 14px; }
.sps-fixtures { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 30px 0 0; }
.sps-fixtures > div { border: 1px solid #d3cfdf; padding: 20px; }
.sps-fixtures dt { font-size: 13px; }
.sps-fixtures time { display: block; font-size: 11px; color: #857a96; margin-top: 10px; }
.sps-fixtures dd { margin: 18px 0 0; font-size: 18px; line-height: 1.7; }
.sps-inner-title { padding: 45px 0 25px; }
.sps-inner-title a { font-size: 12px; color: #857a96; }
.sps-background { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; }
.sps-background .sps-essay { display: block; }
.sps-background > div { background: #e6e1ec; padding: 35px; }
.sps-background > aside { padding: 35px 0; }
.sps-data-context { display: flex; flex-direction: column; gap: 35px; padding-top: 30px; border-top: 3px solid #292d44; }
.sps-service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.sps-service-grid .sps-essay { display: block; }
.sps-service-grid section { background: white; padding: 30px; border-top: 3px solid #9082b0; }
.sps-pocket-reader { background: #e6e1ec; padding: 35px; }
.sps-pocket-reader .sps-essay { padding: 25px 0; border-bottom: 1px solid #b2a8c2; }
.sps-resource { font-size: 12px; color: #857a96; }
.sps-full-reports { max-width: 1000px; display: flex; flex-direction: column; gap: 25px; }
.sps-full-reports .sps-report { padding: 35px; }
.sps-full-reports .sps-report header { gap: 30px; }
.sps-full-reports h2 { font-size: 25px; margin: 15px 0 25px; }
.sps-full-reports .sps-report-text { font-size: 16px; margin-left: 75px; }
.b35-footer { background: #292d44; color: #d7d2e1; padding: 35px max(24px,calc((100% - 1220px)/2)); font-size: 12px; }
.b35-footer div { display: flex; gap: 25px; margin-top: 25px; }
@media (max-width: 950px) {
  .sps-cover { gap: 25px 30px; }
  .sps-cover > aside { display: block; padding-left: 22px; }
  .sps-cover dl { margin-top: 22px; }
  .sps-essay,.sps-commentary section { gap: 30px; }
}
@media (max-width: 650px) {
  main { padding: 0 20px 35px; }
  .b35-brand { padding: 24px; }
  .b35-navigation { padding: 18px 22px; gap: 14px 20px; }
  .b35-navigation a { font-size: 11px; }
  .sps-cover { display: block; padding-top: 35px; }
  h1 { font-size: 29px; }
  .sps-cover > p { font-size: 14px; }
  .sps-cover > aside { display: flex; border: 0; padding: 25px 0; }
  .sps-cover dl { display: flex; gap: 25px; margin: 0; flex-wrap: wrap; }
  .sps-cover dl div { padding-top: 12px; }
  .sps-content-grid,.sps-reports,.sps-questions,.sps-fixtures,.sps-background,.sps-service-grid { grid-template-columns: 1fr; }
  .sps-section { grid-column: 1; }
  .sps-essay,.sps-commentary section { display: block; }
  .sps-essay h3 { font-size: 22px; }
  .sps-essay p { font-size: 14px; }
  .sps-core-advantages { padding: 26px; }
  .sps-full-reports .sps-report { padding: 25px; }
  .sps-full-reports h2 { font-size: 23px; }
  .sps-full-reports .sps-report-text { margin-left: 0; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }