:root {
  --hkm-plum: #51314f;
  --hkm-violet: #765a78;
  --hkm-ink: #28252b;
  --hkm-paper: #f5f1f5;
  --hkm-lilac: #e6dce8;
  --hkm-rust: #a96f57;
  --hkm-rule: #c9becb;
  --hkm-white: #fffdfd;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--hkm-paper);
  color: var(--hkm-ink);
  font-family: "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  line-height: 1.8;
}
.b35-brand {
  max-width: 1420px;
  margin: 0 auto;
  padding: 22px clamp(20px, 5vw, 76px) 8px;
  color: var(--hkm-plum);
  font-size: 25px;
  font-weight: 700;
  letter-spacing: .08em;
}
.b35-brand a { color: inherit; text-decoration: none; }
.b35-navigation {
  display: flex;
  gap: 9px 17px;
  overflow-x: auto;
  white-space: nowrap;
  padding: 11px clamp(20px, 5vw, 76px) 16px;
  border-bottom: 1px solid var(--hkm-rule);
}
.b35-navigation a { color: var(--hkm-ink); font-size: 13px; text-decoration: none; }
.b35-navigation a:hover { color: var(--hkm-rust); }
#content { max-width: 1420px; margin: 0 auto; padding: 0 clamp(20px, 5vw, 76px) 86px; }
.hkm-cover {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 86px;
  gap: 32px;
  align-items: end;
  margin: 38px 0 0;
  padding: clamp(38px, 6vw, 82px);
  overflow: hidden;
  color: var(--hkm-white);
  background: var(--hkm-plum);
}
.hkm-cover::after {
  position: absolute;
  right: 14%;
  bottom: -120px;
  width: 420px;
  height: 260px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  content: "";
  transform: rotate(-14deg);
}
.hkm-cover-copy { position: relative; z-index: 1; max-width: 960px; }
.hkm-eyebrow, .hkm-page-heading > p:first-child {
  margin: 0 0 12px;
  color: #e0bfd7;
  font-size: 13px;
  letter-spacing: .15em;
}
.hkm-cover h1 {
  margin: 0 0 20px;
  font-size: clamp(33px, 5.2vw, 70px);
  line-height: 1.18;
  font-weight: 600;
}
.hkm-cover-intro { margin: 0; font-size: clamp(16px, 1.5vw, 19px); }
.hkm-cover figure { position: relative; z-index: 1; margin: 0; }
.hkm-cover-image, .hkm-news-thumb, .hkm-full-thumb {
  display: block;
  width: 64px;
  height: 64px;
  object-fit: contain;
}
.hkm-section { padding: 62px 0; border-bottom: 1px solid var(--hkm-rule); }
.hkm-section > header h2 {
  margin: 0 0 25px;
  color: var(--hkm-plum);
  font-size: clamp(25px, 3vw, 38px);
  line-height: 1.3;
  font-weight: 600;
}
.hkm-section p { margin-top: 0; }
.hkm-vision-split {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(190px, .6fr);
  gap: 34px;
}
.hkm-vision-split > header { grid-column: 1 / -1; }
.hkm-vision-large { max-width: 880px; font-size: 18px; }
.hkm-vision-large p { margin: 0; }
.hkm-vision-split aside {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-left: 24px;
  border-left: 3px solid var(--hkm-rust);
  color: var(--hkm-violet);
}
.hkm-history-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 30px;
}
.hkm-history-field > header { grid-column: 1 / -1; }
.hkm-history-body { max-width: 900px; }
.hkm-history-track { display: flex; flex-direction: column; gap: 9px; padding-top: 7px; }
.hkm-history-track span { padding: 8px 12px; background: var(--hkm-lilac); border-left: 3px solid var(--hkm-violet); }
.hkm-theme-index {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(240px, .7fr);
  gap: 34px;
  align-items: center;
}
.hkm-theme-index > header { grid-column: 1 / -1; }
.hkm-index-copy { max-width: 860px; font-size: 18px; }
.hkm-topic-index { display: grid; gap: 8px; }
.hkm-topic-index span { padding: 9px 13px; border-bottom: 1px solid var(--hkm-rust); color: var(--hkm-plum); }
.hkm-coverage-range { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 26px; }
.hkm-coverage-range > header { grid-row: span 2; }
.hkm-range-copy { max-width: 860px; font-size: 18px; }
.hkm-range-copy p { margin: 0; }
.hkm-community-grid { display: grid; grid-template-columns: 1fr 1.15fr .9fr; gap: 15px; align-items: start; }
.hkm-card {
  min-width: 0;
  padding: 24px;
  background: var(--hkm-white);
  border-top: 3px solid var(--hkm-violet);
}
.hkm-card h3 { margin: 0 0 12px; color: var(--hkm-plum); font-size: 19px; line-height: 1.45; }
.hkm-card p { margin: 0; }
.hkm-editor-note:nth-child(2) { margin-top: 30px; }
.hkm-editor-note:nth-child(3) { margin-top: 55px; border-top-color: var(--hkm-rust); }
.hkm-news-mosaic { padding-top: 74px; }
.hkm-news-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.hkm-news-tile {
  min-width: 0;
  padding: 19px;
  background: var(--hkm-white);
  border-bottom: 3px solid var(--hkm-plum);
}
.hkm-news-tile:nth-child(3n + 1) { grid-column: span 2; }
.hkm-news-tile time, .hkm-full-article time { display: block; margin: 12px 0 4px; color: #706875; font-size: 12px; }
.hkm-news-tile h3 { margin: 0 0 9px; font-size: 17px; line-height: 1.5; }
.hkm-news-tile a { color: var(--hkm-ink); text-decoration: none; }
.hkm-news-tile a:hover { color: var(--hkm-rust); }
.hkm-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 34px; }
.hkm-faq-row { padding: 18px 0; border-bottom: 1px solid var(--hkm-rule); }
.hkm-faq-row summary { color: var(--hkm-plum); font-weight: 650; cursor: pointer; }
.hkm-faq-row p { margin: 12px 0 0; }
.hkm-closing-intro {
  margin: 0 calc(clamp(20px, 5vw, 76px) * -1);
  padding: 58px clamp(20px, 5vw, 76px);
  color: var(--hkm-white);
  background: #6e526d;
}
.hkm-closing-intro > header h2 { color: var(--hkm-white); }
.hkm-closing-copy { max-width: 900px; font-size: 18px; }
.hkm-page-heading { padding: 68px 0 30px; border-bottom: 1px solid var(--hkm-rule); }
.hkm-page-heading h1 { margin: 0; color: var(--hkm-plum); font-size: clamp(32px, 4.5vw, 58px); line-height: 1.2; }
.hkm-relationship-map, .hkm-data-comparison, .hkm-language-essay {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding: 42px 0;
}
.hkm-group-node, .hkm-data-left, .hkm-language-name { align-self: start; }
.hkm-brand-node, .hkm-data-right, .hkm-language-form { align-self: end; }
.hkm-link-line { height: 3px; background: var(--hkm-rust); }
.hkm-about-summary, .hkm-data-band, .hkm-mobile-axis {
  display: flex;
  gap: 13px;
  flex-wrap: wrap;
  padding: 0 0 42px;
}
.hkm-about-summary span, .hkm-data-band span, .hkm-mobile-axis span {
  padding: 8px 13px;
  color: var(--hkm-violet);
  border-bottom: 2px solid var(--hkm-violet);
}
.hkm-article-pages { padding: 22px 0 48px; }
.hkm-full-article { padding: 28px 0; border-bottom: 1px solid var(--hkm-rule); }
.hkm-full-heading { display: flex; align-items: center; gap: 20px; }
.hkm-full-heading h2 { margin: 4px 0 0; font-size: clamp(21px, 2.5vw, 31px); line-height: 1.4; }
.hkm-full-article > p { max-width: 980px; margin: 22px 0 0 84px; }
.hkm-data-comparison { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hkm-data-left { margin-top: 10px; }
.hkm-data-right { margin-top: 55px; }
.hkm-language-essay { align-items: start; }
.hkm-language-name { margin-top: 32px; }
.hkm-mobile-reading { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.2fr); gap: 22px; padding: 38px 0; }
.hkm-mobile-lead { align-self: start; }
.hkm-mobile-follow { align-self: end; }
.hkm-mobile-axis { padding-left: 18%; }
.b35-footer { padding: 30px clamp(20px, 5vw, 76px); color: var(--hkm-white); background: #29242d; }
.b35-footer p { max-width: 1420px; margin: 5px auto; }
.b35-footer a { margin-right: 18px; color: #e2c8df; }
@media (max-width: 760px) {
  .hkm-cover { grid-template-columns: 1fr; gap: 24px; margin-top: 24px; padding: 30px 22px; }
  .hkm-cover figure { grid-row: 1; }
  .hkm-vision-split, .hkm-history-field, .hkm-theme-index, .hkm-community-grid,
  .hkm-news-grid, .hkm-faq-grid, .hkm-relationship-map, .hkm-data-comparison,
  .hkm-language-essay, .hkm-mobile-reading { grid-template-columns: 1fr; }
  .hkm-vision-split aside { flex-direction: row; flex-wrap: wrap; gap: 10px; padding: 15px 0 0; border-left: 0; border-top: 2px solid var(--hkm-rust); }
  .hkm-history-track { flex-direction: row; flex-wrap: wrap; }
  .hkm-coverage-range { grid-template-columns: 1fr; }
  .hkm-coverage-range > header { grid-row: auto; }
  .hkm-news-tile:nth-child(3n + 1) { grid-column: auto; }
  .hkm-editor-note:nth-child(2), .hkm-editor-note:nth-child(3), .hkm-group-node,
  .hkm-data-right, .hkm-language-name, .hkm-mobile-follow { margin: 0; }
  .hkm-link-line { width: 42px; }
  .hkm-full-article > p { margin-left: 0; }
  .hkm-mobile-axis { padding-left: 0; }
}