/* v3 全站页面样式（首页之外的内页 + 首页新区块）。规则：每块 = 一张图（≥50% 面积）+ 一句标题 + 少量标签；
   版式在「整幅图」与「7:5 分栏」之间交替。间距取 4/8 网格。 */

/* 焦点图玻璃 H：上沿、右沿也淡出，消掉图片自带圆环与画布圆环的接缝 */
.hero-h { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 26%), linear-gradient(to top, transparent 0, #000 22%), linear-gradient(to bottom, transparent 0, #000 16%);
  mask-image: linear-gradient(to right, transparent 0, #000 26%), linear-gradient(to top, transparent 0, #000 22%), linear-gradient(to bottom, transparent 0, #000 16%); -webkit-mask-composite: source-in, source-in; mask-composite: intersect; }

/* 通用 */
.narrow { max-width: calc(800px + var(--gutter) * 2); }
.sec-tight { padding: 64px 0; }
.sh { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 48px; flex-wrap: wrap; margin-bottom: 56px; }
.sh > div { max-width: 760px; }
.sh .lead { margin-top: 16px; }
.fine { margin: 24px 0 0; color: var(--muted); font-size: 13px; line-height: 20px; }
.promise-line { color: var(--muted); font-size: 14px; }
.display-2 { margin: 0; font-weight: 700; font-size: 64px; line-height: 76px; }
@media (max-width: 1023px) { .display-2 { font-size: 48px; line-height: 58px; } .sh { margin-bottom: 40px; } }
@media (max-width: 639px) { .display-2 { font-size: 36px; line-height: 44px; } .sec-tight { padding: 48px 0; } }
.btn-sm { min-height: 44px; padding: 0 18px; font-size: 14px; }
.split { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; align-items: center; }
.split > div:first-child .sh { margin-bottom: 0; }
@media (max-width: 1023px) { .split { grid-template-columns: 1fr; gap: 40px; } }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 24px; padding: 0; list-style: none; }
.chips li { padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line-strong); font-size: 13px; color: var(--text); }

/* 页头：寻求合作文字链 + 提交项目按钮；品牌进越南下拉 7 行业 */
.hdr-partner { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 500; text-decoration: none; color: var(--text); }
.hdr-partner:hover { color: var(--lime-400); }
.nav .has-sub { position: relative; }
.nav .sub { position: absolute; left: -8px; top: 100%; z-index: 5; display: none; min-width: 240px; margin: 0; padding: 8px; list-style: none; background: var(--graphite); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--glass-edge); }
.nav .has-sub:hover .sub, .nav .has-sub:focus-within .sub { display: block; }
.nav .sub a { display: flex; gap: 12px; width: 100%; padding: 0 12px; font-size: 14px; }
.nav .sub .gl { color: var(--muted); }
.nav .sub a:hover .gl { color: var(--lime-400); }
.nav .sub-all { border-top: 1px solid var(--line); margin-top: 4px; padding-top: 4px; }
.nav .sub-all a { color: var(--muted); }
@media (max-width: 1023px) {
  .hdr-partner { display: none; }
  .hdr.menu-open .nav .sub { position: static; display: grid; grid-template-columns: 1fr 1fr; min-width: 0; padding: 4px 0 12px; background: none; border: 0; box-shadow: none; }
  .hdr.menu-open .nav .sub a { min-height: 44px; font-size: 15px; border-bottom: 0; padding: 0; }
  .hdr.menu-open .nav .sub-all { grid-column: 1 / -1; border-top: 0; }
}

/* 内页首屏 */
.phero { position: relative; overflow: hidden; padding: 176px 0 96px; border-bottom: 1px solid var(--line);
  background: radial-gradient(50% 70% at 85% 30%, rgba(157, 255, 113, .09), transparent 70%), var(--ink); }
