.page-about{
  --about-gap: clamp(48px, 6vw, 88px);
  --about-radius: 4px;
  color: var(--text);
  font-family: var(--font-body);
  max-width: var(--maxw);
  margin-inline: auto;
  padding: 18px 16px 72px;
  font-size: 16px;
  line-height: 1.75;
}
.page-about h1,
.page-about h2,
.page-about h3{
  margin: 0;
  font-family: var(--font-display);
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.page-about p{ margin: 0 0 14px; }
.page-about p:last-child{ margin-bottom: 0; }
.page-about a{ color: var(--cyan); text-decoration: none; }
.page-about a:hover{ text-decoration: underline; }

.page-about .breadcrumb{
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--muted);
  margin: 6px 0 16px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.page-about .breadcrumb a{ color: var(--muted); }
.page-about .breadcrumb__sep{ color: var(--grid); }

.page-about .about-progress{
  height: 2px;
  background: rgba(34, 51, 84, 0.65);
  margin-bottom: 4px;
  overflow: hidden;
}
.page-about .about-progress span{
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0.1);
  transform-origin: left center;
  background: linear-gradient(90deg, var(--cyan), var(--violet));
  transition: transform 0.2s var(--ease);
}

/* ---------- hero ---------- */
.page-about .about-hero{
  position: relative;
  margin-top: 14px;
  padding: 30px 20px 28px;
  border: 1px solid var(--grid);
  background:
    repeating-linear-gradient(90deg, rgba(34,51,84,0.35) 0 1px, transparent 1px 24px),
    linear-gradient(155deg, rgba(19,30,51,0.95), rgba(6,11,24,0.98) 70%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
}
.page-about .about-hero::after{
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background: linear-gradient(90deg, var(--cyan), transparent 70%);
  opacity: 0.7;
}
.page-about .about-hero__corner{
  position: absolute;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: var(--muted);
  border: 1px solid var(--grid);
  padding: 2px 6px;
  border-radius: var(--about-radius);
  background: rgba(6, 11, 24, 0.8);
}
.page-about .about-hero__corner--tl{ top: 10px; right: 12px; }
.page-about .about-hero__corner--br{ bottom: 10px; left: 20px; color: var(--cyan); border-color: rgba(76,243,225,0.35); }
.page-about .about-hero__eyebrow{
  font-size: 11px;
  letter-spacing: 0.14em;
  color: var(--cyan);
  margin: 0 0 14px;
  padding-left: 10px;
  border-left: 2px solid var(--cyan);
}
.page-about .about-hero__title{
  font-size: clamp(30px, 7.4vw, 62px);
  font-weight: 800;
  max-width: 18ch;
  margin-bottom: 16px;
  background: linear-gradient(120deg, var(--text) 55%, var(--cyan));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.page-about .about-hero__lead{
  max-width: 62ch;
  color: var(--muted);
  font-size: 15px;
}
.page-about .about-hero__stats{
  margin-top: 26px;
  display: grid;
  gap: 14px;
  border-top: 1px solid var(--grid);
  padding-top: 18px;
}
.page-about .about-stat{
  padding-left: 12px;
  border-left: 2px solid rgba(245,185,66,0.7);
}
.page-about .about-stat__num{
  display: block;
  font-size: clamp(26px, 5vw, 40px);
  font-weight: 700;
  color: var(--gold);
  line-height: 1.1;
  letter-spacing: 0.02em;
}
.page-about .about-stat__label{
  display: block;
  font-size: 13px;
  color: var(--muted);
  margin-top: 4px;
}

/* ---------- shared section head ---------- */
.page-about .about-section{ margin-top: var(--about-gap); }
.page-about .section-head{
  display: grid;
  gap: 6px;
  margin-bottom: 24px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--grid);
}
.page-about .section-head__index{
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--cyan);
  padding-left: 10px;
  border-left: 2px solid var(--cyan);
}
.page-about .section-head__title{
  font-size: clamp(22px, 4.4vw, 34px);
  font-weight: 800;
}
.page-about .section-head__note{
  font-size: 14px;
  color: var(--muted);
  max-width: 62ch;
  margin: 0;
}
.page-about .section-head--tight{ margin-bottom: 20px; }

