#zhien-home{min-height:100vh}
#zhien-home .ze-header-actions form,#zhien-home .ze-project-row-actions form{margin:0;display:flex;align-items:center}
#zhien-home .ze-header-actions a,#zhien-home .ze-header-actions button{white-space:nowrap}
#zhien-home .ze-header-actions .ze-account-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ze-muted);font-size:12px}
#zhien-home .ze-header-actions .ze-my-work{font-size:12px;color:var(--ze-green)}
#zhien-home .ze-inspiration a.ze-text{margin-left:auto;white-space:nowrap;color:var(--ze-green)}
#zhien-home .ze-flash,#zhien-home .ze-studio-feedback{margin:12px 0;padding:10px 13px;border-left:3px solid var(--ze-green);background:var(--ze-tint);color:var(--ze-ink);font-size:12px}
#zhien-home .ze-studio{padding:32px 0 40px;border-top:1px solid var(--ze-line);scroll-margin-top:18px}
#zhien-home .ze-studio-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
#zhien-home .ze-studio-heading h2{font-size:24px;margin:4px 0}
#zhien-home .ze-studio-heading p{font-size:12px;color:var(--ze-muted)}
#zhien-home .ze-studio-top-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px}
#zhien-home .ze-studio-top-actions .ze-outline,#zhien-home .ze-studio-heading>.ze-button{padding:10px 13px}
#zhien-home .ze-project-form{margin:20px 0;padding:18px;border:1px solid var(--ze-line);border-radius:9px;background:var(--ze-panel)}
#zhien-home .ze-project-form h3{font-size:16px;margin-bottom:14px}
#zhien-home .ze-project-form label{display:block;margin:11px 0 5px;font-size:12px;font-weight:600}
#zhien-home .ze-studio-input{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--ze-line);border-radius:6px;background:var(--ze-bg);color:var(--ze-ink);font-size:16px}
#zhien-home textarea.ze-studio-input{resize:vertical;line-height:1.7}
#zhien-home .ze-code-input{font-family:Consolas,"Cascadia Code",monospace;tab-size:4}
#zhien-home .ze-editor-note{display:block;margin-top:8px;color:var(--ze-muted);font-size:11px}
#zhien-home .ze-form-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:16px}
#zhien-home .ze-form-actions .ze-text{padding:10px 12px;color:var(--ze-muted)}
#zhien-home .ze-project-list{display:grid;gap:9px;margin-top:18px}
#zhien-home .ze-project-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 15px;border:1px solid var(--ze-line);border-radius:8px;background:var(--ze-panel)}
#zhien-home .ze-project-row strong{font-size:13px;font-weight:600}
#zhien-home .ze-project-row p{margin-top:4px!important;color:var(--ze-muted);font-size:11px;overflow-wrap:anywhere}
#zhien-home .ze-project-status{display:inline-block;margin:0 7px 0 0;color:var(--ze-green);font-size:10px}
#zhien-home .ze-project-status.is-review{color:var(--ze-orange)}
#zhien-home .ze-project-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px}
#zhien-home .ze-project-row-actions .ze-text{padding:6px 9px;color:light-dark(#a44942,#f09a8e)}
#zhien-home .ze-muted-caption{font-size:11px;color:var(--ze-muted)}
#zhien-home .ze-empty-projects{grid-column:1/-1;padding:22px 14px;border-bottom:1px solid var(--ze-line);color:var(--ze-muted);font-size:12px;text-align:center}
#zhien-home .ze-device-notice{margin:15px 0;padding:11px 14px;border-radius:7px;background:var(--ze-tint);color:var(--ze-muted);font-size:11px}
#zhien-home .ze-preview-code{display:block;max-height:300px;overflow:auto;margin:12px 0;padding:13px;border-radius:7px;background:var(--ze-soft);color:var(--ze-ink);font:12px/1.7 Consolas,"Cascadia Code",monospace;white-space:pre-wrap;overflow-wrap:anywhere}
#zhien-home .ze-scratch-editor{margin-top:13px}
#zhien-home .ze-scratch-categories{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0;border-bottom:1px solid var(--ze-line)}
#zhien-home .ze-scratch-category{min-width:52px;min-height:40px;padding:5px 12px;border:1px solid var(--ze-line);border-radius:6px;background:var(--ze-panel);color:var(--ze-muted);font-size:11px}
#zhien-home .ze-scratch-category[data-scratch-category="事件"].ze-selected{background:#dcecf7;color:#295a79;border-color:#b7d6eb}
#zhien-home .ze-scratch-category[data-scratch-category="运动"].ze-selected{background:#e0eff5;color:#26647a;border-color:#bcdae3}
#zhien-home .ze-scratch-category[data-scratch-category="外观"].ze-selected{background:#efe6f6;color:#6d5187;border-color:#d9c5e9}
#zhien-home .ze-scratch-category[data-scratch-category="控制"].ze-selected{background:#fff0d7;color:#8a641e;border-color:#ecd8af}
#zhien-home .ze-scratch-tools{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(185px,1fr) minmax(180px,.9fr);align-items:start;gap:12px;margin-top:13px}
#zhien-home .ze-palette h4,#zhien-home .ze-scripts h4{margin:0 0 10px;font-size:11px;font-weight:600}
#zhien-home .ze-scripts h4 span{font-size:10px;font-weight:400;color:var(--ze-muted)}
#zhien-home .ze-palette,#zhien-home .ze-scripts{min-width:0}
#zhien-home #ze-block-palette,#zhien-home #ze-script-blocks{display:grid;align-content:start;gap:7px;min-height:100px}
#zhien-home .ze-palette-block,#zhien-home .ze-code-block{width:100%;min-height:39px;padding:8px 11px;border:0;border-radius:6px;background:#c8e6f3;color:#264e65;text-align:left;font-size:11px}
#zhien-home .ze-code-block{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#c8e6f3;font-weight:500}
#zhien-home .ze-code-block span{font-size:10px;opacity:.65}
#zhien-home .ze-palette-block[data-kind="event"],#zhien-home .ze-code-block[data-kind="event"]{background:#c5ddf4;color:#244f78}
#zhien-home .ze-palette-block[data-kind="looks"],#zhien-home .ze-code-block[data-kind="looks"]{background:#dfcbed;color:#55396c}
#zhien-home .ze-palette-block[data-kind="control"],#zhien-home .ze-code-block[data-kind="control"]{background:#f4d798;color:#694b15}
#zhien-home .ze-palette-block:hover,#zhien-home .ze-code-block:hover{filter:brightness(.96)}
#zhien-home .ze-scripts{min-height:138px;padding:12px;border-radius:7px;background:var(--ze-bg);outline:1px dashed var(--ze-line)}
#zhien-home .ze-block-stage{position:relative;isolation:isolate;min-height:155px;overflow:hidden;border-radius:7px;background-color:#d7edf1;background-image:radial-gradient(circle at 19% 27%,#fff 0 2px,transparent 2.5px),radial-gradient(circle at 79% 19%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 61% 42%,#ffffffb5 0 2px,transparent 2.5px),linear-gradient(0deg,#7bb381 0 13%,transparent 13%)}
#zhien-home .ze-block-stage:after{content:"";position:absolute;z-index:-1;left:-10%;right:-10%;bottom:-25px;height:65px;border-radius:50% 50% 0 0;background:#b8dca4}
#zhien-home .ze-block-sprite{position:absolute;left:10px;top:62px;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#ffffffb8;font-size:28px;transition:transform .35s ease}
#zhien-home .ze-block-speech{position:absolute;left:23px;bottom:35px;z-index:2;max-width:130px;padding:4px 7px;border-radius:6px;background:#fff;color:#33443c;font-size:10px;white-space:nowrap}
#zhien-home .ze-stage-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;font-weight:600}
#zhien-home .ze-stage-label span:last-child{color:var(--ze-orange)}
#zhien-home .ze-stage-status{min-height:32px;padding:6px 0;color:var(--ze-muted);font-size:10px}
#zhien-home .ze-stage-actions{display:flex;flex-wrap:wrap;gap:7px}
#zhien-home .ze-stage-actions .ze-button,#zhien-home .ze-stage-actions .ze-outline{padding:7px 9px;font-size:10px}
#zhien-home .ze-auth-tabs{display:flex;gap:8px;margin:16px 0 13px;border-bottom:1px solid var(--ze-line)}
#zhien-home .ze-auth-tab{padding:9px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ze-muted);font-size:12px}
#zhien-home .ze-auth-tab.is-active{border-bottom-color:var(--ze-green);color:var(--ze-green);font-weight:600}
#zhien-home .ze-auth-form{display:grid;gap:9px}
#zhien-home .ze-auth-form[hidden]{display:none!important}
#zhien-home .ze-auth-form label{font-size:12px}
#zhien-home .ze-auth-form input{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--ze-line);border-radius:7px;background:var(--ze-bg);color:var(--ze-ink);font-size:16px}
#zhien-home .ze-auth-submit{width:100%;margin-top:8px}
#zhien-home .ze-auth-feedback{color:var(--ze-muted);font-size:11px}
#zhien-home .ze-auth-feedback.is-error,#zhien-home .ze-studio-feedback.is-error{color:light-dark(#a44942,#ffaba2)}
#zhien-home .ze-install-card{width:min(100% - 32px,720px);margin:48px auto;padding:32px;background:var(--ze-panel);border:1px solid var(--ze-line);border-radius:12px;box-shadow:0 12px 35px var(--ze-shadow)}
#zhien-home .ze-install-card>.ze-brand{margin-bottom:24px}
#zhien-home .ze-install-card>h1{margin:9px 0;font-size:28px}
#zhien-home .ze-install-intro,#zhien-home .ze-install-security{margin:8px 0 18px;font-size:12px;color:var(--ze-muted)}
#zhien-home .ze-install-requirements{display:grid;gap:7px;margin:20px 0;padding:14px;background:var(--ze-tint);border-radius:7px;font-size:11px;color:var(--ze-muted)}
#zhien-home .ze-install-requirements strong{color:var(--ze-ink)}
#zhien-home .ze-install-error{margin:10px 0;padding:10px 12px;background:light-dark(#fff1ef,#3f2523);color:light-dark(#933e38,#ffaba2);font-size:12px;border-radius:6px}
#zhien-home .ze-install-form fieldset{margin:18px 0;padding:16px;border:1px solid var(--ze-line);border-radius:8px}
#zhien-home .ze-install-form legend{padding:0 6px;font-size:13px;font-weight:600}
#zhien-home .ze-install-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
#zhien-home .ze-install-grid label{display:grid;gap:5px;font-size:11px;font-weight:600}
#zhien-home .ze-install-grid label input{width:100%;min-width:0;padding:10px 11px;border:1px solid var(--ze-line);border-radius:6px;background:var(--ze-bg);color:var(--ze-ink);font:16px/1.5 inherit}
#zhien-home .ze-install-wide{grid-column:1/-1}
#zhien-home .ze-install-help{font-size:10px;color:var(--ze-muted);font-weight:400}
#zhien-home .ze-install-submit{width:100%;margin-top:8px}
#zhien-home .ze-install-submit:disabled{opacity:.55;cursor:not-allowed}
#zhien-home .ze-install-security code{font-size:11px}
#zhien-home [data-close-preview],#zhien-home [data-open-auth],#zhien-home [data-create-type],#zhien-home [data-auth-tab],#zhien-home [data-scratch-category],#zhien-home [data-add-block],#zhien-home [data-remove-block],#zhien-home [data-project-demo]{cursor:pointer}
#zhien-home .ze-preview [hidden],#zhien-home [hidden]{display:none!important}
#zhien-home a:focus-visible,#zhien-home button:focus-visible,#zhien-home input:focus-visible,#zhien-home textarea:focus-visible,#zhien-home select:focus-visible{outline:3px solid var(--ze-green);outline-offset:3px}
@media(max-width:900px){#zhien-home .ze-scratch-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#zhien-home .ze-stage-panel{grid-column:1/-1}#zhien-home .ze-block-stage{min-height:185px}}
@media(max-width:650px){#zhien-home .ze-studio-heading{align-items:flex-start;flex-direction:column}#zhien-home .ze-studio-top-actions{justify-content:flex-start;width:100%}#zhien-home .ze-studio-top-actions>*{min-height:44px;display:inline-flex;align-items:center}#zhien-home .ze-scratch-tools{grid-template-columns:minmax(0,1fr)}#zhien-home .ze-stage-panel{grid-column:auto}#zhien-home .ze-block-stage{min-height:175px}#zhien-home .ze-project-row{grid-template-columns:1fr}#zhien-home .ze-project-row-actions{justify-content:flex-start}#zhien-home .ze-project-row-actions button,#zhien-home .ze-project-row-actions a{min-height:44px}#zhien-home .ze-project-form{padding:14px}#zhien-home .ze-form-actions{gap:6px}#zhien-home .ze-form-actions>*{min-height:44px}#zhien-home .ze-auth{top:22px;padding:22px}#zhien-home .ze-install-card{margin:20px auto;padding:22px 16px}#zhien-home .ze-install-grid{grid-template-columns:1fr}#zhien-home .ze-install-wide{grid-column:auto}}