.phero-art { position: absolute; inset: 0 0 0 auto; width: 52%; pointer-events: none; }
.phero-rings { position: absolute; inset: 0; background: repeating-radial-gradient(circle at 62% 46%, rgba(242, 245, 241, .055) 0 1px, transparent 1px 32px);
  -webkit-mask-image: radial-gradient(closest-side at 62% 46%, #000 25%, transparent 100%); mask-image: radial-gradient(closest-side at 62% 46%, #000 25%, transparent 100%); }
.phero-h { position: absolute; right: 8%; top: 50%; width: 380px; transform: translateY(-46%) rotate(-4deg); filter: drop-shadow(0 30px 80px rgba(157, 255, 113, .25)); }
.phero-img { position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 50%); mask-image: linear-gradient(to right, transparent, #000 50%); }
.phero-glyph { position: absolute; right: 12%; top: 50%; transform: translateY(-50%); color: rgba(242, 245, 241, .22); }
.phero-glyph path, .phero-glyph circle, .phero-glyph rect { stroke-width: .6 !important; }
.phero-num { position: absolute; right: 6%; top: 50%; transform: translateY(-50%); font-family: "Anton", var(--font); font-size: 260px; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(157, 255, 113, .4); }
.phero-copy { position: relative; max-width: 680px; }
.phero-copy .lead { margin-top: 20px; }
.phero-copy .hero-ctas { margin-top: 32px; display: flex; align-items: center; gap: 16px 24px; flex-wrap: wrap; }
@media (max-width: 1023px) { .phero { padding: 128px 0 64px; } .phero-art { width: 100%; opacity: .4; } .phero-h { width: 240px; right: -20px; } .phero-num { font-size: 160px; right: -10px; } .phero-glyph { right: -20px; width: 180px; height: 180px; } }

/* 首页：投资三方向 */
.dir-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.dir-tile { position: relative; display: grid; align-content: start; gap: 16px; min-height: 340px; padding: 40px 32px 32px; border-radius: 24px; border: 1px solid var(--line); background: var(--carbon); text-decoration: none; transition: border-color .16s ease-out, background-color .16s ease-out; }
.dir-tile:hover { border-color: rgba(157, 255, 113, .4); background: #101713; }
.dir-tile p { margin: 0; color: var(--muted); font-size: 16px; line-height: 26px; }
.dir-tile .go { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--lime-400); }
.dir-tile .gl { margin-bottom: 16px; }
@media (max-width: 1023px) { .dir-tiles { grid-template-columns: 1fr; } .dir-tile { min-height: 0; grid-template-columns: 72px 1fr; padding: 24px; } .dir-tile .gl { grid-row: span 3; margin: 0; } }

/* 首页：我们是谁（点阵地图 + 履历） */
.who2 { display: grid; grid-template-columns: 7fr 5fr; gap: 64px; align-items: center; }
.who2-copy .lead { margin: 16px 0 24px; }
.who2-fact { margin: 0 0 32px; padding-left: 16px; border-left: 2px solid var(--lime-400); font-size: 20px; line-height: 30px; font-weight: 600; }
.who2 .film-card { margin-top: 8px; }
@media (max-width: 1023px) { .who2 { grid-template-columns: 1fr; gap: 40px; } }

/* 行业 × 场景矩阵 */
.matrix { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.mx-row { display: grid; grid-template-columns: 4fr 8fr; gap: 24px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--line); }
.mx-ind { display: flex; align-items: center; gap: 16px; min-height: 56px; text-decoration: none; }
.mx-ind b { display: block; font-size: 20px; line-height: 28px; font-weight: 600; }
.mx-ind small { display: block; color: var(--muted); font-size: 13px; line-height: 20px; }
.mx-ind .gl { color: var(--muted); transition: color .16s ease-out; }
.mx-ind:hover .gl, .mx-ind:hover b { color: var(--lime-400); }
.mx-scenes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mx-scene { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 0 20px; border-radius: 14px; border: 1px solid var(--line); background: rgba(242, 245, 241, .02); text-decoration: none; font-size: 15px; transition: border-color .16s ease-out, background-color .16s ease-out; }
.mx-scene .arr { color: var(--muted); }
.mx-scene:hover { border-color: rgba(157, 255, 113, .45); background: rgba(157, 255, 113, .05); }
.mx-scene:hover .arr { color: var(--lime-400); }
@media (max-width: 1023px) { .mx-row { grid-template-columns: 1fr; gap: 12px; } }
@media (max-width: 639px) { .mx-scenes { grid-template-columns: 1fr; } .mx-scene { min-height: 52px; font-size: 14px; } }

/* 选你的情况 */
.chooser { display: grid; grid-template-columns: 7fr 5fr; gap: 24px; }
.ch-side { position: relative; overflow: hidden; padding: 40px; border-radius: 24px; border: 1px solid var(--line); background: var(--carbon); }
.ch-founder { border-color: rgba(157, 255, 113, .3); }
.ch-side .h3 { margin: 8px 0 24px; font-size: 32px; line-height: 40px; position: relative; }
.ch-side .label { position: relative; }
.ch-opts { position: relative; display: grid; gap: 12px; }
.ch-opt { display: flex; align-items: center; gap: 16px; min-height: 64px; padding: 12px 20px; border-radius: 14px; border: 1px solid var(--line-strong); background: rgba(7, 9, 10, .5); text-decoration: none; transition: border-color .16s ease-out, background-color .16s ease-out; }
.ch-opt > span { flex: 1; }
.ch-opt b { display: block; font-size: 17px; } .ch-opt small { display: block; color: var(--muted); font-size: 13px; line-height: 20px; }
.ch-opt:hover { border-color: var(--lime-400); background: rgba(157, 255, 113, .06); }
.ch-founder .ch-opt:hover .arr { color: var(--lime-400); }
.ch-note { position: relative; margin: 20px 0 0; font-size: 13px; color: var(--muted); }
@media (max-width: 1023px) { .chooser { grid-template-columns: 1fr; } .ch-side { padding: 28px 20px; } }

/* 投资页：方向卡、辐射、流程 */
.dir-cards { display: grid; gap: 24px; }
.dir-card { display: grid; grid-template-columns: 160px 1fr; gap: 40px; align-items: start; padding: 40px; border-radius: 24px; border: 1px solid var(--line); background: var(--carbon); }
.dir-card .gl { width: 120px; height: 120px; }
.dir-card p { margin: 12px 0 20px; color: var(--muted); }
.dir-card .label { margin: 0; }
@media (max-width: 639px) { .dir-card { grid-template-columns: 1fr; gap: 20px; padding: 24px; } .dir-card .gl { width: 72px; height: 72px; } }

/* 两项能力（品牌进越南） */
.cap2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.cap2-card { display: grid; align-content: start; gap: 12px; padding: 40px; border-radius: 24px; border: 1px solid var(--line); background: radial-gradient(80% 60% at 50% 0%, rgba(157, 255, 113, .06), transparent 70%), var(--carbon); }
.cap2-viz { min-height: 300px; display: grid; place-items: center; margin-bottom: 16px; }
.cap2:has(.vz-chat) .cap2-viz { height: 420px; }  /* 品牌页：对话图和五段弧等高，两张卡标题对齐 */
.cap2-card p { margin: 0 0 8px; color: var(--muted); }
@media (max-width: 1023px) { .cap2 { grid-template-columns: 1fr; } .cap2-card { padding: 28px 20px; } .cap2 .cap2-viz, .cap2:has(.vz-chat) .cap2-viz { height: auto; min-height: 0; } }

/* 免费体检 */
.check { display: grid; grid-template-columns: 4fr 8fr; gap: 64px; align-items: center; }
.check-viz { display: grid; place-items: center; }
.check .lead { margin-top: 16px; }
.steps3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 32px 0; padding: 0; list-style: none; }
.steps3 li { display: grid; gap: 4px; padding: 20px; border-radius: 16px; border: 1px solid var(--line); }
.steps3 .o-n { font-family: "Anton", var(--font); font-size: 14px; color: var(--muted); }
.steps3 b { font-size: 17px; } .steps3 li span:last-child { color: var(--muted); font-size: 14px; line-height: 22px; }
.check .hero-ctas { display: flex; align-items: center; gap: 16px 24px; flex-wrap: wrap; }
@media (max-width: 1023px) { .check { grid-template-columns: 1fr; gap: 40px; } .steps3 { grid-template-columns: 1fr; } }

/* 行业页：场景（痛点 → 做法） */
.scenes { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.sc-row { display: grid; grid-template-columns: 1fr auto 1.25fr; align-items: start; gap: 16px; padding: 20px 24px 14px; border-radius: 18px; border: 1px solid var(--line); background: var(--carbon); transition: border-color 160ms var(--ease); }
.sc-row:hover { border-color: var(--line-strong); }
.sc-pain { color: rgba(242, 245, 241, .86); font-size: 16px; line-height: 26px; font-weight: 500; padding-top: 2px; }
.sc-arrow { color: var(--lime-400); padding-top: 4px; }
.sc-fix b { display: block; font-size: 18px; line-height: 26px; margin-top: 6px; }
.sc-tag { display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 12px; line-height: 18px; border: 1px solid var(--line-strong); color: var(--muted); }
.sc-tag.tech { border-color: rgba(157, 255, 113, .4); color: var(--lime-400); }
.sc-fix details { margin-top: 2px; }
.sc-fix summary { cursor: pointer; font-size: 13px; color: var(--muted); min-height: 32px; display: inline-flex; align-items: center; gap: 6px; list-style: none; }
.sc-fix summary::-webkit-details-marker { display: none; }
.sc-fix summary::after { content: "+"; font-size: 16px; line-height: 1; color: var(--lime-400); transition: transform 160ms var(--ease); }
.sc-fix details[open] summary::after { transform: rotate(45deg); }
.sc-fix summary:hover { color: var(--text); }
.sc-fix details p { margin: 4px 0 0; font-size: 14px; line-height: 22px; color: var(--muted); }
@media (max-width: 1023px) { .scenes { grid-template-columns: 1fr; } }
/* 窄屏：问题在上、做法在下，不再硬分两栏 */
@media (max-width: 639px) { .sc-row { grid-template-columns: 1fr; gap: 8px; padding: 18px 18px 10px; } .sc-arrow { display: none; } .sc-pain { color: var(--muted); font-size: 15px; } .sc-fix b { font-size: 17px; } }
.chip-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.chip-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--line-strong); text-decoration: none; font-size: 14px; }
.chip-link:hover { border-color: var(--lime-400); }
.chip-link .gl { color: var(--muted); }

/* 越南观察 */
.nums2 { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.judge2 { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; align-items: center; padding: 48px 0; border-top: 1px solid var(--line); }
.judge2.flip .j-copy { order: 2; }
.j-n { display: block; font-family: "Anton", var(--font); font-size: 15px; color: var(--lime-400); letter-spacing: .06em; margin-bottom: 8px; }
.j-copy p { margin: 12px 0 0; color: var(--muted); }
.src { margin-top: 16px; }
.src summary { cursor: pointer; display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: var(--muted); }
.src ul { margin: 0; padding-left: 18px; font-size: 13px; line-height: 20px; color: var(--muted); }
.rings3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.nots { margin: 24px 0 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.nots li { display: flex; gap: 16px; padding: 16px 20px; border-radius: 14px; border: 1px solid var(--line); color: var(--muted); }
.nots .x { color: var(--lime-400); font-size: 20px; line-height: 28px; }
@media (max-width: 1023px) { .judge2 { grid-template-columns: 1fr; gap: 32px; } .judge2.flip .j-copy { order: 0; } .nums2 { grid-template-columns: 1fr; gap: 32px; } }
@media (max-width: 639px) { .rings3 { grid-template-columns: 1fr; } }

/* 视频行：讲解片 + 竖版系列横滑 */
.vrow { display: grid; grid-template-columns: 7fr 5fr; gap: 40px; align-items: start; }
.vrow-series .fine { margin: 4px 0 16px; }
.eps { display: grid; grid-auto-flow: column; grid-auto-columns: 132px; gap: 12px; margin: 0; padding: 0 0 12px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; }
.eps li { scroll-snap-align: start; }
.ep { position: relative; display: block; border-radius: 14px; overflow: hidden; border: 1px solid var(--line); text-decoration: none; }
.ep img { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; filter: grayscale(.6) brightness(.8); transition: filter .2s ease-out; }
.ep:hover img { filter: none; }
.ep-meta { position: absolute; left: 8px; right: 8px; bottom: 8px; display: grid; gap: 6px; }
.ep-meta .play-dot { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--lime-400); color: var(--ink); }
.ep-meta b { font-size: 13px; line-height: 18px; text-shadow: 0 1px 8px rgba(0, 0, 0, .8); }
@media (max-width: 1023px) { .vrow { grid-template-columns: 1fr; } }
dialog.player.is-vertical video { max-height: 86vh; width: auto; margin: 0 auto; }

/* 关于 */
.map-wide { max-width: 980px; margin: 0 auto; }
.prin { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 0; padding: 0; list-style: none; }
.prin li { padding: 32px; border-radius: 24px; border: 1px solid var(--line); background: var(--carbon); }
.prin p { margin: 12px 0 0; color: var(--muted); }
@media (max-width: 1023px) { .prin { grid-template-columns: 1fr; } }

/* 创在越南 */
.phero-rings2 { position: absolute; inset: 0; background: repeating-linear-gradient(90deg, rgba(242, 245, 241, .04) 0 1px, transparent 1px 48px); -webkit-mask-image: linear-gradient(to left, #000, transparent); mask-image: linear-gradient(to left, #000, transparent); }
.seg { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }
.seg-btn { min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--line-strong); background: transparent; color: var(--text); font: 500 14px/1 var(--font); cursor: pointer; }
.seg-btn.is-on { background: var(--text); color: var(--ink); border-color: var(--text); }
.art-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 0; padding: 0; list-style: none; }
.art-card a { display: grid; gap: 12px; height: 100%; padding: 28px; border-radius: 20px; border: 1px solid var(--line); background: var(--carbon); text-decoration: none; transition: border-color .16s ease-out; }
.art-card a:hover { border-color: rgba(157, 255, 113, .4); }
.art-card h3 { margin: 0; font-size: 18px; line-height: 28px; font-weight: 600; }
.art-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 22px; }
.art-cat { font-size: 12px; color: var(--lime-400); letter-spacing: .04em; }
.art-card .go { margin-top: auto; display: inline-flex; gap: 6px; align-items: center; font-size: 14px; font-weight: 600; }
@media (max-width: 1023px) { .art-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 639px) { .art-grid { grid-template-columns: 1fr; } }

/* 文章正文 */
.art { padding: 144px 0 64px; }
.art-back { font-size: 14px; color: var(--muted); }
.art-h { margin: 12px 0 16px; font-size: 44px; line-height: 56px; font-weight: 700; }
@media (max-width: 639px) { .art-h { font-size: 30px; line-height: 40px; } .art { padding-top: 104px; } }
.prose { margin-top: 40px; font-size: 17px; line-height: 30px; color: rgba(242, 245, 241, .88); }
.prose h2 { margin: 48px 0 16px; font-size: 26px; line-height: 36px; color: var(--text); }
.prose h3 { margin: 32px 0 12px; font-size: 20px; line-height: 30px; color: var(--text); }
.prose p, .prose ul, .prose ol { margin: 0 0 16px; }
.prose a { color: var(--lime-400); }
.prose table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 22px; }
.prose th, .prose td { padding: 10px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.prose .ht-table-scroll { overflow-x: auto; margin: 0 0 16px; }
.prose img { border-radius: 12px; margin: 16px 0; }
.art-disc { padding-top: 24px; border-top: 1px solid var(--line); }

/* 联系：两扇门 */
.cdoors { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.cdoor { position: relative; overflow: hidden; display: grid; align-content: end; gap: 12px; min-height: 420px; padding: 40px; border-radius: 24px; border: 1px solid var(--line); background: var(--carbon); text-decoration: none; transition: border-color .16s ease-out; }
.cdoor:hover { border-color: rgba(157, 255, 113, .45); }
.cdoor > * { position: relative; }
.cdoor > .door-art { position: absolute; }
.cdoor p { margin: 0; color: var(--muted); }
.cdoor .btn { justify-self: start; margin-top: 16px; pointer-events: none; }
.cd-2 .door-art { transform: scaleX(-1); }
@media (max-width: 1023px) { .cdoors { grid-template-columns: 1fr; } .cdoor { min-height: 300px; padding: 28px 20px; } }

/* 表单 */
.hf-wrap { display: grid; grid-template-columns: 8fr 4fr; gap: 48px; align-items: start; }
.hf-side { position: sticky; top: 112px; }
.hf-side-in { padding: 32px; border-radius: 24px; border: 1px solid var(--line); background: var(--carbon); display: grid; justify-items: center; gap: 16px; }
.hf-side .o-steps { grid-template-columns: 1fr; margin: 0; text-align: left; gap: 0; border-left: 1px solid var(--line-strong); margin-left: 8px; }
.hf-side .o-svg { display: none; }
.hf-side .o-steps li { justify-items: start; grid-template-columns: auto 1fr; padding: 0 0 20px 24px; position: relative; }
.hf-side .o-steps li::before { content: ""; position: absolute; left: -5px; top: 6px; width: 9px; height: 9px; border-radius: 50%; background: var(--text); }
.hf-side .o-steps li:last-child::before { background: var(--lime-400); }
.hf-side .o-steps .o-n { grid-row: span 2; padding-right: 8px; padding-top: 4px; }
.hf-side .o-steps b { font-size: 16px; line-height: 24px; }
@media (max-width: 1023px) { .hf-wrap { grid-template-columns: 1fr; } .hf-side { position: static; } .hf-side-in { padding: 20px; } }
.hf { display: grid; gap: 40px; }
.hf-h { display: flex; align-items: center; gap: 12px; margin: 0 0 24px; font-size: 22px; line-height: 30px; }
.hf-h span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--lime-400); color: var(--ink); font-size: 15px; }
.hf-js:not(.hf-open) .hf-step2 { display: none; }
.rcs { margin: 0 0 24px; padding: 0; border: 0; min-width: 0; }
.rcs legend { padding: 0; margin-bottom: 12px; font-size: 14px; font-weight: 600; color: var(--muted); }
.rc-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); }
.rc-4 .rc-grid { grid-template-columns: repeat(4, 1fr); }
.rc-7 .rc-grid { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1023px) { .rc-4 .rc-grid, .rc-7 .rc-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 639px) { .rc-3 .rc-grid { grid-template-columns: 1fr; } }
.rc { position: relative; display: block; cursor: pointer; }
.rc input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.rc-in { display: grid; gap: 4px; align-content: start; height: 100%; min-height: 64px; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--line-strong); background: rgba(242, 245, 241, .02); transition: border-color .16s ease-out, background-color .16s ease-out; }
.rc-in .gl { margin-bottom: 8px; color: var(--muted); }
.rc-in b { font-size: 15px; line-height: 22px; } .rc-in small { color: var(--muted); font-size: 12px; line-height: 18px; }
.rc:hover .rc-in { border-color: rgba(242, 245, 241, .4); }
.rc input:checked + .rc-in { border-color: var(--lime-400); background: rgba(157, 255, 113, .07); box-shadow: inset 0 0 0 1px var(--lime-400); }
.rc input:checked + .rc-in .gl { color: var(--lime-400); }
.rc input:focus-visible + .rc-in { outline: 2px solid var(--lime-400); outline-offset: 2px; }
.rcs[aria-invalid="true"] legend, .rc input[aria-invalid="true"] ~ .rc-in { color: #ffb4a8; }
.fld { display: grid; gap: 8px; margin-bottom: 20px; }
.fld > span { font-size: 14px; font-weight: 600; color: var(--muted); }
.fld input, .fld textarea { width: 100%; min-height: 48px; padding: 12px 16px; border-radius: 12px; border: 1px solid var(--line-strong); background: rgba(7, 9, 10, .6); color: var(--text); font: 400 16px/24px var(--font); }
.fld textarea { resize: vertical; }
.fld input::placeholder, .fld textarea::placeholder { color: rgba(163, 173, 166, .7); }
.fld input:focus, .fld textarea:focus { outline: none; border-color: var(--lime-400); }
.fld [aria-invalid="true"] { border-color: #ff8a78; }
.hf-contact { margin: 0 0 16px; padding: 0; border: 0; }
.hf-contact legend { padding: 0; margin-bottom: 12px; font-size: 14px; font-weight: 600; color: var(--muted); }
.seg-rs { display: inline-flex; gap: 4px; padding: 4px; margin-bottom: 12px; border-radius: 12px; border: 1px solid var(--line-strong); }
.seg-r { position: relative; }
.seg-r input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.seg-r span { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 8px; font-size: 14px; }
.seg-r input:checked + span { background: var(--text); color: var(--ink); font-weight: 600; }
.seg-r input:focus-visible + span { outline: 2px solid var(--lime-400); }
.chk { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; line-height: 22px; color: var(--muted); }
.chk input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--lime-400); flex: none; }
.chk a { color: var(--text); }
.hf-submit { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.hf-promise { margin: 0; font-size: 13px; line-height: 20px; color: var(--muted); max-width: 420px; }
.hf-status { margin: 0; font-size: 14px; line-height: 22px; }
.hf-status:empty { display: none; }
.hf-status.err { color: #ffb4a8; } .hf-status.ok { color: var(--lime-400); }
.hf-status .btn { margin-top: 12px; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.hf-done, .thanks { display: grid; gap: 16px; justify-items: start; padding: 40px; border-radius: 24px; border: 1px solid rgba(157, 255, 113, .35); background: var(--carbon); }
.thanks { margin-top: 96px; }
.hf-done-mark { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--lime-400); color: var(--ink); font-size: 26px; font-weight: 700; }
.hf-done p { margin: 0; }
.hf-done b[data-via] { color: var(--text); }

/* 结尾行动条 */
.end-band .eb-in { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; padding: 48px; border-radius: 24px; border: 1px solid rgba(157, 255, 113, .25);
  background: radial-gradient(60% 120% at 100% 0%, rgba(157, 255, 113, .12), transparent 70%), var(--carbon); }
.end-band .lead { margin-top: 8px; }
.eb-cta { display: flex; gap: 12px; flex-wrap: wrap; }
@media (max-width: 639px) { .end-band .eb-in { padding: 28px 20px; } }

/* FAQ */
.qas { margin-top: 32px; border-top: 1px solid var(--line); }
.qa { border-bottom: 1px solid var(--line); }
.qa summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; cursor: pointer; font-size: 17px; font-weight: 600; }
.qa summary::-webkit-details-marker { display: none; }
.qa summary .pl { flex: none; transition: transform .16s ease-out; color: var(--muted); }
.qa[open] summary .pl { transform: rotate(45deg); color: var(--lime-400); }
.qa > div { padding: 0 0 20px; color: var(--muted); }
.qa p { margin: 0; }
.nf-links { display: flex; flex-wrap: wrap; gap: 8px 32px; margin: 0; padding: 0; list-style: none; }
.vrow > *, .split > *, .who2 > *, .judge2 > *, .hf-wrap > *, .check > * { min-width: 0; }
.arr { width: 16px; height: 16px; flex: none; }
.cap2-viz > figure { width: 100%; }
.vz-arc5 svg { max-width: 520px; }
[hidden] { display: none !important; }
.hf-js:not(.hf-open) .hf-submit { display: none; }
.hf-restored { margin: 0; padding: 12px 16px; border-radius: 12px; background: rgba(157, 255, 113, .06); border: 1px solid rgba(157, 255, 113, .25); font-size: 14px; color: var(--text); }
.hf-restored .link { background: none; border: 0; padding: 0; font: inherit; color: var(--lime-400); cursor: pointer; min-height: 32px; }
.srcs { margin: 24px 0 0; padding-left: 20px; display: grid; gap: 8px; font-size: 14px; line-height: 22px; color: var(--muted); }
.srcs a { overflow-wrap: anywhere; }
.src ul a { color: var(--text); }
/* 资讯卡封面：按栏目区分的图形（不用照片） */
.art-card a { padding: 0 0 28px; overflow: hidden; }
.art-card a > :not(.art-cover) { margin-left: 28px; margin-right: 28px; }
.art-cover { position: relative; display: flex; align-items: flex-end; justify-content: space-between; height: 140px; margin-bottom: 8px; padding: 20px 28px; border-bottom: 1px solid var(--line); color: var(--muted); }
.art-cover .gl { color: var(--text); }
.cv-policy { background: repeating-linear-gradient(0deg, rgba(242, 245, 241, .05) 0 1px, transparent 1px 14px), radial-gradient(70% 90% at 100% 0%, rgba(157, 255, 113, .10), transparent 70%), var(--graphite); }
.cv-dynamics { background: repeating-radial-gradient(circle at 85% 20%, rgba(242, 245, 241, .07) 0 1px, transparent 1px 18px), var(--graphite); }
.cv-venture { background: repeating-linear-gradient(135deg, rgba(242, 245, 241, .05) 0 1px, transparent 1px 16px), radial-gradient(70% 90% at 100% 100%, rgba(157, 255, 113, .12), transparent 70%), var(--graphite); }
.cv-cases { background: radial-gradient(circle at 80% 30%, rgba(157, 255, 113, .14), transparent 50%), var(--graphite); }
.cv-yr { font-family: "Anton", var(--font); font-size: 44px; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(242, 245, 241, .35); }
.art-card a:hover .cv-yr { -webkit-text-stroke-color: var(--lime-400); }

/* 第二轮视觉验收：去三等分卡 */
.dirs { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; align-items: center; }
.dir-rows { display: grid; border-top: 1px solid var(--line); }
.dir-row { display: grid; grid-template-columns: 56px 1fr auto; align-items: center; gap: 16px; min-height: 104px; padding: 16px 0; border-bottom: 1px solid var(--line); text-decoration: none; transition: color .16s ease-out; }
.dir-row .dir-n { font-family: "Anton", var(--font); font-size: 28px; color: var(--muted); }
.dir-row b { display: block; font-size: 28px; line-height: 36px; font-weight: 600; }
.dir-row small { display: block; margin-top: 4px; color: var(--muted); font-size: 14px; line-height: 22px; }
.dir-row .arr { color: var(--muted); }
.dir-row:hover b, .dir-row:hover .dir-n, .dir-row:hover .arr { color: var(--lime-400); }
@media (max-width: 1023px) { .dirs { grid-template-columns: 1fr; gap: 32px; } .vz-dr svg { max-width: 300px; } .dir-row b { font-size: 20px; line-height: 28px; } .dir-row { min-height: 88px; grid-template-columns: 40px 1fr auto; } }
.ind-tiles { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; }
.ind-tile { display: grid; gap: 8px; align-content: start; min-height: 168px; padding: 20px 16px; border-radius: 18px; border: 1px solid var(--line); background: var(--carbon); text-decoration: none; transition: border-color .16s ease-out; }
.ind-tile .gl { color: var(--muted); margin-bottom: 12px; } .ind-tile b { font-size: 17px; } .ind-tile small { color: var(--muted); font-size: 14px; line-height: 20px; }
.ind-tile:hover { border-color: rgba(157, 255, 113, .45); } .ind-tile:hover .gl { color: var(--lime-400); }
@media (max-width: 1279px) { .ind-tiles { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 639px) { .ind-tiles { grid-template-columns: 1fr 1fr; } .ind-tile { min-height: 0; } }
.dir-card > div { display: grid; grid-template-columns: 1fr 1fr; column-gap: 48px; align-items: start; }
.dir-card > div > .h3 { grid-row: 1; } .dir-card > div > p:not(.label) { grid-row: 2; }
.dir-card > div > .label { grid-column: 2; grid-row: 1; align-self: end; } .dir-card > div > .chips { grid-column: 2; grid-row: 2; }
.dir-card > div > .btn { grid-column: 2; grid-row: 3; justify-self: start; }
@media (max-width: 1023px) { .dir-card > div { grid-template-columns: 1fr; } .dir-card > div > * { grid-column: 1 !important; grid-row: auto !important; } }
.rows-big { grid-template-columns: 1fr !important; gap: 0 !important; border-top: 1px solid var(--line); }
.rows-big li { display: grid; grid-template-columns: 96px 5fr 7fr; gap: 24px; align-items: baseline; padding: 32px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; }
.rows-big .j-n { font-size: 40px; color: var(--muted); margin: 0; }
.rows-big p { margin: 0; }
@media (max-width: 1023px) { .rows-big li { grid-template-columns: 56px 1fr; } .rows-big p { grid-column: 2; } .rows-big .j-n { font-size: 28px; } }
.now2 { display: grid; grid-template-columns: 7fr 5fr; gap: 64px; align-items: center; }
.now2 .vz-bars .b-val { font-size: 40px; }
.now2 .vz-bars li { grid-template-columns: 9em 1fr auto; font-size: 15px; }
@media (max-width: 1023px) { .now2 { grid-template-columns: 1fr; gap: 24px; } }
.art-lead { grid-column: span 2; }
.art-lead .art-cover { height: 220px; }
.art-lead h3 { font-size: 26px; line-height: 36px; }
@media (max-width: 639px) { .art-lead { grid-column: auto; } }
.side-list { margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; font-size: 17px; font-weight: 600; }
.hf-side-in > div { display: grid; gap: 12px; justify-items: center; text-align: center; }
.side-reply { margin: 8px 0 0; }
.prose { overflow-wrap: anywhere; }
.prose table { display: block; overflow-x: auto; max-width: 100%; }
@media (max-width: 1023px) { .hf-side { display: none; } }
/* 规格实测修正 */
.ep::after { content: ""; position: absolute; inset: 40% 0 0 0; background: linear-gradient(180deg, transparent, rgba(7, 9, 10, .92) 70%); pointer-events: none; }
.ep-meta { z-index: 1; }
@media (prefers-reduced-motion: reduce) { .js .rv { opacity: 1; transform: none; } }
.sc-fix summary { min-height: 44px; }
.seg-r span { min-height: 44px; }
.chk { min-height: 44px; align-items: center; }
.srcs a, .src ul a { display: inline-flex; align-items: center; min-height: 44px; }
.skip:focus { min-height: 44px; display: inline-flex; align-items: center; }
.fld input:focus, .fld textarea:focus { box-shadow: 0 0 0 1px var(--lime-400); }
html[lang="zh-Hant"] { --font: "Plus Jakarta Sans", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif; }
/* 首屏：介绍片 + 100% 放在按钮下方（原底部信息条太靠下，容易错过） */
.hero-proof { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px; margin-top: 40px; }
.hp-film { display: flex; align-items: center; gap: 16px; padding: 8px 20px 8px 8px; border-radius: 16px; background: var(--glass-bg); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border: 1px solid var(--line-strong); box-shadow: var(--glass-edge); text-decoration: none; transition: border-color .16s ease-out; }
.hp-film:hover { border-color: rgba(157, 255, 113, .5); }
.hp-thumb { position: relative; display: block; width: 112px; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; flex: none; }
.hp-thumb img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.7); }
.hp-thumb .play-dot { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--lime-400); color: var(--ink); }
.hp-film b { display: block; font-size: 15px; line-height: 22px; } .hp-film small { display: block; font-size: 13px; color: var(--muted); }
.hp-fact { display: flex; align-items: center; gap: 12px; margin: 0; max-width: 340px; padding-left: 24px; border-left: 1px solid var(--line-strong); }
.hp-fact b { font-family: "Anton", var(--font); font-weight: 400; font-size: 40px; line-height: 1; color: var(--lime-400); }
.hp-fact span { font-size: 14px; line-height: 21px; color: var(--muted); }
@media (max-width: 639px) { .hero-proof { margin-top: 28px; } .hp-fact { padding-left: 0; border-left: 0; } }
/* 越南语、英文导航较长：不换行，中等宽度收紧间距 */
.nav a, .hdr-partner, .lang summary { white-space: nowrap; }
@media (min-width: 1024px) and (max-width: 1365px) { .hdr-in { gap: 16px; } .nav a { padding: 0 8px; font-size: 14px; } }
/* 手机：流程图改纵向，对话卡不超宽 */
@media (max-width: 639px) {
  .vz-f3 ol { grid-template-columns: 1fr; gap: 0; }
  .f3-arrow { height: 28px; display: grid; place-items: center; }
  .f3-arrow span { width: 1px; height: 100%; margin: 0; }
  .f3-arrow span::before, .f3-arrow span::after { display: none; }
  .c-phone { width: 100%; max-width: 300px; }
}
.hdr .btn, .hero-ctas .btn { white-space: nowrap; }
.btn { max-width: 100%; text-align: center; }
@media (max-width: 639px) { .btn { white-space: normal; line-height: 22px; padding-top: 12px; padding-bottom: 12px; } .hdr .btn { white-space: nowrap; } }
/* 英文、越南语导航长：1280 以下改用菜单（中文 1024 以下才改） */
@media (min-width: 1024px) and (max-width: 1279px) {
  html[lang="vi"] .nav, html[lang="en"] .nav { display: none; }
  html[lang="vi"] .hdr-tools .btn, html[lang="en"] .hdr-tools .btn { display: none; }
  html[lang="vi"] .menu-btn, html[lang="en"] .menu-btn { display: inline-flex; margin-left: auto; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 10px; border: 1px solid var(--line-strong); background: transparent; color: var(--text); }
  html[lang="vi"] .hdr.menu-open .nav, html[lang="en"] .hdr.menu-open .nav { display: flex; position: fixed; inset: 80px 0 0 0; flex-direction: column; gap: 0; padding: 16px var(--gutter) 32px; background: var(--ink); overflow-y: auto; }
  html[lang="vi"] .hdr.menu-open .nav a, html[lang="en"] .hdr.menu-open .nav a { min-height: 56px; font-size: 20px; border-bottom: 1px solid var(--line); border-radius: 0; }
  html[lang="vi"] .hdr.menu-open .nav .nav-cta, html[lang="en"] .hdr.menu-open .nav .nav-cta { display: block; margin-top: 24px; }
  html[lang="vi"] .hdr.menu-open .nav .sub, html[lang="en"] .hdr.menu-open .nav .sub { position: static; display: grid; grid-template-columns: 1fr 1fr; background: none; border: 0; box-shadow: none; }
  html[lang="vi"] .hdr.menu-open .menu-btn .i-open, html[lang="en"] .hdr.menu-open .menu-btn .i-open { display: none; }
  html[lang="vi"] .hdr.menu-open .menu-btn .i-close, html[lang="en"] .hdr.menu-open .menu-btn .i-close { display: block; }
}
.who2-fact + .who2-fact { margin-top: -16px; }
html[lang="vi"] .ledger .who-names .en, html[lang="en"] .ledger .who-names .en { font-family: var(--font); font-weight: 500; font-size: 14px; letter-spacing: 0; text-transform: none; }
/* 页头固定框架：logo 靠左、按钮靠右（对齐内容右边线），导航在中间居中；切换语言时两端位置不变 */
.hdr-in > nav { flex: 1; display: flex; justify-content: center; min-width: 0; }
.hdr-in > nav .nav { margin: 0; }
.hdr-tools { margin-left: auto; }
.lang summary { color: #c8d0ca; }

/* 页脚：表单类页面没有收尾块，舞台图收小；手机上玻璃 H 不压在「下一章」标题上 */
.ftr-plain { padding-top: 64px; } .ftr-plain .ftr-stage { display: none; }
@media (max-width: 639px) { .ftr-h-img { top: -40px; opacity: .5; } .ftr-close { position: relative; padding-top: 120px; } }

/* ===== 2026-10-24 全站视觉复查（比例 / 断行 / 一致性）===== */
/* 标题不留孤字；导语和小字避免最后一行只剩一两个字 */
h1, h2, h3, .display-2, .h3 { text-wrap: balance; }
.lead, .ind-tile small, .art-card p, .sec-head p, .dir-card p { text-wrap: pretty; }
/* 投资页顶部 01·02·03：缩小并让开导语，不再压在正文上 */
.phero-copy { max-width: 600px; }
.phero-num { font-size: 168px; right: 4%; -webkit-text-stroke-color: rgba(157, 255, 113, .3); }
/* 手机：顶部装饰（大数字、行业图标、100%）一律隐藏，只留背景环纹 */
@media (max-width: 639px) { .phero-num, .phero-glyph, .phero-h { display: none; } }
/* 三个方向卡：图标栏收窄、内边距收紧，按钮紧跟标签 */
@media (min-width: 640px) { .dir-card { grid-template-columns: 96px 1fr; gap: 32px; padding: 32px 40px; } }
@media (min-width: 640px) { .dir-card .gl { width: 72px; height: 72px; } }
/* 越南观察「我们不说什么」：× 用灰色（绿色表示肯定），去掉整框改细分隔线 */
.nots { gap: 0; border-top: 1px solid var(--line); }
.nots li { padding: 16px 4px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
.nots .x { color: var(--muted); }
/* 资讯筛选：选中态统一用品牌绿；手机上一行横滑，不折行 */
.seg-btn.is-on { background: var(--lime-400); border-color: var(--lime-400); color: var(--ink); }
@media (max-width: 639px) { .seg { flex-wrap: nowrap; overflow-x: auto; margin-right: -16px; padding-right: 16px; scrollbar-width: none; } .seg-btn { flex: none; } }
/* 资讯卡：占位封面压矮，内容顶部对齐，同一行的栏目标签对齐 */
.art-card a { align-content: start; grid-template-rows: auto auto auto auto 1fr; }
.art-card .go { align-self: end; }
.art-cover { height: 88px; padding: 16px 28px; }
.art-cover .gl { width: 28px; height: 28px; } .cv-yr { font-size: 32px; }
.art-lead .art-cover { height: 140px; }
@media (max-width: 639px) { .art-cover { display: none; } .art-card a { padding-top: 24px; } }
/* 关于页「三个原则」：标题栏收窄，描述靠近标题 */
@media (min-width: 1024px) { .rows-big li { grid-template-columns: 80px 240px 1fr; gap: 32px; } }
/* 「重新说一遍」横滑列表：右侧渐隐，提示可以滑 */
.eps { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); padding-right: 48px; }
@media (max-width: 639px) { .hero-proof { row-gap: 24px; } }
/* 关于页：公司简介与创始人 / 核心团队 */
.intro-txt p { margin: 0 0 20px; font-size: 18px; line-height: 1.75; color: rgba(242, 245, 241, .82); text-wrap: pretty; }
.intro-txt p:first-child { color: var(--text); font-size: 20px; }
.fd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.fd-card { padding: 32px; border-radius: 20px; border: 1px solid var(--line); background: var(--carbon); }
.fd-card.hi { border-color: rgba(157, 255, 113, .35); background: radial-gradient(90% 70% at 0% 0%, rgba(157, 255, 113, .07), transparent 70%), var(--carbon); }
.fd-card ul { margin: 20px 0 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.fd-card li { position: relative; padding-left: 20px; font-size: 16px; line-height: 1.6; color: rgba(242, 245, 241, .86); }
.fd-card li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--lime-400); }
@media (max-width: 767px) { .fd-grid { grid-template-columns: 1fr; } .fd-card { padding: 24px; } .intro-txt p, .intro-txt p:first-child { font-size: 16px; } }
/* 投资页方向卡：「我们给」标签用品牌绿边，和「我们看」区分 */
.chips-give li { border-color: rgba(157, 255, 113, .35); color: var(--text); }
/* 右栏：「我们看」「我们给」两组标签和按钮自上而下排在同一栏里 */
.dir-card > div > .dir-side { grid-column: 2; grid-row: 1 / span 3; display: grid; gap: 10px; justify-items: start; }
.dir-side .label { margin: 0; } .dir-side .chips { margin: 0; } .dir-side .chips + .label { margin-top: 10px; } .dir-side .btn { margin-top: 14px; }