*{box-sizing:border-box}body{color:#17212b;background:#f4f7f8;margin:0;font-family:Inter,system-ui,sans-serif}button,input,textarea{font:inherit}:root{--blue:#1677ff;--blue-deep:#071a33;--blue-panel:#0d315c;--ink:#102a43;--muted:#627d98;--line:#d6e4f0;--surface:#fff;--canvas:#eef6ff}#root{min-height:100vh}.login{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;width:min(390px,100% - 40px);margin:15vh auto;padding:42px;box-shadow:0 20px 48px #124a821f}.login-mark{background:var(--blue-deep);color:#58c7ff;border-radius:8px;place-items:center;width:58px;height:58px;margin:auto;display:grid}.login-name{color:var(--ink);margin-top:14px;font-weight:760}.login h1{color:var(--ink);margin:30px 0 7px;font-size:27px}.login p,small{color:var(--muted)}.login form{text-align:left;gap:16px;margin:28px 0;display:grid}.login label{color:var(--ink);gap:7px;display:grid}.login input{border:1px solid #bdd2e5;border-radius:5px;padding:12px}.login input:focus,textarea:focus,select:focus{border-color:var(--blue);outline:3px solid #1677ff29}.login button,.submit{background:var(--blue);color:#fff;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.shell{min-height:100vh;display:flex}aside{background:var(--blue-deep);color:#c9d9eb;flex-direction:column;width:225px;padding:20px 12px;display:flex}.brand{color:#fff;align-items:center;gap:9px;padding:8px;display:flex}.brand svg{color:#51c4ff}nav{gap:5px;margin-top:32px;display:grid}nav button,.logout{color:#b9cce1;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;padding:11px;display:flex}.active{background:var(--blue-panel)!important;color:#fff!important}.logout{margin-top:auto}.work{flex:1;max-width:1280px;margin:auto;padding:34px}header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}header span{color:var(--muted);font-size:14px}h1{color:var(--ink);margin:4px 0;font-size:28px}header i{color:#0b6fae;background:#e0f3ff;border-radius:18px;padding:7px 10px;font-size:13px;font-style:normal}.grid{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}.form,.preview{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.tabs{border-bottom:1px solid #e1ebf4;margin:-4px 0 24px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:10px 12px;display:flex}.tabs .selected{color:var(--blue);border-bottom:2px solid var(--blue)}label{color:var(--ink);font-size:14px;font-weight:650}textarea{resize:vertical;border:1px solid #bdd2e5;border-radius:6px;width:100%;height:130px;margin:9px 0 16px;padding:12px}.drop{text-align:center;background:#f8fbff;border:1px dashed #7db7e9;border-radius:6px;place-content:center;gap:4px;min-height:110px;display:grid;position:relative}.drop span{color:var(--muted);font-size:13px}.drop input{opacity:0;position:absolute;inset:0}.options{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.options label{gap:6px;font-size:13px;display:grid}.options select,.options input[type=number]{background:#fff;border:1px solid #bdd2e5;border-radius:5px;padding:9px}.options .toggle{align-items:center;gap:8px;padding-top:22px;display:flex}.submit{background:linear-gradient(90deg,#1677ff,#0b5fc6);width:100%;margin-top:18px}.submit:disabled{opacity:.6}.notice{color:var(--muted);font-size:13px}.canvas{background:var(--canvas);height:520px;color:var(--muted);text-align:center;border:1px solid #d9e9f8;border-radius:5px;place-content:center;display:grid}.canvas svg{color:#4a9ee8;margin:auto}.meta{gap:6px;margin-top:16px;font-size:14px;display:grid}.meta span{color:var(--muted)}@media (width<=800px){aside{width:58px}.brand b,nav button,.logout{font-size:0}.brand svg{margin:auto}nav button,.logout{justify-content:center}.work{padding:18px}.grid{grid-template-columns:1fr}}@media (width<=520px){.options{grid-template-columns:1fr}.canvas{height:400px}}.auth-loading{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.auth-loading svg{color:var(--blue)}:root{--blue:#1677ff;--ink:#102a43;--muted:#627d98;--line:#d6e4f0}.app{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;max-width:none;height:68px;margin:0;padding:0 36px;display:grid}.topbar nav{gap:4px;margin:0;display:flex}.topbar nav button{color:var(--muted);padding:9px 13px}.topbar nav .active{color:var(--blue)!important;background:#eaf3ff!important}.topbar .logout{color:var(--muted);justify-self:end;margin:0;padding:9px}.topbar .brand{color:var(--ink);padding:0}.topbar .brand svg{color:var(--blue)}:root{--blue:#1677ff;--line:#d6e4f0;--ink:#102a43;--muted:#627d98}.tasklist{gap:10px;display:grid}.taskcard{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.taskicon{width:42px;height:42px;color:var(--blue);background:#eaf3ff;border-radius:6px;place-items:center;display:grid}.taskcard b,.taskcard span{display:block}.taskcard span{color:var(--muted);margin-top:5px;font-size:13px}.state{color:#5e7180;background:#eef3f6;border-radius:14px;padding:6px 9px;font-size:13px;font-style:normal}.state.running{color:#1677ff;background:#eaf3ff}.state.succeeded{color:#087d69;background:#e5f8f1}.state.failed{color:#c24141;background:#fff0f0}.taskbar{background:#e7edf3;border-radius:4px;grid-column:2/4;height:4px;overflow:hidden}.taskbar i{background:#1677ff;width:58%;height:100%;animation:1.8s ease-in-out infinite alternate taskmove;display:block}@keyframes taskmove{to{width:88%}}.empty,.tasks-loading{border:1px dashed var(--line);text-align:center;min-height:320px;color:var(--muted);border-radius:7px;place-content:center;display:grid}.empty svg,.tasks-loading svg{color:#71a9df;margin:auto}:root{--blue:#1677ff}.topbar nav{border:1px solid #c9e1f8;border-radius:999px;box-shadow:0 8px 20px #155da11a;background:#eaf3ff!important;gap:4px!important;padding:5px!important;display:flex!important}.topbar nav button{letter-spacing:.2px;height:44px;font-weight:650;color:#52718f!important;background:0 0!important;border-radius:999px!important;padding:0 28px!important}.topbar nav .active{box-shadow:0 5px 12px #1677ff52;color:#fff!important;background:linear-gradient(135deg,#2386ff,#1265da)!important}button{cursor:pointer}.form small{margin-left:4px;font-weight:400}.upload-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.upload-grid figure{border:1px solid var(--line);background:#f7fbff;border-radius:6px;min-width:0;margin:0;overflow:hidden}.upload-grid figure>img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.upload-grid figcaption{grid-template-columns:1fr auto;gap:2px 4px;padding:7px;display:grid}.upload-grid figcaption b{color:var(--ink);font-size:12px}.upload-grid figcaption span{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);grid-column:1/3;font-size:11px;overflow:hidden}.upload-grid figcaption svg{color:#16865f}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.canvas{overflow:hidden}.canvas>img{object-fit:contain;background:#f3f8fd;width:100%;height:100%}.taskcard{border:1px solid var(--line);width:100%;font:inherit;text-align:left;grid-template-columns:auto 1fr auto auto;transition:border-color .18s,box-shadow .18s}.taskcard:hover{border-color:#8fbee9;box-shadow:0 8px 22px #134c8214}.taskmain{min-width:0}.taskmain p{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;overflow:hidden}.taskmain time{color:var(--muted);margin-top:7px;font-size:12px;display:block}.taskparams{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.taskparams span{color:#486984;background:#f5f9fd;border:1px solid #d8e6f2;border-radius:4px;margin:0;padding:3px 7px;font-size:11px}.taskarrow{color:#8da5ba}.taskbar{grid-column:2/5}.detail-loading{z-index:20;color:#fff;background:#071a3333;place-items:center;display:grid;position:fixed;inset:0}.detail-mask{z-index:30;background:#071a3373;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail{width:min(560px,100vw);height:100%;color:var(--ink);background:#fff;padding:0;overflow:auto;box-shadow:-18px 0 44px #051d342e}.detail>header{z-index:2;border-bottom:1px solid var(--line);background:#fff;margin:0;padding:22px 24px;position:sticky;top:0}.detail h2{margin:4px 0 0;font-size:22px}.detail>header button{color:#476984;background:#edf5fc;border:0;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.detail-body{padding:22px 24px 40px}.detail-status{border-bottom:1px solid #e6eef5;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.detail-status span{color:var(--muted);font-size:13px}.detail section{margin-top:24px}.detail h3{margin:0 0 10px;font-size:14px}.prompt-content,.error-content{border-left:3px solid var(--blue);white-space:pre-wrap;background:#f4f8fc;margin:0;padding:13px 14px;line-height:1.7}.error-content{color:#a63232;background:#fff5f5;border-color:#d55252}.history-images{grid-template-columns:1fr 1fr;gap:10px;display:grid}.history-images a{min-width:0;color:inherit;border:1px solid var(--line);background:#f7fbff;border-radius:6px;text-decoration:none;overflow:hidden}.history-images img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.history-images a>div{grid-template-columns:auto 1fr;align-items:center;gap:4px;padding:8px;display:grid}.history-images b{font-size:12px}.history-images span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-column:1/3;font-size:11px;overflow:hidden}.detail dl{border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr 1fr;margin:0;display:grid;overflow:hidden}.detail dl div{border-bottom:1px solid var(--line);padding:10px 12px}.detail dl div:nth-child(odd){border-right:1px solid var(--line)}.detail dt{color:var(--muted);font-size:11px}.detail dd{margin:3px 0 0;font-size:13px;font-weight:650}.result-links{gap:7px;display:grid}.result-links a{border:1px solid var(--line);color:var(--blue);border-radius:5px;justify-content:space-between;align-items:center;padding:10px 12px;text-decoration:none;display:flex}.form .field-error{color:#c24141;margin:0;font-size:12px;line-height:1.4}.form input[aria-invalid=true]{background:#fff8f8;border-color:#d55252}@media (width<=800px){.topbar{grid-template-columns:auto 1fr auto;padding:0 14px}.topbar nav button{padding:0 15px!important}.topbar nav button svg{display:none}.logout{font-size:0}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.topbar .brand b{display:none}.topbar nav button{font-size:12px;padding:0 12px!important}.work{padding:16px}.history-images{grid-template-columns:1fr}}.output-files{gap:9px;display:grid}.output-files>a{border:1px solid var(--line);min-width:0;color:var(--ink);border-radius:6px;grid-template-columns:72px 1fr auto;align-items:center;gap:11px;text-decoration:none;display:grid;overflow:hidden}.output-files img,.model-file{object-fit:cover;background:#edf5fc;width:72px;height:64px}.model-file{color:var(--blue);place-items:center;display:grid}.output-files a>div:not(.model-file){min-width:0}.output-files b,.output-files span{display:block}.output-files span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.output-files>a>svg{color:#88a1b6;margin-right:10px}.canvas.has-result{display:block;position:relative}.preview-result{color:#fff;background:#edf5fc;border:0;width:100%;height:100%;padding:0;position:relative;overflow:hidden}.preview-result img{object-fit:contain;width:100%;height:100%;display:block}.preview-result span{background:#071a33c7;border-radius:5px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:flex;position:absolute;bottom:12px;right:12px}.stl-preview-container{background:linear-gradient(135deg,#f0f4f8 0%,#dce6ef 100%);border-radius:5px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #1677ff14}.stl-preview-container canvas{display:block}.stl-fullscreen-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1677ff;cursor:pointer;z-index:10;background:#ffffffeb;border:1px solid #1677ff40;border-radius:6px;place-items:center;width:42px;height:42px;transition:all .2s;display:grid;position:absolute;top:16px;right:16px}.stl-fullscreen-btn:hover{background:#fff;border-color:#1677ff;box-shadow:0 4px 12px #1677ff33}.stl-lightbox{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040f1df0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.stl-lightbox>button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:2;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;place-items:center;width:48px;height:48px;transition:all .2s;display:grid;position:absolute;top:20px;right:22px}.stl-lightbox>button:hover{background:#ffffff40;border-color:#ffffff80}.stl-lightbox-viewer{background:linear-gradient(135deg,#f0f4f8 0%,#dce6ef 100%);border-radius:12px;width:min(1400px,100vw - 40px);height:min(900px,100vh - 40px);overflow:hidden;box-shadow:0 24px 80px #0006}.generation-progress{border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.progress-head{color:var(--ink);justify-content:space-between;align-items:center;font-size:13px;display:flex}.progress-head span{font-variant-numeric:tabular-nums;color:var(--blue);font-weight:700}.progress-track{background:#e5edf4;border-radius:4px;height:7px;margin-top:9px;overflow:hidden}.progress-track i{border-radius:inherit;background:#1677ff;height:100%;transition:width .8s;display:block}.generation-progress.succeeded .progress-track i{background:#0c9874}.generation-progress.failed .progress-track i{background:#d55252}.generation-progress>p{color:#b23a3a;margin:10px 0 0;font-size:12px}.model-download{color:#0968bd;background:#edf6ff;border:1px solid #9fc8ee;border-radius:5px;justify-content:center;align-items:center;gap:8px;height:40px;margin-top:14px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.lightbox{z-index:50;background:#040f1de6;place-items:center;padding:36px;display:grid;position:fixed;inset:0}.lightbox>button{color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:20px;right:22px}.lightbox>img{object-fit:contain;max-width:calc(100vw - 72px);max-height:calc(100vh - 72px)}.tabs button:disabled{cursor:not-allowed;opacity:.55}.grid{grid-template-columns:1fr 1.5fr;gap:24px}@media (width<=520px){.lightbox{padding:16px}.lightbox>img{max-width:calc(100vw - 32px);max-height:calc(100vh - 64px)}.stl-lightbox{padding:12px}.stl-lightbox>button{width:40px;height:40px;top:12px;right:12px}.stl-lightbox-viewer{width:calc(100vw - 24px);height:calc(100vh - 24px)}}@media (width<=1000px){.grid{grid-template-columns:1fr 1fr}}@media (width<=800px){.grid{grid-template-columns:1fr}}.generation-kind{background:#edf5fc;border:1px solid #c9def2;border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:16px;padding:4px;display:grid}.generation-kind button{color:#52718f;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:40px;font-weight:650;display:flex}.generation-kind button.selected{color:var(--blue);background:#fff;box-shadow:0 2px 7px #134c8221}.generation-kind button:disabled{cursor:not-allowed;opacity:.55}.image-options{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-results{width:100%;height:100%}.canvas.multi-result .preview-results{background:#d6e4f0;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.canvas.multi-result .preview-result span{padding:5px 7px;bottom:7px;right:7px}.image-downloads{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.image-downloads a{color:#0968bd;background:#edf6ff;border:1px solid #9fc8ee;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:7px 9px;font-size:12px;font-weight:650;text-decoration:none;display:flex}.image-downloads a:hover{border-color:var(--blue);background:#e3f1ff}@media (width<=520px){.image-options,.image-downloads{grid-template-columns:1fr}.canvas.multi-result{height:420px}}.notes-home{color:#172c3d;background:#fff;min-height:100vh}.notes-header{background:#fff;border-bottom:1px solid #dfe8ee;justify-content:space-between;align-items:center;height:68px;margin:0;padding:0 max(24px,50% - 540px);display:flex}.notes-brand{color:#172c3d;align-items:center;gap:9px;text-decoration:none;display:flex}.notes-header nav{gap:28px;margin:0;display:flex}.notes-header nav a{color:#526a7a;font-size:14px;text-decoration:none}.notes-hero{background:#edf6ff;border-bottom:1px solid #d6e4f0;align-items:center;min-height:420px;display:flex}.notes-hero-inner{width:min(1080px,100% - 48px);margin:auto}.notes-hero-inner>span,.notes-section-title span,.notes-about>div span{color:#087d69;font-size:13px;font-weight:700}.notes-hero h1{color:#102a43;max-width:760px;margin:14px 0 18px;font-size:46px;line-height:1.15}.notes-hero p{color:#486577;max-width:700px;margin:0;font-size:18px;line-height:1.8}.code-line{color:#d8e7ef;background:#102a43;border-left:3px solid #087d69;width:min(680px,100%);margin-top:34px;padding:15px 18px;overflow:auto}.code-line code{white-space:nowrap;font-size:14px}.code-line i{color:#62d2bb;font-style:normal}.notes-section{width:min(1080px,100% - 48px);margin:auto;padding:72px 0}.notes-section-title{border-bottom:1px solid #dfe8ee;justify-content:space-between;align-items:flex-end;padding-bottom:20px;display:flex}.notes-section-title h2,.notes-about h2{color:#172c3d;margin:0;font-size:28px}.notes-topic{color:#172c3d;text-align:left;background:#fff;border:0;border-bottom:1px solid #dfe8ee;grid-template-columns:54px 42px 1fr 24px;align-items:center;gap:18px;width:100%;min-height:126px;padding:0;display:grid}.notes-topic:focus-visible{outline-offset:2px;outline:3px solid #1677ff33}.notes-topic>span{color:#8aa0ae;font-variant-numeric:tabular-nums}.notes-list h3{margin:0 0 8px;font-size:18px}.notes-list p{color:#607785;margin:0;line-height:1.7}.notes-about{background:#f3f8f6;border-top:1px solid #d7e7e1;border-bottom:1px solid #d7e7e1;grid-template-columns:1fr 1.4fr;align-items:start;gap:72px;padding:58px max(24px,50% - 540px);display:grid}.notes-about h2{margin-top:10px}.notes-about>p{color:#49665c;margin:0;font-size:16px;line-height:2}.notes-footer{color:#718693;justify-content:space-between;align-items:center;min-height:86px;margin:0;padding:0 max(24px,50% - 540px);font-size:13px;display:flex}.notes-footer a{color:#526a7a;text-decoration:none}.notes-dialog-mask{z-index:60;background:#081c2b94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.notes-dialog{background:#fff;border-radius:8px;width:min(620px,100%);max-height:calc(100vh - 48px);padding:0 28px 28px;overflow:auto;box-shadow:0 24px 70px #07203240}.notes-dialog>header{background:#fff;border-bottom:1px solid #dfe8ee;justify-content:space-between;align-items:center;margin:0;padding:24px 0 18px;display:flex;position:sticky;top:0}.notes-dialog>header span{color:#087d69;font-size:12px;font-weight:700}.notes-dialog h2{margin:5px 0 0;font-size:24px}.notes-dialog>header button{color:#526a7a;background:#edf5fc;border:0;border-radius:5px;place-items:center;width:38px;height:38px;display:grid}.tutorial-intro{color:#526a7a;margin:22px 0;line-height:1.8}.notes-dialog ol{margin:0;padding-left:24px}.notes-dialog li{color:#294657;padding:7px 0 7px 6px;line-height:1.7}.notes-dialog li::marker{color:#087d69;font-weight:700}.notes-dialog pre{color:#d8e7ef;background:#102a43;border-left:3px solid #087d69;margin:22px 0 0;padding:16px;overflow:auto}.notes-dialog code{font-size:13px;line-height:1.7}@media (width<=700px){.notes-header{padding:0 20px}.notes-header nav{gap:14px}.notes-header nav a{font-size:13px}.notes-hero{min-height:390px}.notes-hero-inner,.notes-section{width:calc(100% - 40px)}.notes-hero h1{font-size:36px}.notes-hero p{font-size:16px}.notes-section{padding:52px 0}.notes-section-title{display:block}.notes-section-title h2{margin-top:8px}.notes-topic{grid-template-columns:36px 32px 1fr 20px;gap:10px;padding:18px 0}.notes-about{grid-template-columns:1fr;gap:22px;padding:44px 20px}.notes-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:20px}}@media (width<=430px){.notes-brand b{font-size:14px}.notes-header nav a:first-child{display:none}.notes-hero h1{font-size:32px}.notes-topic>span{display:none}.notes-topic{grid-template-columns:32px 1fr 18px}.notes-dialog-mask{padding:12px}.notes-dialog{max-height:calc(100vh - 24px);padding:0 20px 22px}}.notes-home{--retro-paper:#f4f4ef;--retro-ink:#222720;--retro-red:#9d3328;--retro-green:#526147;background:var(--retro-paper);min-height:100vh;color:var(--retro-ink);font-family:Georgia,Noto Serif SC,Songti SC,serif}.notes-header{border-top:5px solid var(--retro-red);border-bottom:2px solid var(--retro-ink);background:var(--retro-paper);height:64px;padding:0 max(20px,50% - 490px)}.notes-brand{color:var(--retro-ink)}.notes-brand svg{color:var(--retro-red)}.notes-header nav a{color:var(--retro-ink);text-underline-offset:4px;font-family:Arial,Microsoft YaHei,sans-serif;text-decoration:underline}.notes-header nav a:hover{color:var(--retro-red)}.notes-hero{background:var(--retro-paper);border-bottom:2px solid var(--retro-ink);min-height:360px}.notes-hero-inner{width:min(980px,100% - 40px)}.notes-hero-inner>span,.notes-section-title span,.notes-about>div span{color:var(--retro-red);text-transform:uppercase;font-family:Courier New,monospace}.notes-hero h1{color:var(--retro-ink);margin:18px 0 16px;font-size:48px;font-weight:700}.code-line{border:1px solid var(--retro-ink);border-left:6px solid var(--retro-red);background:var(--retro-ink);color:#f4f4ef;width:min(750px,100%);margin-top:28px;padding:13px 16px}.code-line i{color:#d3c868}.code-line b{color:#ef8c77}.notes-section-title h2,.notes-about h2{color:var(--retro-ink);font-size:27px}.notes-topic{min-height:112px;color:var(--retro-ink);background:0 0;border-bottom:1px solid #777b71;grid-template-columns:46px 36px 1fr 20px;gap:16px;font-family:Georgia,Noto Serif SC,Songti SC,serif}.notes-topic:focus-visible{outline:2px solid var(--retro-red);outline-offset:3px}.notes-topic>span{color:var(--retro-red);font-family:Courier New,monospace}.notes-list h3{font-size:19px}.notes-about{border-top:2px solid var(--retro-ink);border-bottom:2px solid var(--retro-ink);background:#dfe3d8;gap:60px;padding:48px max(20px,50% - 490px)}.notes-footer{color:#5d6259;min-height:78px;padding:0 max(20px,50% - 490px);font-family:Arial,Microsoft YaHei,sans-serif}.notes-footer a{color:var(--retro-red);text-underline-offset:3px;text-decoration:underline}.notes-footer a:hover{color:var(--retro-ink)}.notes-dialog{border:2px solid var(--retro-ink);background:var(--retro-paper);border-radius:0;font-family:Georgia,Noto Serif SC,Songti SC,serif;box-shadow:10px 10px #191c174d}.notes-dialog>header{border-bottom:3px double var(--retro-ink);background:var(--retro-paper)}.notes-dialog>header span{color:var(--retro-red);font-family:Courier New,monospace}.notes-dialog>header button{border:1px solid var(--retro-ink);color:var(--retro-ink);background:0 0;border-radius:0}.notes-dialog pre{border:1px solid var(--retro-ink);border-left:6px solid var(--retro-red);background:var(--retro-ink);color:#f4f4ef}@media (width<=700px){.notes-header{padding:0 18px}.notes-hero{min-height:340px}.notes-hero-inner,.notes-section{width:calc(100% - 36px)}.notes-hero h1{font-size:38px}.notes-about{padding:40px 18px}.notes-footer{padding:18px}}@media (width<=430px){.notes-hero h1{font-size:32px}.notes-topic{grid-template-columns:30px 1fr 18px}}.notes-home{--retro-paper:#f5f5f2;--retro-ink:#171717;--retro-red:#171717;--retro-green:#444;background:var(--retro-paper);color:var(--retro-ink)}.notes-header{border-top:0;border-bottom:1px solid #171717;height:62px}.notes-brand svg,.notes-header nav a,.notes-header nav a:hover{color:#171717}.notes-header nav a{text-decoration:none}.notes-hero{border-bottom:1px solid #171717;min-height:300px}.notes-hero-inner>span,.notes-section-title span,.notes-about>div span{color:#555}.notes-hero h1{margin:14px 0;font-size:44px}.notes-hero p{color:#555;max-width:680px;font-size:16px;line-height:1.8}.code-line{display:none}.notes-section{padding:48px 0}.notes-section-title{border-bottom:1px solid #171717;padding-bottom:14px}.notes-section-title h2,.notes-about h2{font-size:25px}.notes-topic>span{display:none}.notes-topic>svg{color:#333}.notes-topic>svg:last-child{color:#555}.notes-list h3{margin-bottom:5px;font-size:18px}.notes-list p{color:#666}.notes-about{background:#e7e7e3;border-top:1px solid #171717;border-bottom:1px solid #171717;gap:48px;padding:40px max(20px,50% - 490px)}.notes-about>p{color:#555}.notes-footer{color:#666;min-height:70px}.notes-footer a,.notes-footer a:hover{color:#171717}.notes-dialog-mask{background:#0000009e}.notes-dialog{box-shadow:none;background:#f5f5f2;border:1px solid #171717}.notes-dialog>header{background:#f5f5f2;border-bottom:1px solid #171717}.notes-dialog>header span{color:#555}.tutorial-intro,.notes-dialog li{color:#4b4b4b}.notes-dialog li::marker{color:#171717}.notes-dialog pre{color:#f5f5f2;background:#202020;border:0;border-left:4px solid #777}@media (width<=700px){.notes-hero{min-height:280px}.notes-hero h1{font-size:36px}.notes-section{padding:40px 0}.notes-about{padding:34px 18px}}@media (width<=430px){.notes-hero h1{font-size:30px}}.notes-home{font-family:Songti SC,STSong,SimSun,Georgia,serif}.notes-header{height:50px}.notes-brand svg{display:none}.notes-brand b{font-size:13px;font-weight:400}.notes-header nav{gap:18px}.notes-header nav a{font-family:Courier New,monospace;font-size:12px}.notes-hero{text-align:center;min-height:330px}.notes-hero-inner{border-bottom:4px double #171717;width:min(900px,100% - 40px);padding:24px 0 30px}.notes-edition{color:#444;border-top:1px solid #171717;border-bottom:1px solid #171717;grid-template-columns:1fr 1fr 1fr;margin-bottom:30px;padding:8px 0;font-family:Courier New,monospace;font-size:11px;display:grid}.notes-edition span:first-child{text-align:left}.notes-edition span:last-child{text-align:right}.notes-hero-inner>span{font-family:Courier New,monospace;font-size:11px}.notes-hero h1{max-width:none;margin:12px 0;font-size:52px;font-weight:700}.notes-hero p{color:#444;max-width:700px;margin:auto;line-height:2}.notes-section{width:min(900px,100% - 40px);padding:44px 0 54px}.notes-section-title{border-top:4px double #171717;border-bottom:1px solid #171717;align-items:center;padding:10px 0}.notes-section-title span{font-family:Courier New,monospace;font-size:11px}.notes-section-title h2{font-size:22px}.notes-topic{border-bottom:1px dashed #777;grid-template-columns:1fr 20px;gap:14px;min-height:92px}.notes-topic>svg:not(:last-child){display:none}.notes-topic:hover{background:0 0}.notes-topic:hover h3{text-underline-offset:4px;text-decoration:underline}.notes-list h3{font-size:19px;font-weight:700}.notes-list p{color:#555;max-width:760px}.notes-about{background:#ecece8;border-top:4px double #171717;border-bottom:1px solid #171717;grid-template-columns:1fr 1.5fr;padding:38px max(20px,50% - 450px)}.notes-about h2{font-size:22px}.notes-footer{border-top:1px solid #aaa;min-height:64px;padding:0 max(20px,50% - 450px);font-family:Courier New,monospace;font-size:11px}.notes-dialog{border:4px double #171717;width:min(580px,100%);padding:0 26px 26px}.notes-dialog>header{border-bottom:1px solid #171717;padding:20px 0 14px}.notes-dialog h2{font-size:22px}.notes-dialog>header button{width:32px;height:32px}.notes-dialog pre{background:#222;border-left:0}.notes-dialog code{font-family:Courier New,monospace}@media (width<=700px){.notes-header{height:48px}.notes-hero{min-height:300px}.notes-hero-inner{padding-top:18px}.notes-edition{margin-bottom:22px}.notes-edition span:nth-child(2){text-align:center}.notes-hero h1{font-size:39px}.notes-section{padding:36px 0 44px}.notes-section-title{display:flex}.notes-about{grid-template-columns:1fr;gap:18px}}@media (width<=430px){.notes-header nav a:first-child{display:none}.notes-edition{grid-template-columns:1fr 1fr}.notes-edition time{display:none}.notes-hero h1{font-size:32px}.notes-topic{grid-template-columns:1fr 16px}}.notes-hero{border-bottom:0}.notes-about{background:0 0;width:min(900px,100% - 40px);margin:auto;padding:38px 0}.notes-footer{width:min(900px,100% - 40px);margin:auto;padding:0}@media (width<=700px){.notes-about{width:calc(100% - 36px);padding:34px 0}.notes-footer{width:calc(100% - 36px);padding:18px 0}}label{font-size:15px}textarea{height:140px;font-size:14px}.canvas{background:radial-gradient(circle at 20% 30%,#1677ff14 0%,#0000 50%),radial-gradient(circle at 80% 70%,#087d690f 0%,#0000 50%),linear-gradient(135deg,#f0f8ff 0%,#e6f4ff 100%);height:600px}.canvas:not(.has-result){position:relative}.canvas:not(.has-result):before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 10 L50 30 L30 50 L10 30 Z' fill='%231677ff' opacity='0.03'/%3E%3C/svg%3E") 0 0/60px 60px;position:absolute;inset:0}.options{background:#f8fbff;border:1px solid #e1ebf4;border-radius:8px;gap:14px;padding:18px}.options label{font-size:14px}.options select,.options input[type=number]{padding:10px;font-size:14px;transition:border-color .2s,box-shadow .2s}.options select:focus,.options input[type=number]:focus{box-shadow:0 0 0 3px #1677ff1a}.submit{letter-spacing:.3px;background:linear-gradient(135deg,#2386ff 0%,#1265da 100%);height:52px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #1677ff4d}.submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #1677ff73}.submit:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 16px #1677ff4d}.drop{background:linear-gradient(135deg,#f8fbff 0%,#f0f7ff 100%);border:2px dashed #a5cef5;min-height:120px;transition:all .2s}.drop:hover{background:linear-gradient(135deg,#f0f7ff 0%,#e8f3ff 100%);border-color:#1677ff}.form,.preview{padding:24px}@media (width<=520px){.canvas{height:480px}}