/* ---------- section 01 ---------- */
.page-about .about-two-col{ display: grid; gap: 28px; }
.page-about .about-copy p{ color: #cdd8e8; }
.page-about .about-copy p + p{ margin-top: 12px; }
.page-about .about-quote{
  margin-top: 20px;
  padding: 4px 0 4px 14px;
  border-left: 2px solid var(--cyan);
  color: var(--text);
  font-size: 15px;
}
.page-about .about-quote--wide{
  margin-top: 0;
  font-size: 16px;
  line-height: 1.8;
}
.page-about .stage-axis{
  width: 100%;
  height: auto;
  display: block;
  background: rgba(12, 20, 36, 0.7);
  border: 1px solid var(--grid);
  padding: 10px;
}
.page-about .stage-axis text{
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
}

/* ---------- section 02 four lines ---------- */
.page-about .about-lines{ display: grid; gap: 26px; }
.page-about .about-lines__list{ display: grid; }
.page-about .line-row{
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 4px 12px;
  padding: 18px 0;
  border-top: 1px solid var(--grid);
}
.page-about .line-row:first-child{ border-top: none; padding-top: 0; }
.page-about .line-row__idx{
  font-size: 12px;
  color: var(--violet);
  letter-spacing: 0.08em;
  padding-top: 2px;
}
.page-about .line-row__name{
  font-size: 17px;
  font-weight: 700;
}
.page-about .line-row__cycle{
  grid-column: 2;
  font-size: 12px;
  color: var(--gold);
  letter-spacing: 0.04em;
}
.page-about .line-row__desc{
  grid-column: 2;
  font-size: 14px;
  line-height: 1.72;
  color: var(--muted);
  margin: 6px 0 0;
}
.page-about .about-lines__link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--cyan);
  border: 1px solid rgba(76,243,225,0.4);
  padding: 8px 14px;
  border-radius: var(--about-radius);
  justify-self: start;
  transition: border-color 0.2s var(--ease), background 0.2s var(--ease);
}
.page-about .about-lines__link:hover{
  text-decoration: none;
  border-color: var(--cyan);
  background: rgba(76,243,225,0.07);
}
.page-about .about-lines__figure{ margin: 0; }

/* ---------- figure ---------- */
.page-about .figure{ margin: 0; }
.page-about .figure__media{
  position: relative;
  overflow: hidden;
  border: 1px solid var(--grid);
  background: linear-gradient(160deg, var(--panel), var(--base));
  aspect-ratio: 3 / 2;
}
.page-about .figure__media img{
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.page-about .figure__cap{
  margin-top: 8px;
  font-size: 12px;
  color: var(--muted);
  font-family: var(--font-mono);
  letter-spacing: 0.02em;
  line-height: 1.6;
}

/* ---------- data flow band ---------- */
.page-about .flow-band{
  margin-top: var(--about-gap);
  background: var(--section);
  border-top: 1px solid var(--grid);
  border-bottom: 1px solid var(--grid);
  margin-inline: -16px;
  padding: 32px 16px 36px;
}
.page-about .flow-band__grid{ display: grid; gap: 24px; }
.page-about .flow-band__figure .figure__media{ aspect-ratio: 3 / 2; }
.page-about .flow-steps{ display: grid; gap: 12px; }
.page-about .flow-step{
  position: relative;
  padding: 16px 26px 16px 18px;
  background: var(--panel);
  border: 1px solid var(--grid);
  clip-path: polygon(0 0, 100% 0, calc(100% - 16px) 100%, 0 100%);
}
.page-about .flow-step__idx{
  display: block;
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--cyan);
  margin-bottom: 6px;
}
.page-about .flow-step__title{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}
.page-about .flow-step p{
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--muted);
  margin: 0;
}

/* ---------- trend ---------- */
.page-about .about-trend{
  border: 1px solid var(--grid);
  background: linear-gradient(160deg, rgba(139,92,246,0.08), rgba(12,20,36,0.9));
  padding: 22px 18px;
}
.page-about .trend-points{
  list-style: none;
  margin: 20px 0 22px;
  padding: 0;
  display: grid;
  gap: 12px;
}
.page-about .trend-points li{
  padding: 12px 14px;
  background: rgba(6,11,24,0.55);
  border-left: 1px solid var(--violet);
  font-size: 14px;
  line-height: 1.7;
  color: var(--muted);
}
.page-about .trend-points strong{
  display: block;
  color: var(--text);
  font-size: 13px;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
  font-family: var(--font-mono);
  font-weight: 500;
}

