:root {
  --group-paper: #f4f1ea;
  --group-ink: #1a2430;
  --group-navy: #173a63;
  --group-red: #a83939;
  --group-gold: #d2ad67;
  --group-rule: #c8c5bc;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--group-ink); background: var(--group-paper); font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif; }
a { color: inherit; }
.b35-brand { max-width: 1240px; margin: 0 auto; padding: 19px 5vw 8px; color: var(--group-navy); font-size: 14px; font-weight: 700; }.b35-brand a { text-decoration: none; }
.b35-navigation { position: sticky; top: 0; z-index: 10; display: flex; gap: 16px; overflow-x: auto; padding: 13px 5vw; border-block: 1px solid var(--group-rule); background: rgba(244,241,234,.97); white-space: nowrap; font-size: 11px; }.b35-navigation a { text-decoration: none; }.b35-navigation a:hover { color: var(--group-red); }
main { max-width: 1240px; margin: auto; padding: 0 5vw 90px; }
.group-hero { display: grid; grid-template-columns: minmax(0,1fr) 145px; gap: 24px; padding: 30px 0 38px; border-top: 4px solid var(--group-navy); }
.group-hero__line, .group-hero__baseline { grid-column: 1 / -1; display: flex; align-items: center; gap: 13px; color: var(--group-red); font-size: 10px; letter-spacing: .13em; }.group-hero__line b { margin-left: auto; padding: 6px 11px; border: 1px solid var(--group-gold); color: var(--group-navy); font-weight: 500; letter-spacing: 0; }
.group-hero__copy { align-self: center; }.group-hero h1 { max-width: 820px; margin: 18px 0; font-size: clamp(32px,5vw,58px); font-weight: 700; line-height: 1.2; }.group-hero__copy p { max-width: 810px; font-size: 14px; line-height: 2; }
.group-hero__seal { align-self: center; margin: 0; text-align: center; }.group-hero__image { width: 98px; height: 98px; object-fit: contain; padding: 8px; border: 1px solid var(--group-gold); background: white; }.group-hero__seal figcaption { margin-top: 9px; color: var(--group-navy); font-size: 10px; }
.group-hero__baseline { padding-top: 13px; border-top: 1px solid var(--group-rule); }.group-hero__baseline i { width: 33px; border-top: 1px solid var(--group-gold); }
.group-card h3 { margin: 0 0 11px; color: var(--group-navy); font-size: 17px; }.group-card p { margin: 0; font-size: 13px; line-height: 1.95; }
.group-community, .group-features, .group-reading, .group-language, .group-service, .group-faq, .group-news, .group-data, .group-insights, .group-mission, .group-core { padding: 45px 0; border-bottom: 1px solid var(--group-rule); }
.group-community header small, .group-features small, .group-language header span, .group-service small, .group-faq small, .group-news small, .group-data small, .group-insights__index, .group-mission__side span, .group-core small { color: var(--group-red); font-size: 10px; letter-spacing: .12em; }.group-community h2, .group-features h2, .group-language h2, .group-service h2, .group-faq h2, .group-news h2, .group-data h2, .group-insights h2, .group-mission h2, .group-core h2, .group-reading h2 { margin: 8px 0 0; font-size: 27px; }
.group-community header, .group-service header, .group-faq header, .group-news header { display: flex; justify-content: space-between; align-items: baseline; }.group-community__columns { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; margin-top: 20px; }.group-community__columns article { padding: 16px; border-top: 2px solid var(--group-navy); background: #fffdfa; }.group-community__columns span { color: var(--group-red); font-size: 10px; }.group-community__columns h3 { margin: 9px 0; font-size: 14px; }.group-community__columns p { margin: 0; font-size: 12px; line-height: 1.85; }
.group-features__rule { display: flex; align-items: center; gap: 13px; margin: 21px 0; padding: 14px; color: var(--group-navy); background: #e7e4da; font-size: 11px; }.group-features__rule i { flex: 1; border-top: 1px solid var(--group-gold); }.group-features__note { max-width: 850px; }
.group-reading { display: grid; grid-template-columns: 200px 1fr; gap: 22px; }.group-reading__label span { color: var(--group-gold); font-size: 11px; }.group-reading h2 { margin-top: 8px; }.group-reading__legend { grid-column: 2; display: flex; gap: 12px; align-items: center; color: var(--group-navy); font-size: 10px; }.group-reading__legend i { width: 29px; border-top: 1px solid var(--group-red); }
.group-language { display: grid; grid-template-columns: 205px 1fr; gap: 25px; }.group-language header span { display: block; margin-bottom: 10px; }.group-language h2 { margin: 0; }.group-language__copy { padding-left: 19px; border-left: 2px solid var(--group-gold); }
.group-service { display: grid; grid-template-columns: 145px 1fr; gap: 27px; align-items: center; }.group-service__mark { display: grid; place-items: center; gap: 8px; color: var(--group-navy); font-size: 10px; }.group-service__image { width: 82px; height: 82px; object-fit: contain; padding: 7px; border-radius: 50%; background: white; }.group-service__copy { margin-top: 14px; max-width: 830px; }
.group-faq__list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 20px; margin-top: 18px; }.group-question { padding: 15px 0; border-top: 1px solid var(--group-rule); }.group-question summary { cursor: pointer; font-size: 13px; line-height: 1.7; }.group-question summary b { display: inline-grid; place-items: center; width: 25px; height: 25px; margin-right: 9px; border-radius: 50%; color: white; background: var(--group-red); font-size: 10px; }.group-question p { margin: 10px 0 0 34px; font-size: 12px; line-height: 1.9; }
.group-news header a { color: var(--group-navy); font-size: 11px; text-decoration: none; }.group-news header h2 { margin-top: 8px; }.group-news__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 22px; margin-top: 18px; }.group-story { padding: 15px 0; border-top: 1px solid var(--group-rule); }.group-story time { color: var(--group-red); font-size: 10px; }.group-story__row { display: grid; grid-template-columns: 75px 1fr; gap: 12px; margin-top: 8px; }.group-story__image { width: 68px; height: 68px; object-fit: contain; padding: 4px; background: white; }.group-story h3 { margin: 0 0 7px; font-size: 14px; line-height: 1.5; }.group-story__body { margin: 0; font-size: 12px; line-height: 1.8; }
.group-data header { margin-bottom: 20px; }.group-data__columns { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 19px; }.group-data__columns div { display: flex; justify-content: space-between; padding: 15px; border: 1px solid var(--group-rule); background: #fffdfa; }.group-data__columns b { color: var(--group-navy); font-size: 12px; }.group-data__columns span { color: var(--group-red); font-size: 10px; }
.group-insights { display: grid; grid-template-columns: 175px 1fr; gap: 26px; }.group-insights__index { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }.group-insights__index span { font-size: 15px; }.group-insights__index i { height: 42px; margin-left: 4px; border-left: 1px solid var(--group-gold); }.group-insights h2 { margin: 0 0 13px; }
.group-mission { display: grid; grid-template-columns: 145px 1fr; gap: 28px; align-items: center; }.group-mission__side { display: grid; place-items: center; gap: 9px; }.group-mission__icon { width: 76px; height: 76px; object-fit: contain; border: 1px solid var(--group-gold); padding: 6px; border-radius: 50%; }.group-mission h2 { margin-bottom: 13px; }.group-mission__statement { max-width: 850px; }
.group-core header { display: flex; align-items: baseline; gap: 18px; }.group-core h2 { margin: 0; }.group-core__note { margin-top: 19px; max-width: 850px; padding-left: 18px; border-left: 2px solid var(--group-red); }
.group-about-page, .group-news-page, .group-data-page, .group-zh-page, .group-app-page { padding: 54px 0; }.group-about-page header span, .group-news-page header span, .group-data-page header span, .group-zh-page header span, .group-app-page header span { color: var(--group-red); font-size: 10px; letter-spacing: .12em; }.group-about-page h1, .group-news-page h1, .group-data-page h1, .group-zh-page h1, .group-app-page h1 { margin: 12px 0 30px; font-size: clamp(29px,4.2vw,47px); }
.group-about-page__pair { display: grid; grid-template-columns: 1.15fr .85fr; gap: 24px; }.group-about-page__wide { padding: 23px; background: #e6e3d8; }.group-about-page__aside { align-self: end; padding: 20px 0; border-bottom: 2px solid var(--group-navy); }
.group-news-page__list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 22px; }.group-news-page__list .group-story__row { grid-template-columns: 1fr; }
.group-data-page__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }.group-data-page__first { padding: 23px; border: 1px solid var(--group-navy); background: #fffdfa; }.group-data-page__second { padding: 23px; background: #e6e3d8; }.group-data-page__timeline { display: flex; gap: 10px; margin-top: 24px; border-top: 1px solid var(--group-red); }.group-data-page__timeline i { width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: var(--group-gold); }
.group-zh-page__columns { display: grid; grid-template-columns: .9fr 1.1fr; gap: 24px; }.group-zh-page__terms { padding: 22px; border-top: 2px solid var(--group-navy); }.group-zh-page__meaning { padding: 22px; background: #e6e3d8; }
.group-app-page__board { display: grid; grid-template-columns: 1.1fr .9fr; gap: 23px; align-items: end; }.group-app-page__main { padding: 24px; background: #fffdfa; }.group-app-page__side { padding: 20px 0; border-bottom: 2px solid var(--group-red); }
.b35-footer { padding: 25px 5vw; color: white; background: var(--group-ink); font-size: 11px; line-height: 1.9; }.b35-footer a { margin-right: 18px; }
@media (max-width: 760px) {
  .group-hero { grid-template-columns: 1fr; }.group-hero__seal { display: flex; align-items: center; gap: 11px; justify-self: start; }.group-hero__seal figcaption { margin: 0; }
  .group-community__columns, .group-faq__list, .group-news__grid, .group-news-page__list, .group-about-page__pair, .group-data-page__pair, .group-zh-page__columns, .group-app-page__board { grid-template-columns: 1fr; }
  .group-reading, .group-language, .group-service, .group-insights, .group-mission { grid-template-columns: 1fr; }.group-reading__legend { grid-column: 1; }.group-community header, .group-service header, .group-faq header, .group-news header { display: block; }.group-data__columns { grid-template-columns: 1fr; }
}