:root{--paper:#faf9f6;--ink:#252824;--muted:#74776f;--line:#e1e3da;--orange:#e56337;--green:#e9ede3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}header{max-width:1280px;margin:auto;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand span{font-size:12px;font-weight:400;letter-spacing:1px;margin-left:13px;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a:hover,.text-link:hover{color:var(--orange)}.nav-button{padding:9px 17px;border:1px solid var(--line);border-radius:5px}.wrap{max-width:1184px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding-top:80px;padding-bottom:85px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;margin:0 0 25px;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}h1{font-size:clamp(45px,5.3vw,70px);line-height:1.25;letter-spacing:-3px;margin:0 0 28px;font-weight:750}.orange{color:var(--orange)}.lead{font-size:17px;line-height:1.95;color:#60645b}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{padding:14px 22px;display:inline-flex;gap:28px;font-size:13px;border-radius:5px}.primary{background:var(--ink);color:white}.primary:hover{background:var(--orange)}.text-link{font-size:13px}.hero-note{font-size:11px;color:var(--muted);margin-top:27px}.visual{height:470px;background:#eceee5;border:1px solid #dce0d3;border-radius:8px;position:relative;overflow:hidden}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#d9ddcf88 1px,transparent 1px),linear-gradient(90deg,#d9ddcf88 1px,transparent 1px);background-size:38px 38px}.orbit{position:absolute;width:360px;height:360px;border:1px solid #c8cebb;border-radius:50%;left:60px;top:50px}.visual-caption{position:absolute;top:23px;left:25px;font-size:10px;letter-spacing:2px;color:#717964}.idea-card{position:absolute;top:82px;left:30px;padding:22px 25px;background:#fffdf6;border:1px solid #dcded2;transform:rotate(-7deg);box-shadow:0 10px 25px #56644010;width:238px}.tiny{font-size:9px;letter-spacing:1.7px}.idea-card p{font-size:20px;line-height:1.65;font-weight:600;margin:14px 0}.small{font-size:10px;color:var(--muted)}.work-card{position:absolute;top:198px;right:24px;width:290px;background:var(--paper);border:1px solid #c7cfba;border-radius:7px;transform:rotate(5deg);box-shadow:0 20px 35px #3c47211c}.window-top{height:32px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;padding:0 13px}.window-top i{height:5px;width:5px;background:#bdc3b2;border-radius:50%}.window-top span{margin-left:13px;font-size:8px;color:var(--muted);font-family:monospace}.mock-page{padding:20px 24px}.mock-icon{font-size:31px;color:var(--orange)}.mock-page b{display:block;font-size:22px;letter-spacing:-1px}.mock-page>span{font-size:9px;color:var(--muted)}.mock-bars{display:flex;gap:8px;margin-top:18px}.mock-bars i{display:block;width:65px;height:28px;background:#e5e8dd;border-radius:3px}.mock-bars i:first-child{background:#ead2bc}.floating-tag{position:absolute;top:130px;right:17px;background:var(--orange);color:white;padding:9px 13px;font-size:10px;transform:rotate(9deg);border-radius:3px}.visual-bottom{position:absolute;bottom:20px;left:25px;right:25px;font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between}.visual-bottom span{font-size:20px}.topic-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:20px;padding-bottom:20px}.topic-strip span{font-size:9px;letter-spacing:1px;color:var(--muted)}.topic-strip b{font-size:12px;font-weight:500}.topic-strip i{font-style:normal;color:var(--orange)}.section{padding-top:100px;padding-bottom:100px}h2{font-size:40px;line-height:1.45;letter-spacing:-1.5px;margin:0;font-weight:650}.muted{color:#8e9586}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:85px}.signature{font-size:30px;font-family:serif;margin-top:40px}.signature span{display:block;font:9px sans-serif;letter-spacing:2px;color:var(--muted);margin-top:9px}.about-text p{font-size:14px;color:#686d61;margin:0 0 21px}.about-text .large-text{font-size:19px;line-height:1.9;color:var(--ink)}.large-text strong{font-weight:600}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin:32px 0 23px;gap:10px}.facts>div>b{display:block;font-size:32px;line-height:1.4;font-weight:500}.facts b span{font-size:12px;margin-left:3px}.facts>div>span{font-size:10px;color:var(--muted)}.about-text .project-label{font-size:10px;margin-bottom:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span,.course-tags span{font-size:10px;padding:4px 10px;border:1px solid #dce1d3;border-radius:3px}.course-section{background:#f0f2eb;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:45px;gap:30px}.section-heading>p{font-size:13px;color:var(--muted);margin:0 0 5px}.course{display:grid;grid-template-columns:.85fr 1.3fr;background:var(--paper);border:1px solid var(--line);border-radius:7px;margin-top:25px;overflow:hidden}.course-art{min-height:430px;position:relative;padding:28px 30px;display:flex;flex-direction:column;justify-content:space-between}.coding-art{background:#e2e8d9;color:#536242}.code-symbol{text-align:center;font-size:130px;font-family:monospace;letter-spacing:-20px;line-height:1}.code-symbol span{font-size:85px;color:var(--orange);display:inline-block;transform:translateY(-7px);margin:0 20px}.art-bottom{font-size:15px;display:flex;align-items:center;justify-content:space-between}.art-bottom>span{font-size:10px}.film-art{background:#e9ddd0;color:#826849}.film-frame{height:190px;position:relative;background:#24372e;border:9px solid #292c26;box-shadow:12px 12px 0 #b69e8180;overflow:hidden;transform:rotate(-5deg);margin:20px 10px}.film-frame>span{position:absolute;z-index:2;top:8px;left:8px;font-size:8px;letter-spacing:2px;color:#e5e4d6}.film-frame b{position:absolute;inset:0;display:grid;place-content:center;color:white;font-size:30px}.landscape{position:absolute;inset:0;background:radial-gradient(circle at 70% 29%,#eccb90 0 13%,transparent 13.5%),linear-gradient(160deg,transparent 50%,#596a51 50% 64%,#293d34 64%),linear-gradient(#899b88,#d6c8ad)}.course-body{padding:36px 40px}.course-tags{display:flex;gap:8px;color:#6d755f}h3{font-size:29px;line-height:1.4;letter-spacing:-.7px;margin:20px 0 15px}.course-body>p{font-size:13px;color:#73766e;margin-bottom:24px;max-width:490px}.course-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:27px}.course-meta span{display:block;font-size:9px;color:var(--muted)}.course-meta b{font-size:11px;font-weight:500}details{border-top:1px solid var(--line)}summary{padding:17px 0;display:flex;justify-content:space-between;cursor:pointer;font-size:12px;list-style:none}summary::-webkit-details-marker{display:none}summary>span{color:var(--orange);font-size:18px;line-height:1}details[open] summary>span{transform:rotate(45deg)}.detail-content{padding:0 0 20px;font-size:13px;color:#656c5f}.detail-content h4{font-size:13px;color:var(--ink);margin:20px 0 8px}.detail-content p{margin:8px 0}.detail-content ol{padding-left:20px}.detail-content li{margin:8px 0}.price-note{background:#eeeee6;padding:12px 14px!important;font-size:11px;border-radius:3px}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.community{padding:33px;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column}.ai-community{background:#f2f3ec}.x-community{background:#f6f0e9}.community-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.community-icon{font-size:32px;line-height:1;color:var(--orange)}.community h3{margin-top:33px}.community p{font-size:13px;color:#73766e}.community .community-intro{font-size:16px;color:var(--ink);margin:0 0 15px}.community ul{list-style:none;padding:0;margin:15px 0 25px;font-size:12px;color:#5f6758}.community ul li{margin:10px 0}.community ul li:before{content:'↗';color:var(--orange);margin-right:10px}.community-footer{font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}.approach{background:#e9ede3;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:55px 0}.steps>div{border-top:1px solid #cbd1c2;padding-top:20px}.steps>div>span{font-size:10px;color:var(--orange)}.steps h3{font-size:20px;margin:15px 0 10px}.steps p{font-size:13px;color:#707866}.closing{border-top:1px solid #cbd1c2;padding-top:25px;display:flex;justify-content:space-between;font-size:13px}.closing a{color:var(--orange)}footer{display:flex;align-items:center;justify-content:space-between;min-height:125px}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}@media(max-width:900px){header{padding:0 24px}nav{gap:18px}.hero{gap:25px}.visual{height:420px}.work-card{width:245px;right:15px}.idea-card{left:20px;width:210px}.topic-strip span{display:none}.about{gap:40px}h2{font-size:33px}.course-body{padding:30px}.code-symbol{font-size:105px}.code-symbol span{font-size:65px;margin:0 15px}.course-art{padding:25px}.course-meta{grid-template-columns:1fr;gap:10px}}@media(max-width:640px){header{height:78px;padding:0 20px}.brand{font-size:22px}.brand span{font-size:10px;margin-left:9px}nav{gap:16px}nav a{font-size:11px}nav a:first-child,.nav-button{display:none}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px;gap:40px}h1{font-size:49px;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1.5px}.lead{font-size:15px}.visual{height:405px;max-width:440px;width:100%}.idea-card{top:70px;width:230px}.work-card{top:175px;width:260px}.floating-tag{top:123px}.topic-strip .wrap{gap:10px}.topic-strip b{font-size:10px}.section{padding-top:60px;padding-bottom:60px}.about{grid-template-columns:1fr;gap:30px}.signature{margin-top:24px}h2{font-size:32px}.about-text .large-text{font-size:17px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;font-size:12px}.course{grid-template-columns:1fr}.course-art{min-height:240px;padding:24px}.code-symbol{font-size:100px}.course-body{padding:26px}.course-body h3{font-size:27px}.course-meta{grid-template-columns:1fr 1fr}.film-frame{height:130px;width:230px;margin:15px auto}.community-grid{grid-template-columns:1fr}.community{padding:27px}.steps{grid-template-columns:1fr;gap:25px;margin:35px 0}.steps h3{margin-top:10px}.closing{display:block;font-size:12px}.closing a{display:block;margin-top:14px}footer{flex-wrap:wrap;gap:15px;padding-top:30px;padding-bottom:30px}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}