*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%;display:block}:root{--ink:#0c1210;--ink-2:#3a4540;--mute:#6b756e;--line:#cfd6cf;--paper:#f3f5f0;--paper-2:#e7ebe3;--surface:#fff;--brand:#0b3d2e;--brand-2:#166b52;--accent:#e8b40a;--accent-ink:#1a1504;--die:#11948e;--danger:#c91824;--warn:#c45c14;--ok:#1b7a4c;--shadow:0 18px 50px #0c12101f;--radius:14px;--radius-sm:8px;--font-display:"ZCOOL QingKe HuangYou", "Noto Sans SC", sans-serif;--font-ui:"Noto Sans SC", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--app-w:min(420px, 100%)}.app-root{min-height:100dvh;font-family:var(--font-ui);color:var(--ink);background:radial-gradient(80% 50% at 50% -10%,#11948e1f,#0000 55%),radial-gradient(60% 40% at 100% 100%,#e8b40a1a,#0000 50%),linear-gradient(165deg,#f7f8f4 0%,#e4e9e1 100%);align-content:start;justify-items:center;gap:1rem;padding:1.25rem .75rem 2rem;display:grid;position:relative;overflow-x:hidden}.app-root:before{content:"";pointer-events:none;opacity:.9;background-image:linear-gradient(90deg,#0000 49.7%,#0c121009 49.7% 50.3%,#0000 50.3%),linear-gradient(#0000 49.7%,#0c121009 49.7% 50.3%,#0000 50.3%);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 10%,#0000 70%);mask-image:radial-gradient(at 50% 30%,#000 10%,#0000 70%)}.desk-wordmark{z-index:1;text-align:center;padding:.25rem 0 .15rem;position:relative}.desk-wordmark strong{font-family:var(--font-display);letter-spacing:.18em;color:var(--brand);font-size:clamp(1.6rem,3.5vw,2rem);font-weight:400}.desk-wordmark span{color:var(--mute);margin-top:.25rem;font-size:.88rem;display:block}.app-frame{z-index:1;width:var(--app-w);background:var(--paper);height:min(780px,100dvh - 6.5rem);min-height:640px;box-shadow:var(--shadow);border:1px solid #0c121014;border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden}.screen-slot{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex}.screen{min-height:0;animation:screen-in .44s var(--ease) both;flex-direction:column;flex:1;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(16px)scale(.992)}to{opacity:1;transform:none}}.login{background:linear-gradient(180deg, transparent 30%, var(--paper) 70%), radial-gradient(circle at 78% 16%, #e8b40a47, transparent 42%), linear-gradient(160deg, #eef3ec, #d5e0d4);justify-content:flex-end;gap:.55rem;padding:1.35rem 1.35rem 1.6rem;position:relative}.login-eyebrow,.home-eyebrow{letter-spacing:.2em;color:var(--die);margin:0;font-size:.72rem;font-weight:800}.login-eyebrow{position:absolute;top:1.45rem;right:1.35rem}.login-copy{flex-direction:column;gap:.45rem;display:flex}.login-art{flex:1;place-items:center;min-height:240px;padding-top:2rem;display:grid}.login-art svg{filter:drop-shadow(0 22px 40px #0b3d2e2e);width:min(300px,92%);height:auto;animation:bob 5s var(--ease) infinite alternate}@keyframes bob{0%{transform:translateY(0)rotate(-.5deg)}to{transform:translateY(-10px)rotate(.8deg)}}.login h1{font-family:var(--font-display);letter-spacing:.16em;color:var(--ink);margin:0;font-size:3.15rem;line-height:1}.login .lead{color:var(--ink-2);max-width:16em;margin:0;font-size:1.05rem;line-height:1.45}.btn-enter{border-radius:var(--radius-sm);background:var(--brand);color:#f3faf6;letter-spacing:.08em;width:100%;transition:transform .15s var(--ease), background .15s ease;border:none;margin-top:.55rem;padding:1.1rem 1rem;font-size:1.12rem;font-weight:800}.btn-enter:active{background:#072b20;transform:scale(.985)}.login .note{text-align:center;color:var(--mute);margin:0;font-size:.8rem}.home{background:linear-gradient(180deg, #f8faf6, var(--paper-2));gap:1.1rem;padding:1.4rem 1.15rem 1.25rem}.home-head h1{font-family:var(--font-display);letter-spacing:.14em;margin:0;font-size:2.4rem}.home-head p{color:var(--ink-2);margin:.4rem 0 0;font-size:1rem}.home-grid{flex:auto;grid-template-rows:1fr 1fr;gap:.85rem;min-height:280px;display:grid}.portal{border-radius:var(--radius);text-align:left;min-height:140px;transition:transform .18s var(--ease);border:none;flex-direction:column;justify-content:flex-end;gap:.3rem;padding:1.35rem 1.25rem;display:flex;position:relative;overflow:hidden}.portal:active{transform:scale(.985)}.portal-delay-1{animation:rise-portal .52s var(--ease) 60ms both}.portal-delay-2{animation:rise-portal .52s var(--ease) .16s both}@keyframes rise-portal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.portal:after{content:"";pointer-events:none;background:#ffffff1f;width:55%;height:90%;position:absolute;top:-30%;right:-20%;transform:rotate(18deg)}.portal-schedule{color:#141000;background:linear-gradient(145deg,#f5c400 0%,#e0a200 55%,#c98d00 100%);box-shadow:inset 0 -5px #0000001f}.portal-qc{color:#f2f9f5;background:linear-gradient(145deg,#1a7a5c 0%,#0b3d2e 60%,#072b20 100%);box-shadow:inset 0 -5px #00000038}.portal .who{letter-spacing:.14em;opacity:.75;font-size:.78rem;font-weight:700}.portal .name{font-family:var(--font-display);letter-spacing:.2em;font-size:2.7rem;line-height:1}.portal .hint{opacity:.92;max-width:15em;font-size:.95rem;line-height:1.4}.topbar{background:color-mix(in srgb, var(--paper) 88%, white);border-bottom:1px solid var(--line);z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:72px 1fr auto;align-items:center;gap:.4rem;padding:.9rem 1rem;display:grid;position:sticky;top:0}.topbar button{color:var(--brand-2);text-align:left;background:0 0;border:none;padding:.2rem 0;font-size:.9rem;font-weight:600}.topbar .title{text-align:center;margin:0;font-size:1.05rem;font-weight:800}.topbar .meta{color:var(--mute);text-align:right;justify-self:end;font-size:.82rem;font-weight:600}.body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;gap:1rem;padding:1rem 1rem 1.4rem;display:flex;overflow:hidden auto}.body>*{flex-shrink:0}.kicker{letter-spacing:.16em;color:var(--mute);margin:0 0 .55rem;font-size:.72rem;font-weight:800}.plan-hero{background:var(--ink);color:#f4f7f1;border-radius:var(--radius);padding:1.2rem 1.15rem 1.25rem;position:relative;overflow:visible}.plan-hero:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#11948e2e,#0000 40%),linear-gradient(#e8b40a14,#0000 40%);position:absolute;inset:0}.plan-hero .kicker{color:#f4f7f180;position:relative}.rail{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex;position:relative}.rail li{grid-template-columns:36px 1fr;gap:.75rem;min-height:3.1rem;padding:.7rem 0;display:grid;position:relative}.rail li:not(:last-child):before{content:"";background:#ffffff2e;width:2px;position:absolute;top:2.1rem;bottom:-.15rem;left:17px}.dot{z-index:1;background:#1a211c;border:2px solid #ffffff59;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;display:grid;position:relative}.dot .chip{border:1px solid #fff6;border-radius:3px;width:14px;height:14px}.rail strong{font-size:1.2rem;font-weight:800;display:block}.rail em{color:#f4f7f19e;font-size:.9rem;font-style:normal}.save-tag{background:var(--accent);color:var(--accent-ink);animation:pop .5s var(--ease) both;border-radius:999px;align-items:center;gap:.35rem;margin:.9rem 0 0;padding:.4rem .7rem;font-size:.9rem;font-weight:800;display:inline-flex;position:relative}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.plan-copy{color:#f4f7f1ad;margin:.75rem 0 0;font-size:.86rem;line-height:1.5;position:relative}.metrics{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.metric{text-align:center;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--line);padding:.9rem .3rem}.metric b{margin-bottom:.3rem;font-size:1.75rem;font-weight:900;line-height:1;display:block}.metric span{color:var(--mute);font-size:.8rem}.metric.warn b{color:var(--danger)}.jobs{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.job{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:.7rem;padding:.9rem .95rem;display:flex}.job.done{opacity:.55}.job.running{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.job-top{align-items:flex-start;gap:.7rem;display:flex}.job-idx{background:var(--paper-2);border-radius:50%;flex-shrink:0;place-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;font-weight:800;display:grid}.job h3{margin:0;font-size:1.05rem}.job h3 i{color:var(--mute);margin-left:.4rem;font-size:.92rem;font-style:normal;font-weight:500}.job p{color:var(--mute);margin:.25rem 0 0;font-size:.86rem;line-height:1.4}.job-bar{align-items:center;gap:.5rem;padding-left:2.3rem;display:flex}.job-bar .st{color:var(--mute);margin-right:auto;font-size:.78rem}.btn-go{background:var(--accent);color:var(--accent-ink);border:none;border-radius:6px;padding:.5rem 1rem;font-weight:800}.btn-go.done-btn{background:var(--brand);color:#f3faf6}.fold{border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:3rem}.fold>button{text-align:left;width:100%;color:var(--ink-2);background:0 0;border:none;min-height:3rem;padding:.95rem 1rem;font-weight:600;line-height:1.4}.fold-body{animation:screen-in .28s var(--ease) both;flex-direction:column;gap:.65rem;padding:0 1rem 1rem;display:flex}.fold-body textarea{border:1px solid var(--line);border-radius:var(--radius-sm);resize:vertical;background:var(--paper);width:100%;padding:.75rem}.row{flex-wrap:wrap;gap:.5rem;display:flex}.btn-primary{background:var(--brand);color:#f3faf6;border:none;border-radius:6px;padding:.7rem 1rem;font-weight:700}.btn-primary.danger{background:var(--danger)}.btn-soft{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:.7rem 1rem;font-weight:600}.btn-soft.on-engine{border-color:var(--brand);color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.engine-tip{color:var(--mute);letter-spacing:.02em;margin:0;font-size:.82rem}.toast{color:var(--warn);margin:0;font-size:.9rem}.qc-view{border-radius:var(--radius);background:#111;min-height:260px;position:relative;overflow:hidden}.qc-view .feed{object-fit:cover;width:100%;height:260px;display:block}.qc-view .art-wrap{background:#ebe6dc;height:260px}.qc-view .art-wrap svg{width:100%;height:100%}.banner{color:#fff;flex-direction:column;gap:.1rem;padding:.75rem .95rem;font-weight:800;display:flex;position:absolute;bottom:0;left:0;right:0}.banner.ok{background:color-mix(in srgb, var(--ok) 92%, black)}.banner.warn{background:color-mix(in srgb, var(--warn) 92%, black)}.banner.alarm{background:color-mix(in srgb, var(--danger) 94%, black);font-size:1.15rem;animation:.5s ease-in-out infinite alternate flash}@keyframes flash{0%{filter:brightness()}to{filter:brightness(1.18)}}.qc-alarm .app-frame,.screen.qc-alarm{animation:.55s ease-in-out infinite alternate wash}@keyframes wash{0%{background:var(--paper)}to{background:#f9d0d3}}.btn-ack{background:var(--ink);color:#fff;border-radius:var(--radius-sm);letter-spacing:.04em;border:none;width:100%;padding:1.05rem;font-size:1.08rem;font-weight:900}.thumbs{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.thumb{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;flex-direction:column;gap:.25rem;padding:.3rem;font-size:.68rem;font-weight:600;display:flex}.thumb.on{border-color:var(--brand);border-width:2px}.thumb .mini{background:#ebe6dc;border-radius:4px;height:52px;overflow:hidden}.thumb .mini svg{width:100%;height:100%}.report li{border-top:1px solid var(--line);justify-content:space-between;gap:.5rem;padding:.55rem 0;font-size:.92rem;list-style:none;display:flex}.report{margin:0;padding:0}.report-sum{color:var(--mute);margin:0 0 .35rem;font-size:.9rem}.tip{color:#fff;background:#0000009e;border-radius:6px;margin:0;padding:.4rem .55rem;font-size:.8rem;position:absolute;top:.55rem;left:.55rem;right:.55rem}@media (width<=540px){.desk-wordmark{display:none}.app-root{padding:.6rem .5rem 1.25rem}.app-frame{border-radius:18px;height:calc(100dvh - 2rem);min-height:calc(100dvh - 2rem)}}