/* 数字 + 客户名录 合页（2026-11-01）。two.css 为 v20 共享样式原样复制；本文件只放本页样式。 */

/* 页眉：沿用 v20 首页（荧光绿 宏视传媒×光影、四项居中导航）；白底页用实色深底保持同一观感 */
.nav{background:rgba(9,9,9,.94);color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}

/* 整页光晕：延续大事记的淡绿 / 淡青渐变，随页面通铺，不只停在顶部 */
main{position:relative;overflow:hidden;background:
  radial-gradient(640px 300px at 6% 520px,rgba(122,232,0,.22),transparent 70%),
  radial-gradient(560px 280px at 96% 300px,rgba(0,229,204,.12),transparent 70%),
  radial-gradient(700px 320px at 92% 1300px,rgba(170,255,0,.16),transparent 70%),
  radial-gradient(620px 300px at 4% 1800px,rgba(0,229,204,.11),transparent 70%),
  radial-gradient(700px 320px at 60% 100%,rgba(122,232,0,.16),transparent 70%)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fig.rv{transition-delay:var(--d,0s)}
.mk{display:inline-flex;align-items:center;gap:10px}
.mk::before{content:"";width:28px;height:1px;background:var(--sub)}

/* 开篇：两个大数字是主角 */
.stats{padding:168px 0 56px}
.stats-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--ink)}
.stats-top .lead{font-size:15px;color:var(--sub)}
.figs{display:grid;grid-template-columns:1fr 1fr}
.fig{padding:64px 0 0}
.fig+.fig{padding-left:72px;border-left:1px solid var(--line)}
.num{display:flex;align-items:flex-start;font-family:"Poppins";font-weight:600;font-size:232px;line-height:.86;letter-spacing:-.06em}
.num .plus{color:var(--lime);font-weight:500;font-size:.5em;line-height:1;margin:.06em 0 0 .04em;-webkit-text-stroke:0}
.num .unit{align-self:flex-end;font-family:"HS Sans";font-weight:500;font-size:40px;letter-spacing:0;line-height:1;margin:0 0 .3em .3em}
.fig h2{margin-top:44px;font-family:"HS Sans";font-weight:700;font-size:30px;line-height:1.3}
.fig p{margin-top:12px;max-width:470px;font-family:"HS Sans";font-size:16px;color:var(--sub)}
.svc{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;list-style:none}
.svc li{font-family:"HS Sans";font-size:13px;padding:4px 14px;border:1px solid var(--ink);border-radius:999px}
.svc li.hi{background:var(--lime);border-color:var(--lime)}

/* 客户名录 */
.clients{padding:0 0 120px}
.clients-head{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:22px;border-bottom:1px solid var(--ink)}
.clients-head .h2{margin-top:12px}
.clients-head .lead{font-size:15px;color:var(--sub)}
.cg{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;padding:56px 0 40px;border-bottom:1px solid var(--line)}
.cg-head h3{font-family:"HS Sans";font-weight:700;font-size:34px;line-height:1.2}
.names{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px}
.names li{position:relative;padding:26px 0 26px 26px;border-bottom:1px solid var(--line);font:500 24px/1.4 "HS Sans";overflow-wrap:anywhere}
.names li::before{content:"";position:absolute;left:0;top:37px;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 1.5px var(--ink)}
.names li[hidden]{display:none}
.more{display:flex;align-items:center;gap:8px;margin:14px 0 0 auto;min-height:44px;padding:0 4px;background:none;border:0;cursor:pointer;color:var(--ink);font:500 15px/1 "Poppins","HS Sans",sans-serif}
.more i{font-style:normal;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lime);transition:transform .4s}
.more[aria-expanded="true"] i{transform:rotate(180deg)}
.more:hover span{text-decoration:underline;text-underline-offset:4px}
.cg-body{min-width:0}

.endnote{display:flex;justify-content:flex-end;margin-top:56px}

