.ecosystem-intro{max-width:900px}.ecosystem-intro .lead{margin-top:12px;font-size:1rem}.ecosystem-map{position:relative;display:grid;grid-template-columns:1fr 1.1fr 1fr;grid-template-rows:1fr 1fr;gap:30px 70px;align-items:center;min-height:380px;margin:22px auto 0;max-width:1080px}.ecosystem-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.ecosystem-lines path{fill:none;stroke:#63b8ec;stroke-width:2;stroke-dasharray:7 8;animation:connection-flow 2s linear infinite}.ecosystem-lines .return{stroke:#99a9d6;animation-direction:reverse}.ecosystem-node{position:relative;z-index:1;border:1px solid #cfdef1;border-radius:22px;padding:18px;background:white;color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 12px 30px #13284c0b;transition:transform .2s,box-shadow .2s,border-color .2s;min-width:0;width:100%}.ecosystem-node:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 16px 30px #1763d622}.ecosystem-node strong{display:block;font-size:1.08rem;margin-top:8px}.ecosystem-node small{display:block;color:var(--secondary);font-size:.8rem;margin-top:7px;line-height:1.45}.ecosystem-node .explore{display:block;margin-top:12px;color:var(--blue);font-size:.75rem;font-weight:750}.ecosystem-node .node-icon{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mini-mobile{width:23px;height:33px;border:2px solid currentColor;border-radius:6px;display:inline-block;position:relative}.mini-mobile:after{content:'';position:absolute;bottom:3px;left:7px;width:5px;height:2px;background:currentColor}.mini-web{display:inline-block;width:36px;height:25px;border:2px solid currentColor;border-radius:4px;box-shadow:0 6px 0 -4px currentColor}.node-teacher{grid-column:1;grid-row:1}.node-family{grid-column:1;grid-row:2}.node-ai{grid-column:2;grid-row:1 / 3;text-align:center;background:radial-gradient(ellipse at center,#e8f6ff,white 70%);border-color:#9ac9f2;padding:10px 18px 18px}.node-ai img{display:block;height:230px;width:100%;object-fit:contain;filter:drop-shadow(0 12px 16px #1763d622)}.node-school{grid-column:3;grid-row:1 / 3}.connection-caption{grid-column:3;position:absolute;top:calc(50% + 115px);text-align:center;color:var(--muted);font-size:.72rem}.ecosystem-legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.ecosystem-legend span{border:1px solid var(--line);background:var(--soft);padding:6px 10px;border-radius:999px;font-size:.73rem;color:var(--secondary)}.ecosystem-note{text-align:center;font-size:.73rem;color:var(--muted);margin-top:12px}.ecosystem-dialog{border:1px solid #cedff4;border-radius:24px;padding:0;width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink);box-shadow:0 30px 100px #13284c55;background:white;overscroll-behavior:contain}.ecosystem-dialog::backdrop{background:#10223db3;backdrop-filter:blur(6px)}.ecosystem-dialog[open]{animation:modal-arrive .2s ease-out}.dialog-top{position:sticky;top:0;z-index:1;background:#f3f8ff;display:flex;align-items:flex-start;gap:16px;padding:24px;border-bottom:1px solid var(--line)}.dialog-top>div{flex:1}.dialog-top h2{font-size:1.6rem;margin-top:5px}.dialog-top small{color:var(--blue);font-weight:750;font-size:.73rem}.dialog-close{flex:none;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);cursor:pointer;font-size:1.5rem}.dialog-body{padding:24px}.dialog-body>p{color:var(--secondary);font-size:.96rem}.dialog-features{padding:0;list-style:none;display:grid;gap:13px;margin:20px 0}.dialog-features li{padding:12px 15px;border-left:3px solid var(--cyan);background:var(--soft);border-radius:0 12px 12px 0;font-size:.88rem;color:var(--secondary)}.dialog-features strong{display:block;color:var(--ink);margin-bottom:3px}.dialog-flow{padding:15px;background:#edf7f2;border-radius:14px;color:#245645;font-size:.86rem}.dialog-scope{font-size:.74rem!important;color:var(--muted)!important;margin-top:16px!important}@keyframes connection-flow{to{stroke-dashoffset:-30}}@keyframes modal-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.ecosystem-map{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:24px 14px;min-height:0}.node-teacher{grid-column:1;grid-row:1}.node-family{grid-column:2;grid-row:1}.node-ai{grid-column:1 / 3;grid-row:2;margin:0 auto;width:75%}.node-ai img{height:170px}.node-school{grid-column:1 / 3;grid-row:3}.ecosystem-node{padding:14px}.ecosystem-node strong{font-size:.96rem}.ecosystem-node small{font-size:.75rem}.connection-caption{display:none}.ecosystem-lines{display:none}.node-ai:before,.node-school:before{content:'↓ ↑';position:absolute;top:-25px;left:50%;transform:translateX(-50%);color:var(--cyan);font-weight:800;letter-spacing:10px;animation:mobile-flow 1.5s ease-in-out infinite}.ecosystem-intro h2{font-size:1.8rem}.dialog-top,.dialog-body{padding:18px}.ecosystem-dialog{max-height:calc(100dvh - 24px)}.ecosystem-legend{gap:6px}}@keyframes mobile-flow{50%{opacity:.4;translate:0 3px}}@media(prefers-reduced-motion:reduce){.ecosystem-lines path,.ecosystem-dialog[open],.node-ai:before,.node-school:before{animation:none}.ecosystem-node{transition:none}}@media print{.ecosystem-dialog{display:none}.ecosystem-node{box-shadow:none}.ecosystem-lines path{animation:none}}