:root{--ink:#26344d;--muted:#7f8ea3;--line:#e6ecf3;--blue:#3f6fa6;--navy:#193047;--sea:#328a7b;--gold:#c9a069;--bg:#f5f8fb;--danger:#be5c59;--shadow:0 12px 36px rgba(31,55,87,.06)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--ink);background:radial-gradient(circle at 90% 4%,#ecf4f8 0,transparent 30%),var(--bg);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#3269a0}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #91c0f4;outline-offset:2px}.hide{display:none!important}
.app{max-width:1490px;margin:auto;padding:25px 22px 55px}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px;flex-wrap:wrap}.brand{font-size:10px;font-weight:800;letter-spacing:.18em;color:#ab895b}.top h1{font-size:26px;letter-spacing:-.04em;margin:8px 0}.sub{font-size:12px;color:var(--muted);line-height:1.9}.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn{border:1px solid #dae4ee;border-radius:10px;background:#fff;color:#4e6078;padding:10px 13px;font-size:12px;font-weight:750;transition:.16s}.btn:hover{box-shadow:0 6px 16px #243b5610;border-color:#a8c0d6}.btn.main{background:var(--navy);border-color:var(--navy);color:white}.btn.accent{background:#edf7f4;border-color:#cce8e0;color:#267b68}.btn.warn{color:var(--danger);border-color:#f0d7d4}.btn.sm{padding:7px 9px;font-size:11px}.btn:disabled{opacity:.45}.field label,.label{display:block;font-size:11px;color:#617389;font-weight:800;margin:0 0 7px}.input{width:100%;padding:11px 12px;border:1px solid #dbe5ef;border-radius:10px;background:#fdfefe;color:#28374e;font-size:13px}.input:focus{outline:2px solid #d7eafd;outline-offset:0;border-color:#83aed9}.textarea{min-height:80px;resize:vertical;line-height:1.75}.grid2,.grid3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.full{grid-column:1/-1}.flex{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.note{font-size:11px;color:#8a98aa;line-height:1.8}.panel,.side{border:1px solid var(--line);background:#fff;border-radius:19px;box-shadow:var(--shadow)}.panel{margin-bottom:15px}.panel-h{padding:16px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.panel-h h2{font-size:16px;margin:0}.panel-b{padding:18px}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:17px;align-items:start}.side{position:sticky;top:12px;overflow:hidden}.side-h{padding:17px;border-bottom:1px solid var(--line)}.side-h h2{font-size:16px;margin:0 0 6px}.project-nav{padding:8px;display:grid;gap:5px}.nav-item{width:100%;text-align:left;background:white;border:1px solid transparent;padding:12px;border-radius:12px;color:inherit}.nav-item:hover{background:#f6f9fc}.nav-item.active{border-color:#cee1f1;background:#f0f7ff}.nav-name{font-size:13px;font-weight:800}.nav-meta{font-size:11px;color:#8290a3;margin-top:6px}.nav-progress{height:4px;border-radius:20px;background:#e9eff6;margin-top:10px;overflow:hidden}.nav-progress span{display:block;height:100%;background:linear-gradient(90deg,#568cba,#51a398)}.side-foot{padding:14px 17px;border-top:1px solid var(--line);font-size:11px;color:#8c9bab;line-height:1.8}.hero{background:radial-gradient(circle at 90% 10%,#4b6d87,transparent 50%),linear-gradient(115deg,#152d47,#234561);color:white;padding:23px;border-radius:17px}.hero-k{font-size:10px;letter-spacing:.17em;color:#e2c7a0}.hero h2{margin:11px 0 8px;font-size:23px;line-height:1.4}.hero-sub{color:#d4e0ea;font-size:12px;line-height:1.8}.pct{font-weight:900;font-size:42px;letter-spacing:-.05em;margin-top:20px}.pct small{font-size:17px;font-weight:500}.bar{height:8px;background:#ffffff30;border-radius:60px;overflow:hidden;margin-top:10px}.bar span{display:block;height:100%;background:linear-gradient(90deg,#a7d7cf,#ecd1a5)}.status{font-size:11px;border-radius:90px;background:#edf2f7;color:#647991;padding:6px 10px;display:inline-flex}.status.delivered{background:#e9f8f1;color:#2d8965}.status.working{background:#fff4df;color:#a77e2f}.status.paused{background:#fff1ed;color:#bc6b5d}.step-card{border:1px solid #e6edf4;border-radius:15px;overflow:hidden;margin-bottom:12px;background:#fff}.step-head{padding:13px 15px;background:#f9fbfd;border-bottom:1px solid var(--line);display:flex;gap:11px;justify-content:space-between;align-items:center;flex-wrap:wrap}.step-head strong{font-size:13px}.step-body{padding:14px}.file-editor{border:1px dashed #d5e3ef;border-radius:11px;padding:12px;margin-top:10px;background:#fbfdff}.file-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.copy-row{display:grid;grid-template-columns:190px 1fr;gap:15px;padding:10px 0;border-bottom:1px solid #f0f3f6}.copy-row:last-child{border:0}.copy-row label{padding-top:10px;font-size:12px;font-weight:700}.sticky{position:sticky;bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 13px;background:#ffffffed;backdrop-filter:blur(8px);border-radius:14px;border:1px solid #d9e5ee;box-shadow:0 9px 24px #1b37551a;z-index:5}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,14px);opacity:0;pointer-events:none;transition:.2s;background:#193047;color:#fff;padding:12px 17px;border-radius:10px;box-shadow:0 10px 22px #24355030;font-size:12px;z-index:99;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{padding:50px 20px;text-align:center;color:#8191a5;line-height:1.9}.login-wrap{max-width:460px;margin:8vh auto}.login-wrap h2{margin:0;font-size:22px}.login-wrap .panel-b{padding:25px}.login-wrap .field{margin-top:16px}.tip{font-size:12px;color:#8b98a9;line-height:1.9}.banner{padding:12px 16px;border-radius:13px;border:1px solid #d6e4f0;background:#f0f6fb;color:#42627d;font-size:12px;line-height:1.8;margin-bottom:14px}.banner.bad{background:#fff4f1;border-color:#f3ddd5;color:#b05c4f}.spaced{margin-top:15px}.progress-line{display:flex;align-items:center;gap:12px}.progress-line input{flex:1;accent-color:#3f8f98}.wide-narrow{width:88px}.divider{border-top:1px solid var(--line);margin:15px 0}.checkline{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.checkline input{width:17px;height:17px;accent-color:#3d8a7d}.loading{padding:36px;text-align:center;color:#8a9aab;font-size:13px}.step-number{border-radius:10px;background:#e9f1f9;color:#4b779a;display:grid;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900}.linkbox{font-size:12px;color:#587899;overflow-wrap:anywhere;border-radius:10px;padding:12px;background:#f5f9fc;border:1px solid #d9e5ef}.only-reader{max-width:980px;margin:0 auto;padding:29px 18px 65px}.reader-hero{padding:32px;background:radial-gradient(circle at 92% 15%,#426580,transparent 48%),linear-gradient(115deg,#1b304a,#214058);border-radius:22px;color:#fff}.reader-k{font-size:12px;font-weight:850;color:#ead6b8}.reader-e{font-size:10px;letter-spacing:.2em;color:#d6c4ac;margin-top:25px}.reader-hero h1{font-size:clamp(23px,4vw,37px);margin:11px 0;line-height:1.5}.reader-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.reader-meta span{font-size:11px;border-radius:99px;border:1px solid #ffffff36;padding:7px 11px;color:#e2eaf3}.reader-panel{background:#fff;border:1px solid var(--line);border-radius:19px;padding:24px;margin-top:17px;box-shadow:var(--shadow)}.reader-panel h2{font-size:18px;margin:0 0 20px}.reader-pct{font-size:62px;font-weight:900;letter-spacing:-.05em;color:#234c68}.reader-bar{height:11px;background:#e8eff4;border-radius:60px;margin-top:13px;overflow:hidden}.reader-bar span{display:block;height:100%;background:linear-gradient(90deg,#5b8db7,#58b4a0)}.reader-step{display:grid;grid-template-columns:42px 1fr;gap:12px;margin:18px 0}.reader-num{width:34px;height:34px;border-radius:10px;background:#e8f2f9;color:#426e8e;font-weight:850;font-size:12px;display:grid;place-items:center}.reader-step-box{border:1px solid #e5edf3;border-radius:13px;padding:16px;background:#fbfdff}.reader-step-title{font-size:15px;font-weight:850}.reader-step-info{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.reader-mini{height:5px;border-radius:20px;background:#e8eef4;overflow:hidden;margin-top:12px}.reader-mini span{height:100%;display:block;background:#599e9e}.reader-files{display:grid;gap:8px;margin-top:12px}.reader-file{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e3ebf3;border-radius:10px;text-decoration:none;color:#32546e}.reader-file:hover{background:#f1f8fd}.reader-kind{font-size:10px;font-weight:900;color:#3f799f;background:#e6f2fb;border-radius:7px;padding:7px;min-width:48px;text-align:center}.reader-file-name{flex:1;font-size:12px;font-weight:750;overflow-wrap:anywhere}.reader-footer{font-size:11px;color:#8f9dad;text-align:center;margin:24px 0;line-height:1.9}.reader-msg{color:#647891;font-size:13px;line-height:1.95;white-space:pre-wrap}.reader-badge{display:inline-block;border-radius:99px;padding:8px 12px;background:#e7f5f0;color:#348b73;font-size:12px;font-weight:850}.reader-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:13px}.clock{font-size:11px;color:#91a0b1}
@media(max-width:900px){.layout{grid-template-columns:220px minmax(0,1fr)}.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.app{padding:13px}.layout{display:block}.side{position:static;margin-bottom:14px}.project-nav{display:flex;overflow:auto}.nav-item{min-width:180px}.grid2,.grid3{grid-template-columns:1fr}.copy-row{grid-template-columns:1fr;gap:3px}.copy-row label{padding-top:3px}.panel-b{padding:14px}.reader-hero{padding:25px 18px}.reader-panel{padding:18px 14px}.only-reader{padding:12px 10px 40px}.reader-step{grid-template-columns:32px 1fr;gap:8px}.reader-step-box{padding:12px}.reader-pct{font-size:52px}}