*{box-sizing:border-box}html{scroll-behavior:smooth;background:#f3f8ff}body{margin:0;color:#0f172a;font-family:Inter,Microsoft YaHei,PingFang SC,ui-sans-serif,system-ui,sans-serif;background:linear-gradient(180deg,#edf6ff,#f8fbff 52%,#fff);letter-spacing:0}a:where(.astro-j7pv25f6){color:inherit;text-decoration:none}.home-header:where(.astro-j7pv25f6){position:fixed;inset:0 0 auto;z-index:50}main:where(.astro-j7pv25f6){padding-top:76px}.hero-section:where(.astro-j7pv25f6){position:relative;min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr);gap:clamp(2rem,4vw,4rem);align-items:center;overflow:hidden;padding:clamp(3rem,5.2vw,5.8rem) clamp(6rem,7vw,8rem) 3rem;color:#fff;background:radial-gradient(circle at 74% 20%,rgba(0,128,255,.44),transparent 28%),radial-gradient(circle at 88% 74%,rgba(124,58,237,.36),transparent 30%),linear-gradient(125deg,#050a22,#071849 43%,#020617)}.hero-section:where(.astro-j7pv25f6):before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(125,211,252,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(125,211,252,.045) 1px,transparent 1px);background-size:54px 54px;pointer-events:none}.hero-bg-map:where(.astro-j7pv25f6){position:absolute;right:3vw;top:4vh;width:min(760px,48vw);height:260px;opacity:.75;background-image:radial-gradient(circle,rgba(56,189,248,.86) 1.25px,transparent 1.7px);background-size:11px 11px;-webkit-mask-image:radial-gradient(ellipse at 55% 45%,#000 0 58%,transparent 74%);mask-image:radial-gradient(ellipse at 55% 45%,#000 0 58%,transparent 74%);filter:drop-shadow(0 0 12px rgba(56,189,248,.72))}.hero-copy:where(.astro-j7pv25f6),.hero-visual:where(.astro-j7pv25f6){position:relative;z-index:1}.eyebrow:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:.7rem;color:#b8dbff;font-weight:800}.eyebrow:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){width:58px;height:4px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#2563eb,#7c3aed);box-shadow:0 0 22px #22d3eead}h1:where(.astro-j7pv25f6){margin:1.2rem 0 0;color:#fff;font-size:clamp(3rem,4.75vw,4.95rem);line-height:1.02;letter-spacing:0;white-space:nowrap;text-shadow:0 0 42px rgba(37,99,235,.5)}h1:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){background:linear-gradient(90deg,#fff 0% 48%,#1d9bff 78%,#2563eb);-webkit-background-clip:text;color:transparent}.subtitle:where(.astro-j7pv25f6){margin:1.35rem 0 0;color:#eef7ff;font-size:clamp(1.22rem,1.8vw,1.58rem);font-weight:800}.slogan:where(.astro-j7pv25f6){margin:.78rem 0 0;color:#30e7ff;font-size:clamp(1.05rem,1.35vw,1.28rem);font-weight:900}.description:where(.astro-j7pv25f6){max-width:680px;margin:1rem 0 0;color:#b6c9e4;font-size:.96rem;line-height:1.95}.hero-actions:where(.astro-j7pv25f6){display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.hero-actions:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6),.hero-actions:where(.astro-j7pv25f6) button:where(.astro-j7pv25f6){display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;padding:0 1.2rem;font-weight:900;border:0;cursor:pointer;font:inherit}.primary:where(.astro-j7pv25f6){background:linear-gradient(135deg,#22d3ee,#2563eb);box-shadow:0 16px 38px #2563eb6b;color:#fff}.secondary:where(.astro-j7pv25f6){border:1px solid rgba(125,211,252,.4);background:#081b549e;color:#e0f2fe}.secondary-strong:where(.astro-j7pv25f6){border-color:#38bdf8b8;background:linear-gradient(135deg,#0a2567f2,#0a4a95e6);color:#fff;box-shadow:0 14px 34px #0ea5e93d}.secondary-wechat:where(.astro-j7pv25f6){border-style:dashed;border-color:#94a3b873;background:#0f172a6b;color:#cbd5e1}.hero-button:where(.astro-j7pv25f6){-webkit-appearance:none;-moz-appearance:none;appearance:none}.feature-bar:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:820px;margin-top:3rem;overflow:hidden;border:1px solid rgba(125,211,252,.28);border-radius:14px;background:#060f2a9e;box-shadow:inset 0 1px #ffffff14,0 0 36px #2563eb2e}.feature-bar:where(.astro-j7pv25f6) div:where(.astro-j7pv25f6){min-height:96px;padding:1rem 1.1rem;border-right:1px solid rgba(125,211,252,.18)}.feature-bar:where(.astro-j7pv25f6) div:where(.astro-j7pv25f6):last-child{border-right:0}.feature-bar:where(.astro-j7pv25f6) strong:where(.astro-j7pv25f6),.feature-bar:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){display:block}.feature-bar:where(.astro-j7pv25f6) strong:where(.astro-j7pv25f6){color:#fff;font-size:.96rem}.feature-bar:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){margin-top:.28rem;color:#b7c7de;font-size:.78rem;line-height:1.45}.hero-visual:where(.astro-j7pv25f6){min-height:560px}.laptop:where(.astro-j7pv25f6){position:absolute;right:5%;bottom:13%;width:min(90%,660px);min-height:330px;border:1px solid rgba(125,211,252,.36);border-radius:20px;transform:perspective(1000px) rotateX(8deg) rotateY(-14deg) rotate(2deg);background:linear-gradient(145deg,#050c1ffa,#0f172af2);box-shadow:0 34px 80px #0000007a,0 0 54px #2563eb6b,inset 0 1px #ffffff14;overflow:hidden}.window-top:where(.astro-j7pv25f6){display:flex;gap:.55rem;padding:1rem 1.15rem;border-bottom:1px solid rgba(148,163,184,.16)}.window-top:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){width:.78rem;height:.78rem;border-radius:999px;background:#ff5f57}.window-top:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(2){background:#ffbd2e}.window-top:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(3){background:#28c840}.editor-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:120px 1fr;gap:1.4rem;padding:1.5rem}.sidebar-lines:where(.astro-j7pv25f6),.code-lines:where(.astro-j7pv25f6){display:grid;gap:.9rem}.sidebar-lines:where(.astro-j7pv25f6) i:where(.astro-j7pv25f6),.code-lines:where(.astro-j7pv25f6) i:where(.astro-j7pv25f6){display:block;height:.68rem;border-radius:999px}.sidebar-lines:where(.astro-j7pv25f6) i:where(.astro-j7pv25f6){background:#38bdf82e}.code-lines:where(.astro-j7pv25f6) i:where(.astro-j7pv25f6){width:var(--w);background:var(--c);box-shadow:0 0 18px color-mix(in srgb,var(--c) 50%,transparent)}.speech-card:where(.astro-j7pv25f6),.code-tile:where(.astro-j7pv25f6),.tool-tile:where(.astro-j7pv25f6){position:absolute;border:1px solid rgba(125,211,252,.38);border-radius:16px;background:#0f172ad1;color:#e0f2fe;box-shadow:0 0 34px #0ea5e957}.speech-card:where(.astro-j7pv25f6){top:16%;left:12%;padding:.85rem 1rem;transform:rotate(5deg);line-height:1.55;font-size:.9rem}.code-tile:where(.astro-j7pv25f6){display:grid;place-items:center;right:2%;bottom:18%;width:8rem;height:8rem;font:900 2.2rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:linear-gradient(145deg,#22d3ee57,#2563ebcc)}.tool-tile:where(.astro-j7pv25f6){display:grid;place-items:center;width:4.8rem;height:4.8rem;color:#7dd3fc;font-weight:900}.tool-tile:where(.astro-j7pv25f6).left{left:4%;top:40%}.tool-tile:where(.astro-j7pv25f6).right{right:0;top:38%;color:#93c5fd}.orbit:where(.astro-j7pv25f6){position:absolute;border-radius:50%;pointer-events:none}.orbit-a:where(.astro-j7pv25f6){right:-1%;bottom:2%;width:82%;height:30%;transform:rotate(-9deg);border:1px solid rgba(34,211,238,.4);box-shadow:0 0 26px #38bdf87a}.orbit-b:where(.astro-j7pv25f6){right:7%;bottom:0;width:88%;height:38%;transform:rotate(-9deg);border:1px solid rgba(124,58,237,.45);box-shadow:0 0 32px #7c3aed6b}.section:where(.astro-j7pv25f6){padding:4.2rem 4vw 0}.section-heading:where(.astro-j7pv25f6){max-width:760px;margin:0 auto 1.45rem;text-align:center}.section-heading:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){color:#0284c7;font-weight:900;font-size:.8rem;text-transform:uppercase}.section-heading:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){margin:.55rem 0 0;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:0}.section-heading:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){margin:.8rem 0 0;color:#475569;font-size:.95rem;line-height:1.8}.path-grid:where(.astro-j7pv25f6),.stage-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:1120px;margin:0 auto}.course-section:where(.astro-j7pv25f6){margin-top:3rem;padding-top:3.2rem;padding-bottom:.25rem;background:linear-gradient(180deg,#e2eeff75,#fff0),radial-gradient(circle at 50% 0%,rgba(56,189,248,.08),transparent 42%)}.stage-grid:where(.astro-j7pv25f6){grid-template-columns:repeat(4,minmax(0,1fr))}.path-card:where(.astro-j7pv25f6),.stage-card:where(.astro-j7pv25f6){min-height:186px;border:1px solid rgba(37,99,235,.14);border-radius:12px;padding:1.2rem;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 18px 45px #0f172a12;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.path-card:where(.astro-j7pv25f6):hover,.stage-card:where(.astro-j7pv25f6):hover{transform:translateY(-4px);border-color:#0ea5e966;box-shadow:0 22px 60px #0ea5e929}.path-card:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6),.path-card:where(.astro-j7pv25f6) strong:where(.astro-j7pv25f6),.path-card:where(.astro-j7pv25f6) em:where(.astro-j7pv25f6),.stage-card:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6),.stage-card:where(.astro-j7pv25f6) strong:where(.astro-j7pv25f6),.stage-card:where(.astro-j7pv25f6) em:where(.astro-j7pv25f6){display:block}.path-card:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6),.stage-card:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){color:#0284c7;font:900 .82rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.path-card:where(.astro-j7pv25f6) strong:where(.astro-j7pv25f6),.stage-card:where(.astro-j7pv25f6) strong:where(.astro-j7pv25f6){margin-top:.9rem;font-size:1.04rem}.path-card:where(.astro-j7pv25f6) em:where(.astro-j7pv25f6),.stage-card:where(.astro-j7pv25f6) em:where(.astro-j7pv25f6){margin-top:.55rem;color:#475569;font-style:normal;font-size:.89rem;line-height:1.72}.roadmap-section:where(.astro-j7pv25f6){margin-top:3.25rem;padding-bottom:4.5rem}.roadmap-panel:where(.astro-j7pv25f6){display:block;max-width:1120px;margin:0 auto;padding:1.6rem;border:1px solid rgba(37,99,235,.1);border-radius:22px;background:radial-gradient(circle at top right,rgba(56,189,248,.08),transparent 26%),linear-gradient(180deg,#fff,#f3f9ff);box-shadow:0 24px 56px #0f172a14,inset 0 1px #ffffffe6}.roadmap-kicker:where(.astro-j7pv25f6){color:#0284c7;font-size:.82rem;font-weight:900;text-transform:uppercase}.roadmap-panel:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){margin:.7rem 0 0;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.25}.roadmap-panel:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){margin:.8rem 0 0;color:#475569;font-size:.95rem;line-height:1.85}.roadmap-list:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin:1.35rem 0 0;padding:0;list-style:none;color:#0f172a}.roadmap-list:where(.astro-j7pv25f6) li:where(.astro-j7pv25f6){position:relative;min-height:108px;padding:1rem .95rem .95rem;border:1px solid rgba(37,99,235,.1);border-radius:14px;background:linear-gradient(180deg,#fffffff5,#f1f8fffa);box-shadow:0 14px 32px #0f172a0d}.roadmap-list:where(.astro-j7pv25f6) li:where(.astro-j7pv25f6):before{content:counter(step);counter-increment:step;display:inline-grid;place-items:center;width:1.85rem;height:1.85rem;margin-bottom:.8rem;border-radius:999px;background:linear-gradient(135deg,#22d3ee,#2563eb);color:#fff;font:900 .8rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;box-shadow:0 10px 24px #2563eb38}.roadmap-list:where(.astro-j7pv25f6){counter-reset:step}.roadmap-list:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){display:block;color:#0f172a;font-size:.92rem;font-weight:800;line-height:1.55}.site-footer:where(.astro-j7pv25f6){margin-top:1.5rem;border-top:1px solid rgba(37,99,235,.08);background:linear-gradient(180deg,#edf4ff,#e8f1fd 48%,#e2edf9)}.footer-inner:where(.astro-j7pv25f6){width:min(1180px,calc(100% - 48px));margin:0 auto;padding:2.6rem 0 1.35rem}.footer-brand:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){max-width:860px;margin:.9rem 0 0;color:#526277;font-size:.93rem;line-height:1.8}.footer-logo:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:.82rem}.brand-mark:where(.astro-j7pv25f6){display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#22d3ee,#2563eb 70%,#312e81);color:#fff;font:800 .86rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;box-shadow:0 10px 28px #2563eb47}.footer-logo:where(.astro-j7pv25f6) strong:where(.astro-j7pv25f6){font-size:1.12rem;font-weight:900}.footer-links:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-top:2rem;padding-top:1.1rem;border-top:1px solid rgba(148,163,184,.16)}.footer-links:where(.astro-j7pv25f6) section:where(.astro-j7pv25f6){min-width:0}.footer-links:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){margin:0 0 .9rem;font-size:.95rem;color:#0f172a}.footer-links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){display:block;color:#5b6b80;font-size:.92rem;line-height:1.85}.footer-links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:#0369a1}.footer-wechat:where(.astro-j7pv25f6) img:where(.astro-j7pv25f6){display:block;width:min(100%,140px);margin:0 auto;border-radius:12px;box-shadow:0 14px 30px #0f172a1f}.footer-wechat:where(.astro-j7pv25f6){text-align:center}.footer-wechat:where(.astro-j7pv25f6) strong:where(.astro-j7pv25f6){display:block;margin-top:.85rem;font-size:.95rem;text-align:center;color:#0f172a}.footer-bottom:where(.astro-j7pv25f6){display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.16);color:#6b7b8f;font-size:.88rem}.footer-bottom:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){color:#4b6381}.wechat-modal:where(.astro-j7pv25f6){position:fixed;inset:0;z-index:90}.wechat-backdrop:where(.astro-j7pv25f6){position:absolute;inset:0;background:#020617ad;backdrop-filter:blur(8px)}.wechat-panel:where(.astro-j7pv25f6){position:relative;z-index:1;width:min(92vw,360px);margin:min(12vh,96px) auto 0;padding:1.3rem 1.3rem 1.45rem;border:1px solid rgba(125,211,252,.24);border-radius:16px;background:linear-gradient(180deg,#f8fbff,#fff);box-shadow:0 24px 60px #0f172a33;text-align:center}.wechat-panel:where(.astro-j7pv25f6) strong:where(.astro-j7pv25f6){display:block;color:#0f172a;font-size:1.12rem}.wechat-panel:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){margin:.72rem 0 0;color:#475569;font-size:.92rem;line-height:1.7}.wechat-qr:where(.astro-j7pv25f6){margin-top:1.05rem}.wechat-qr:where(.astro-j7pv25f6) img:where(.astro-j7pv25f6){display:block;width:min(100%,220px);margin:0 auto;border-radius:12px;box-shadow:0 14px 34px #0f172a1f}.wechat-close:where(.astro-j7pv25f6){position:absolute;top:.65rem;right:.7rem;width:2rem;height:2rem;border:0;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:1.15rem;cursor:pointer}@media(max-width:1080px){.hero-section:where(.astro-j7pv25f6){grid-template-columns:1fr;padding-inline:3rem}.hero-visual:where(.astro-j7pv25f6){min-height:440px}.stage-grid:where(.astro-j7pv25f6),.roadmap-list:where(.astro-j7pv25f6){grid-template-columns:repeat(2,minmax(0,1fr))}.footer-links:where(.astro-j7pv25f6){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){main:where(.astro-j7pv25f6){padding-top:116px}.hero-section:where(.astro-j7pv25f6){min-height:auto;padding:2.5rem 1rem 2rem}h1:where(.astro-j7pv25f6){font-size:clamp(2.45rem,12vw,3.4rem);white-space:normal}.feature-bar:where(.astro-j7pv25f6),.path-grid:where(.astro-j7pv25f6),.stage-grid:where(.astro-j7pv25f6),.footer-links:where(.astro-j7pv25f6),.roadmap-list:where(.astro-j7pv25f6){grid-template-columns:1fr}.feature-bar:where(.astro-j7pv25f6) div:where(.astro-j7pv25f6){border-right:0;border-bottom:1px solid rgba(125,211,252,.16)}.hero-visual:where(.astro-j7pv25f6){min-height:320px}.laptop:where(.astro-j7pv25f6){right:0;width:100%;min-height:230px}.editor-grid:where(.astro-j7pv25f6){grid-template-columns:70px 1fr;padding:1rem}.code-tile:where(.astro-j7pv25f6){width:5.4rem;height:5.4rem;font-size:1.55rem}.tool-tile:where(.astro-j7pv25f6).right{display:none}.section:where(.astro-j7pv25f6),.roadmap-section:where(.astro-j7pv25f6){padding-inline:1rem}.roadmap-panel:where(.astro-j7pv25f6){padding:1.15rem}.footer-inner:where(.astro-j7pv25f6){width:min(100% - 24px,1180px);padding:2rem 0 1.2rem}.footer-bottom:where(.astro-j7pv25f6){flex-direction:column;align-items:flex-start}}