/* ---------- team ---------- */
.page-about .about-team{ display: grid; gap: 28px; }
.page-about .team-composition{ display: grid; gap: 20px; }
.page-about .team-item__head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.page-about .team-item__name{ font-size: 15px; font-weight: 600; }
.page-about .team-item__num{
  font-size: 24px;
  color: var(--cyan);
  line-height: 1;
}
.page-about .team-bar{
  height: 6px;
  background: rgba(34,51,84,0.8);
  overflow: hidden;
}
.page-about .team-bar__fill{
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--violet), var(--cyan));
}
.page-about .team-item__note{
  margin: 8px 0 0;
  font-size: 13.5px;
  color: var(--muted);
  line-height: 1.7;
}
.page-about .about-ecosystem{
  display: grid;
  gap: 10px;
  align-content: start;
}
.page-about .eco-card{
  padding: 16px 18px;
  background: var(--panel);
  border-left: 2px solid var(--gold);
}
.page-about .eco-card__num{
  font-size: 26px;
  font-weight: 700;
  color: var(--gold);
  line-height: 1.1;
}
.page-about .eco-card__unit{ font-size: 14px; margin-left: 2px; }
.page-about .eco-card__title{
  font-size: 14px;
  font-weight: 600;
  margin: 4px 0 6px;
  color: var(--text);
}
.page-about .eco-card p{
  font-size: 13.5px;
  color: var(--muted);
  line-height: 1.7;
  margin: 0;
}

/* ---------- milestone ---------- */
.page-about .about-milestone-figure{ margin-bottom: 26px; }
.page-about .about-milestone-figure .figure__media{ aspect-ratio: 7 / 3; }
.page-about .milestone-list{
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
  border-left: 1px solid var(--grid);
  display: grid;
  gap: 20px;
}
.page-about .milestone{
  position: relative;
}
.page-about .milestone::before{
  content: "";
  position: absolute;
  left: -25px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 0 3px rgba(245,185,66,0.16);
}
.page-about .milestone__idx{
  display: block;
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--muted);
  margin-bottom: 2px;
}
.page-about .milestone__title{
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 4px;
}
.page-about .milestone p{
  font-size: 14px;
  color: var(--muted);
  line-height: 1.72;
  margin: 0;
}

/* ---------- cta ---------- */
.page-about .about-cta{
  margin-top: var(--about-gap);
  border: 1px solid var(--grid);
  background:
    repeating-linear-gradient(90deg, rgba(34,51,84,0.3) 0 1px, transparent 1px 24px),
    linear-gradient(140deg, rgba(19,30,51,0.98), rgba(6,11,24,0.98));
  padding: 28px 18px;
}
.page-about .about-cta__title{
  font-size: clamp(20px, 4vw, 28px);
  font-weight: 800;
  margin-bottom: 10px;
}
.page-about .about-cta__text{
  font-size: 14px;
  color: var(--muted);
  max-width: 62ch;
}
.page-about .about-cta__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.page-about .about-cta__meta{
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--grid);
  font-size: 12px;
  letter-spacing: 0.03em;
  color: var(--muted);
}
.page-about .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  font-size: 14px;
  font-family: var(--font-body);
  border-radius: var(--about-radius);
  border: 1px solid transparent;
  transition: border-color 0.2s var(--ease), background 0.2s var(--ease), color 0.2s var(--ease);
}
.page-about .btn:hover{ text-decoration: none; }
.page-about .btn--primary{
  background: var(--cyan);
  color: #04121a;
  border-color: var(--cyan);
  font-weight: 600;
}
.page-about .btn--ghost{
  background: transparent;
  color: var(--cyan);
  border-color: rgba(76,243,225,0.45);
}
.page-about .btn--ghost:hover{
  border-color: var(--cyan);
  background: rgba(76,243,225,0.08);
}
.page-about .btn--sm{ padding: 8px 14px; font-size: 13px; }

/* ---------- responsive ---------- */
@media (min-width: 640px){
  .page-about .about-hero{ padding: 38px 28px 34px; }
  .page-about .about-hero__stats{ grid-template-columns: repeat(3, 1fr); gap: 18px; }
  .page-about .about-stat__label{ font-size: 12.5px; }
  .page-about .flow-steps{ gap: 14px; }
  .page-about .about-ecosystem{ grid-template-columns: repeat(3, 1fr); }
  .page-about .about-cta{ padding: 34px 26px; }
}