@media(max-width:1100px){
  .wrap{width:calc(100% - 64px)}
  .nav .wrap{gap:20px}.menu{gap:20px}
  .num{font-size:170px}.fig+.fig{padding-left:40px}
  .cg{grid-template-columns:220px minmax(0,1fr);gap:40px}
  .names{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .wrap,.nav .wrap,.foot .wrap{width:calc(100% - 48px)}
  .nav .brand{font-size:18px}.menu{display:none}
  .stats{padding:120px 0 48px}
  .stats-top,.clients-head{flex-direction:column;align-items:flex-start;gap:8px}
  .figs{grid-template-columns:1fr}
  .fig+.fig{padding-left:0;border-left:0;border-top:1px solid var(--line);margin-top:48px;padding-top:48px}
  .num{font-size:120px}.num .unit{font-size:28px}
  .fig h2{margin-top:28px;font-size:24px}
  .cg{grid-template-columns:1fr;gap:24px;padding:40px 0 28px}
  .names{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
  .names li{padding:18px 0 18px 20px;font-size:17px}.names li::before{top:26px;width:8px;height:8px}
  .foot .wrap{flex-direction:column;gap:24px}.foot nav{flex-wrap:wrap;justify-content:center;gap:18px}
}

/* 全部原官网标识独立成屏；数字区及文字名录样式沿用用户确认稿。 */
.logo-page{min-height:0;padding:36px 0 56px;display:flex;align-items:center}
.logo-page>.wrap{width:calc(100% - 150px)}
.logo-wall{list-style:none;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));column-gap:0;row-gap:42px}
.logo-wall li{min-width:0;min-height:112px;display:flex;align-items:center;justify-content:center}
.logo-wall img{display:block;max-width:100%;height:auto;mix-blend-mode:multiply;filter:grayscale(1)}
@media(max-width:1100px){.logo-page>.wrap{width:calc(100% - 64px)}.logo-wall{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:24px}}
@media(max-width:760px){.logo-page{min-height:0;padding:28px 0 40px}.logo-page>.wrap{width:calc(100% - 48px)}.logo-wall{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px;row-gap:14px}.logo-wall li{min-height:92px}}

/* 四列客户名录：标题独立置顶，名录通铺。 */
.stats>.wrap,.logo-page>.wrap,.clients>.wrap{width:calc(100% - 112px);max-width:1440px}
.logo-page{padding:28px 0 36px}
.clients{padding-bottom:76px}
.clients-head{display:block;padding:0 0 18px;border-bottom:0}
.clients-head .h2{margin:0;font-size:38px;font-weight:700;letter-spacing:-.035em;line-height:1.25}
.cg{display:block;padding:12px 0 24px;border-bottom:1px solid var(--line)}
.cg+.cg{padding-top:22px}
.names{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px}
.names li{padding:20px 0 20px 15px;font:400 18px/1.55 "HS Sans";border-bottom:1px solid rgba(7,7,7,.09);letter-spacing:.015em}
.names li::before{top:32px;width:4px;height:4px;box-shadow:none;background:#80b900}
.more{margin-top:12px;font-size:13px;color:var(--sub)}
.more i{width:24px;height:24px}
.more[hidden]{display:none}
.endnote{margin-top:32px}
@media(max-width:1100px){.stats>.wrap,.logo-page>.wrap,.clients>.wrap{width:calc(100% - 64px)}.names{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}.names li{font-size:16px}}
@media(max-width:760px){.stats>.wrap,.logo-page>.wrap,.clients>.wrap{width:calc(100% - 40px)}.logo-page{padding:20px 0 32px}.clients{padding-bottom:48px}.clients-head .h2{font-size:28px}.cg{padding:6px 0 16px}.names{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.names li{font-size:14px;padding:17px 0 17px 12px}.names li::before{top:26px;width:3px;height:3px}.endnote{margin-top:24px}}

/* Remove only the separator between the two client lists. */
#clients-gov{border-bottom:0}