.invest-page { --inv-ink:#263e49; --inv-muted:#5b707b; --inv-blue:#517b8d; --inv-line:#e0e9ec; --inv-tint:#f1f7f9; background:#fffefb; color:var(--inv-ink); }
.invest-page *, .invest-page *::before, .invest-page *::after { box-sizing:border-box; }
.invest-page { font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; }
.invest-page h1,.invest-page h2,.invest-page h3,.invest-page h4,.invest-page p { margin:0; }
.invest-page button,.invest-page input { font:inherit; }
.invest-page button { cursor:pointer; }
.invest-page [id] { scroll-margin-top:130px; }
.invest-page a:focus-visible,.invest-page button:focus-visible,.invest-page input:focus-visible,.loop-panel:focus-visible { outline:3px solid #638ea4; outline-offset:5px; }
.invest-page .inv-kicker { font-size:.75rem; letter-spacing:.13em; color:var(--inv-blue); line-height:1.7; font-weight:500; }
.invest-page .inv-tag { display:inline-flex; font-size:.8rem; line-height:1.4; padding:.5rem .8rem; border-radius:999px; background:#f0f6f8; color:#527487; white-space:nowrap; }
.inv-button { display:inline-flex; align-items:center; justify-content:center; border:1px solid #466b7c; background:#466b7c; border-radius:999px; color:#fff; padding:.95rem 1.6rem; font-size:.9rem; line-height:1.4; transition:background .2s,transform .2s; min-height:46px; text-decoration:none; }
.inv-button:hover { background:#345565; transform:translateY(-2px); }
.inv-button-outline { background:#fff; border-color:#b6c9d1; color:#3d6172; }
.inv-button-outline:hover { background:#edf5f8; }
.invest-hero { position:relative; isolation:isolate; max-width:1400px; width:calc(100% - 40px); margin:14px auto 0; border-radius:42px; min-height:650px; padding:clamp(38px,5vw,78px); display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.7fr); align-items:center; gap:48px; overflow:hidden; border:1px solid #edf0ed; background:#eef5f8; }
.invest-hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% 50%; z-index:-3; }
.invest-hero::before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,#fffefcf7 0%,#fffefcef 30%,#fffefc8c 62%,#fffefc15 100%); }
.hero-company { margin-top:2.6rem!important; font-size:1rem; color:#59747f; }
.invest-hero h1 { font-size:clamp(2.3rem,3.6vw,3.5rem); line-height:1.45; letter-spacing:-.045em; font-weight:500; margin:1rem 0 1.5rem; color:#2b4c5b; }
.invest-hero .inv-lead { font-size:1rem; line-height:2; max-width:540px; color:#526e7b; }
.invest-hero .inv-button { margin-top:2rem; }
.hero-system { background:#ffffffc9; backdrop-filter:blur(20px); padding:2rem; border-radius:30px; border:1px solid #ffffff; box-shadow:0 15px 60px #3b667014; margin-top:2.3rem; }
.hero-system-label { font-size:.75rem; color:#607e8a; letter-spacing:.1em; }
.hero-system>div { display:grid; grid-template-columns:28px 1fr; column-gap:12px; padding:1.4rem 0; border-bottom:1px solid #dae6e8; }
.hero-system>div>span { grid-row:span 2; font-size:.75rem; color:#748d96; padding-top:5px; }
.hero-system strong { font-size:1.25rem; font-weight:500; }
.hero-system small { font-size:.8rem; color:var(--inv-muted); margin-top:6px; }
.hero-system>p { font-size:.8rem; line-height:1.7; color:#607e89; padding-top:1.2rem; }
.hero-image-note { position:absolute; bottom:22px; right:28px; font-size:.75rem; color:#5d7480; padding:.4rem .7rem; border-radius:99px; background:#ffffffe0; }
.invest-section-nav { max-width:1160px; margin:28px auto 0; padding:14px 24px; display:flex; justify-content:center; flex-wrap:wrap; gap:12px 30px; }
.invest-section-nav a { font-size:.875rem; color:#566f7b; padding:.45rem .15rem; border-bottom:1px solid transparent; }
.invest-section-nav a:hover { border-color:#597b8a; }
.inv-section { max-width:1220px; margin:0 auto; padding:92px 30px 0; }
.inv-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:3rem; margin-bottom:36px; }
.inv-section-heading h2 { font-size:clamp(1.8rem,2.6vw,2.5rem); line-height:1.55; letter-spacing:-.025em; font-weight:500; margin-top:.9rem; }
.inv-section-heading>p { max-width:365px; font-size:1rem; line-height:1.9; color:var(--inv-muted); padding-bottom:4px; }
.company-map { padding:38px 32px 24px; border:1px solid var(--inv-line); background:linear-gradient(150deg,#fff 35%,#f3f8fa); border-radius:36px; }
.company-root { text-align:center; background:#fff; border:1px solid #cbdde4; border-radius:24px; max-width:330px; margin:auto; padding:20px; box-shadow:0 10px 35px #3c64700a; position:relative; }
.company-root>span { font-size:.75rem; color:#64818f; }.company-root h3 { font-size:2rem; font-weight:500; margin:.6rem 0 .4rem; }.company-root p { font-size:.875rem; color:#617987; }
.structure-connector { height:48px; width:66.67%; margin:auto; border-bottom:1px solid #bccfd8; position:relative; }
.structure-connector::before { content:""; width:1px; height:48px; position:absolute; left:50%; background:#bccfd8; }
.company-branches { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.branch { position:relative; margin-top:26px; background:#fff; border-radius:25px; border:1px solid var(--inv-line); padding:26px; }
.branch::before { content:""; position:absolute; left:50%; top:-27px; height:26px; width:1px; background:#bccfd8; }
.branch-software { background:#f0f7fa; border-color:#d1e4eb; }
.branch h3 { margin:1.4rem 0 .9rem; font-size:1.75rem; font-weight:500; }.branch h3>span { font-size:1rem; margin-left:.5rem; color:#657f8e; }.branch h3.brand-title { letter-spacing:-.025em; }
.branch p { font-size:1rem; line-height:1.85; color:var(--inv-muted); }.branch ul { list-style:none; padding:16px 0 0; margin:16px 0 0; border-top:1px solid #e0e9ed; }
.branch li { font-size:.875rem; line-height:2; color:#52707e; }
.foundation-band { display:flex; flex-direction:column; gap:18px; text-align:center; margin-top:24px; border:1px solid #dce7eb; border-radius:22px; background:#eaf2f6; padding:23px; }
.foundation-band strong { font-size:1rem; font-weight:500; }.foundation-band>div { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }.foundation-band span { background:#ffffffb3; padding:.6rem 1rem; font-size:.875rem; border-radius:999px; color:#567484; }
.invest-page .inv-caption { font-size:.75rem; line-height:1.7; color:#657d87; margin-top:16px; }.company-map>.inv-caption { text-align:center; }
.loop-workspace { border:1px solid #d7e4ea; border-radius:32px; overflow:hidden; background:#fff; box-shadow:0 16px 60px #51798b08; }
.workspace-top { display:flex; justify-content:space-between; align-items:center; padding:20px 28px; border-bottom:1px solid #e0e9ec; background:#fafcfd; }.workspace-top strong { font-size:.95rem; font-weight:500; }.workspace-top>span { font-size:.8rem; color:#627b89; }
.loop-body { display:grid; grid-template-columns:290px minmax(0,1fr); }.loop-tabs { padding:18px; border-right:1px solid #e0e9ec; background:#f7fafb; display:flex; flex-direction:column; gap:7px; }
.loop-tabs button { text-align:left; display:flex; align-items:center; gap:15px; border:1px solid transparent; background:transparent; color:var(--inv-muted); border-radius:18px; padding:18px 16px; }
.loop-tabs button[aria-selected="true"] { border-color:#d0e1e9; background:#e9f3f7; color:#2e566a; }.loop-tabs button:hover { background:#edf4f7; }.loop-tabs button>span { font-size:.8rem; }
.loop-tabs strong { display:block; font-size:1rem; font-weight:500; }.loop-tabs small { display:block; font-size:.8rem; color:#637f8e; margin-top:5px; }
.loop-panel { padding:42px; display:flex; flex-direction:column; justify-content:center; min-height:480px; }.panel-step { font-size:.75rem; letter-spacing:.09em; color:#638593; }.loop-panel h3 { font-size:1.9rem; line-height:1.6; font-weight:500; margin:1rem 0; }.loop-panel>p { font-size:1rem; line-height:1.95; color:var(--inv-muted); max-width:580px; min-height:64px; }
.loop-data-grid { margin-top:24px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.loop-data-grid>div { border:1px solid #e1e9ed; background:#fafcfd; padding:18px 15px; border-radius:18px; }.loop-data-grid span { display:block; color:#67828e; font-size:.75rem; margin-bottom:10px; }.loop-data-grid strong { font-weight:500; font-size:.875rem; line-height:1.65; display:block; }
.loop-return { display:flex; align-items:center; gap:12px; border-top:1px solid #e4ecef; margin-top:26px; padding-top:20px; }.loop-return>span { font-size:1.75rem; color:#708d9a; }.loop-return>p { font-size:.875rem; color:#617c89; line-height:1.7; }
.compute-strip { display:grid; grid-template-columns:1fr 1.15fr; gap:50px; margin-top:22px; padding:32px; border:1px solid #e3e9ec; background:linear-gradient(105deg,#f0f6f9,#fffef8); border-radius:25px; align-items:center; }.compute-strip h3 { margin-top:14px; font-size:1.4rem; font-weight:500; line-height:1.6; }.compute-strip>p { font-size:1rem; line-height:2; color:var(--inv-muted); }
.research-layout { display:grid; grid-template-columns:1.12fr 1fr; gap:22px; }.database-card,.code-card { border-radius:32px; border:1px solid var(--inv-line); padding:32px; background:#fff; }.database-card { background:linear-gradient(145deg,#f2f8fa,#fbfdfd); }
.database-top { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }.database-card h3,.code-card h3 { font-size:1.7rem; font-weight:500; line-height:1.6; margin:22px 0 25px; }.code-card>.inv-tag { margin-top:12px; }
.database-shelves { display:grid; gap:12px; }.database-shelves>div { display:grid; grid-template-columns:26px 1fr; gap:4px 12px; border:1px solid #dde8ed; background:#ffffffc4; border-radius:18px; padding:18px; }.database-shelves span { grid-row:span 2; font-size:.75rem; color:#708b98; padding-top:2px; }.database-shelves h4 { font-size:1rem; font-weight:500; }.database-shelves p { font-size:.875rem; line-height:1.7; color:var(--inv-muted); }.database-foot { margin-top:25px!important; font-size:.875rem; line-height:1.8; color:#5b7887; }
.code-chain { list-style:none; padding:0; margin:0; display:grid; gap:17px; }.code-chain li { display:flex; align-items:center; gap:15px; border:1px solid #e0e9ed; background:#fbfcfd; border-radius:17px; padding:15px 18px; position:relative; }.code-chain li+li::before { content:""; position:absolute; height:17px; width:1px; background:#c9dce5; top:-18px; left:32px; }.code-chain li>span { font-size:.75rem; color:#6b8794; }.code-chain strong { display:block; font-size:1rem; font-weight:500; }.code-chain small { display:block; font-size:.8rem; color:#667f8c; margin-top:5px; line-height:1.6; }
.evidence-note { display:flex; align-items:center; gap:40px; padding:25px 30px; border:1px solid #e5ecef; border-radius:22px; margin-top:22px; background:#fff; }.evidence-note strong { font-size:1rem; line-height:1.8; font-weight:500; flex:1; }.evidence-note p { font-size:.875rem; line-height:1.8; color:var(--inv-muted); flex:1.3; }
.delivery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }.delivery-card { overflow:hidden; border-radius:32px; background:#fff; border:1px solid #e0e9ec; }.delivery-image { position:relative; height:300px; margin:10px 10px 0; border-radius:24px; overflow:hidden; }.delivery-image img { height:100%; width:100%; object-fit:cover; }.delivery-image>span { position:absolute; right:16px; bottom:16px; font-size:.75rem; color:#54707e; background:#ffffffed; border-radius:999px; padding:.4rem .75rem; }
.delivery-copy { padding:30px; }.delivery-copy h3 { font-size:1.6rem; font-weight:500; margin:15px 0 15px; }.delivery-copy>p:not(.inv-kicker) { font-size:1rem; line-height:1.95; color:var(--inv-muted); }.delivery-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }.delivery-chips span { padding:.5rem .8rem; border-radius:99px; background:#f1f6f8; color:#577687; font-size:.8rem; }
.connected-delivery { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px 28px; border:1px solid #dce8ed; border-radius:22px; background:#edf5f8; margin-top:22px; }.connected-delivery span { font-size:.875rem; line-height:1.8; white-space:nowrap; }.connected-delivery p { font-size:.875rem; line-height:1.8; color:#587685; text-align:center; }
.investment-section { margin:100px auto 70px; width:calc(100% - 40px); max-width:1400px; background:linear-gradient(140deg,#ecf4f8,#f7fafb 60%,#fffaf0); border:1px solid #e2ebee; border-radius:42px; padding:65px clamp(30px,calc((100% - 1160px)/2),120px); }
.investment-heading { text-align:center; }.investment-heading h2 { font-size:clamp(1.8rem,3vw,2.8rem); line-height:1.5; font-weight:500; margin:15px 0; }.investment-heading>p:last-child { font-size:1rem; color:var(--inv-muted); line-height:1.9; }
.investment-deal { margin-top:36px; border:1px solid #dbe6ec; border-radius:30px; overflow:hidden; background:#fff; }.deal-top { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:23px 30px; border-bottom:1px solid #e2eaee; }.deal-top>span { font-size:.875rem; color:#5d7888; }.deal-top>strong { font-size:1.1rem; font-weight:500; }.deal-top strong>span { padding:0 12px; color:#8ba3ae; }
.investment-parts { display:grid; grid-template-columns:1fr 1fr; }.investment-part { padding:32px; }.secondary-part { border-left:1px solid #e2eaee; }.investment-part h3 { font-size:1.55rem; font-weight:500; margin:12px 0; }.capital-route { display:inline-flex; font-size:.875rem; padding:.45rem .8rem; border-radius:99px; background:#eaf3f7; color:#507485; }.secondary-part .capital-route { background:#f3f4f0; color:#657165; }.part-description { font-size:.875rem; line-height:1.9; margin-top:15px!important; color:var(--inv-muted); }
.investment-part dl { padding:0; margin:26px 0 0; display:grid; gap:18px; }.investment-part dl>div { display:flex; justify-content:space-between; align-items:baseline; gap:15px; }.investment-part dt { font-size:.875rem; color:#647f8e; }.investment-part dd { font-size:1.3rem; margin:0; font-weight:500; color:#3b606f; text-align:right; }
.investment-summary { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:30px; background:#f1f7fa; border-top:1px solid #e0e9ee; }.investment-summary>div>span { display:block; color:#5d7b8d; font-size:.8rem; line-height:1.7; }.investment-summary strong { font-size:1.7rem; font-weight:500; display:block; margin-top:7px; }.investment-split { grid-column:span 2; }.split-bar { display:flex; height:7px; background:#e0e9ee; border-radius:99px; overflow:hidden; margin-top:12px; }.split-bar span { transition:width .3s; width:0; }#primary-bar { background:#6690a5; }#secondary-bar { background:#b8c5cd; }
.investment-note { padding:20px 30px; font-size:.8rem; line-height:1.9; color:#60798a; }
@media (max-width:1050px) { .invest-hero { grid-template-columns:1.2fr .8fr; gap:28px; padding:44px; }.hero-system { padding:25px; }.loop-body { grid-template-columns:250px minmax(0,1fr); }.loop-panel { padding:30px; }.loop-data-grid { grid-template-columns:1fr; }.loop-data-grid>div { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:12px 15px; }.loop-data-grid span { margin:0; }.loop-data-grid strong { text-align:right; }.branch { padding:22px; }.connected-delivery { flex-wrap:wrap; justify-content:center; }.connected-delivery p { flex-basis:100%; order:2; } }
@media (max-width:760px) { .invest-hero { width:calc(100% - 24px); padding:32px 24px; grid-template-columns:1fr; gap:12px; border-radius:30px; min-height:0; }.invest-hero::before { background:linear-gradient(180deg,#fffefcee,#fffefcb0); }.invest-hero h1 { font-size:2.05rem; }.hero-company { margin-top:28px!important; }.invest-hero .inv-lead { font-size:1rem; }.hero-system { margin-top:24px; padding:24px; }.hero-system>div { padding:16px 0; }.hero-image-note { display:block; }.invest-section-nav { margin-top:18px; padding:12px 20px; gap:8px 18px; }.inv-section { padding:60px 20px 0; }.inv-section-heading { display:block; margin-bottom:26px; }.inv-section-heading>p { margin-top:18px; max-width:none; }.inv-section-heading h2 { font-size:1.85rem; }.company-map { padding:24px 18px; border-radius:26px; }.structure-connector { width:1px; height:25px; border:0; background:#bccfd8; }.structure-connector::before { display:none; }.company-branches { grid-template-columns:1fr; gap:14px; }.branch { margin:0; padding:25px; }.branch::before { display:none; }.branch h3 { margin-top:20px; }.branch ul { margin-top:15px; }.foundation-band { padding:22px 16px; }.foundation-band>div { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.foundation-band span { padding:.6rem .3rem; font-size:.8rem; line-height:1.6; }.workspace-top { padding:18px; gap:10px; }.workspace-top>span { font-size:.75rem; }.loop-body { grid-template-columns:1fr; }.loop-tabs { border-right:0; border-bottom:1px solid #e0e9ec; flex-direction:row; padding:12px; overflow-x:auto; scroll-snap-type:x proximity; }.loop-tabs button { padding:12px 14px; gap:10px; white-space:nowrap; scroll-snap-align:start; }.loop-tabs strong { font-size:.875rem; }.loop-tabs small { display:none; }.loop-panel { padding:28px 24px; min-height:430px; }.loop-panel h3 { font-size:1.6rem; }.compute-strip { grid-template-columns:1fr; gap:20px; padding:26px; }.research-layout { grid-template-columns:1fr; }.database-card,.code-card { padding:26px; border-radius:26px; }.database-card h3,.code-card h3 { font-size:1.6rem; }.evidence-note { flex-direction:column; gap:12px; align-items:stretch; padding:24px; }.delivery-grid { grid-template-columns:1fr; }.delivery-image { height:240px; }.delivery-copy { padding:25px; }.connected-delivery { padding:24px; gap:12px; }.investment-section { width:calc(100% - 24px); padding:40px 16px; border-radius:30px; margin:65px auto 35px; }.investment-heading>p:last-child { max-width:300px; margin:auto; }.deal-top { display:block; text-align:center; padding:20px; }.deal-top>span { display:block; margin-bottom:10px; }.investment-parts { grid-template-columns:1fr; }.investment-part { padding:28px 24px; }.secondary-part { border-left:0; border-top:1px solid #e2eaee; }.investment-summary { padding:24px; gap:20px; }.investment-summary strong { font-size:1.35rem; }.investment-note { padding:20px 24px; } }
@media (prefers-reduced-motion:reduce) { .invest-page *, .invest-page *::before, .invest-page *::after { scroll-behavior:auto!important; transition:none!important; } }