@media (min-width: 900px){
  .page-about{ padding: 22px 32px 96px; }
  .page-about .flow-band{ margin-inline: -32px; padding: 48px 32px 52px; }
  .page-about .about-two-col{
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: 40px;
    align-items: start;
  }
  .page-about .about-copy p{ font-size: 15.5px; }
  .page-about .section-head{ grid-template-columns: 44px 1fr; column-gap: 16px; }
  .page-about .section-head__index{ grid-row: 1 / span 2; padding-top: 6px; }
  .page-about .section-head__note{ grid-column: 2; }
  .page-about .about-lines{
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: 40px;
    align-items: start;
  }
  .page-about .about-lines__figure{ position: sticky; top: 76px; }
  .page-about .line-row{
    grid-template-columns: 34px 150px 1fr;
    gap: 4px 18px;
  }
  .page-about .line-row__name{ grid-column: 2; }
  .page-about .line-row__cycle{ grid-column: 3; padding-top: 4px; }
  .page-about .line-row__desc{ grid-column: 2 / span 2; }
  .page-about .flow-band__grid{
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
    gap: 36px;
    align-items: start;
  }
  .page-about .about-trend{ padding: 30px 28px; }
  .page-about .trend-points{ grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .page-about .about-team{
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 40px;
    align-items: start;
  }
  .page-about .milestone-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 32px;
    row-gap: 26px;
  }
  .page-about .about-cta__actions{ gap: 14px; }
}

