:root{--ink:#1e2b28;--muted:#70817a;--mint:#dff3e7;--green:#3d9166;--orange:#f19461;--paper:#fbfcf9;--line:#e2ebe4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.site-header{max-width:1240px;height:86px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--ink);color:#fff;font:700 20px/1 "DM Mono",monospace;letter-spacing:-3px}.brand-mark span{color:var(--orange)}.brand b{display:block;font-size:17px;letter-spacing:-.6px}.brand small{display:block;color:var(--muted);font-size:9px;margin-top:1px}.site-header nav{display:flex;gap:30px;color:#64736c;font-size:12px;font-weight:700}.site-header nav a:hover{color:var(--green)}.header-action{padding:10px 14px;border:1px solid #d9e6dd;border-radius:8px;color:#3a694f;font-size:11px;font-weight:800}.header-action span,.section-intro a span{font-size:16px;margin-left:8px}.hero{position:relative;max-width:1240px;min-height:588px;margin:auto;padding:84px 32px 68px;display:grid;grid-template-columns:1fr minmax(400px,.86fr);gap:35px;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0;color:#6e9b81;font-size:10px;font-weight:800;letter-spacing:.14em}.eyebrow i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{margin:17px 0 16px;font-size:50px;line-height:1.22;letter-spacing:-2.5px}.hero h1 em,.cta em{font-style:normal;color:#64a67e}.hero-text{max-width:510px;color:var(--muted);font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.primary-action{display:inline-flex;align-items:center;gap:27px;padding:13px 17px;border-radius:9px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;box-shadow:0 12px 23px rgba(27,49,40,.16);transition:.2s}.primary-action:hover{background:#365548;transform:translateY(-2px)}.primary-action span{color:#a8e5bf;font-size:18px}.secondary-action{font-size:11px;font-weight:800;color:#708078}.secondary-action span{margin-left:7px;color:#699a7b}.trust-line{display:flex;gap:23px;margin-top:45px;color:#89968f;font-size:10px}.trust-line span+span{border-left:1px solid #dce6df;padding-left:23px}.trust-line b{display:block;margin-bottom:3px;color:#3e7859;font:700 17px "DM Mono",monospace}.hero-visual{position:relative;min-height:365px;align-self:center}.glow{position:absolute;border-radius:50%;filter:blur(1px)}.glow-a{width:330px;height:330px;right:25px;top:5px;background:#e2f4e8}.glow-b{width:170px;height:170px;left:20px;bottom:0;background:#fff0e5}.code-window{position:relative;z-index:1;width:min(100%,480px);margin:35px auto 0;border:1px solid #31453d;border-radius:15px;overflow:hidden;background:#202d2a;box-shadow:0 30px 65px rgba(29,56,43,.2);transform:rotate(2deg)}.window-top{height:46px;padding:0 15px;display:flex;align-items:center;gap:13px;background:#263832;color:#a5b9ae;font:10px "DM Mono",monospace}.traffic{display:flex;gap:5px}.traffic i{width:7px;height:7px;border-radius:50%;background:#ef9d74}.traffic i:nth-child(2){background:#dfc06d}.traffic i:nth-child(3){background:#75bb93}.window-top b{margin-left:auto;color:#7cc998;font-size:9px}.window-body{padding:18px 0 0;color:#dce9e0;font:12px/2 "DM Mono",monospace}.window-body ol{margin:0;padding:0 25px 18px 53px}.window-body li{padding-left:9px}.window-body li::marker{color:#64786f}.purple{color:#c69be1}.blue{color:#83c9de}.green{color:#94d3a1}.yellow{color:#f4ce91}.orange{color:#f39a70}.run-line{display:flex;gap:10px;padding:14px 22px;background:#17211f;border-top:1px solid #33463e;color:#a8b9af;font-size:10px}.run-line span{color:#86d1a2}.run-line p{margin:0}.run-line b{color:#dcebe1}.mentor-card{position:absolute;z-index:2;right:-2px;bottom:3px;display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid #d8e8dc;border-radius:12px;background:rgba(255,255,255,.93);box-shadow:0 15px 35px rgba(31,57,42,.13);font-size:10px}.mentor-card p{margin:0;line-height:1.65;color:#728079}.mentor-card b{color:#3c5d4d}.spark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#dff3e7;color:#4b9d70;font-size:15px}.status{width:6px;height:6px;border-radius:50%;background:#6dc18c}.feature-strip{max-width:1176px;margin:0 auto;padding:0 0 73px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.feature-strip div{padding:0 28px;border-left:1px solid var(--line)}.feature-strip div:first-child{border:0}.feature-strip span{display:block;margin-bottom:16px;color:#8db89b;font:11px "DM Mono",monospace}.feature-strip b{font-size:14px}.feature-strip p{margin:8px 0 0;color:#87938c;font-size:11px}.section{max-width:1176px;margin:0 auto;padding:105px 0}.courses{display:grid;grid-template-columns:.84fr 1.16fr;gap:95px;align-items:center}.section h2{margin:15px 0 15px;font-size:38px;line-height:1.28;letter-spacing:-1.8px}.section-intro>p:last-of-type,.projects>div>p:not(.eyebrow){max-width:390px;color:var(--muted);font-size:13px;line-height:1.9}.section-intro a{display:inline-flex;align-items:center;margin-top:11px;color:#4c906c;font-size:11px;font-weight:800}.course-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.course-card{min-height:284px;padding:22px;display:flex;flex-direction:column;border-radius:15px;border:1px solid var(--line);background:#fff}.course-card.featured{border-color:#bfe1ca;background:linear-gradient(150deg,#e9f8ee,#fff)}.course-card.coming{background:#f6f8f5}.course-card>span{color:#6d9d7e;font-size:9px;font-weight:800;letter-spacing:.08em}.course-card.coming>span{color:#a0aba4}.card-number{margin-top:23px;color:#abcdb5;font:700 28px "DM Mono",monospace}.course-card h3{margin:14px 0 7px;font-size:18px}.course-card p{color:#78867e;font-size:11px;line-height:1.75}.course-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:#678674;font-size:10px}.course-card footer a{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#243830;color:#bbefd0;font-size:17px}.course-card.coming footer{color:#9ba59f}.how{border-top:1px solid var(--line)}.how-head{text-align:center}.how-head h2{font-size:36px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}.steps article{position:relative;padding:24px 24px 20px;border-top:2px solid #d4ebdc;background:#fff}.steps article:nth-child(2){border-color:#f0c9ab}.steps article:nth-child(3){border-color:#d9d0ee}.steps span{display:block;margin-bottom:35px;color:#72a787;font:20px "DM Mono",monospace}.steps h3{margin-bottom:8px;font-size:14px}.steps p{color:#849089;font-size:11px;line-height:1.85}.projects{display:grid;grid-template-columns:.98fr 1.02fr;gap:85px;align-items:center;border-top:1px solid var(--line)}.project-stack{display:grid;gap:10px}.project-stack article{display:grid;grid-template-columns:47px 1fr auto;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.2s}.project-stack article:hover{transform:translateX(5px);border-color:#bedfc8}.project-stack span{color:#75a98a;font:13px "DM Mono",monospace}.project-stack b{font-size:13px}.project-stack small{color:#98a29c;font-size:10px}.cta{max-width:1176px;margin:0 auto 95px;padding:78px 30px;text-align:center;border-radius:19px;background:linear-gradient(130deg,#e5f5ea,#f7fbf7)}.cta h2{margin:16px 0 25px;font-size:40px;line-height:1.25;letter-spacing:-1.8px}footer{max-width:1240px;margin:auto;padding:26px 32px 38px;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line)}footer .brand{margin-right:auto}footer p,footer>a{margin:0;color:#849089;font-size:10px}footer>a{color:#598c6b;font-weight:800}@media(max-width:850px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:56px}.hero-visual{max-width:500px;width:100%;justify-self:center}.feature-strip,.courses,.projects{margin-left:25px;margin-right:25px}.feature-strip{padding-bottom:55px}.section{padding:75px 25px}.courses,.projects{grid-template-columns:1fr;gap:43px}.section h2{font-size:33px}.how-head h2{font-size:32px}.steps{gap:10px}.project-stack{margin-top:0}}@media(max-width:580px){.site-header{height:72px;padding:0 18px}.header-action{padding:8px 10px;font-size:10px}.hero{padding:42px 20px 55px;min-height:0}.hero h1{font-size:37px;letter-spacing:-1.8px}.hero-text{font-size:12px}.hero-actions{align-items:flex-start;gap:15px;flex-direction:column}.trust-line{gap:12px;margin-top:31px}.trust-line span+span{padding-left:12px}.trust-line b{font-size:14px}.hero-visual{min-height:300px}.code-window{margin-top:20px;transform:none}.window-body{font-size:10px}.mentor-card{right:0;bottom:-3px}.feature-strip{grid-template-columns:1fr;margin:0 20px;padding:5px 0 40px;gap:23px}.feature-strip div{border:0;padding:0}.section{padding:66px 20px}.courses,.projects{margin:0;gap:34px}.course-cards{grid-template-columns:1fr}.course-card{min-height:220px}.steps{grid-template-columns:1fr;margin-top:34px}.steps article{padding:17px}.steps span{margin-bottom:16px}.projects{grid-template-columns:1fr}.project-stack article{grid-template-columns:35px 1fr}.project-stack small{grid-column:2;margin-top:5px}.cta{margin:0 20px 55px;padding:55px 20px}.cta h2{font-size:32px}footer{padding:23px 20px;gap:14px}footer p{display:none}}

/* 品牌 Logo：独立字母和光标，避免文字下划线错位。 */
.brand-mark{position:relative;display:grid;place-items:center;overflow:hidden;letter-spacing:0}
.brand-mark strong{display:block;transform:translate(-2px,-1px);color:#fff;font:700 21px/1 "DM Mono",monospace;letter-spacing:-1px}
.brand-mark i{position:absolute;right:7px;bottom:8px;width:9px;height:3px;border-radius:2px;background:var(--orange);box-shadow:0 0 0 2px rgba(241,148,97,.12)}
.header-actions{display:flex;align-items:center;gap:10px}.header-login,.home-avatar-link{padding:10px 13px;border:1px solid #d9e6dd;border-radius:8px;color:#3a694f;font-size:11px;font-weight:800;transition:background .18s ease,border-color .18s ease,color .18s ease}.header-login:hover,.home-avatar-link:hover{border-color:#96c7a6;background:#eaf6ee;color:#276244}.home-avatar-link{display:flex;align-items:center;gap:7px;padding:5px 9px 5px 5px}.home-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f1ba91 center/cover no-repeat;color:#604333;font-size:10px;font-weight:800}.home-account-name{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:580px){.header-actions{gap:7px}.header-login{padding:8px 9px;font-size:10px}.home-avatar-link{padding:4px}.home-account-name{display:none}.home-avatar{width:27px;height:27px}}