@charset "UTF-8";
:root{--paper:#f6f1e7;--ink:#232421;--red:#bf5437;--muted:#7f7d72;--line:#d9d3c6;font-family:Inter,"Segoe UI","Microsoft Yahei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:#e7b19b}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-80px;left:20px;background:var(--ink);color:var(--paper);padding:14px;z-index:10}.skip:focus{top:12px}.topbar{max-width:1440px;margin:auto;padding:27px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.wordmark{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:760;letter-spacing:-.7px}.brand-icon{font:700 17px monospace;display:flex;align-items:center;justify-content:center;background:var(--red);color:var(--paper);width:36px;height:36px;border-radius:9px}.brand-icon span{margin-left:-2px}.edition{font:9px monospace;letter-spacing:1.4px;color:var(--muted);margin-left:14px;max-width:90px;line-height:1.6}.topbar nav{display:flex;gap:27px;align-items:center;font-size:12px}.topbar button{border:0;background:none;padding:8px 0}.topbar a:hover,.topbar button:hover{color:var(--red)}#motion{border-left:1px solid var(--line);padding-left:24px;color:var(--muted)}#motion span{color:var(--red);margin-left:7px}main{max-width:1268px;margin:auto;padding:0 5%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:84px 0 78px}.eyebrow{font:10px/1.5 monospace;letter-spacing:1.8px;color:var(--muted)}.eyebrow>span{display:inline-block;background:var(--red);width:6px;height:6px;border-radius:50%;margin-right:10px}h1{font-size:clamp(44px,5.3vw,72px);line-height:1.15;letter-spacing:-3px;margin:26px 0}h1>span{color:var(--red)}.intro-description{font-size:14px;line-height:1.9;color:var(--muted);margin:26px 0}.explore{display:inline-flex;align-items:center;gap:45px;border-bottom:1px solid var(--ink);font-size:13px;padding:8px 0}.explore span{font-size:22px;color:var(--red);transition:transform .2s}.explore:hover span{transform:translate(3px,3px)}.terminal{background:#242623;color:#e5e2d8;min-width:0;border-radius:13px;box-shadow:12px 17px 0 #e4dcd0,0 18px 40px #392e2010;transform:rotate(1deg);font:12px/1.8 Consolas,monospace}.terminal-head{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid #44453d;color:#929487;font-size:10px}.lights{letter-spacing:3px;color:#b75e43}.terminal-body{padding:23px 25px 19px;min-height:270px}.terminal-body p{margin:0 0 17px}.prompt{color:#d88061}.terminal-list{color:#d7d8c3;line-height:2.2}.terminal-note{color:#a2a295;font-family:"Microsoft Yahei",sans-serif;font-size:11px}.terminal-foot{border-top:1px solid #44453d;padding:10px 17px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#919485}.terminal-foot i{display:inline-block;width:5px;height:5px;background:#9ba18a;border-radius:50%;margin-left:5px}#terminal-output{font-size:10px;color:#a2a295;min-height:35px;line-height:1.7}#command-form{display:flex;align-items:center;gap:10px;margin-top:9px}#command{width:100%;min-width:0;outline:none;border:0;background:none;color:#eee7d9;font:12px monospace;caret-color:#d88061}#command::placeholder{color:#6f7368}#command-form button{color:#b3b5a7;border:1px solid #494b42;border-radius:5px;background:none;padding:1px 7px}.cursor{flex-shrink:0;background:#cc7354;width:7px;height:13px;animation:blink 1.2s steps(2,start) infinite}#command:focus+.cursor{visibility:hidden}.section-bar{display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:30px;padding:18px 0}.section-bar h2{font-size:14px;margin:0;font-weight:600}.section-bar h2 span{font:10px monospace;color:var(--red);margin-right:17px}.instruction{font-size:11px;color:var(--muted)}.project-count{margin-left:auto;font:9px monospace;color:var(--muted);letter-spacing:1px}.desk{position:relative;padding:40px 30px 38px;isolation:isolate;background-image:radial-gradient(#c9c1b5 0.65px,transparent .65px);background-size:18px 18px;border-bottom:1px solid var(--line)}.desk:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(var(--paper),transparent 30%,transparent 80%,var(--paper))}.folder-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.project-folder{border:0;background:none;min-width:0;padding:0;text-align:left;perspective:900px}.folder-object{display:block;position:relative;height:245px;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-12deg) rotateZ(-5deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.folder-back,.folder-front{position:absolute;left:0;right:0;bottom:5px;height:170px;border-radius:3px 10px 10px 10px;background:#a44931;box-shadow:inset 0 1px 0 #ffffff3b}.folder-back:before{content:'';position:absolute;top:-20px;left:0;height:24px;width:43%;background:inherit;border-radius:7px 12px 0 0;transform:skewX(12deg);transform-origin:bottom left}.folder-front{background:linear-gradient(120deg,#cf6747,#b94e33);transform-origin:bottom;transform:translateZ(28px) rotateX(-12deg);box-shadow:inset 0 1px 0 #fff5,0 20px 22px #382a2524;color:#fff0db;padding:19px 20px;transition:transform .5s}.sheet{position:absolute;bottom:20px;left:10%;width:82%;height:175px;background:#e3dbc8;border:1px solid #c7bda7;border-radius:4px;transform:translateZ(6px) rotate(-3deg);transition:transform .5s}.sheet-one{padding:16px;z-index:1;background:#fcf8ee;transform:translateZ(12px) rotate(3deg);color:#433f36}.sheet-one>span{font:7px monospace;letter-spacing:1px;display:block;border-bottom:1px solid #dfd6c5;padding-bottom:8px}.sheet-one b{display:block;font-size:20px;margin-top:15px;line-height:1.5}.sheet-one i{font:7px monospace;position:absolute;bottom:14px}.folder-front{z-index:2}.folder-code{display:block;position:absolute;top:25px;left:20px;font:7px monospace;letter-spacing:1px;opacity:.7}.folder-label{position:absolute;bottom:22px;left:20px;font-size:17px;font-weight:720;line-height:1.1;letter-spacing:-.3px}.folder-stamp{position:absolute;right:20px;top:26px;font:40px Georgia}.folder-stamp>span{font:17px monospace;position:absolute;right:-2px;bottom:-3px}.project-folder:hover .folder-object,.project-folder:focus-visible .folder-object{transform:translateY(-12px) rotateX(3deg) rotateY(-6deg) rotateZ(-2deg)}.project-folder:hover .folder-front,.project-folder:focus-visible .folder-front{transform:translateZ(40px) rotateX(-24deg)}.project-folder:hover .sheet-one,.project-folder:focus-visible .sheet-one{transform:translateY(-50px) translateZ(16px) rotate(1deg)}.project-folder:hover .sheet-two,.project-folder:focus-visible .sheet-two{transform:translateY(-15px) rotate(-7deg)}.time-folder .folder-object{transform:rotateX(8deg) rotateY(-12deg) rotateZ(3deg)}.time-folder .folder-back{background:#353c37}.time-folder .folder-front{background:linear-gradient(120deg,#454e44,#292f2a)}.clock-mark{position:absolute;right:19px;top:22px;width:34px;height:34px;border:1px solid #c8c7af;border-radius:50%}.clock-mark:before,.clock-mark:after{content:'';position:absolute;left:16px;top:7px;width:1px;height:10px;background:#c8c7af;transform-origin:bottom}.clock-mark:after{transform:rotate(110deg);height:8px;top:9px}.os-folder .folder-back{background:#ab9b7c}.os-folder .folder-front{background:linear-gradient(120deg,#d9cdb4,#bfb092);color:#454233}.os-mark{position:absolute;right:18px;top:22px;font:28px monospace;letter-spacing:2px}.os-mark>span{color:#a54f36}.folder-caption{display:block;margin-top:31px;padding:0 8px}.folder-caption strong{font-size:15px;letter-spacing:-.4px}.folder-caption>span{display:flex;justify-content:space-between;margin-top:9px;font-size:11px;color:var(--muted)}.folder-caption i{font-style:normal;color:var(--red);font-size:16px}.desk-label{font:8px monospace;letter-spacing:1.5px;color:#a49988;display:block;margin-top:46px}.desk-axis{position:absolute;right:5px;bottom:34px;width:35px;height:35px;border-left:1px solid #b1a695;border-bottom:1px solid #b1a695;color:#b1a695;font:8px monospace}.desk-axis span:first-child{position:absolute;top:-12px;left:-3px}.desk-axis span:last-child{position:absolute;bottom:-3px;right:-9px}.note{padding:55px 0;display:grid;grid-template-columns:1fr 1.4fr 1.4fr;gap:25px;align-items:start}.note-index{font:10px monospace;color:var(--red);padding-top:7px}.note>p{font-size:26px;line-height:1.45;letter-spacing:-1px;margin:0}.note>div{font-size:12px;line-height:1.9;color:var(--muted)}.note>div>p{margin:0 0 14px}.note button{border:0;background:none;padding:4px 0;color:var(--ink);font-size:11px}.note button span{color:var(--red);margin-left:20px}footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:26px 6%;display:flex;align-items:center;justify-content:space-between;gap:15px;font:9px monospace;color:var(--muted)}footer .wordmark{font-size:15px;color:var(--ink)}.footer-cursor{color:var(--red)}dialog{padding:0;border:1px solid #d6caba;background:var(--paper);color:var(--ink);border-radius:16px;width:min(620px,calc(100vw - 32px));max-height:85dvh;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#24251f96;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 23px;font:11px monospace}.dialog-top button{border:0;background:none;color:var(--muted);padding:7px}.dialog-content{padding:26px 38px 35px}.dialog-content h2{font-size:34px;letter-spacing:-1.5px;margin:20px 0}.dialog-content>p{font-size:14px;line-height:1.9;color:var(--muted)}.dialog-content .eyebrow{font:10px monospace;color:var(--red)}.dialog-content ul{padding:12px 0 15px;list-style:none;font-size:13px;line-height:1.8}.dialog-content li{padding:10px 0;border-bottom:1px solid var(--line)}.dialog-content li:before{content:'↳';color:var(--red);margin-right:12px}#dialog-actions a{display:inline-block;background:var(--red);color:#fff4e4;padding:13px 18px;border-radius:8px;font-size:12px}#dialog-note{font-size:11px;margin-bottom:0}.no-script{padding:30px;text-align:center}@keyframes blink{to{opacity:0}}.motion-paused *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.motion-paused .folder-object{transform:none!important}.motion-paused .project-folder:hover .sheet-one,.motion-paused .project-folder:focus-visible .sheet-one{transform:translateY(-20px)}@media(min-width:1440px){.folder-object{height:275px}.folder-front,.folder-back{height:190px}.sheet{height:195px}.intro{padding-top:96px}}@media(max-width:850px){.edition{display:none}.intro{gap:6%;padding:60px 0}.folder-row{gap:25px}.desk{padding:30px 5px}.folder-object{height:190px}.folder-back,.folder-front{height:140px}.sheet{height:150px}.folder-label{font-size:14px}.folder-code{font-size:6px;top:19px}.folder-stamp,.clock-mark,.os-mark{top:40px}.folder-stamp{font-size:28px}.terminal-body{padding:20px 18px}.terminal{font-size:11px}.folder-caption strong{font-size:13px}.instruction{font-size:10px}.note{grid-template-columns:.7fr 1fr 1.3fr}}@media(max-width:620px){.topbar{padding:18px 6%;gap:12px}.wordmark{font-size:17px;gap:8px}.brand-icon{width:29px;height:29px;font-size:14px}.topbar nav{gap:16px;font-size:11px}#motion{padding-left:12px}.intro{grid-template-columns:1fr;gap:37px;padding:42px 0 48px}h1{font-size:50px;letter-spacing:-2px;margin:22px 0}.intro-description{font-size:13px}.terminal{max-width:430px;width:calc(100% - 12px);transform:rotate(.5deg)}.terminal-body{min-height:240px}.section-bar{gap:14px;flex-wrap:wrap}.instruction{order:3;width:100%}.project-count{margin-left:auto}.folder-row{grid-template-columns:1fr;gap:38px;max-width:285px;margin:auto}.folder-object{height:235px}.folder-front,.folder-back{height:180px}.sheet{height:185px}.folder-label{font-size:21px}.folder-code{font-size:8px}.folder-caption strong{font-size:16px}.folder-stamp{font-size:40px}.folder-caption{margin-top:24px}.desk{padding-top:16px}.desk-label{font-size:6px;letter-spacing:1px}.note{grid-template-columns:1fr;gap:20px;padding:32px 0}.note>p{font-size:29px}.note>div{font-size:13px}footer{flex-wrap:wrap;gap:20px}footer>span{font-size:7px}footer>a:last-child{font-size:10px}.dialog-content{padding:24px}.dialog-content h2{font-size:29px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.demo-entry{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:30px auto 70px;padding:36px;border:1px solid #d9d2c5;border-radius:18px;max-width:1200px}.demo-entry h2{font-size:36px}.demo-entry p{line-height:1.9}.demo-entry img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid #d9d2c5}@media(max-width:700px){.demo-entry{grid-template-columns:1fr;margin:24px 16px;padding:24px}.demo-entry h2{font-size:28px}}