:root {
  --brand-ink: #1d2a24;
  --brand-deep: #12382b;
  --brand-green: #1d5a43;
  --brand-accent: #b66f47;
  --brand-accent-soft: #f0e4dc;
  --brand-paper: #ffffff;
  --brand-surface: #f5f7f3;
  --brand-surface-dark: #e7eee8;
  --brand-line: #d9e1da;
  --brand-muted: #647169;
  --brand-white-muted: #c5d3ca;
  --brand-pad: clamp(20px, 5vw, 88px);
  --brand-max: 1320px;
  --brand-serif: "Source Han Serif SC", "Noto Serif SC", "Songti SC", "STSong", serif;
  --brand-sans: "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
}

html { background: var(--brand-paper); }
body,
body.framework-home,
body.framework-page,
body.framework-cooperation,
body.editorial-page,
body.news-page {
  background: var(--brand-paper);
  color: var(--brand-ink);
  font-family: var(--brand-sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0;
}

body.framework-home *,
body.framework-page *,
body.framework-cooperation *,
body.editorial-page *,
body.news-page * { letter-spacing: 0; }

h1, h2, h3, p, figure { margin-top: 0; }
h1, h2, h3 { color: inherit; font-family: var(--brand-serif); font-weight: 600; letter-spacing: 0; }
em { color: var(--brand-accent); font-style: normal; }

.site-nav,
.inner-page .site-nav,
.framework-home .site-nav,
.framework-page--industry-agents .site-nav {
  height: 76px;
  padding: 0 var(--brand-pad);
  color: var(--brand-ink);
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid var(--brand-line);
  backdrop-filter: blur(16px);
}
.framework-home .site-nav,
.framework-page--industry-agents .site-nav { color: #fff; background: rgba(18, 56, 43, .9); border-color: rgba(255, 255, 255, .18); }
.site-nav.scrolled,
.framework-home .site-nav.scrolled,
.framework-page--industry-agents .site-nav.scrolled { height: 68px; color: #fff; background: rgba(18, 56, 43, .96); border-color: rgba(255, 255, 255, .18); }
.brand { gap: 10px; color: inherit; font-family: var(--brand-sans); font-size: 16px; font-weight: 600; letter-spacing: 0; }
.brand-mark { width: 34px; height: 34px; object-fit: contain; }
.brand-name { font-size: 16px !important; font-weight: 600; line-height: 1; }
.site-nav nav { gap: clamp(15px, 2.2vw, 30px); font-size: 14px; }
.site-nav nav a { padding-bottom: 7px; opacity: 1; }
.site-nav nav a::after { height: 2px; background: var(--brand-accent); }
.nav-cta { border: 1px solid currentColor; padding: 8px 12px 8px 15px; font-size: 13px; }
.nav-cta span { margin-left: 12px; }

.framework-hero {
  height: min(720px, calc(100svh - 56px));
  min-height: 620px;
  background: var(--brand-deep);
}
.framework-hero-media { background: #315745; }
.framework-hero-media::after { background: none; }
.framework-hero-shade { background: linear-gradient(90deg, rgba(9, 32, 24, .76), rgba(9, 32, 24, .22) 72%), linear-gradient(0deg, rgba(9, 32, 24, .64), transparent 52%); }
.framework-hero-copy { max-width: var(--brand-max); margin: 0 auto; padding-top: 30px; }
.hero-proof,
.section-index { color: #e1ac7d; font-family: var(--brand-sans); font-size: 12px; font-weight: 600; line-height: 1.5; }
.framework-hero h1 { max-width: 890px; margin-top: 25px; color: #fff; font-family: var(--brand-serif); font-size: 82px; font-weight: 600; line-height: 1.22; }
.hero-subtitle { max-width: 550px; margin-top: 26px; color: rgba(255, 255, 255, .88); font-size: 17px; line-height: 1.85; }
.hero-actions { gap: 14px; margin-top: 34px; }
.solid-light-button,
.solid-dark-button { gap: 18px; min-height: 46px; padding: 10px 17px; border-radius: 2px; font-family: var(--brand-sans); font-size: 14px; font-weight: 600; }
.solid-light-button { color: var(--brand-deep); background: #fff; }
.solid-dark-button { color: #fff; background: var(--brand-deep); }
.solid-light-button:hover,
.solid-dark-button:hover { gap: 23px; background: var(--brand-accent); color: #fff; }
.quiet-light-link,
.underlined-link { font-size: 14px; font-weight: 600; }
.quiet-light-link { color: #fff; }
.framework-hero .hero-safety { right: var(--brand-pad); bottom: 40px; gap: 22px; color: rgba(255, 255, 255, .82); font-size: 12px; }
.framework-hero .hero-safety b { color: #e1ac7d; font-family: Arial, sans-serif; font-weight: 700; }

.brand-route,
.nutrition-insight,
.news-preview,
.home-cooperation { max-width: var(--brand-max); margin: 0 auto; }
.brand-route { grid-template-columns: minmax(280px, .86fr) minmax(0, 1.14fr); gap: clamp(45px, 8vw, 118px); padding: clamp(90px, 11vw, 150px) var(--brand-pad); background: var(--brand-surface); }
.brand-route-media { min-height: 520px; background: var(--brand-surface-dark); }
.brand-route-copy h2,
.nutrition-insight h2,
.agent-preview h2,
.home-cooperation h2 { color: var(--brand-deep); font-size: 62px; font-weight: 600; line-height: 1.3; }
.brand-route-copy h2 { margin-top: 32px; }
.brand-route-copy > p { max-width: 560px; margin-top: 27px; color: var(--brand-muted); font-size: 16px; line-height: 1.9; }
.brand-route-steps { margin-top: 45px; border-top: 1px solid var(--brand-line); }
.brand-route-steps a { grid-template-columns: 38px minmax(0, 1fr) 22px; gap: 15px; padding: 19px 0; border-bottom-color: var(--brand-line); }
.brand-route-steps strong { color: var(--brand-deep); font-family: var(--brand-serif); font-size: 20px; font-weight: 600; }
.brand-route-steps span { color: var(--brand-muted); font-size: 14px; line-height: 1.75; }

.nutrition-insight { padding: clamp(90px, 11vw, 150px) var(--brand-pad); }
.nutrition-manifesto { max-width: 680px; margin: 42px 0 64px auto; padding: 26px 0 0 28px; border-left: 3px solid var(--brand-accent); }
.nutrition-manifesto small { color: var(--brand-accent); font-weight: 600; }
.nutrition-manifesto h3 { margin: 10px 0 12px; color: var(--brand-deep); font-size: 28px; }
.nutrition-manifesto div { color: var(--brand-muted); line-height: 1.9; }
.insight-grid { grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr); gap: clamp(45px, 9vw, 132px); align-items: center; margin-top: 38px; }
.insight-copy h2 { margin: 0; font-size: 60px; }
.insight-copy > p { max-width: 500px; margin: 28px 0 0; color: var(--brand-muted); line-height: 1.9; }
.insight-figure { min-height: 530px; }
.insight-figure figcaption { background: rgba(18, 56, 43, .96); }
.insight-points { grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 76px; border-top: 1px solid var(--brand-line); }
.insight-points article { padding: 25px 25px 0 0; border-right: 1px solid var(--brand-line); }
.insight-points article + article { padding-left: 25px; }
.insight-points article:last-child { border-right: 0; }
.insight-points small { color: var(--brand-accent); font-family: Arial, sans-serif; font-weight: 700; }
.insight-points h3 { margin: 12px 0 8px; color: var(--brand-deep); font-size: 23px; }
.insight-points p { margin: 0; color: var(--brand-muted); font-size: 14px; line-height: 1.8; }

.commitments { display: grid; grid-template-columns: minmax(320px, .84fr) minmax(0, 1.16fr); background: var(--brand-deep); color: #fff; }
.commitments-visual { min-height: 620px; position: relative; }
.commitments-visual::after { background: linear-gradient(0deg, rgba(10, 36, 26, .7), transparent 55%); }
.commitments-copy { padding: clamp(80px, 9vw, 130px) var(--brand-pad); }
.commitments-copy h2 { margin-top: 35px; color: #fff; font-size: 62px; }
.commitment-list { margin-top: 45px; }
.commitment-list article { display: grid; grid-template-columns: 38px 1fr; gap: 17px; padding: 23px 0; border-top-color: rgba(255, 255, 255, .2); }
.commitment-list small { color: #e1ac7d; font-family: Arial, sans-serif; font-weight: 700; }
.commitment-list h3 { margin: 0 0 7px; color: #fff; font-size: 21px; }
.commitment-list div { color: var(--brand-white-muted); font-size: 14px; line-height: 1.85; }
.light-link { color: #fff; }

.news-preview,
.home-cooperation { padding: clamp(86px, 11vw, 145px) var(--brand-pad); }
.preview-heading,
.news-preview-heading { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-top: 25px; }
.preview-heading h2,
.news-preview-heading h2 { margin: 0; }
.preview-heading p { max-width: 340px; margin: 0 0 5px; color: var(--brand-muted); font-size: 14px; line-height: 1.8; }
.news-preview { background: var(--brand-surface); }
.news-preview-heading { align-items: center; }
.news-preview-list { margin-top: 42px; border-top: 1px solid var(--brand-line); }
.news-preview-list a { display: grid; grid-template-columns: 104px minmax(0, 1fr) 24px; gap: 25px; align-items: start; padding: 23px 0; border-bottom: 1px solid var(--brand-line); }
.news-date { color: var(--brand-accent); font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; }
.news-preview-list small { color: var(--brand-accent); font-size: 12px; font-weight: 600; }
.news-preview-list h3 { margin: 6px 0 4px; color: var(--brand-deep); font-size: 24px; }
.news-preview-list p { max-width: 680px; margin: 0; color: var(--brand-muted); font-size: 14px; line-height: 1.8; }
.news-preview-list b { color: var(--brand-accent); font-family: Arial, sans-serif; font-size: 18px; }

.agent-preview { display: grid; grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr); gap: clamp(40px, 8vw, 115px); padding: clamp(88px, 11vw, 145px) var(--brand-pad); color: #fff; background: var(--brand-green); }
.agent-preview h2 { color: #fff; }
.agent-preview-heading > p { max-width: 500px; margin: 26px 0 32px; color: rgba(255, 255, 255, .8); font-size: 15px; line-height: 1.9; }
.agent-module-list { border-top: 1px solid rgba(255, 255, 255, .27); }
.agent-module-list a { display: grid; grid-template-columns: 42px minmax(0, 1fr) 20px; gap: 14px; padding: 21px 0; border-bottom: 1px solid rgba(255, 255, 255, .27); }
.agent-module-list small { color: #e1ac7d; font-family: Arial, sans-serif; font-weight: 700; }
.agent-module-list h3 { margin: 0 0 4px; color: #fff; font-size: 21px; }
.agent-module-list p { margin: 0; color: rgba(255, 255, 255, .72); font-size: 14px; line-height: 1.75; }
.agent-module-list > a > span { color: #e1ac7d; font-family: Arial, sans-serif; }

.framework-miniapp { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 50px; align-items: center; padding: clamp(75px, 9vw, 118px) var(--brand-pad); background: var(--brand-deep); color: #fff; }
.framework-miniapp h2 { color: #fff; font-size: 56px; }
.framework-miniapp p { max-width: 620px; color: var(--brand-white-muted); line-height: 1.9; }
.framework-miniapp figure { margin: 0; }
.framework-miniapp figure img { width: 190px; height: 190px; padding: 11px; background: #fff; }
.framework-miniapp figcaption { max-width: 190px; margin-top: 13px; color: var(--brand-white-muted); font-size: 13px; line-height: 1.7; }
.home-cooperation { background: var(--brand-surface); }
.cooperation-heading { max-width: 760px; margin-top: 25px; }
.cooperation-heading p { margin: 22px 0 29px; color: var(--brand-muted); }
.cooperation-types { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 54px; border-top: 1px solid var(--brand-line); }
.cooperation-types a { display: grid; gap: 8px; padding: 23px 24px 0 0; border-right: 1px solid var(--brand-line); }
.cooperation-types a + a { padding-left: 24px; }
.cooperation-types a:last-child { border-right: 0; }
.cooperation-types small { color: var(--brand-accent); font-family: Arial, sans-serif; font-weight: 700; }
.cooperation-types strong { color: var(--brand-deep); font-family: var(--brand-serif); font-size: 22px; }
.cooperation-types span { color: var(--brand-muted); font-size: 14px; }

.framework-page-hero { max-width: var(--brand-max); min-height: 650px; margin: 0 auto; padding: 135px var(--brand-pad) 88px; background: var(--brand-surface); }
.framework-page-hero-copy h1 { margin: 25px 0 0; color: var(--brand-deep); font-size: 78px; line-height: 1.2; }
.framework-page-hero-copy > p:last-child { max-width: 570px; margin: 25px 0 0; color: var(--brand-muted); font-size: 17px; line-height: 1.9; }
.framework-page-hero-media { min-height: 430px; margin-top: 35px; }
.framework-page-hero-media figcaption { background: rgba(18, 56, 43, .9); }
.framework-benefits { max-width: var(--brand-max); margin: 0 auto; border-top: 1px solid var(--brand-line); border-bottom: 1px solid var(--brand-line); }
.framework-benefits article { padding: 31px var(--brand-pad); border-color: var(--brand-line); }
.framework-benefits h2 { margin: 9px 0 7px; color: var(--brand-deep); font-size: 27px; }
.framework-benefits p { margin: 0; color: var(--brand-muted); font-size: 14px; line-height: 1.8; }
.framework-page-body { max-width: 760px; margin: 0 auto; padding: 92px var(--brand-pad); color: var(--brand-ink); font-size: 17px; line-height: 2; }
.framework-page-body h2 { color: var(--brand-deep); font-size: 33px; }
.framework-agent-catalog { max-width: var(--brand-max); margin: 0 auto; padding: 0 var(--brand-pad) 100px; background: var(--brand-deep); color: #fff; }
.framework-agent-catalog a { display: grid; grid-template-columns: 55px 1fr; gap: 10px 20px; padding: 31px 0; border-bottom: 1px solid rgba(255, 255, 255, .2); }
.framework-agent-catalog small { color: #e1ac7d; font-family: Arial, sans-serif; font-weight: 700; }
.framework-agent-catalog h2 { margin: 0; color: #fff; font-size: 29px; }
.framework-agent-catalog p { grid-column: 2; max-width: 620px; margin: 0; color: var(--brand-white-muted); font-size: 14px; line-height: 1.8; }

.listing-head { max-width: var(--brand-max); margin: 0 auto; padding: 150px var(--brand-pad) 78px; background: var(--brand-surface); }
.listing-head p { margin-bottom: 22px; color: var(--brand-accent); font-size: 12px; font-weight: 700; }
.listing-head h1 { margin: 0; color: var(--brand-deep); font-size: 76px; line-height: 1.2; }
.listing-head > span { display: block; max-width: 560px; margin-top: 24px; color: var(--brand-muted); font-size: 16px; }
.listing { max-width: 920px; padding: 35px var(--brand-pad) 100px; }
.listing > a { padding: 29px 0; border-top-color: var(--brand-line); }
.listing > a:last-child { border-bottom: 1px solid var(--brand-line); }
.listing small { color: var(--brand-accent); font-size: 12px; font-weight: 600; }
.listing h2 { margin: 10px 0 7px; color: var(--brand-deep); font-size: 29px; }
.listing p { max-width: 680px; margin: 0 0 15px; color: var(--brand-muted); font-size: 15px; line-height: 1.85; }
.listing > a > span { border-bottom-color: var(--brand-accent); color: var(--brand-deep); font-size: 13px; font-weight: 600; }
.news-listing { background: var(--brand-paper); }

.cooperation-hero { max-width: var(--brand-max); margin: 0 auto; padding: 155px var(--brand-pad) 82px; background: var(--brand-surface); }
.cooperation-hero h1 { max-width: 920px; margin: 23px 0 0; color: var(--brand-deep); font-size: 76px; line-height: 1.2; }
.cooperation-hero > p { max-width: 620px; margin: 24px 0 0; color: var(--brand-muted); font-size: 16px; }
.cooperation-intake { max-width: var(--brand-max); margin: 0 auto; padding: 84px var(--brand-pad) 110px; background: var(--brand-paper); }
.cooperation-intake h2 { margin: 20px 0 0; color: var(--brand-deep); font-size: 54px; line-height: 1.3; }
.cooperation-scope-list { margin-top: 45px; border-top-color: var(--brand-line); }
.cooperation-scope-list > div { padding: 20px 0; border-bottom-color: var(--brand-line); }
.cooperation-scope-list small { color: var(--brand-accent); font-weight: 700; }
.cooperation-scope-list strong { color: var(--brand-deep); font-family: var(--brand-serif); font-size: 20px; }
.cooperation-scope-list span { color: var(--brand-muted); font-size: 14px; line-height: 1.8; }
.cooperation-form-wrap form { gap: 21px; margin-top: 30px; }
.cooperation-form-wrap label { color: var(--brand-muted); font-size: 13px; font-weight: 600; }
.cooperation-form-wrap input,
.cooperation-form-wrap textarea,
.cooperation-form-wrap select { border: 1px solid var(--brand-line); border-radius: 2px; background: var(--brand-surface); color: var(--brand-ink); padding: 11px 13px; font-family: var(--brand-sans); font-size: 15px; }
.cooperation-form-wrap input:focus,
.cooperation-form-wrap textarea:focus,
.cooperation-form-wrap select:focus { border-color: var(--brand-green); outline: 3px solid rgba(29, 90, 67, .12); }
.cooperation-form-wrap button { border-radius: 2px; }

.editorial-page { background: var(--brand-paper); }
.article-hero { max-width: var(--brand-max); min-height: 700px; margin: 0 auto; padding-top: 76px; background: var(--brand-surface); }
.article-hero-copy { padding: 85px var(--brand-pad) 75px; }
.article-kicker { color: var(--brand-accent); font-size: 12px; font-weight: 700; }
.article-hero h1 { margin-top: 22px; color: var(--brand-deep); font-size: 74px; line-height: 1.22; }
.article-deck { margin-top: 26px; color: var(--brand-muted); font-size: 17px; line-height: 1.9; }
.article-back { margin-top: 39px; color: var(--brand-deep); font-size: 13px; font-weight: 600; }
.article-hero-media { min-height: 520px; }
.article-reading { max-width: var(--brand-max); margin: 0 auto; padding: 105px var(--brand-pad) 130px; background: var(--brand-paper); }
.article-rail { top: 104px; border-top-color: var(--brand-line); }
.article-rail p { color: var(--brand-accent); font-size: 11px; font-weight: 700; }
.article-rail strong { color: var(--brand-deep); font-family: var(--brand-sans); font-size: 14px; }
.article-rail a { color: var(--brand-deep); font-weight: 600; }
.article-prose { color: var(--brand-ink); font-size: 17px; line-height: 2.05; }
.article-prose h2 { color: var(--brand-deep); font-size: 34px; }
.article-prose h3 { color: var(--brand-deep); font-size: 24px; }
.article-prose blockquote { color: var(--brand-deep); border-left-color: var(--brand-accent); font-size: 23px; }
.article-after { max-width: var(--brand-max); margin: 0 auto; padding: 85px var(--brand-pad) 105px; background: var(--brand-deep); }
.article-after h2 { font-size: 58px; }
.article-related h3 { font-size: 27px; }

.site-footer { max-width: var(--brand-max); margin: 0 auto; padding: 43px var(--brand-pad) 25px; background: #0b261c; color: var(--brand-white-muted); }
.site-footer-main { align-items: start; }
.footer-brand strong { color: #fff; font-family: var(--brand-serif); font-size: 22px; }
.footer-brand span { color: var(--brand-white-muted); font-size: 13px; }
.footer-links { gap: 14px 22px; }
.footer-links a,
.footer-miniapp { color: #fff; font-size: 13px; }
.footer-legal { color: #96aea0; font-size: 12px; }

@media (max-width: 980px) {
  .site-nav nav { gap: 14px; font-size: 13px; }
  .nav-cta { display: none; }
  .brand-route { gap: 48px; }
  .insight-grid,
  .agent-preview { gap: 45px; }
  .article-hero { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 820px) {
  .site-nav,
  .inner-page .site-nav,
  .framework-home .site-nav,
  .framework-page--industry-agents .site-nav { height: 64px; padding: 0 var(--brand-pad); }
  .site-nav nav.open { top: 64px; padding: 23px var(--brand-pad) 29px; background: var(--brand-deep); }
  .site-nav nav.open a { color: #fff; }
  .framework-home .site-nav.scrolled { height: 64px; }
  .framework-hero { height: min(700px, calc(100svh - 40px)); min-height: 600px; }
  .framework-hero-copy { padding-top: 15px; }
  .framework-hero h1 { font-size: 58px; }
  .hero-subtitle { font-size: 15px; }
  .framework-hero .hero-safety { right: var(--brand-pad); bottom: 25px; display: grid; gap: 5px; }
  .brand-route,
  .nutrition-insight,
  .news-preview,
  .home-cooperation { padding-top: 80px; padding-bottom: 88px; }
  .brand-route { grid-template-columns: 1fr; gap: 40px; }
  .brand-route-media { min-height: 330px; }
  .brand-route-copy h2,
  .nutrition-insight h2,
  .agent-preview h2,
  .home-cooperation h2 { font-size: 48px; }
  .insight-grid,
  .commitments,
  .agent-preview,
  .framework-miniapp { grid-template-columns: 1fr; }
  .nutrition-manifesto { margin: 37px 0 48px; }
  .insight-figure { min-height: 360px; }
  .insight-points { grid-template-columns: 1fr; margin-top: 52px; }
  .insight-points article,
  .insight-points article + article { padding: 19px 0; border-right: 0; border-bottom: 1px solid var(--brand-line); }
  .insight-points article:last-child { border-bottom: 0; }
  .commitments-visual { min-height: 330px; }
  .commitments-copy { padding-top: 76px; padding-bottom: 86px; }
  .preview-heading,
  .news-preview-heading { display: block; }
  .preview-heading p { margin-top: 20px; }
  .preview-heading .underlined-link,
  .news-preview-heading .underlined-link { display: inline-block; margin-top: 25px; }
  .news-preview-list a { grid-template-columns: 75px minmax(0, 1fr) 18px; gap: 13px; }
  .cooperation-types { grid-template-columns: 1fr; }
  .cooperation-types a,
  .cooperation-types a + a { padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--brand-line); }
  .cooperation-types a:last-child { border-bottom: 0; }
  .framework-page-hero { min-height: auto; padding-top: 125px; padding-bottom: 72px; }
  .framework-page-hero-copy h1 { font-size: 58px; }
  .framework-page-hero-media { min-height: 350px; }
  .framework-benefits { display: block; }
  .framework-page-body { padding-top: 72px; padding-bottom: 75px; font-size: 16px; }
  .framework-agent-catalog { padding-bottom: 65px; }
  .listing-head { padding-top: 125px; padding-bottom: 62px; }
  .listing-head h1 { font-size: 58px; }
  .cooperation-hero { padding-top: 125px; padding-bottom: 64px; }
  .cooperation-hero h1 { font-size: 58px; }
  .cooperation-intake { padding-top: 69px; }
  .cooperation-form-wrap { margin-top: 18px; }
  .article-hero { display: block; min-height: auto; padding-top: 64px; }
  .article-hero-copy { padding: 72px var(--brand-pad) 60px; }
  .article-hero h1 { font-size: 56px; }
  .article-hero-media { min-height: 0; height: 54vh; }
  .article-reading { display: block; padding-top: 73px; padding-bottom: 85px; }
  .article-rail { position: relative; top: auto; margin-bottom: 57px; }
  .article-prose { font-size: 16px; }
  .article-after { padding-top: 73px; padding-bottom: 85px; }
  .site-footer-main { display: grid; gap: 28px; }
  .footer-links { display: grid; grid-template-columns: repeat(2, 1fr); }
  .footer-legal { display: grid; gap: 7px; }
}

@media (max-width: 480px) {
  .hero-actions { display: grid; align-items: start; }
  .solid-light-button { width: max-content; max-width: 100%; }
  .framework-hero .hero-safety { font-size: 11px; }
  .brand-route-steps a { grid-template-columns: 31px minmax(0, 1fr) 18px; gap: 10px; }
  .news-preview-list a { grid-template-columns: 1fr 16px; }
  .news-date { grid-column: 1 / -1; }
  .news-preview-list h3 { font-size: 21px; }
  .framework-miniapp figure img { width: 155px; height: 155px; }
  .framework-agent-catalog a { grid-template-columns: 38px 1fr; gap: 8px 13px; }
  .framework-agent-catalog p { grid-column: 2; }
}