:root{--bg:#fff;--bg-soft:#f7f9fd;--bg-soft2:#eef2fa;--panel:#fff;--line:#e9edf5;--line2:#dde3ef;--text:#141a26;--muted:#5b6678;--muted2:#8a93a6;--pri:#3b6fe0;--pri-d:#2f59be;--pri-soft:#eaf1ff;--ok:#12a565;--ok-soft:#e6f7ee;--warn:#c98a12;--warn-soft:#fdf3e0;--danger:#e0484f;--danger-soft:#fdecec;--purple:#7b54d6;--purple-soft:#f1ecfb;--grad:linear-gradient(120deg,#3b6fe0,#7b54d6);--grad-soft:linear-gradient(120deg,#eaf1ff,#f1ecfb);--radius:16px;--radius-sm:11px;--shadow-sm:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.05);--shadow:0 2px 6px rgba(16,24,40,.05),0 12px 30px rgba(16,24,40,.07);--shadow-lg:0 8px 24px rgba(16,24,40,.08),0 30px 60px rgba(16,24,40,.1);--ring:0 0 0 3px var(--pri-soft)}*{box-sizing:border-box}body,html{margin:0}html{scroll-behavior:smooth}body{font-family:-apple-system,Segoe UI,Roboto,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--pri);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 22px}.container.narrow{max-width:820px}h1,h2,h3{letter-spacing:-.01em}.topbar{background:hsla(0,0%,100%,.78);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:saturate(180%) blur(14px)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:66px}.brand{font-weight:800;font-size:21px;color:var(--text);letter-spacing:-.02em;display:inline-flex;align-items:center;gap:9px}.brand:hover{text-decoration:none}.brand .dot{color:var(--pri)}.brand-logo{width:28px;height:28px;display:block}.nav{display:flex;align-items:center;gap:22px}.nav a{color:var(--muted);font-size:15px;font-weight:500;transition:color .15s}.nav a:hover{color:var(--text);text-decoration:none}.nav-user{color:var(--text);font-weight:700;display:inline-flex;align-items:center;gap:7px}.nav-user:before{content:"";width:24px;height:24px;border-radius:50%;background:var(--grad);display:inline-block;box-shadow:var(--shadow-sm)}.nav-toggle{display:none;background:none;border:0;color:var(--text);font-size:26px;cursor:pointer;line-height:1}.btn,.btn-danger,.btn-ghost,.btn-primary,.btn-warn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:10px 18px;font-size:15px;cursor:pointer;font-family:inherit;font-weight:600;transition:transform .12s,box-shadow .15s,background .15s,border-color .15s;white-space:nowrap}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 4px 14px rgba(59,111,224,.3)}.btn-primary:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,111,224,.4)}.btn-ghost{background:#fff;color:var(--text);border:1px solid var(--line2)}.btn-ghost:hover{text-decoration:none;border-color:var(--pri);color:var(--pri-d)}.btn,.btn-ghost:hover{background:var(--bg-soft)}.btn{color:var(--text);border:1px solid var(--line2)}.btn:hover{background:var(--bg-soft2)}.btn-warn{background:var(--warn-soft);color:var(--warn);border:1px solid #f0dcb0}.btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid #f4caca}.btn-danger:hover,.btn-warn:hover{filter:brightness(.97)}.btn-link{color:var(--pri);font-weight:600}.btn-ghost:focus-visible,.btn-primary:focus-visible,.btn:focus-visible{outline:none;box-shadow:var(--ring)}.block{display:flex;width:100%;padding:13px;font-size:16px}.btn-lg{padding:14px 28px;font-size:16px;border-radius:13px}.hero{position:relative;padding:80px 0 70px;overflow:hidden;background:radial-gradient(1200px 560px at 80% -140px,var(--pri-soft),transparent 60%),radial-gradient(960px 480px at 0 120%,var(--purple-soft),transparent 60%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(900px 500px at 70% 0,#000,transparent 70%);mask-image:radial-gradient(900px 500px at 70% 0,#000,transparent 70%);opacity:.5;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.hero-copy{text-align:left}.eyebrow{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line2);color:var(--pri-d);font-weight:600;font-size:13px;padding:6px 14px;border-radius:999px;margin-bottom:22px;box-shadow:var(--shadow-sm)}.hero h1{font-size:50px;line-height:1.12;margin:0 0 20px;font-weight:800;letter-spacing:-.03em}.hero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .sub{font-size:19px;color:var(--muted);max-width:560px;margin:0 0 30px}.hero-cta{gap:14px}.hero-cta,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{gap:40px;margin-top:44px;color:var(--muted)}.hero-stats .n{font-size:28px;font-weight:800;color:var(--text);line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-stats .l{font-size:13px;margin-top:5px}.hero-art{position:relative;display:flex;justify-content:center}.hero-art img{width:100%;max-width:480px;height:auto;filter:drop-shadow(0 30px 56px rgba(59,111,224,.22))}.section{padding:66px 0}.section.alt{background:var(--bg-soft)}.section-h{text-align:center;margin-bottom:44px}.section-h h2{font-size:33px;margin:0 0 10px;font-weight:800}.section-h p{color:var(--muted);margin:0;font-size:16px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}.feature{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d6e0f5}.feature .ico{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--grad-soft);border:1px solid #e2e8fb;margin-bottom:16px}.feature h3{margin:0 0 8px;font-size:18px}.feature p{margin:0;color:var(--muted);font-size:14.5px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;counter-reset:step}.step{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px 24px;box-shadow:var(--shadow-sm)}.step:before{counter-increment:step;content:counter(step);position:absolute;top:-18px;left:24px;width:38px;height:38px;border-radius:12px;background:var(--grad);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(59,111,224,.35)}.step h3{margin:12px 0 6px;font-size:17px}.step p{margin:0;color:var(--muted);font-size:14.5px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin:34px 0 20px;gap:14px;flex-wrap:wrap}.page-head h1{font-size:30px;margin:0}.muted{color:var(--muted)}.small{font-size:13px}.section-title{margin:32px 0 16px;font-size:19px;font-weight:700;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:4px;height:18px;border-radius:3px;background:var(--grad)}.empty{padding:30px 0;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 4px}.toolbar .search{margin:0;flex:1}.view-toggle{display:inline-flex;background:var(--bg-soft);border:1px solid var(--line2);border-radius:11px;padding:3px;gap:2px}.view-toggle button{border:0;background:transparent;color:var(--muted);font-size:13.5px;font-weight:600;padding:7px 14px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit;transition:.15s}.view-toggle button.active{background:#fff;color:var(--pri-d);box-shadow:var(--shadow-sm)}.view-toggle svg{width:15px;height:15px}.search{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.search input{flex:1;min-width:200px;padding:11px 14px;border-radius:11px;border:1px solid var(--line2);background:#fff;color:var(--text);font-size:15px}.search input:focus{outline:none;border-color:var(--pri);box-shadow:var(--ring)}.search select{border:1px solid var(--line2);border-radius:11px;padding:0 14px;height:43px;background:var(--panel);color:var(--text);font-size:14px;cursor:pointer}.search select:focus{outline:none;border-color:var(--pri);box-shadow:var(--ring)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad);opacity:0;transition:.18s}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:#d6e0f5}.card:hover:before{opacity:1}.card h3{margin:2px 0;font-size:18px}.card h3 a{color:var(--text)}.card h3 a:hover{color:var(--pri-d)}.card .desc{min-height:22px;color:var(--muted);font-size:14px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-head{gap:7px;flex-wrap:wrap}.card-foot,.card-head{display:flex;align-items:center}.card-foot{justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.owner{color:var(--muted2);font-size:13px}.badge{font-size:12px;padding:3px 11px;border-radius:999px;font-weight:600;border:1px solid transparent;display:inline-flex;align-items:center;gap:6px;line-height:1.5}.badge-static{background:var(--pri-soft);color:var(--pri-d)}.badge-flask{background:var(--purple-soft);color:var(--purple)}.badge-pub{background:var(--ok-soft);color:var(--ok)}.badge-priv{background:var(--danger-soft);color:var(--danger)}.status-running{background:var(--ok-soft);color:var(--ok)}.status-stopped{background:var(--bg-soft2);color:var(--muted)}.status-error{background:var(--danger-soft);color:var(--danger)}.badge.status-error:before,.badge.status-running:before,.badge.status-stopped:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge.status-running:before{box-shadow:0 0 0 3px var(--ok-soft);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(18,165,101,.4)}70%{box-shadow:0 0 0 6px rgba(18,165,101,0)}to{box-shadow:0 0 0 0 rgba(18,165,101,0)}}.proj-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);background:var(--panel)}.proj-list,.proj-view[data-view=list] .proj-grid{display:none}.proj-view[data-view=list] .proj-list{display:block}.proj-view[data-view=grid] .proj-grid{display:grid}.proj-view[data-view=grid] .proj-list{display:none}.list-head,.lrow{display:grid;grid-template-columns:minmax(200px,2.6fr) 92px 104px 86px 130px 108px 132px;align-items:center;gap:12px;padding:13px 18px}.list-head{background:var(--bg-soft);font-size:12.5px;font-weight:700;color:var(--muted2);text-transform:none;letter-spacing:.02em}.list-head,.lrow{border-bottom:1px solid var(--line)}.lrow{transition:background .12s;font-size:14px}.lrow:last-child{border-bottom:0}.lrow:hover{background:var(--bg-soft)}.lrow .lc-name{min-width:0}.lc-name .nm{display:flex;align-items:center;gap:9px}.lc-name .nm a{color:var(--text);font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-name .nm a:hover{color:var(--pri-d)}.lc-name .ds{color:var(--muted);font-size:13px;margin:2px 0 0 19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdot{width:10px;height:10px;border-radius:50%;flex:none}.sdot.running{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.sdot.stopped{background:var(--muted2)}.sdot.error{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.lc-views{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.lc-owner a{color:var(--muted);font-size:13px}.lc-date{color:var(--muted2);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.lc-act{gap:7px;justify-content:flex-end}.auth-wrap,.lc-act{display:flex;align-items:center}.auth-wrap{min-height:calc(100vh - 66px);justify-content:center;padding:40px 20px;background:radial-gradient(900px 420px at 50% -80px,var(--pri-soft),transparent 70%),radial-gradient(700px 360px at 90% 110%,var(--purple-soft),transparent 70%)}.auth-card,.form-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:34px;max-width:440px;width:100%;box-shadow:var(--shadow-lg)}.form-card{max-width:700px;margin:24px auto}.auth-card .brand{margin-bottom:18px}.auth-card h1{margin:0 0 6px;font-size:27px}.auth-card .lead{color:var(--muted);margin:0 0 20px}form label{display:block;margin:15px 0 6px;font-size:14px;color:var(--text);font-weight:600}form input:not([type]),form input[type=file],form input[type=password],form input[type=text],form textarea{width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--line2);background:#fff;color:var(--text);font-family:inherit;font-size:14.5px;transition:border-color .15s,box-shadow .15s}form input:focus,form textarea:focus{outline:none;border-color:var(--pri);box-shadow:var(--ring)}.radio-row{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0}.radio{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:500;cursor:pointer;border:1px solid var(--line2);border-radius:11px;padding:11px 15px;flex:1;min-width:160px;transition:.15s}.radio:hover{background:var(--bg-soft);border-color:#cdd8ef}.radio:has(input:checked){border-color:var(--pri);background:var(--pri-soft);color:var(--pri-d)}.radio input{width:auto;margin:0;accent-color:var(--pri)}.upload-box{border:1.5px dashed var(--line2);border-radius:14px;padding:18px;margin:18px 0;background:var(--bg-soft)}.upload-box legend{padding:0 8px;color:var(--muted);font-weight:600}.hint{background:var(--pri-soft);border:1px solid #d3e2ff;color:var(--pri-d);border-radius:11px;padding:11px 15px;font-size:13.5px;margin-top:8px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px;margin-top:8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.panel h3{margin-top:0}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn-row form{margin:0}.link-strong{font-weight:700;word-break:break-all;color:var(--pri-d)}.error-box,.log-box{background:#0e1422;border:1px solid #0e1422;border-radius:12px;padding:16px;white-space:pre-wrap;word-break:break-all;max-height:340px;overflow:auto;font-size:12.5px;color:#cfd8ee;font-family:Consolas,Menlo,monospace}.error-box{background:var(--danger-soft);color:#9b2c2c;border-color:#f4caca;font-family:inherit}.flashes{margin:16px 0}.flash{padding:13px 16px;border-radius:12px;margin-bottom:9px;border:1px solid transparent;font-weight:500;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow-sm)}.flash:before{font-size:15px}.flash-ok{background:var(--ok-soft);color:#0b7a48;border-color:#bfead2}.flash-ok:before{content:"✓"}.flash-error{background:var(--danger-soft);color:#b3373d;border-color:#f4caca}.flash-error:before{content:"!"}.flash-warn{background:var(--warn-soft);color:var(--warn);border-color:#f0dcb0}.flash-warn:before{content:"⚠"}.footer{border-top:1px solid var(--line);background:var(--bg-soft);margin-top:24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;padding:48px 22px 28px}.footer-brand .muted{margin:12px 0 0;font-size:14px;max-width:320px}.footer-col h4{margin:0 0 14px;font-size:14px;color:var(--text)}.footer-col a{display:block;color:var(--muted);font-size:14px;margin-bottom:9px}.footer-col a:hover{color:var(--pri)}.footer-bottom{border-top:1px solid var(--line);padding:18px 22px;color:var(--muted2);font-size:13px}.showcase{display:grid;grid-template-columns:1fr 1.15fr;gap:46px;align-items:center}.showcase-copy h2{font-size:30px;margin:14px 0 12px;font-weight:800}.showcase-art img{width:100%;height:auto;border-radius:18px;box-shadow:var(--shadow-lg);border:1px solid var(--line)}.checklist{list-style:none;padding:0;margin:20px 0 0}.checklist li{position:relative;padding:8px 0 8px 32px;color:var(--text)}.checklist li:before{content:"✓";position:absolute;left:0;top:8px;width:21px;height:21px;border-radius:50%;background:var(--ok-soft);color:var(--ok);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.faq{display:flex;flex-direction:column;gap:12px}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:0 18px;box-shadow:var(--shadow-sm);transition:box-shadow .15s}.faq details[open]{box-shadow:var(--shadow)}.faq summary{cursor:pointer;padding:17px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--pri);font-size:21px;font-weight:700;transition:transform .2s}.faq details[open] summary:after{content:"−"}.faq details p{margin:0 0 17px;color:var(--muted);font-size:14.5px}.faq code{background:var(--bg-soft2);color:var(--pri-d);padding:1px 6px;border-radius:6px;font-size:13px}.empty-state{text-align:center;padding:40px 0 16px}.empty-state img{width:190px;max-width:60%;height:auto;opacity:.96;margin-bottom:10px}.empty-state p{color:var(--muted);margin:0}.card-meta{display:flex;align-items:center;gap:10px}.views{color:var(--muted2);font-size:13px;white-space:nowrap}.icon-btn{background:var(--bg-soft);border:1px solid var(--line2);border-radius:9px;cursor:pointer;font-size:13px;line-height:1;padding:6px 9px;color:var(--text);transition:.15s}.icon-btn:hover{background:var(--pri-soft);border-color:var(--pri)}.icon-btn.copied{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.badge-views{background:var(--bg-soft2);color:var(--muted)}.access-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 6px;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:12px 15px}.access-label{font-size:13px;color:var(--muted);font-weight:600}.manage-tabs{margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.collapse{max-height:0;overflow:hidden;transition:max-height .25s ease}.collapse.open{max-height:560px}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:8px 0 28px}.stat-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-sm);overflow:hidden}.stat-card:after{content:"";position:absolute;right:-18px;top:-18px;width:70px;height:70px;border-radius:50%;background:var(--grad-soft);opacity:.8}.stat-card .n{position:relative;font-size:32px;font-weight:800;color:var(--text);line-height:1}.stat-card .n.ok{color:var(--ok)}.stat-card .l{position:relative;font-size:13px;color:var(--muted);margin-top:7px}.profile-head{gap:20px;margin:14px 0 24px;flex-wrap:wrap}.avatar,.profile-head{display:flex;align-items:center}.avatar{width:72px;height:72px;border-radius:22px;justify-content:center;font-size:30px;font-weight:800;color:#fff;background:var(--grad);box-shadow:0 10px 24px rgba(59,111,224,.3)}.profile-meta{flex:1;min-width:200px}.profile-meta h1{margin:0;font-size:28px}.profile-meta p{margin:5px 0 0}.error-page{text-align:center;padding:56px 0 44px;max-width:560px;margin:0 auto}.error-page img{width:190px;max-width:55%;opacity:.96}.error-code{font-size:68px;font-weight:800;letter-spacing:-.03em;line-height:1;margin-top:8px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.error-page h1{margin:8px 0;font-size:27px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:26px}.hero-copy,.hero-grid{text-align:center}.hero .sub{margin-left:auto;margin-right:auto}.hero-cta,.hero-stats{justify-content:center}.hero-art{order:-1}.hero-art img{max-width:340px}.showcase{grid-template-columns:1fr;gap:28px}.showcase-art{order:-1}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}}@media(max-width:760px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:16px 22px;gap:15px;align-items:flex-start;box-shadow:var(--shadow)}body.nav-open .nav{display:flex}.detail-grid{grid-template-columns:1fr}.hero{padding:48px 0 40px}.hero h1{font-size:34px}.hero .sub{font-size:16px}.section{padding:46px 0}.section-h h2{font-size:26px}.footer-grid{grid-template-columns:1fr}.stat-cards{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px}.stat-card .n{font-size:26px}.list-head{display:none}.proj-list{box-shadow:var(--shadow-sm)}.lrow{grid-template-columns:1fr;gap:8px;padding:16px}.lrow>span{display:flex;align-items:center;gap:8px}.lrow .lc-date:before,.lrow .lc-meta:before,.lrow .lc-owner:before,.lrow .lc-views:before{content:attr(data-label);font-size:12px;color:var(--muted2);font-weight:600;min-width:48px}.lc-name .ds{white-space:normal}.lc-act{justify-content:flex-start}}