@charset "UTF-8";
:root {
  color-scheme: light;
  --artlot-ink: #202733;
  --artlot-muted: #6d727d;
  --artlot-paper: #fcfbf8;
  --artlot-rule: #ded9df;
  --artlot-lilac: #ac91b4;
  --artlot-orange: #d28c53;
  --artlot-night: #292a36;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #f0edf0;
  color: var(--artlot-ink);
  font-family: "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  font-size: 16px;
  line-height: 1.82;
}

.b35-brand,
.b35-navigation,
main#content,
.b35-footer {
  width: min(1180px, calc(100% - 44px));
  margin-right: auto;
  margin-left: auto;
}

.b35-brand { padding: 24px 0 12px; font-size: 22px; font-weight: 750; letter-spacing: .025em; }
.b35-brand a,
.b35-navigation a,
.b35-footer a { color: inherit; text-decoration: none; }
.b35-navigation {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  padding: 0 0 17px;
  border-bottom: 1px solid #cfc6d0;
  color: #54545d;
  font-size: 13px;
}
.b35-navigation a { padding: 4px 0; }
.b35-navigation a:hover { color: #282531; border-bottom: 2px solid var(--artlot-orange); }
main#content { min-height: 68vh; padding: 26px 0 70px; }

.artlot-home { display: grid; gap: 20px; }
.artlot-lead {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(180px, .55fr);
  gap: 34px;
  align-items: center;
  padding: clamp(25px, 5vw, 62px);
  background: var(--artlot-paper);
  border-top: 4px solid var(--artlot-lilac);
  box-shadow: 0 16px 40px rgba(41, 35, 45, .07);
}
.artlot-eyebrow { margin: 0 0 9px; color: #776b7e; font-size: 13px; letter-spacing: .1em; }
.artlot-lead h1 { max-width: 890px; margin: 0 0 16px; font-size: clamp(27px, 4vw, 43px); line-height: 1.27; letter-spacing: -.03em; }
.artlot-intro { margin: 0; color: #454953; }
.artlot-about-link { display: inline-block; margin-top: 17px; padding-bottom: 2px; color: #4c3c53; border-bottom: 2px solid var(--artlot-orange); text-decoration: none; font-size: 14px; font-weight: 700; }
.artlot-lead-index { position: relative; padding: 20px 18px 18px 25px; background: #f4f0f5; border-left: 1px solid #d9cddd; }
.artlot-lead-index::before { position: absolute; top: 18px; bottom: 18px; left: 13px; width: 1px; background: var(--artlot-lilac); content: ""; }
.artlot-lead-index ol { margin: 13px 0 0; padding-left: 20px; color: #5e5963; font-size: 13px; }
.artlot-lead-index li { padding: 3px 0; }
.artlot-stamp { display: block; width: 56px; height: 56px; object-fit: contain; }
.artlot-section-roll { display: grid; gap: 17px; }
.artlot-block { padding: 24px 28px; background: var(--artlot-paper); border: 1px solid var(--artlot-rule); }
.artlot-block h2 { margin: 0 0 11px; font-size: 21px; line-height: 1.4; }
.artlot-block p { margin: 0; color: #4e5159; }
.artlot-faq-stack { display: grid; gap: 8px; }
.artlot-faq-item { padding: 13px 16px; background: #f4f1f5; border-bottom: 1px solid #dfd6e1; }
.artlot-faq-item summary { cursor: pointer; font-weight: 700; }
.artlot-faq-item p { margin-top: 10px; }
.artlot-mission { display: grid; grid-template-columns: minmax(0, 1fr) 190px; gap: 28px; align-items: center; }
.artlot-mission-aside { display: grid; justify-items: start; gap: 11px; color: #716876; font-size: 12px; }
.artlot-deep { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(210px, .55fr); gap: 28px; align-items: center; }
.artlot-deep-main > .artlot-stamp { float: right; margin: 0 0 8px 14px; }
.artlot-field-key { margin: 0; padding: 6px 0 6px 18px; border-left: 2px solid var(--artlot-lilac); }
.artlot-field-key div { padding: 7px 0; border-bottom: 1px solid var(--artlot-rule); }
.artlot-field-key div:last-child { border-bottom: 0; }
.artlot-field-key dt { font-size: 13px; font-weight: 700; }
.artlot-field-key dd { margin: 0; color: var(--artlot-muted); font-size: 12px; }
.artlot-data-overview { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 30px; align-items: center; background: #f8f6f8; }
.artlot-data-aside { display: grid; grid-template-columns: 56px 1fr; gap: 12px; align-items: start; }
.artlot-data-aside table { width: 100%; border-collapse: collapse; color: #60616a; font-size: 12px; }
.artlot-data-aside th,
.artlot-data-aside td { padding: 4px 2px; border-bottom: 1px solid #ded7df; text-align: left; font-weight: 400; }
.artlot-community > header { display: flex; justify-content: space-between; align-items: center; }
.artlot-community-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.artlot-community-card { padding: 17px; background: #f5f2f5; border-top: 2px solid #c4b2c8; }
.artlot-community-card h3 { margin: 0 0 8px; font-size: 15px; line-height: 1.5; }
.artlot-community-card p { font-size: 13px; }
.artlot-community-card .artlot-community-detail { margin-top: 9px; padding-top: 7px; border-top: 1px solid #ded7df; color: #77727d; font-size: 11px; }
.artlot-news { padding-bottom: 10px; }
.artlot-news-list { display: grid; }
.artlot-news-record { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 22px; padding: 17px 0; border-top: 1px solid var(--artlot-rule); }
.artlot-news-record > time { padding-top: 4px; color: #77727d; font-size: 12px; font-variant-numeric: tabular-nums; }
.artlot-news-text h3 { margin: 0 0 6px; font-size: 17px; line-height: 1.45; }
.artlot-news-text > .artlot-stamp { float: right; margin: 0 0 7px 14px; }
.artlot-news-body p { color: #4e5159; }
.artlot-service .artlot-block-copy { display: grid; grid-template-columns: minmax(0, 1fr) 56px; gap: 22px; align-items: center; }
.artlot-trends { background: var(--artlot-night); color: #f6f2f6; border-color: var(--artlot-night); }
.artlot-trends p { color: #e0dce3; }
.artlot-trends .artlot-block-copy { display: grid; grid-template-columns: minmax(0, 1fr) 56px; gap: 24px; align-items: center; }

.artlot-inner { padding: clamp(25px, 5vw, 58px); background: var(--artlot-paper); border-left: 5px solid var(--artlot-lilac); }
.artlot-inner-head { margin-bottom: 28px; padding-bottom: 18px; border-bottom: 1px solid var(--artlot-rule); }
.artlot-inner-head > p { margin: 0; color: #7a6b7f; font-size: 13px; letter-spacing: .08em; }
.artlot-inner-head h1 { margin: 3px 0 0; font-size: clamp(28px, 4vw, 40px); line-height: 1.3; }
.artlot-inner h2 { margin: 0 0 9px; font-size: 20px; }
.artlot-inner section p { margin: 0; color: #4e5159; }
.artlot-about-ledger { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.artlot-about-ledger section { padding: 22px; background: #f4f1f5; border-top: 2px solid #c4b2c8; }
.artlot-data-spread { display: grid; grid-template-columns: .85fr 1.15fr; gap: 23px; align-items: start; }
.artlot-data-definition { padding-right: 20px; border-right: 1px solid var(--artlot-rule); }
.artlot-window-definition { padding: 22px; background: #f4f1f5; }
.artlot-news-page .artlot-news-record { grid-template-columns: 115px minmax(0, 1fr); padding: 23px 0; }
.artlot-news-full .artlot-news-text { max-width: 900px; }
.artlot-zh-page { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr); gap: 0 32px; }
.artlot-zh-page .artlot-inner-head { grid-column: 1 / -1; }
.artlot-zh-main { padding-right: 15px; }
.artlot-zh-note { align-self: start; padding: 20px; background: #f5f2f5; border-top: 3px solid var(--artlot-orange); }
.artlot-mobile-flow { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr); gap: 20px; align-items: start; }
.artlot-mobile-flow section:first-child { padding: 24px; background: #f4f1f5; }
.artlot-mobile-flow section:last-child { padding: 20px; border: 1px solid var(--artlot-rule); }
.b35-footer { padding: 24px 0 32px; color: #65636b; font-size: 12px; }
.b35-footer p { margin: 5px 0; }
.b35-footer div { display: flex; flex-wrap: wrap; gap: 17px; margin-top: 10px; }
.b35-footer a { border-bottom: 1px solid #c4b2c8; }

@media (max-width: 760px) {
  .b35-brand,
  .b35-navigation,
  main#content,
  .b35-footer { width: min(100% - 28px, 620px); }
  .b35-brand { padding-top: 17px; }
  .b35-navigation { gap: 4px 13px; }
  main#content { padding-top: 16px; }
  .artlot-lead { grid-template-columns: 1fr; gap: 21px; padding: 24px 20px; }
  .artlot-lead-index { display: flex; align-items: center; gap: 15px; }
  .artlot-lead-index::before { display: none; }
  .artlot-lead-index ol { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding-left: 19px; }
  .artlot-block { padding: 20px 17px; }
  .artlot-mission,
  .artlot-deep,
  .artlot-data-overview,
  .artlot-about-ledger,
  .artlot-data-spread,
  .artlot-zh-page,
  .artlot-mobile-flow { grid-template-columns: 1fr; }
  .artlot-mission-aside { display: flex; align-items: center; }
  .artlot-community-grid { grid-template-columns: 1fr; }
  .artlot-news-record,
  .artlot-news-page .artlot-news-record { grid-template-columns: 1fr; gap: 3px; }
  .artlot-news-record > time { order: 0; }
  .artlot-news-text { order: 1; }
  .artlot-data-definition { padding-right: 0; border-right: 0; }
  .artlot-zh-page .artlot-inner-head { grid-column: auto; }
  .artlot-zh-main { padding-right: 0; }
  .artlot-zh-note { margin-top: 21px; }
}