#zhien-home{--ze-bg:light-dark(#fbfcf9,#111d1b);--ze-panel:light-dark(#ffffff,#1b2a27);--ze-ink:light-dark(#19352d,#ecf4ef);--ze-muted:light-dark(#718179,#a4b7ad);--ze-line:light-dark(#e5eae4,#30463d);--ze-green:light-dark(#176c50,#83d6ac);--ze-on-green:light-dark(#ffffff,#10291e);--ze-tint:light-dark(#edf3e9,#22372b);--ze-soft:light-dark(#f0f5ed,#1c3027);--ze-orange:light-dark(#a4591d,#f5ba7f);--ze-blue:light-dark(#397091,#9ec8ed);--ze-purple:light-dark(#795b9d,#c9abe8);--ze-shadow:light-dark(#204d3320,#00000035);font:14px/1.6 "Segoe UI","Microsoft YaHei",sans-serif;color:var(--ze-ink);background:var(--ze-bg);position:relative;isolation:isolate;overflow-wrap:anywhere;text-align:left;color-scheme:light dark}
#zhien-home *{box-sizing:border-box}#zhien-home [hidden]{display:none!important}#zhien-home button,#zhien-home input{font:inherit}#zhien-home button{cursor:var(--cursor-interaction,pointer)}#zhien-home a{color:inherit;text-decoration:none}#zhien-home button:focus-visible,#zhien-home a:focus-visible,#zhien-home input:focus-visible{outline:3px solid var(--ze-green);outline-offset:4px}#zhien-home h1,#zhien-home h2,#zhien-home h3,#zhien-home p{margin:0}#zhien-home .ze-header{max-width:1240px;margin:auto;padding:23px 38px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--ze-line)}#zhien-home .ze-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;white-space:nowrap}#zhien-home .ze-logo{height:40px;width:40px;display:inline-flex;justify-content:center;align-items:center;background:var(--ze-green);color:var(--ze-on-green);border-radius:12px;font:700 29px/1 monospace;letter-spacing:-5px;padding-right:5px;flex:none}#zhien-home .ze-logo span{color:light-dark(#cced9b,#cbedb3)}#zhien-home .ze-brand-sub{display:block;font-size:10px;letter-spacing:1px;color:var(--ze-muted);font-weight:400}#zhien-home .ze-nav{display:flex;align-items:center;gap:28px;font-size:13px}#zhien-home .ze-nav .ze-current{font-weight:700;color:var(--ze-green)}#zhien-home .ze-header-actions{display:flex;gap:18px;align-items:center}#zhien-home .ze-text{border:0;background:transparent;padding:0;color:inherit;font-size:13px}#zhien-home .ze-button,#zhien-home .ze-outline{border:1px solid transparent;padding:12px 20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:13px;white-space:nowrap;text-decoration:none}#zhien-home .ze-button{background:var(--ze-green);color:var(--ze-on-green);font-weight:600}#zhien-home .ze-button:hover{filter:brightness(1.08)}#zhien-home .ze-outline{background:transparent;border-color:var(--ze-line);color:var(--ze-ink)}#zhien-home .ze-outline:hover{background:var(--ze-tint)}#zhien-home .ze-small{padding:9px 15px}#zhien-home main{max-width:1240px;margin:auto;padding:0 38px}#zhien-home .ze-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center;padding:68px 0 60px}#zhien-home .ze-eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--ze-green);display:flex;gap:8px;align-items:center}#zhien-home .ze-dot{height:6px;width:6px;background:var(--ze-green);border-radius:50%;display:inline-block}#zhien-home h1{font-size:clamp(25px,3.5vw,45px);line-height:1.6;letter-spacing:-1.8px;font-weight:750;margin:20px 0 15px}#zhien-home .ze-highlight{color:var(--ze-green);position:relative;white-space:nowrap}#zhien-home .ze-highlight:after{content:"";height:8px;background:var(--ze-green);opacity:.12;position:absolute;left:0;right:0;bottom:3px;transform:rotate(-1.5deg)}#zhien-home .ze-hero-copy>p{font-size:13px;line-height:1.95;color:var(--ze-muted)}#zhien-home .ze-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 20px}#zhien-home .ze-hero-note{font-size:11px;color:var(--ze-muted)}#zhien-home .ze-hero-note>span{color:var(--ze-orange);margin-right:5px}#zhien-home .ze-hero-art{position:relative;min-width:0;padding:20px 14px 20px 8px}#zhien-home .ze-orbit{position:absolute;inset:8px -3px;border:1px dashed var(--ze-line);border-radius:50%;transform:rotate(-25deg);pointer-events:none}#zhien-home .ze-orbit-two{inset:-15px 18px;transform:rotate(28deg)}#zhien-home .ze-showcase{position:relative;background:var(--ze-panel);border:1px solid var(--ze-line);border-radius:15px;transform:rotate(-3deg);box-shadow:0 16px 40px var(--ze-shadow);overflow:hidden}#zhien-home .ze-showcase-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:10px;color:var(--ze-muted)}#zhien-home .ze-showcase-bar b{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ze-line);margin-right:4px}#zhien-home .ze-space{position:relative;overflow:hidden;background-color:light-dark(#172b44,#14273e);background-image:radial-gradient(circle at 23% 30%,#c9e7ee 0 1px,transparent 2px),radial-gradient(circle at 70% 12%,#c9e7ee 0 1px,transparent 2px),radial-gradient(circle at 52% 78%,#c9e7ee 0 1px,transparent 2px),radial-gradient(circle at 88% 69%,#c9e7ee 0 1px,transparent 2px);color:#eff7f6}#zhien-home .ze-hero-space{height:244px;margin:0 7px;border-radius:8px}#zhien-home .ze-space-word{position:absolute;top:24px;left:24px;font:800 34px/1.05 "Segoe UI",sans-serif;letter-spacing:1px;color:#e6f2dd}#zhien-home .ze-planet{position:absolute;width:144px;height:144px;border-radius:50%;background:linear-gradient(135deg,#f4b477,#db805c 65%,#be6857);right:15px;top:72px;box-shadow:inset -15px -12px 0 #8d485633}#zhien-home .ze-planet:after{content:"";position:absolute;width:202px;height:51px;border:12px solid #e9bb87;border-radius:50%;top:48px;left:-29px;transform:rotate(-28deg);box-shadow:0 3px 0 #1b2d4c40}#zhien-home .ze-rocket{position:absolute;right:60px;top:13px;font-size:65px;transform:rotate(5deg)}#zhien-home .ze-small-planet{position:absolute;left:38px;bottom:44px;width:27px;height:27px;background:#8cafb8;border-radius:50%;box-shadow:inset -7px -4px 0 #6b859c}#zhien-home .ze-space-caption{position:absolute;bottom:17px;left:23px;font-size:10px;letter-spacing:2px;color:#c3d4de}#zhien-home .ze-play{position:absolute;inset:0;margin:auto;width:45px;height:45px;border:1px solid #f6ffff50;border-radius:50%;background:#ffffff26;color:#fff;backdrop-filter:blur(5px);display:grid;place-items:center;font-size:15px;padding-left:4px}#zhien-home .ze-showcase-bottom{padding:14px;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:10px}#zhien-home .ze-type{font-size:10px;padding:3px 7px;border-radius:4px;display:inline-block;font-weight:600}#zhien-home .ze-scratch{color:var(--ze-orange);background:light-dark(#fff1dc,#493323)}#zhien-home .ze-python{color:var(--ze-blue);background:light-dark(#e8f2f9,#233e4f)}#zhien-home .ze-cpp{color:var(--ze-purple);background:light-dark(#f2ebf9,#3b2b50)}#zhien-home .ze-showcase-bottom .ze-type{margin-right:6px}#zhien-home .ze-float{position:absolute;z-index:2;background:var(--ze-panel);box-shadow:0 5px 15px var(--ze-shadow);border:1px solid var(--ze-line);padding:9px 12px;border-radius:7px;font-size:11px;white-space:nowrap}#zhien-home .ze-float-code{top:0;right:3px;transform:rotate(4deg);font-family:monospace;color:var(--ze-muted)}#zhien-home .ze-float-code>span{color:var(--ze-purple)}#zhien-home .ze-float-code em{color:var(--ze-green);font-style:normal}#zhien-home .ze-float-block{bottom:27px;left:-14px;background:light-dark(#f8ce60,#d6ac43);color:#534013;transform:rotate(4deg);border:0}#zhien-home .ze-float-spark{right:-3px;bottom:4px;color:var(--ze-green);transform:rotate(5deg)}#zhien-home .ze-art-star{position:absolute;font-size:30px;color:var(--ze-green)}#zhien-home .ze-star-one{left:-11px;top:0}#zhien-home .ze-star-two{right:0;top:100px;color:var(--ze-orange)}#zhien-home .ze-inspiration{background:var(--ze-tint);padding:17px 21px;border-radius:9px;display:flex;align-items:center;gap:20px;font-size:12px}#zhien-home .ze-inspiration-label{font-weight:600;color:var(--ze-green);white-space:nowrap}#zhien-home .ze-inspiration-label>span{margin-left:14px}#zhien-home .ze-inspiration>.ze-text{margin-left:auto;white-space:nowrap;color:var(--ze-green)}#zhien-home .ze-works{padding:49px 0 55px;scroll-margin-top:20px}#zhien-home .ze-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}#zhien-home .ze-section-heading h2{font-size:28px;letter-spacing:-1px;margin:7px 0 7px;line-height:1.45}#zhien-home .ze-heading-dot{color:var(--ze-green);padding-left:4px}#zhien-home .ze-section-heading p{font-size:12px;color:var(--ze-muted)}#zhien-home .ze-sample-label{font-size:10px;color:var(--ze-muted);white-space:nowrap}#zhien-home .ze-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 22px}#zhien-home .ze-filters{display:flex;flex-wrap:wrap;gap:8px}#zhien-home .ze-filter{border:1px solid var(--ze-line);background:var(--ze-panel);color:var(--ze-muted);padding:7px 15px;border-radius:6px;font-size:12px;display:flex;align-items:center;gap:7px}#zhien-home .ze-filter[aria-pressed="true"]{background:var(--ze-green);border-color:var(--ze-green);color:var(--ze-on-green)}#zhien-home .ze-filter-dot{width:5px;height:5px;border-radius:50%;display:inline-block}#zhien-home .ze-dot-orange{background:var(--ze-orange)}#zhien-home .ze-dot-blue{background:var(--ze-blue)}#zhien-home .ze-dot-purple{background:var(--ze-purple)}#zhien-home .ze-result-count{font-size:10px;color:var(--ze-muted);white-space:nowrap}#zhien-home .ze-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 20px}#zhien-home .ze-project{min-width:0;background:var(--ze-panel);border:1px solid var(--ze-line);border-radius:12px;overflow:hidden;transition:transform .18s,box-shadow .18s}#zhien-home .ze-project:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--ze-shadow)}#zhien-home .ze-cover{height:166px;position:relative;overflow:hidden;width:100%;border:0;padding:0;display:block;color:inherit;text-align:left}#zhien-home .ze-cover-label{position:absolute;top:12px;left:12px;z-index:2;padding:3px 8px;border-radius:4px;background:#172b44b0;color:#fff;font-size:10px;backdrop-filter:blur(5px)}#zhien-home .ze-cover-action{position:absolute;right:11px;bottom:11px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:#ffffff25;color:#fff;font-size:10px}#zhien-home .ze-card-info{padding:15px}#zhien-home .ze-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px}#zhien-home .ze-card-title{font-size:15px;font-weight:600;letter-spacing:-.3px}#zhien-home .ze-card-description{font-size:11px;color:var(--ze-muted);margin-bottom:14px!important;min-height:18px}#zhien-home .ze-card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--ze-muted);gap:8px}#zhien-home .ze-author{display:flex;align-items:center;gap:6px}#zhien-home .ze-avatar{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--ze-tint);font-size:12px}#zhien-home .ze-project .ze-space-word{font-size:24px;top:25px;left:19px}#zhien-home .ze-project .ze-planet{width:95px;height:95px;right:15px;top:55px}#zhien-home .ze-project .ze-planet:after{width:138px;height:32px;top:33px;left:-22px;border-width:8px}#zhien-home .ze-project .ze-rocket{font-size:43px;right:54px;top:13px}#zhien-home .ze-platform{background:#d9efda;color:#266744;background-image:radial-gradient(ellipse at 80% 105%,#99c58b 0 26%,transparent 26.5%),radial-gradient(ellipse at 8% 100%,#b8d8a4 0 45%,transparent 45.5%)}#zhien-home .ze-cloud{position:absolute;width:45px;height:13px;background:#ffffffc4;border-radius:20px;top:38px;left:26px;box-shadow:113px 12px 0 #ffffffc4}#zhien-home .ze-cloud:before{content:"";position:absolute;width:23px;height:23px;border-radius:50%;background:inherit;left:10px;top:-11px}#zhien-home .ze-grass{position:absolute;bottom:19px;left:0;right:0;height:17px;background:#6da672;border-top:5px solid #3a8452}#zhien-home .ze-island{position:absolute;width:60px;height:15px;background:#b47b50;border-top:6px solid #5c9b59;border-radius:3px;top:83px;right:36px}#zhien-home .ze-cat{font-size:55px;position:absolute;bottom:26px;left:40px}#zhien-home .ze-coin{position:absolute;right:59px;top:43px;font-size:24px;color:#dd9c34}#zhien-home .ze-platform-title{position:absolute;right:20px;bottom:48px;font-weight:800;font-size:22px;color:#2f6545;letter-spacing:4px}#zhien-home .ze-ocean{background:linear-gradient(#99dbe5,#4c9eb8);color:#164c63}#zhien-home .ze-ocean-title{position:absolute;top:30px;left:20px;font-size:23px;font-weight:800;letter-spacing:4px;color:#185d73}#zhien-home .ze-fish{position:absolute;font-size:42px;right:35px;top:57px}#zhien-home .ze-fish-small{font-size:26px;right:100px;top:92px}#zhien-home .ze-ocean:before{content:"○  ◦    ○   ◦";position:absolute;top:15px;right:15px;white-space:pre;font-size:25px;color:#ffffffa0}#zhien-home .ze-coral{position:absolute;bottom:-8px;left:20px;font-size:52px;letter-spacing:17px}#zhien-home .ze-art{background:#ede8dc;display:flex;align-items:center;justify-content:center;color:#756448}#zhien-home .ze-flower{width:108px;height:108px;position:relative;transform:rotate(-10deg);margin-left:45px}#zhien-home .ze-petal{position:absolute;width:68px;height:42px;border:1.5px solid #ae6b57;border-radius:80% 15% 80% 15%;top:33px;left:20px;transform-origin:34px 21px}#zhien-home .ze-art-title{position:absolute;left:15px;top:18px;font:11px/1.7 monospace;letter-spacing:2px}#zhien-home .ze-maze{background:#e9e7f0;display:flex;align-items:center;justify-content:center}#zhien-home .ze-maze-board{display:grid;grid-template-columns:repeat(9,13px);grid-template-rows:repeat(7,13px);gap:3px;transform:rotate(-8deg);background:#d5d0e1;padding:5px;border-radius:5px}#zhien-home .ze-maze-cell{border-radius:2px;background:#f8f6fc}#zhien-home .ze-maze-wall{background:#8877a3}#zhien-home .ze-maze-path{background:#b5cf9e}#zhien-home .ze-maze-title{position:absolute;right:15px;top:20px;font-size:11px;writing-mode:vertical-rl;letter-spacing:4px;color:#675682}#zhien-home .ze-city{background:#dce8ed;background-image:linear-gradient(0deg,#b6cdd5 0 15%,transparent 15%)}#zhien-home .ze-city-buildings{display:flex;align-items:flex-end;gap:6px;position:absolute;bottom:25px;right:20px;transform:skewY(-8deg)}#zhien-home .ze-building{width:28px;background:repeating-linear-gradient(0deg,transparent 0 10px,#e6f1ef 10px 15px),repeating-linear-gradient(90deg,#5d8695 0 7px,#e6f1ef 7px 11px);border-top:5px solid #648293;border-right:6px solid #476d80}#zhien-home .ze-city-title{position:absolute;left:15px;top:25px;font-size:22px;font-weight:800;line-height:1.3;color:#3e6677;letter-spacing:2px}#zhien-home .ze-start{background:var(--ze-soft);border-radius:14px;padding:33px 36px;display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:45px;align-items:center}#zhien-home .ze-start h2{font-size:26px;line-height:1.6;margin:10px 0}#zhien-home .ze-start p{font-size:12px;color:var(--ze-muted);margin-bottom:20px}#zhien-home .ze-languages{display:grid;gap:10px}#zhien-home .ze-language{padding:13px 16px;display:flex;align-items:center;gap:13px;border:1px solid var(--ze-line);border-radius:9px;background:var(--ze-panel);color:var(--ze-ink);text-align:left}#zhien-home .ze-language>span:last-child{margin-left:auto;color:var(--ze-muted)}#zhien-home .ze-language strong{display:block;font-size:13px;font-weight:600}#zhien-home .ze-language small{display:block;font-size:10px;color:var(--ze-muted);margin-top:2px}#zhien-home .ze-lang-icon{width:37px;height:37px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}#zhien-home .ze-lang-scratch{background:light-dark(#fff1dc,#493323);color:var(--ze-orange)}#zhien-home .ze-lang-python{background:light-dark(#e8f2f9,#233e4f);color:var(--ze-blue)}#zhien-home .ze-lang-cpp{background:light-dark(#f2ebf9,#3b2b50);color:var(--ze-purple)}#zhien-home .ze-login-note{text-align:center;font-size:10px;color:var(--ze-muted)}#zhien-home .ze-footer{max-width:1240px;margin:auto;border-top:1px solid var(--ze-line);padding:25px 38px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px;color:var(--ze-muted)}#zhien-home .ze-footer .ze-brand{font-size:13px;color:var(--ze-ink)}#zhien-home .ze-footer-logo{width:28px;height:28px;border-radius:8px;font-size:20px;letter-spacing:-4px}#zhien-home .ze-footer-preview{font-size:10px}#zhien-home .ze-preview{border:1px solid var(--ze-line);background:var(--ze-panel);border-radius:12px;padding:20px;margin-bottom:25px;scroll-margin-top:20px}#zhien-home .ze-preview-head{display:flex;gap:15px;align-items:center;justify-content:space-between}#zhien-home .ze-preview h3{font-size:20px;margin:3px 0}#zhien-home #ze-preview-description{color:var(--ze-muted);font-size:12px;margin:8px 0 14px}#zhien-home .ze-game{height:250px;border-radius:8px;display:flex;align-items:center;justify-content:center}#zhien-home .ze-game-status{position:absolute;top:15px;left:15px;font-size:13px;z-index:2}#zhien-home .ze-game-rocket{position:absolute;bottom:13px;left:18%;font-size:55px}#zhien-home .ze-target{position:absolute;border:0;background:transparent;color:#f8da87;font-size:33px;min-width:44px;min-height:44px;padding:0;transform:translate(-50%,-50%)}#zhien-home .ze-preview-foot{margin-top:10px!important;font-size:10px;color:var(--ze-muted)}#zhien-home .ze-auth{position:absolute;top:65px;bottom:auto;margin:0 auto;width:calc(100% - 32px);max-width:380px;border:1px solid var(--ze-line);padding:28px;border-radius:15px;background:var(--ze-panel);color:var(--ze-ink);box-shadow:0 20px 80px #00000030}#zhien-home .ze-auth::backdrop{background:#09291d60;backdrop-filter:blur(4px)}#zhien-home .ze-auth-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}#zhien-home .ze-close{background:transparent;border:0;color:var(--ze-muted);font-size:26px;min-height:36px;min-width:36px}#zhien-home .ze-auth h2{font-size:24px}#zhien-home #ze-auth-subtitle{color:var(--ze-muted);font-size:13px;margin:5px 0 20px}#zhien-home .ze-auth form{display:grid;gap:9px}#zhien-home .ze-auth label{font-size:12px}#zhien-home .ze-auth input{width:100%;min-width:0;border:1px solid var(--ze-line);border-radius:7px;background:var(--ze-bg);color:var(--ze-ink);padding:10px 12px;margin-bottom:5px;font-size:16px}#zhien-home .ze-auth form>.ze-button{margin-top:8px}#zhien-home #ze-auth-feedback{font-size:11px;color:var(--ze-muted);margin:15px 0 8px}#zhien-home #ze-auth-switch{color:var(--ze-green);font-size:12px}#zhien-home .ze-cover:hover .ze-cover-action{background:#ffffff45}#zhien-home .ze-languages .ze-language:hover{border-color:var(--ze-green)}
#zhien-home .ze-orbit-one{transform:rotate(-25deg) scale(.8)}#zhien-home .ze-orbit-two{transform:rotate(28deg) scale(.8)}#zhien-home .ze-float-block{bottom:0}#zhien-home .ze-project .ze-space-word{top:43px}#zhien-home .ze-art-title{top:48px}#zhien-home .ze-ocean-title{top:44px}#zhien-home .ze-city-title{top:44px}
@media(min-width:1200px){#zhien-home .ze-hero-space{height:280px}#zhien-home .ze-planet{right:40px;top:95px}#zhien-home .ze-rocket{right:100px}#zhien-home .ze-cover{height:190px}}
@media(max-width:850px){#zhien-home .ze-header{padding:20px 24px;gap:14px}#zhien-home main{padding:0 24px}#zhien-home .ze-nav{gap:15px}#zhien-home .ze-brand{font-size:18px}#zhien-home .ze-brand-sub{font-size:9px;letter-spacing:0}#zhien-home .ze-hero{gap:15px;padding:48px 0}#zhien-home h1{font-size:30px;letter-spacing:-1.3px}#zhien-home .ze-hero-actions{gap:8px}#zhien-home .ze-hero-actions>.ze-button,#zhien-home .ze-hero-actions>.ze-outline{padding:10px 13px;gap:10px;font-size:12px}#zhien-home .ze-hero-space{height:220px}#zhien-home .ze-space-word{font-size:26px;left:16px}#zhien-home .ze-planet{width:113px;height:113px;right:10px;top:83px}#zhien-home .ze-planet:after{width:157px;height:40px;border-width:9px;left:-22px;top:40px}#zhien-home .ze-rocket{font-size:48px;right:45px;top:25px}#zhien-home .ze-showcase-bottom{font-size:10px;padding:11px 9px}#zhien-home .ze-showcase-bottom .ze-text{font-size:10px}#zhien-home .ze-float-code{font-size:9px;padding:7px}#zhien-home .ze-float-block{font-size:10px;padding:7px}#zhien-home .ze-projects{gap:16px}#zhien-home .ze-cover{height:145px}#zhien-home .ze-card-info{padding:12px}#zhien-home .ze-card-title{font-size:13px}#zhien-home .ze-type{font-size:9px;padding:2px 5px}#zhien-home .ze-card-description{font-size:10px}#zhien-home .ze-project .ze-space-word{font-size:20px;left:13px;top:40px}#zhien-home .ze-project .ze-planet{width:76px;height:76px;top:62px;right:10px}#zhien-home .ze-project .ze-planet:after{width:110px;height:27px;border-width:6px;top:26px;left:-17px}#zhien-home .ze-project .ze-rocket{font-size:35px;right:30px;top:25px}#zhien-home .ze-start{padding:28px;gap:24px}#zhien-home .ze-start h2{font-size:24px}#zhien-home .ze-footer{padding:23px 24px;flex-wrap:wrap}#zhien-home .ze-footer-preview{margin-left:auto}}
@media(max-width:650px){#zhien-home .ze-header{padding:15px 18px;flex-wrap:wrap;gap:12px}#zhien-home .ze-nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--ze-line);padding-top:12px;gap:32px}#zhien-home .ze-header-actions{gap:12px}#zhien-home main{padding:0 18px}#zhien-home .ze-hero{grid-template-columns:1fr;padding:32px 0 30px;gap:25px}#zhien-home h1{font-size:clamp(25px,6vw,36px);letter-spacing:-1px;margin-top:15px}#zhien-home .ze-hero-copy>p{font-size:12px}#zhien-home .ze-hero-art{max-width:450px;width:100%;margin:auto;padding:18px 17px}#zhien-home .ze-hero-space{height:215px}#zhien-home .ze-space-word{font-size:32px;top:30px;left:22px}#zhien-home .ze-planet{right:34px;top:77px}#zhien-home .ze-rocket{right:75px;top:24px}#zhien-home .ze-float-block{left:0}#zhien-home .ze-float-code{right:13px}#zhien-home .ze-inspiration{padding:14px;flex-wrap:wrap;gap:7px 13px;font-size:11px}#zhien-home .ze-inspiration>span:nth-child(2){order:3;width:100%}#zhien-home .ze-inspiration>.ze-text{font-size:11px}#zhien-home .ze-works{padding:35px 0}#zhien-home .ze-section-heading h2{font-size:25px}#zhien-home .ze-eyebrow{font-size:9px;letter-spacing:1px}#zhien-home .ze-filter-row{align-items:flex-start;flex-direction:column;margin-top:20px;gap:9px}#zhien-home .ze-filter{padding:7px 11px;font-size:11px}#zhien-home .ze-result-count{align-self:flex-end}#zhien-home .ze-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}#zhien-home .ze-cover{height:145px}#zhien-home .ze-card-title-row{align-items:flex-start;flex-wrap:wrap;gap:3px}#zhien-home .ze-card-title{font-size:13px}#zhien-home .ze-card-description{min-height:32px}#zhien-home .ze-card-bottom{flex-wrap:wrap;font-size:9px}#zhien-home .ze-platform-title{font-size:18px;right:12px}#zhien-home .ze-cat{font-size:41px;left:15px}#zhien-home .ze-ocean-title{font-size:18px;left:13px}#zhien-home .ze-fish{font-size:34px;right:15px}#zhien-home .ze-fish-small{font-size:23px;right:68px}#zhien-home .ze-flower{transform:scale(.8) rotate(-10deg);margin-left:15px}#zhien-home .ze-maze-board{transform:scale(.85) rotate(-8deg)}#zhien-home .ze-maze-title{right:6px;font-size:9px}#zhien-home .ze-city-title{font-size:18px;top:22px;left:12px}#zhien-home .ze-city-buildings{right:10px;gap:3px}#zhien-home .ze-building{width:21px}#zhien-home .ze-start{grid-template-columns:1fr;padding:25px 21px;gap:25px;margin-bottom:28px}#zhien-home .ze-start h2{font-size:24px}#zhien-home .ze-footer{padding:22px 18px;gap:12px}#zhien-home .ze-footer>span{width:100%}#zhien-home .ze-footer-preview{margin:0}#zhien-home .ze-preview{padding:14px}#zhien-home .ze-preview-head{align-items:flex-start}#zhien-home .ze-preview-head>.ze-outline{font-size:10px;padding:7px 9px}#zhien-home .ze-game{height:220px}#zhien-home .ze-auth{top:28px;padding:24px}#zhien-home .ze-sample-label{font-size:9px}}
@media(max-width:359px){#zhien-home .ze-projects{grid-template-columns:1fr}#zhien-home .ze-cover{height:170px}#zhien-home .ze-card-title-row{flex-wrap:nowrap}#zhien-home .ze-card-description{min-height:0}#zhien-home .ze-brand{font-size:16px}#zhien-home .ze-logo{width:34px;height:34px;font-size:25px}#zhien-home .ze-small{padding:8px 10px;font-size:12px}#zhien-home .ze-header-actions{gap:10px}#zhien-home .ze-filters{gap:5px}#zhien-home .ze-filter{padding:7px 10px}}
@media(pointer:coarse){#zhien-home .ze-filter,#zhien-home .ze-button,#zhien-home .ze-outline,#zhien-home .ze-nav a,#zhien-home .ze-nav button,#zhien-home .ze-header-actions>.ze-text{min-height:44px}#zhien-home .ze-nav a{display:flex;align-items:center}}
@media(max-width:650px){#zhien-home .ze-platform-title{font-size:13px;letter-spacing:2px;bottom:48px;right:10px}#zhien-home .ze-city-title{top:44px;font-size:16px}#zhien-home .ze-art-title{font-size:9px;letter-spacing:1px;left:10px}#zhien-home .ze-cover-label{font-size:9px;line-height:1.6;padding:3px 6px;max-width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){#zhien-home .ze-project{transition:none}}