/* 独立投资页专属样式（配合公共 styles.css：变量/按钮/导航/页脚/二维码/reveal） */
@keyframes flowlight { 0%,100% { filter:brightness(.7); transform:scale(.85); } 50% { filter:brightness(1.4); transform:scale(1.18); } }
body.inv-page { background:#061420; color:#fff; }
.inv-page .site-header.scrolled { background:rgba(6,20,32,.85); }

.inv-main { position:relative; }
.inv-section { padding:96px 0; }
.inv-section-head { max-width:760px; margin-bottom:44px; }
.inv-section-head .eyebrow { color:var(--cyan-soft); }
.inv-section-head h2 { margin:16px 0 14px; font-size:clamp(30px,3.6vw,46px); line-height:1.12; letter-spacing:-.035em; font-weight:850; color:#fff; }
.inv-section-head p { max-width:640px; margin:0; color:rgba(233,244,252,.66); font-size:15px; line-height:1.9; }
.inv-em { background:linear-gradient(100deg,var(--cyan-soft),var(--green)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }

/* 首屏 */
.inv-hero { position:relative; overflow:hidden; padding:170px 0 90px; background:
  radial-gradient(circle at 80% 14%, rgba(43,143,239,.26), transparent 44%),
  radial-gradient(circle at 8% 88%, rgba(23,193,212,.16), transparent 46%),
  linear-gradient(155deg,#061626,#0b2338 58%,#061420); }
.inv-hero .shell { position:relative; z-index:2; }
.inv-hero .eyebrow { color:var(--cyan-soft); }
.inv-hero h1 { max-width:820px; margin:22px 0 22px; font-size:clamp(40px,5.4vw,68px); line-height:1.08; letter-spacing:-.045em; font-weight:850; }
.inv-hero-lead { max-width:660px; margin:0; color:rgba(233,244,252,.72); font-size:17px; line-height:1.9; }
.inv-hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:32px; }
.inv-wave { position:absolute; left:0; right:0; bottom:0; z-index:1; height:150px; overflow:hidden; pointer-events:none; }
.inv-wave img { position:absolute; bottom:0; left:0; width:200%; height:150px; }
.inv-wave .wave-back { animation:waveflow 18s linear infinite; }
.inv-wave .wave-front { animation:waveflow 12s linear infinite reverse; opacity:.85; }

/* 通用玻璃卡列表 */
.inv-cards { display:grid; gap:18px; }
.cols-2 { grid-template-columns:1fr 1fr; }
.cols-3 { grid-template-columns:repeat(3,1fr); }
.cols-4 { grid-template-columns:repeat(4,1fr); }
.inv-item { padding:28px 26px; border-radius:var(--radius-md); transition:transform .35s ease, box-shadow .35s ease; }
.inv-item:hover { transform:translateY(-6px); box-shadow:0 30px 64px rgba(4,14,24,.5); }
.inv-item .dot { display:block; width:10px; height:10px; margin-bottom:15px; border-radius:50%; background:linear-gradient(120deg,var(--blue),var(--cyan)); box-shadow:0 0 12px 2px rgba(23,193,212,.35); }
.inv-item.accent .dot { background:var(--orange); box-shadow:0 0 12px 2px rgba(255,132,34,.4); }
.inv-item strong { display:block; font-size:15px; color:#fff; }
.inv-item p { margin:9px 0 0; color:rgba(233,244,252,.64); font-size:13px; line-height:1.75; }

/* 问题清单 */
.problem-list { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:14px 34px; }
.problem-list li { position:relative; padding:4px 0 4px 24px; color:rgba(233,244,252,.84); font-size:15px; line-height:1.7; }
.problem-list li::before { content:""; position:absolute; left:0; top:12px; width:9px; height:9px; border-radius:2px; background:linear-gradient(120deg,var(--blue),var(--cyan)); }

/* 解决方式：数据链路 */
.solution-flow { padding:34px 36px; border-radius:var(--radius-lg); }
.flow-chain { display:flex; flex-wrap:wrap; align-items:center; gap:14px 8px; margin:0; padding:0; list-style:none; }
.flow-chain li { display:flex; align-items:center; gap:10px; }
.flow-chain li b { color:#fff; font-size:14px; font-weight:800; white-space:nowrap; }
.flow-chain li:not(:last-child)::after { content:"→"; margin-left:6px; color:rgba(111,224,236,.5); font-weight:700; }
.flow-node { width:13px; height:13px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 4px rgba(23,193,212,.14); animation:flowlight 5.6s ease-in-out infinite; animation-delay:calc(var(--i) * .32s); }
.flow-node.accent { background:var(--orange); box-shadow:0 0 0 4px rgba(255,132,34,.16); }
.solution-note { display:flex; gap:12px; margin-top:26px; padding:22px 26px; border-left:3px solid var(--cyan); border-radius:0 16px 16px 0; background:rgba(23,193,212,.07); }
.solution-note strong { color:#fff; font-size:16px; line-height:1.6; }

/* 阶段清单（绿色圆点=已确认事实） */
.stage-list { margin:0; padding:0; list-style:none; display:grid; gap:13px; }
.stage-list li { position:relative; padding-left:26px; color:rgba(233,244,252,.84); font-size:15px; line-height:1.7; }
.stage-list li::before { content:""; position:absolute; left:0; top:8px; width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 10px 1px rgba(52,196,106,.4); }

/* 合作联系方式（用户已授权公开） */
.inv-contact { display:grid; grid-template-columns:1fr auto; gap:28px 40px; align-items:center; margin-top:24px; padding:30px 34px; border-radius:var(--radius-lg); }
.inv-contact-copy h3 { margin:0 0 8px; font-size:20px; color:#fff; }
.inv-contact-copy p { margin:0; max-width:520px; color:rgba(233,244,252,.66); font-size:14px; line-height:1.8; }
.inv-contact-list { display:flex; flex-wrap:wrap; gap:14px; }
.contact-item { display:inline-flex; align-items:center; gap:12px; padding:12px 18px; border:1px solid rgba(111,224,236,.28); border-radius:14px; background:rgba(255,255,255,.05); color:#fff; transition:border-color .25s ease, background .25s ease, transform .25s ease; }
.contact-item:hover { border-color:rgba(111,224,236,.7); background:rgba(23,193,212,.1); transform:translateY(-2px); }
.contact-item:focus-visible { outline:2px solid var(--cyan-soft); outline-offset:3px; }
.contact-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; color:var(--cyan-soft); background:rgba(23,193,212,.14); }
.contact-icon svg { width:19px; height:19px; }
.contact-text { display:flex; flex-direction:column; gap:2px; min-width:0; }
.contact-text b { color:rgba(233,244,252,.55); font-size:11px; font-weight:800; letter-spacing:.08em; }
/* 覆盖全局 em 的深蓝色，保证深色卡片上联系方式清晰可读 */
.contact-text em { color:#fff; font-style:normal; font-size:16px; font-weight:800; letter-spacing:.01em; overflow-wrap:anywhere; }
.contact-item:hover .contact-text em { color:var(--cyan-soft); }

/* 底部二维码 */
.inv-foot { padding:90px 0 96px; background:linear-gradient(180deg,#061420,#081b2b); }
.inv-foot-head { text-align:center; margin-bottom:36px; }
.inv-foot-head h2 { margin:0 0 10px; font-size:clamp(26px,3vw,38px); color:#fff; letter-spacing:-.03em; }
.inv-foot-head p { margin:0; color:rgba(233,244,252,.62); font-size:14px; }
.inv-qr { display:flex; gap:20px; justify-content:center; }
.inv-qr .qr-card { background:rgba(255,255,255,.96); }

@media (max-width:980px) {
  .cols-2, .cols-3, .cols-4 { grid-template-columns:1fr 1fr; }
  .problem-list { grid-template-columns:1fr; }
  .inv-section { padding:76px 0; }
}
@media (max-width:980px) {
  .inv-contact { grid-template-columns:1fr; gap:20px; }
}
@media (max-width:620px) {
  .cols-2, .cols-3, .cols-4 { grid-template-columns:1fr; }
  .inv-contact { padding:24px 20px; }
  .inv-contact-list { flex-direction:column; gap:10px; }
  .contact-item { width:100%; padding:12px 14px; }
  .contact-text em { font-size:15px; }
  .inv-hero { padding-top:130px; }
  .inv-hero-actions .button { width:100%; }
  .solution-flow { padding:24px; }
  .flow-chain li b { font-size:13px; }
  .inv-qr { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
}