.ipx-page { color:#0a1636; }
.ipx-page-head { height:94px; padding:18px 20px 10px; }
.ipx-page-head h1 { margin:0; font-size:30px; line-height:1.25; }
.ipx-page-head p { margin:5px 0 0; color:#66799e; font-size:14px; }
.ipx-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; margin:0 18px 18px; }
.ipx-stats article { min-width:0; height:112px; padding:14px 22px; display:flex; align-items:center; gap:14px; border:1px solid #dfe8f7; border-radius:16px; background:#fff; }
.ipx-stats img { width:72px; height:72px; object-fit:contain; }
.ipx-stats article div { min-width:0; display:grid; grid-template-columns:auto auto; align-items:end; column-gap:8px; }
.ipx-stats span { grid-column:1 / -1; color:#586c92; font-size:14px; }
.ipx-stats strong { font-size:29px; line-height:1.15; }
.ipx-stats small { max-width:100px; margin-bottom:4px; padding:2px 7px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-radius:10px; color:#66789e; background:#f2f6fc; }
.ipx-main { display:grid; grid-template-columns:535px minmax(0,1fr); gap:14px; margin:0 18px 20px; align-items:start; }
.ipx-list,.ipx-detail { border:1px solid #dfe8f7; border-radius:18px; background:#fff; }
.ipx-list { height:1010px; overflow:hidden; }
.ipx-list > header { height:66px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e7eef9; }
.ipx-list h2 { margin:0; font-size:18px; }
.ipx-list > header button { height:38px; border:1px solid #cfe0fb; border-radius:9px; padding:0 14px; color:#2466e9; background:#fff; }
.ipx-list > div { height:943px; padding:12px; overflow:auto; display:grid; align-content:start; gap:14px; }
.ipx-list article { min-width:0; min-height:270px; padding:16px; display:grid; grid-template-columns:112px minmax(0,1fr); grid-template-rows:auto auto 42px; gap:10px 14px; border:1px solid #dfe8f7; border-radius:15px; }
.ipx-list article.active { border:2px solid #3773ff; }
.ipx-list article > img { width:112px; height:112px; border-radius:50%; object-fit:cover; }
.ipx-list-copy { min-width:0; position:relative; }
.ipx-list-copy h3 { margin:4px 0 8px; padding-right:70px; font-size:18px; }
.ipx-list-copy > span { position:absolute; right:0; top:4px; padding:2px 8px; border-radius:10px; color:#2969ea; background:#eef4ff; font-size:11px; }
.ipx-list-copy b { color:#60749a; font-size:12px; }
.ipx-list-copy p { margin:4px 0 0; color:#53688f; font-size:12px; line-height:1.55; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.ipx-list-meta { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:20px; }
.ipx-list-meta > div { min-width:0; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:4px 8px; }
.ipx-list-meta span { grid-column:1 / -1; color:#7384a7; font-size:11px; }
.ipx-list-meta strong { font-size:20px; }
.ipx-list-meta i { height:6px; border-radius:5px; overflow:hidden; background:#e5ebf5; }
.ipx-list-meta em { display:block; height:100%; background:#168fe7; }
.ipx-list-meta b { color:#1fb78b; font-size:11px; }
.ipx-list footer { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.ipx-list footer button { border:1px solid #d6e2f5; border-radius:7px; color:#26395f; background:#fff; }
.ipx-list footer .primary { color:#fff; border-color:#286aff; background:#286aff; }
.ipx-empty { padding:30px; color:#7182a6; text-align:center; }
.ipx-detail { min-height:1010px; padding:16px 20px 18px; }
.ipx-detail-head { min-height:120px; display:grid; grid-template-columns:112px minmax(0,1fr) auto; align-items:center; gap:16px; padding:0 8px 14px; }
.ipx-detail-head > img { width:112px; height:112px; border-radius:50%; object-fit:cover; }
.ipx-detail-head h2 { margin:0 0 8px; font-size:25px; }
.ipx-detail-head h2 span { margin-left:8px; color:#22b889; font-size:12px; font-weight:600; }
.ipx-detail-head p { margin:0; color:#62769b; font-size:13px; }
.ipx-detail-actions { display:flex; gap:12px; }
.ipx-detail-actions button { height:46px; border:1px solid #d5e2f7; border-radius:9px; padding:0 18px; display:flex; align-items:center; gap:8px; color:#26395e; background:#fff; font-weight:700; }
.ipx-detail-actions button:first-child { color:#fff; border-color:#286aff; background:#286aff; }
.ipx-detail-actions img { width:24px; height:24px; object-fit:contain; }
.ipx-foundation,.ipx-growth,.ipx-memory { margin-top:14px; padding:17px 18px; border:1px solid #e0e9f7; border-radius:15px; }
.ipx-detail h3 { margin:0 0 14px; display:flex; align-items:center; gap:8px; font-size:16px; }
.ipx-detail h3 img { width:24px; height:24px; object-fit:contain; }
.ipx-foundation > div { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
.ipx-foundation article { min-width:0; min-height:78px; padding:8px 14px; display:flex; align-items:center; gap:10px; border-right:1px solid #e6edf8; }
.ipx-foundation article:last-child { border-right:0; }
.ipx-foundation article img { width:46px; height:46px; object-fit:contain; }
.ipx-foundation article div { min-width:0; display:grid; gap:4px; }
.ipx-foundation b { font-size:12px; }
.ipx-foundation span { color:#61749a; font-size:11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ipx-growth > div { position:relative; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.ipx-growth > div::before { content:""; position:absolute; left:7%; right:7%; top:51px; border-top:2px dashed #a9c9ff; }
.ipx-growth article { position:relative; z-index:1; min-width:0; min-height:160px; display:grid; grid-template-rows:88px 25px 30px 22px; justify-items:center; text-align:center; }
.ipx-growth article img { width:86px; height:86px; object-fit:contain; }
.ipx-growth article strong { font-size:12px; }
.ipx-growth article span { color:#65789e; font-size:10px; }
.ipx-growth article b { border-radius:10px; padding:2px 8px; color:#2882e8; background:#edf6ff; font-size:9px; }
.ipx-growth article b.done { color:#17a978; background:#eafaf4; }
.ipx-memory > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.ipx-memory article { min-width:0; min-height:155px; padding:12px; display:grid; grid-template-columns:60px minmax(0,1fr); grid-template-rows:1fr 34px; gap:8px; border:1px solid #e2eaf7; border-radius:12px; }
.ipx-memory article > img { width:58px; height:58px; object-fit:contain; }
.ipx-memory article div { min-width:0; display:grid; align-content:start; gap:3px; }
.ipx-memory strong { font-size:12px; }
.ipx-memory span,.ipx-memory small { color:#65789e; font-size:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ipx-memory button { grid-column:1 / -1; border:1px solid #d6e3f6; border-radius:7px; color:#26395e; background:#fff; }
.ipx-note { margin:16px 0 0; min-height:38px; padding:9px 18px; border-radius:10px; color:#7585a6; background:#f5f8fd; font-size:11px; }
@media (max-width:1500px) {
  .ipx-page-head { height:78px; padding-top:10px; }
  .ipx-page-head h1 { font-size:26px; }
  .ipx-stats { gap:10px; margin:0 10px 12px; }
  .ipx-stats article { height:96px; padding:10px; }
  .ipx-stats img { width:60px; height:60px; }
  .ipx-main { grid-template-columns:430px minmax(0,1fr); margin:0 10px 14px; }
  .ipx-detail { padding-inline:14px; }
  .ipx-detail-head { grid-template-columns:88px minmax(0,1fr); }
  .ipx-detail-head > img { width:84px; height:84px; }
  .ipx-detail-actions { grid-column:1 / -1; justify-content:flex-end; }
  .ipx-foundation article { padding-inline:7px; }
  .ipx-growth > div { gap:8px; }
}