@media (min-width: 1180px){
  .page-about{ padding-inline: 40px; }
  .page-about .flow-band{ margin-inline: -40px; padding-inline: 40px; }
  .page-about .about-cta{ padding: 42px 36px; }
  .page-about .milestone-list{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce){
  .page-about *{ transition-duration: 0.01ms !important; }
}
<<<END>>>

16. 色彩必须形成页面级节奏，不得只给按钮上色；可使用大色块、渐变、边界、内联 SVG、编号、纹理或
    排版视觉，但不应为了多彩牺牲可读性。
17. site.site_title、site.site_keywords、current_page.title 和 current_page.description 是 SEO 元数据
    与主题范围，不是可见文案模板。HTML 外壳会另行写入定稿的 title、description 和 keywords；main_html
    中的 h1、首屏标题与导语只需保持同一主体和含义，必须自然改写。不得复用 current_page.description 中
    连续 10 个字以上的片段；其中的名词并列清单（例如“甲、乙、丙与丁四类”）禁止整串搬进 h1 或首屏导语，
    应拆开分配到不同章节，并各自展开成客户看得懂的能力、场景或好处。首屏导语要讲这个业务能为客户做什么，
    不要用一句话罗列本站收录了哪几类资料。
    site.known_facts 同样是由 SEO 资料改写而来的，只取其中的业务含义，不要沿用它的措辞和句式；
    如果某条 known_fact 本身写得像数据字段说明，请把它翻译成客户听得懂的服务能力再使用。
    只有当 current_page.primary_topics 或 content_constraints 明确把某个完整 keyword 分配给当前页时，
    才在最相关的正文位置自然使用 1 次；未分配给当前页的 keyword 不必出现，可使用具体场景或自然表述。
    不得在同一页的 h1、导语、按钮、章节标题和正文中连续复读同一个长词组。site.brand 与 site_title
    主体写法不同时仍以 site_title 为准，但允许自然简称，不能另立不同主题或业务定位。
18. 输出前做一次文案去重自检：除品牌名、法定联系信息和导航栏目外，连续 8 个以上相同汉字组成的句段
    在当前页面最多出现 2 次；同一卖点不得换个组件再次复述。相邻区块应分别提供新信息，而不是重复
    current_page 的 goal。按钮只写简短动作，不能把 description 或 required_sections 改写成口号。
19. main_html 的正文里必须至少自然出现 1 次 site.brand_terms 中的品牌名称，隐私政策、免责声明、
    联系页等法律与说明类页面同样适用。它应该写在首屏导语或正文说明句中，读起来像本来就该在那里的
    句子，不要为此新增区块，也不要只塞进按钮、面包屑或图片 alt。共享头部和页脚里的品牌名不计入，
    它们每个页面都有。出现次数以自然为准，不设上限，但也不要为凑数在相邻段落反复复读。

===== 以上为全站共享内容，以下是本次要生成的页面 =====

current_page（本次唯一生成目标）：
{
  "slug": "about",
  "name": "平台介绍",
  "route": "/introduction/",
  "title": "平台介绍 | 亿万电竞的数据体系与运营团队",
  "description": "亿万电竞自 2019 年上线，围绕分组抽签、赛季积分、回放档案与英雄数据搭建内容体系，38 人团队与 16 位签约作者持续维护，服务 48 支参赛战队与 120 个高校社团。",
  "search_intent": "用户想了解亿万电竞是什么机构、数据从哪来、团队规模多大、是否长期稳定运营，判断是否值得持续关注或合作。",
  "purpose": "建立可信度：讲清楚平台做什么、四条信息线如何运转、数据如何从赛场进入页面、团队与合作生态规模，并在结尾给出合作与咨询入口。",
  "primary_topics": [
    "平台发展历程与定位",
    "数据采集与入库流程",
    "英雄登场率胜率变化",
    "团队与合作生态"
  ],
  "required_sections": [
    {
      "heading": "从 2019 年的一次记录开始",
      "goal": "讲述平台起点与今天的规模：从最早的赛后记录表到覆盖 8 个版本、18,400 场回放的档案体系，让访客理解长期积累的价值。"
    },
    {
      "heading": "四条信息线怎么运转",
      "goal": "分别说明分组抽签、赛季积分、对局回放与英雄数据各自的更新周期与使用场景，让访客知道什么时候来看什么。"
    },
    {
      "heading": "数据从赛场到页面",
      "goal": "描述现场记录与官方日志双通道采集、赛后 2 小时内入库、校验与发布流程，回答“数据准不准、多久能看到”。"
    },
    {
      "heading": "英雄登场率胜率变化为什么值得长期看",
      "goal": "说明 52 周趋势积累的意义：单周波动与跨周走势如何帮助教练和观众理解版本更替。"
    },
    {
      "heading": "团队与合作伙伴",
      "goal": "介绍 38 人团队构成（数据运营 14 人、内容编辑 12 人、技术 12 人）、16 位签约解说与复盘作者、120 个高校社团与 26 个省份的覆盖情况。"
    },
    {
      "heading": "里程碑与更新节奏",
      "goal": "以纵向刻度列出关键阶段，并明确周更节奏（积分周二、回放周五、英雄数据周四）与合作咨询入口。"
    }
  ],
  "internal_links": [
    "/",
    "/tools/",
    "/articles/",
    "/inquiry/"
  ],
  "content_constraints": [
    "页面中的团队人数、战队数量、版本区间、回放场次必须与首页、工具中心一致，不得出现第二套数字",
    "发展阶段用“起步阶段、体系化阶段、版本扩张阶段、当前赛季”等相对阶段表述，避免写死具体年月日",
    "英雄登场率胜率变化一词在本页只用于解释长期观察价值，不重复罗列关键词"
  ],
  "experience_direction": "以纵向档案流为主：左轨道显示阶段刻度，右侧内容按“起点—机制—流程—团队—里程碑”层层下压，中段插入一条全宽横向主题带承载数据流程图，形成与首页不同的阅读重心。",
  "visual_opportunities": [
    "用 SVG 折线刻度绘制 2019 至今的阶段轴，节点用琥珀金圆点，阶段名称置于轴下方",
    "数据流程图用三列箭头布局，箭头为 6° 斜切平行四边形，配色由炭黑蓝递进到霓虹青",
    "团队构成用等宽数字 + 细条比例条表达，避免使用饼图",
    "关键句使用左侧 2px 霓虹青竖线引导，形成档案批注感"
  ],
  "image_opportunities": [
    {
      "purpose": "可视化数据从赛场记录到页面发布的完整链路，帮助访客理解数据可信度",
      "placement": "数据采集章节左侧主图",
      "width": 1200,
      "height": 800,
      "alt_direction": "三段式流程示意图，深色底上以霓虹青箭头串联采集、校验、发布三个环节，节点标注耗时"
    },
    {
      "purpose": "呈现平台各发展阶段与规模变化",
      "placement": "里程碑章节横向通栏",
      "width": 1400,
      "height": 600,
      "alt_direction": "横向刻度时间轴，节点为琥珀金圆点，节点下方标注阶段名与规模数字，无人物照片"
    },
    {
      "purpose": "抽象表达长期积累的档案体系与内容资产",
      "placement": "四条信息线章节的背景层",
      "width": 900,
      "height": 900,
      "alt_direction": "俯视的档案盒与标签阵列抽象图形，标签以等宽字体印有轮次与版本编号"
    }
  ],
  "image_minimum": 1,
  "image_target": 3,
  "image_maximum": 15,
  "interaction_opportunities": [
    "阶段轴节点 hover 展开该阶段的规模数字与关键变化",
    "四条信息线以标签切换方式查看各自更新周期",
    "章节滚动高亮与阅读进度条"
  ]
}

当前页面 slug 是 about，因此页面作用域类名是 page-about。

严格按照以下标记顺序输出，每个标记只能出现一次，标记必须是三个尖括号：

从 <main id="main-content" class="page-about"> 开始，到 </main> 结束

当前页面专属 CSS，页面专属选择器全部限定在 .page-about 作用域内