:root{--bg:#f7f6f2;--ink:#252724;--muted:#73746e;--orange:#ea5b35;--line:#deded6;--blue:#4568dd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{border:0}p{line-height:1.85;color:var(--muted)}.wrap{max-width:1240px;margin:0 auto;width:calc(100% - 112px)}header{height:100px;max-width:1400px;padding:0 56px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.brand strong{font-size:24px;letter-spacing:-1px}.brand strong>span{margin-left:4px}.brand-icon{width:40px;height:40px;border-radius:10px;background:var(--ink);color:white;display:grid;place-items:center;font-size:26px;font-weight:700;position:relative}.brand-icon>span{position:absolute;font-size:16px;color:var(--orange);right:-6px;top:-8px;background:var(--bg)}nav{display:flex;gap:35px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--orange)}.nav-contact{background:transparent;border:1px solid var(--ink);padding:12px 20px;border-radius:5px;font-size:13px}.nav-contact span{margin-left:24px}.menu{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;padding-top:76px;padding-bottom:78px;min-height:730px}.eyebrow{font-size:13px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(42px,4.7vw,68px);line-height:1.28;letter-spacing:-2px;margin:26px 0 22px;font-weight:800}.orange{color:var(--orange)}.spark{display:inline-block;font-size:70px;margin-left:20px;vertical-align:middle;font-weight:400}.hero-desc{font-size:15px;line-height:2}.hero-desc span{color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 23px;border-radius:5px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--orange);color:white}.primary:hover{background:#d34b26}.text-button{font-size:13px;white-space:nowrap}.text-button span{margin-left:10px}.hero-foot{display:flex;align-items:center;gap:12px;margin-top:47px;font-size:12px}.small-avatar{width:38px;height:38px;border-radius:50%;background:#e8e8e0;display:grid;place-items:center;font-weight:700;font-size:19px}.hero-foot strong{font-weight:600}.hero-foot small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.vertical-line{width:1px;height:30px;background:var(--line);margin:0 7px}.hand-note{color:#92938c;transform:rotate(-5deg);font-size:12px}.hero-art{height:530px;position:relative;isolation:isolate}.art-label{position:absolute;left:34px;top:8px;font-size:9px;letter-spacing:2px;color:#909187}.orbit{position:absolute;border:1px solid #deded5;border-radius:50%;z-index:-1}.orbit-one{width:475px;height:475px;left:15px;top:27px}.orbit-two{width:360px;height:360px;left:73px;top:86px}.float-tag{position:absolute;background:white;padding:13px 17px;font-size:12px;box-shadow:0 5px 20px #25272408;z-index:4;border:1px solid #e8e8e0;border-radius:5px;transform:rotate(-5deg)}.tag-top{top:37px;right:18px}.tag-top span{color:var(--orange);font-size:20px;margin-right:5px}.mock-browser{position:absolute;top:91px;left:20px;right:23px;transform:rotate(-5deg);border:1px solid #d6d8cd;border-radius:10px;overflow:hidden;box-shadow:0 25px 50px #30352915;background:#fff}.browser-bar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px;color:#96998b;background:#fafbf7}.dots{display:flex;gap:4px}.dots i{width:5px;height:5px;border-radius:50%;background:#c9ccc0}.dots i:first-child{background:#ed8f78}.mock-content{padding:23px 28px 25px;background:#e4ebd5;position:relative;overflow:hidden}.mock-nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.mock-nav b{font-size:13px;letter-spacing:-1px}.mock-nav b span{font-size:8px;vertical-align:super}.mock-nav small{font-size:6px;letter-spacing:.5px}.mock-heading{font-size:47px;line-height:.99;letter-spacing:-2px;font-weight:800;margin:30px 0 23px;position:relative;z-index:2}.mock-heading em{font-family:Georgia,serif;font-weight:400}.mock-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;line-height:1.6;position:relative;z-index:1}.mock-round{background:var(--ink);color:white;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:23px}.mock-orb{position:absolute;border-radius:50%;width:176px;height:176px;right:-7px;top:92px;background:radial-gradient(circle at 32% 28%,#b6ca91,#6d8652 65%,#33482b);box-shadow:inset -15px -20px 24px #263d2833}.tool-widget{position:absolute;z-index:3;right:-10px;top:264px;transform:rotate(5deg);width:267px;background:white;padding:18px;display:flex;gap:11px;align-items:center;border:1px solid #e0e1da;border-radius:9px;box-shadow:0 14px 30px #26282412}.widget-icon{width:35px;height:35px;border-radius:9px;background:#ebedfd;color:var(--blue);display:grid;place-items:center;font-size:25px}.tool-widget strong{font-size:12px}.tool-widget span{display:block;font-size:8px;color:var(--muted);margin-top:6px}.widget-check{margin-left:auto;background:#e9f1e3;color:#698259;border-radius:50%;padding:3px;font-size:10px}.widget-progress{height:4px;background:#f0f1ed;position:absolute;bottom:8px;right:17px;left:65px;border-radius:3px}.widget-progress i{display:block;width:79%;height:100%;background:#9baf82;border-radius:3px}.game-widget{position:absolute;left:2px;top:395px;width:287px;height:88px;background:#4968df;transform:rotate(-7deg);border-radius:8px;box-shadow:0 12px 20px #3a50a61a;display:flex;align-items:center;padding:18px;color:white;gap:15px;overflow:hidden}.pixel-star{color:#e3f58b;font-size:52px;z-index:1}.game-widget-label{font-size:8px;letter-spacing:1.5px;line-height:2;z-index:1;text-align:left}.game-widget-label b{font-size:9px;letter-spacing:.5px}.game-widget-play{font-size:15px;margin-left:auto;z-index:1}.pixel-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:15px 15px}.art-caption{font-size:10px;color:#8d9087;position:absolute;right:7px;bottom:9px;transform:rotate(-5deg)}.art-cross{position:absolute;right:10px;top:383px;color:var(--orange);font-size:45px;font-weight:200}.ticker{border-block:1px solid var(--line)}.ticker-inner{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ticker span{font-size:9px;letter-spacing:1px;color:#8b8e82}.ticker b{font-size:15px;font-weight:500;white-space:nowrap}.ticker i{font-style:normal;color:var(--orange);font-size:24px}.section{padding-top:99px;padding-bottom:92px}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:35px}.section-kicker{font-size:10px;letter-spacing:2px;color:#787d71;margin-bottom:20px}h2{font-size:37px;letter-spacing:-1px;line-height:1.5;margin:0;font-weight:750}.section-top p{font-size:14px;margin-bottom:0}.underlined{position:relative}.underlined:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:6px;border-top:2px solid var(--orange);border-radius:50%;transform:rotate(-4deg)}.section-side{font-size:12px;color:#8d8e85;line-height:1.9;transform:rotate(-5deg);padding-right:20px}.filter-row{display:flex;align-items:center;gap:7px;padding:8px 0 26px}.filter{padding:9px 17px;border-radius:4px;background:transparent;font-size:12px}.filter.active{background:var(--ink);color:white}.filter small{font-size:8px;margin-left:6px;opacity:.65}.filter-row>span{margin-left:auto;color:#94968d;font-size:10px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.project[hidden]{display:none}.project-visual{height:274px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1d7;border-radius:8px;overflow:hidden;transition:transform .3s}.project-visual:hover{transform:translateY(-5px)}.visual-website{background:#e9e8e0}.mini-site{background:#f8f6ee;box-shadow:0 10px 22px #46483d18;width:80%;height:220px;margin-top:38px;transform:rotate(-6deg);text-align:left;padding:16px 20px}.mini-site-top{display:flex;justify-content:space-between;font-size:8px}.mini-site-top b{font-size:9px}.mini-site-body{position:relative;padding-top:20px}.mini-site-body small{font-size:5px;letter-spacing:1.5px}.mini-site-body strong{display:block;font-size:25px;line-height:1.3;margin:10px 0}.mini-site-body em{font-style:normal;color:#cb653e}.mini-site-pill{border:1px solid #a8a99e;border-radius:20px;font-size:6px;padding:5px 8px}.mini-flower{position:absolute;right:0;top:65px;font-size:91px;color:#c2ca92;font-family:Arial}.project-arrow{position:absolute;right:14px;top:14px;background:#ffffffa6;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:18px}.visual-tool{background:#e5eafb}.mini-tool{width:76%;background:white;padding:20px;border-radius:9px;box-shadow:0 12px 22px #30477c12;transform:rotate(4deg);z-index:1;text-align:left}.mini-tool-head{display:flex;align-items:center;gap:8px;font-size:10px}.mini-tool-head>span:last-child{margin-left:auto;font-size:8px;color:#a4a9c4}.blue-square{padding:5px 7px;border-radius:5px;background:#e5ebff;color:var(--blue)}.mini-tool-line{height:6px;background:#edf0f6;border-radius:3px;margin-top:19px}.mini-tool-line.short{width:65%;margin-top:8px}.mini-tool-stats{display:flex;gap:8px;margin-top:17px}.mini-tool-stats>span{background:#f6f7fc;display:block;width:50%;padding:10px}.mini-tool-stats b{font-size:14px;color:#536cca}.mini-tool-stats small{display:block;font-size:6px;color:#8c95ae;margin-top:5px}.mini-tool-button{background:#526ee0;border-radius:4px;color:white;font-size:8px;padding:10px;margin-top:15px}.mini-tool-button span{float:right}.tool-decoration{position:absolute;bottom:-32px;right:-10px;font-size:160px;color:#d5def5;transform:rotate(-20deg)}.visual-game{background:#ebeedb;flex-direction:column}.game-top{position:absolute;top:27px;font-size:9px;letter-spacing:2px;color:#6f7f4c}.game-scene{position:relative;height:151px;width:100%;margin-top:16px}.star{position:absolute;color:#e2a341;font-size:25px}.s1{left:25%;top:22px}.s2{right:27%;top:2px;font-size:35px}.s3{right:18%;top:63px;font-size:19px}.game-cloud{position:absolute;width:45px;height:13px;background:#fff9;border-radius:10px}.game-cloud:before{content:'';position:absolute;width:24px;height:20px;background:#fff9;border-radius:50%;left:9px;top:-8px}.cloud1{left:10%;top:52px}.cloud2{right:8%;top:33px;transform:scale(.7)}.game-face{position:absolute;bottom:20px;left:calc(50% - 26px);width:53px;height:43px;display:grid;place-items:center;background:#ed8860;border:3px solid #b8583a;border-radius:10px 10px 3px 3px;font-size:23px;color:#573b2c;box-shadow:5px 4px 0 #ced5b2}.game-ground{position:absolute;left:0;bottom:10px;right:0;height:8px;border-block:2px solid #a5b485;background:#c7d3a5}.game-start{font-size:9px;letter-spacing:2px;margin-top:19px;color:#687547}.project-info{padding-top:22px}.project-tag{font-size:9px;color:#84877b;letter-spacing:1px}.project-info h3{font-size:18px;margin:11px 0 8px;font-weight:600;letter-spacing:-.5px}.project-info p{font-size:11px;margin:0;line-height:1.8}.project-link{background:transparent;padding:0;font-size:11px;margin-top:19px;border-bottom:1px solid #babcaf;padding-bottom:5px}.works-note{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:39px}.works-note span{color:var(--orange);font-size:23px}.works-note p{font-size:11px}.learn-section{padding:88px 0 58px;background:#eeeee7;border-block:1px solid #e2e3d9}.learn-intro{padding-right:30px;line-height:2!important}.paths{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px}.paths article{position:relative;padding:34px 30px;background:#f7f7f1;border:1px solid #d9dccf}.paths article:first-child{border-radius:7px 0 0 7px}.paths article:last-child{border-radius:0 7px 7px 0}.paths article+article{border-left:0}.paths .path-featured{background:#e5eadb}.path-number{font-family:Georgia,serif;font-size:33px;font-style:italic;color:#909a7d}.path-meta{font-size:10px;letter-spacing:1px;margin-top:28px;color:#737d65}.paths h3{font-size:21px;margin:15px 0}.paths p{font-size:12px;min-height:70px}.paths ul{list-style:none;padding:5px 0 20px;margin:0;font-size:11px;color:#626b56;line-height:2.5}.paths li:before{content:'↗';margin-right:9px}.path-link{display:flex;width:100%;justify-content:space-between;padding:16px 0 0;border-top:1px solid #d1d5c7;background:transparent;font-size:12px}.path-badge{position:absolute;right:22px;top:40px;font-size:9px;background:#d3ddc1;padding:5px 8px;color:#556448;border-radius:3px}.learn-note{text-align:center;font-size:10px;margin:24px 0 0}.about-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center;padding-top:105px;padding-bottom:105px}.about-portrait{background:#e9e6dc;border:1px solid #dcd9cd;border-radius:5px;position:relative;min-height:420px;padding:26px 28px;overflow:hidden;background-image:linear-gradient(#c8c5ba25 1px,transparent 1px),linear-gradient(90deg,#c8c5ba25 1px,transparent 1px);background-size:24px 24px}.portrait-label{font-size:8px;letter-spacing:2px;color:#97978a}.portrait-mark{font-size:140px;font-weight:800;line-height:1;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-8deg);background:#ef613b;color:#fff6e7;padding:28px 35px;border-radius:35px;box-shadow:12px 14px 0 #d7d2bf}.portrait-mark>span{position:absolute;top:-27px;right:-27px;font-size:80px;color:#4868dd;text-shadow:3px 3px 0 #f7f6f2}.portrait-bottom{position:absolute;bottom:30px;left:28px}.portrait-bottom span{display:block;font-size:17px;font-weight:700}.portrait-bottom small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:9px;color:#8f8f7e}.portrait-sticker{position:absolute;bottom:36px;right:20px;transform:rotate(-10deg);font-size:11px;line-height:1.6;color:#777c69}.about-copy h2{font-size:36px;line-height:1.5;margin-bottom:24px}.about-copy p{font-size:13px}.about-sign{border-top:1px solid var(--line);margin-top:27px;padding-top:22px;display:flex;justify-content:space-between;align-items:center}.about-sign span{font-size:11px;color:#8a8c7c}.about-sign b{font-size:20px;transform:rotate(-7deg);font-weight:500}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:30px 0 97px}.faq-section h2{font-size:30px}.faq-section>div>p{font-size:12px}.faqs details{border-bottom:1px solid var(--line)}.faqs details:first-child{border-top:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;font-size:13px;padding:23px 0;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:19px;color:#8a8d7f;font-weight:300}details[open] summary span{transform:rotate(45deg)}.faqs p{font-size:12px;margin-top:-3px;padding-bottom:15px}.contact-section{background:#e95d37;border-radius:8px;display:flex;justify-content:space-between;position:relative;overflow:hidden;color:#fff7ea;padding:47px 52px;margin-bottom:65px}.contact-section .section-kicker{color:#f8c2ab;font-size:9px}.contact-section h2{font-size:34px;line-height:1.6}.contact-section p{font-size:12px;color:#ffdac9;margin:18px 0 25px}.dark{background:#272c25;color:#fff8ec}.contact-wechat{font-size:11px;margin-left:20px;color:#ffd4c1}.contact-art{display:flex;align-items:center;gap:30px;transform:rotate(-8deg);padding-right:4px;opacity:.9}.contact-art>span{font-size:53px;font-weight:900;line-height:.95;letter-spacing:-3px;color:#f9b19a}.contact-art em{font-family:Georgia,serif;font-weight:400}.contact-art b{font-size:140px;font-weight:400;color:#f9b19a}footer{display:flex;justify-content:space-between;padding-bottom:35px;align-items:center}footer .brand strong{font-size:20px}footer .brand-icon{width:32px;height:32px;font-size:22px}footer p{font-size:10px;margin-bottom:0}.footer-right{text-align:right;color:#858779;font-size:10px}.footer-right small{display:block;font-size:9px;margin-top:13px}.privacy-link{font-size:9px;color:#858779;background:none;padding:10px 0 0;text-decoration:underline}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:var(--ink);color:white;padding:13px 22px;border-radius:6px;font-size:13px;z-index:30;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:40px;width:min(90vw,480px);border-radius:14px;box-shadow:0 20px 90px #0003;max-height:90vh;overflow:auto}dialog::backdrop{background:#1c241f77;backdrop-filter:blur(5px)}dialog h2{font-size:26px;margin:10px 0 15px}dialog p{font-size:13px}dialog .section-kicker{font-size:9px}.close{position:absolute;top:11px;right:13px;width:32px;height:32px;border-radius:50%;background:#e8e9e0;font-size:24px;line-height:1}.dialog-icon{font-size:45px;color:var(--orange);margin-bottom:20px}.wechat-box{padding:22px;background:#eeeee6;border:1px solid var(--line);border-radius:7px;margin:24px 0}.wechat-box small{font-size:11px;color:var(--muted)}.wechat-box strong{display:block;font-size:35px;margin:8px 0 18px;letter-spacing:2px}.wechat-box button{width:100%}.dialog-note{font-size:11px;line-height:1.9}.demo-dialog{width:min(92vw,760px)}.demo-disclaimer{font-size:10px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:0}.demo-disclaimer button{color:var(--orange);font-size:10px;background:none}.demo-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.demo-controls label{font-size:12px;display:flex;align-items:center;gap:6px}.demo-controls input[type=text]{width:150px;padding:8px;border:1px solid #c8cabd;border-radius:4px;background:white}.demo-controls input[type=color]{width:36px;height:31px;border:0;background:transparent}.live-site{padding:30px;border-radius:8px;background:#e5ebd9;--accent:#d15e3b}.live-site .live-name{font-size:12px;font-weight:bold}.live-site h3{font-size:35px;line-height:1.5;margin:25px 0 15px}.live-site h3 span{color:var(--accent)}.live-site p{font-size:12px}.live-site a{display:inline-block;background:var(--accent);color:white;padding:10px 17px;border-radius:4px;font-size:12px}.tool-text{width:100%;height:170px;padding:14px;border:1px solid #c8cdd7;border-radius:7px;background:white;resize:vertical;line-height:1.7;font-size:13px}.text-metrics{display:flex;gap:20px;margin:14px 0;color:#6b7465;font-size:11px}.tool-actions{display:flex;gap:10px;flex-wrap:wrap}.secondary{background:#e4e7dc;padding:12px 17px;font-size:12px;border-radius:4px}.game-board{height:310px;border-radius:8px;background:#e9edd9;position:relative;overflow:hidden;touch-action:manipulation;border:1px solid #d4d9c1}.game-board:after{content:'';position:absolute;bottom:0;height:17px;left:0;right:0;background:repeating-linear-gradient(90deg,#bdcda4 0 20px,#adbf91 20px 40px);pointer-events:none}.catch-star{position:absolute;color:#b26300;font-size:38px;background:none;line-height:1;width:64px;height:64px;display:grid;place-items:center}.game-info{display:flex;justify-content:space-between;font-size:12px;padding:15px 0}.game-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;background:#e9edd9dd;z-index:2}.game-overlay strong{font-size:23px}.game-overlay p{font-size:12px;margin:0}.game-hint{font-size:11px}
@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}header{padding:0 32px}.hero{gap:12px;padding-top:60px;padding-bottom:60px;min-height:650px}.hero-art{transform:scale(.87);transform-origin:center right;margin-left:-40px}h1{font-size:52px}.hero-actions{gap:15px}.button{padding:15px 18px;gap:18px}.text-button{font-size:11px}.hero-foot{gap:8px}.hand-note{display:none}.ticker-inner>span:last-child{display:none}.project-grid{gap:18px}.project-visual{height:240px}.mini-site{padding:14px;height:200px}.mini-site-body strong{font-size:22px}.mini-flower{font-size:65px;top:75px}.project-info h3{font-size:16px}.paths article{padding:28px 22px}.path-badge{top:35px;right:15px;font-size:8px}.about-section{gap:65px}.contact-art{gap:5px}.contact-art b{font-size:100px}.contact-art>span{font-size:43px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{height:76px;padding:0 20px;gap:12px}.brand strong{font-size:21px}.brand-icon{width:34px;height:34px;font-size:23px}.nav-contact{margin-left:auto;font-size:11px;padding:10px 12px}.nav-contact span{margin-left:8px}.menu{display:block;font-size:20px;background:none;padding:5px}nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--bg);padding:24px;z-index:10;border-bottom:1px solid var(--line);gap:25px;justify-content:center}nav.open{display:flex}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:40px;padding-bottom:35px;gap:25px}.eyebrow{font-size:11px}h1{font-size:51px;line-height:1.25;letter-spacing:-2px;margin-top:22px;margin-bottom:20px}.spark{font-size:52px;margin-left:17px}.hero-desc{font-size:13px;line-height:1.9}.hero-actions{margin-top:24px;gap:20px}.hero-actions .button{font-size:12px;padding:15px 17px}.text-button{font-size:11px}.hero-foot{margin-top:26px}.hand-note{display:block;font-size:10px}.hero-art{height:440px;transform:none;width:100%;max-width:450px;align-self:center;margin:0}.art-label{top:5px;left:12px;font-size:8px}.orbit-one{width:340px;height:340px;max-width:100%;left:0;top:42px}.orbit-two{width:260px;height:260px;left:40px;top:82px}.mock-browser{left:8px;right:16px;top:69px}.mock-content{padding:18px 23px 18px}.mock-heading{font-size:38px;margin:23px 0 16px}.mock-orb{width:144px;height:144px;top:70px}.mock-bottom{font-size:7px}.tool-widget{width:230px;right:-3px;top:237px;padding:14px;gap:9px}.tool-widget strong{font-size:10px}.tool-widget span{font-size:7px}.widget-icon{width:30px;height:30px;font-size:21px}.widget-progress{left:55px;bottom:5px}.game-widget{top:335px;width:246px;height:77px;padding:12px}.pixel-star{font-size:45px}.game-widget-label{font-size:7px}.game-widget-label b{font-size:8px}.tag-top{top:25px;right:7px;padding:9px 12px;font-size:10px}.art-cross{top:340px;right:18px}.art-caption{bottom:0;font-size:8px}.ticker-inner{min-height:62px;gap:12px;flex-wrap:nowrap}.ticker-inner>span{display:none}.ticker b{font-size:11px}.ticker b:last-of-type{display:none}.ticker i{font-size:19px}.ticker i:last-of-type{display:none}.section{padding:58px 0}.section-top{margin-bottom:27px;align-items:flex-start}.section-kicker{font-size:8px;margin-bottom:15px;letter-spacing:1.7px}h2{font-size:27px}.section-top p{font-size:12px}.section-side{display:none}.filter-row{padding:3px 0 23px;gap:3px}.filter{padding:8px 12px;font-size:11px}.filter-row>span{display:none}.project-grid{grid-template-columns:1fr;gap:30px}.project-visual{height:280px}.mini-site{width:70%;max-width:280px;height:238px;padding:20px}.mini-site-body strong{font-size:27px}.mini-flower{font-size:90px;top:65px}.mini-tool{max-width:280px;padding:23px}.mini-tool-head{font-size:12px}.mini-tool-line{margin-top:22px}.mini-tool-stats{margin-top:20px}.mini-tool-stats b{font-size:18px}.mini-tool-stats small{font-size:8px}.mini-tool-button{font-size:10px;padding:13px}.project-info{padding-top:17px;display:flex;justify-content:space-between;gap:5px;align-items:flex-start}.project-info h3{font-size:17px;margin:9px 0}.project-info p{font-size:10px}.project-link{white-space:nowrap;font-size:10px;margin-top:29px}.works-note{margin-top:27px;align-items:flex-start;gap:10px}.works-note p{font-size:10px;margin:0}.learn-section{padding:53px 0 34px}.learn-section .section-top{flex-direction:column;gap:15px}.learn-intro{font-size:12px!important;padding:0}.paths{grid-template-columns:1fr;gap:15px;margin-top:27px}.paths article{padding:25px!important;border:1px solid #d9dccf!important;border-radius:7px!important}.path-meta{margin-top:15px}.paths h3{font-size:22px;margin:12px 0}.paths p{min-height:auto;font-size:12px}.paths ul{padding-bottom:15px}.path-number{font-size:29px}.path-badge{top:30px;right:25px}.about-section{grid-template-columns:1fr;gap:35px;padding:60px 0}.about-portrait{min-height:350px;width:100%;max-width:420px;margin:auto}.portrait-mark{font-size:110px}.about-copy h2{font-size:30px}.about-copy p{font-size:12px}.faq-section{grid-template-columns:1fr;gap:20px;padding:0 0 54px}.faq-section h2{font-size:26px}.faqs summary{font-size:12px;padding:21px 0}.contact-section{padding:30px 25px;margin-bottom:37px;border-radius:7px}.contact-section h2{font-size:26px}.contact-section p{font-size:11px;margin:16px 0 24px;max-width:260px}.contact-art{display:none}.contact-wechat{display:block;margin:15px 0 0;font-size:11px}.contact-section .button{font-size:12px}footer{align-items:flex-start;gap:25px;padding-bottom:27px}footer .brand{gap:8px}footer .brand strong{font-size:17px}footer .brand-icon{width:28px;height:28px;font-size:20px}.footer-right{font-size:8px;line-height:1.8;max-width:155px}footer p{font-size:9px}.footer-right small{font-size:8px;margin-top:8px}dialog{padding:30px 23px}dialog h2{font-size:23px}.demo-controls{gap:10px}.demo-controls label{font-size:11px}.demo-controls input[type=text]{width:125px}.live-site{padding:23px}.live-site h3{font-size:28px}.demo-disclaimer{font-size:9px}.game-board{height:290px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:760px){h1{font-size:clamp(35px,12vw,51px)}.spark{font-size:clamp(35px,11vw,52px);margin-left:12px}.orbit-two{max-width:calc(100% - 50px)}.hero-actions{gap:14px}.hero-actions .button{white-space:nowrap}.sr-label{display:block;font-size:11px;margin-bottom:9px}.contact-status{display:block;font-size:12px;color:#4f6b36;line-height:1.7}}
@media(max-width:350px){.nav-contact{font-size:10px;padding:9px}.nav-contact span{margin-left:4px}.brand{gap:8px}.brand strong{font-size:19px}.hero-foot{flex-wrap:wrap}.hero-foot .hand-note,.vertical-line{display:none}.hero-actions{flex-wrap:wrap}.hero-art{height:422px}.game-widget{width:225px}.filter{padding:8px 10px}.project-info{display:block}.project-link{margin-top:12px}}