/* 关于小互（2026-10-23 方案 A）。只作用于 .v3-about。 */
.v3-about .ab-h{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:center}
.v3-about .motto{font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--sv-ink-2);margin:16px 0 0}
.v3-about .motto i{font-style:normal;color:var(--sv-rose)}
.v3-about .ab-fig{margin:0;position:relative;border-radius:28px;background:#faf7f1;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(12,12,14,.06),0 10px 30px -12px rgba(12,12,14,.16)}
.v3-about .ab-fig img{width:100%;height:auto}
.v3-about .ab-fig figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.94);color:#0b0b0c;font-size:13px;line-height:1.6;box-shadow:0 10px 30px -14px rgba(12,12,14,.3)}
.v3-about .ab-fig figcaption b{display:block;font-size:15px}
.v3-about .ab-fig figcaption span{color:#4a4a52}
.v3-about .reach{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v3-about .rc{border-radius:24px;padding:24px;background:var(--sv-bg);box-shadow:inset 0 0 0 1px var(--sv-line)}
.v3-about .rc span{font-size:13px;color:var(--sv-ink-3);font-weight:500}
.v3-about .rc b{display:block;font-size:40px;font-weight:700;letter-spacing:-.05em;line-height:1;margin-top:14px;font-variant-numeric:tabular-nums}
.v3-about .rc b small{font-size:17px;letter-spacing:0;margin-left:3px}
.v3-about .rc p{font-size:13px;color:var(--sv-ink-2);margin:10px 0 0}
.v3-about .four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (min-width:721px){.v3-about .four.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-about .four.n3{grid-template-columns:repeat(3,minmax(0,1fr))}}   /* 栏目开关关掉企业、专家时只剩两三张（10-25） */
.v3-about .fo{display:flex;flex-direction:column;gap:8px;border-radius:24px;padding:0 24px 24px;overflow:hidden;background:var(--sv-bg);box-shadow:inset 0 0 0 1px var(--sv-line);transition:box-shadow .2s}
.v3-about .fo:hover{box-shadow:inset 0 0 0 1px var(--sv-line-2),0 10px 30px -12px rgba(12,12,14,.16)}
.v3-about .fo .pic{display:flex;justify-content:center;height:180px;margin:0 -24px 10px;background:#fdfdfd;overflow:hidden;border-bottom:1px solid var(--sv-line)}
.v3-about .fo .pic img{height:236px;width:auto;max-width:none;margin-top:6px;transition:transform .3s}
.v3-about .fo:hover .pic img{transform:translateY(-6px)}
.v3-about .fo .z{font-size:13px;font-weight:700;color:var(--sv-rose)}
.v3-about .fo h4{font-size:17px;margin:0}
.v3-about .fo p{font-size:13.5px;color:var(--sv-ink-2);margin:0}
.v3-about .fo .mo{margin-top:auto;padding-top:10px;font-size:13px;font-weight:600}
.v3-about .co{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}
.v3-about .co-l{display:flex;flex-direction:column;gap:16px;min-width:0;align-self:stretch}   /* 表单按自己的高度，左栏拉到和它一样高，星云填满剩下的 */
.v3-about .cl{padding:24px}
.v3-about .cl h4{font-size:16px;margin:0}
.v3-about .cl p{font-size:14px;color:var(--sv-ink-2);margin:12px 0 0;line-height:1.7}
.v3-about .brands{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.v3-about .brands span{font-size:15px;font-weight:700;padding:9px 16px;border-radius:12px;background:var(--sv-bg-2);box-shadow:inset 0 0 0 1px var(--sv-line)}
/* 合作过的品牌：彩色星云（2026-10-25）。标签按 --x/--y 散开，各自按 --dx/--dy 慢慢漂；底下三团淡彩光晕缓慢流动 */
.v3-about .nb-wrap{flex:1;display:flex;flex-direction:column;min-height:260px;border-radius:24px;background:var(--sv-bg);box-shadow:inset 0 0 0 1px var(--sv-line);overflow:hidden;position:relative}
.v3-about .nb-h{padding:20px 24px 0;display:flex;flex-direction:column;gap:2px}
.v3-about .nb-h b{font-size:16px}
.v3-about .nb-h span{font-size:12.5px;color:var(--sv-ink-3)}
.v3-about .nb{position:relative;flex:1;min-height:240px;margin:4px 10px 4px;isolation:isolate}
.v3-about .nb-f{padding:12px 24px 20px;border-top:1px solid var(--sv-line);background:color-mix(in srgb,var(--sv-bg) 80%,transparent)}
.v3-about .nb-f p{margin:0;font-size:13.5px;color:var(--sv-ink-2);line-height:1.7}
.v3-about .nb-f p+p{margin-top:4px}
.v3-about .nb-g{position:absolute;border-radius:50%;filter:blur(48px);opacity:.45;z-index:-1;animation:nb-drift 22s ease-in-out infinite alternate}
.v3-about .nb-g.g1{width:46%;height:70%;left:4%;top:12%;background:radial-gradient(circle,#ff9ab8,transparent 70%)}
.v3-about .nb-g.g2{width:42%;height:76%;left:38%;top:20%;background:radial-gradient(circle,#9db4ff,transparent 70%);animation-duration:26s;animation-delay:-8s}
.v3-about .nb-g.g3{width:38%;height:64%;left:62%;top:2%;background:radial-gradient(circle,#c7a6ff,transparent 70%);animation-duration:30s;animation-delay:-15s}
@keyframes nb-drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(4%,-6%) scale(1.08)}100%{transform:translate(-5%,5%) scale(.96)}}
.v3-about .nb-c{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  font-weight:700;letter-spacing:-.01em;color:var(--sv-ink);border-radius:999px;cursor:default;
  background:color-mix(in srgb,var(--c) 11%,var(--sv-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 32%,transparent),0 8px 22px -14px color-mix(in srgb,var(--c) 80%,transparent);
  animation:nb-float var(--d) ease-in-out var(--dl) infinite;transition:scale .25s,box-shadow .25s}
.v3-about .nb-c i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
.v3-about .nb-c.s1{font-size:17px;padding:9px 15px}
.v3-about .nb-c.s2{font-size:14.5px;padding:7px 12px}
.v3-about .nb-c.s3{font-size:12.5px;padding:6px 11px;font-weight:600}
.v3-about .nb-c:hover{animation-play-state:paused;scale:1.08;z-index:3;box-shadow:inset 0 0 0 1.5px var(--c),0 12px 28px -12px color-mix(in srgb,var(--c) 90%,transparent)}
@keyframes nb-float{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy)))}}
@media (min-width:721px) and (max-width:1279px){   /* 窄一点的电脑屏：左栏更窄，标签缩一档免得挤 */
  .v3-about .nb-c.s1{font-size:14.5px;padding:7px 12px}.v3-about .nb-c.s2{font-size:13px;padding:6px 10px}.v3-about .nb-c.s3{font-size:11.5px;padding:5px 9px}
  .v3-about .nb-c{gap:6px}.v3-about .nb-c i{width:6px;height:6px}
}
@media (max-width:720px){
  .v3-about .nb-h{padding:18px 18px 4px}
  .v3-about .nb-wrap{min-height:0}
  .v3-about .nb{height:auto;min-height:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px 22px}
  .v3-about .nb-c{position:relative;left:auto;top:auto;transform:none;animation-name:nb-bob}
  .v3-about .nb-c.s1{font-size:17px;padding:9px 15px}.v3-about .nb-c.s2{font-size:15px;padding:7px 13px}.v3-about .nb-c.s3{font-size:13px;padding:6px 11px}
}
@keyframes nb-bob{0%,100%{transform:none}50%{transform:translate(calc(var(--dx) / 3),calc(var(--dy) / 3))}}
@media (prefers-reduced-motion:reduce){.v3-about .nb-c,.v3-about .nb-g{animation:none}}
.v3-about .stk{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:12px 4px}
.v3-about .stk figure{margin:0;text-align:center}
.v3-about .stk img{width:100%;max-width:76px;height:auto;aspect-ratio:1;margin:0 auto;transition:transform .2s}
.v3-about .stk figure:hover img{transform:translateY(-4px) rotate(-3deg)}
.v3-about .stk figcaption{font-size:12px;color:var(--sv-ink-3);margin-top:2px}
@media (max-width:1080px){.v3-about .stk{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media (max-width:920px){
  .v3-about .ab-h{grid-template-columns:1fr;gap:24px}
  .v3-about .ab-fig{order:-1;display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:end;background:none;box-shadow:none;border-radius:0;overflow:visible}
  .v3-about .ab-fig img{border-radius:20px;background:#faf7f1;box-shadow:inset 0 0 0 1px rgba(12,12,14,.06)}
  .v3-about .ab-fig figcaption{position:static;padding:0;background:none;box-shadow:none;color:var(--sv-ink)}
  .v3-about .ab-fig figcaption b{color:var(--sv-rose)}
  .v3-about .ab-fig figcaption span{color:var(--sv-ink-2)}
  .v3-about .co{grid-template-columns:1fr}
  .v3-about .reach,.v3-about .four{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .v3-about .reach{gap:10px}
  .v3-about .rc{padding:16px}
  .v3-about .rc b{font-size:30px;margin-top:8px}
  .v3-about .four{gap:10px}
  .v3-about .fo{padding:0 14px 14px}
  .v3-about .fo .pic{height:130px;margin:0 -14px 8px}
  .v3-about .fo .pic img{height:172px}
  .v3-about .fo p{display:none}
  .v3-about .fo h4{font-size:15px}
  .v3-about .stk{gap:10px 2px}
  .v3-about .stk figcaption{font-size:10.5px}
}