:root{--brand-600:#4F46E5;--brand-500:#6366F1;--brand-400:#8285F4;--brand-100:#EEEDFD;--brand-50:#F5F5FE;--green-500:#10B981;--green-100:#E6F7EF;--orange-500:#F59E0B;--orange-100:#FEF3E2;--red-500:#EF4444;--red-100:#FDECEC;--blue-500:#2563EB;--blue-100:#EFF4FE;--ink-900:#1F2937;--ink-700:#374151;--ink-500:#6B7280;--ink-400:#9AA3B2;--line:#E9EBF0;--line-soft:#F0F1F5;--bg-page:#F5F6FA;--bg-card:#FFF;--bg-fill:#F7F8FA;--grad-bar:linear-gradient(90deg,#7C5CFC,#29C2F4);--grad-hero:linear-gradient(135deg,#6366F1,#8B5CF6);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:14px;color:var(--ink-900);background:#edeef3;font-variant-numeric:tabular-nums;line-height:1.5}a{text-decoration:none;color:inherit}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink-900)}::placeholder{color:var(--ink-400)}.phone-wrap{display:flex;justify-content:center;padding:24px 16px 48px}.phone{width:390px;max-width:100%;min-height:780px;background:var(--bg-page);border-radius:38px;border:8px solid #17181C;box-shadow:0 24px 60px #171a2d40;overflow:hidden;display:flex;flex-direction:column;position:relative}.status-bar{height:42px;flex:0 0 42px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:12px;font-weight:600;background:transparent}.app-head{flex:0 0 48px;display:flex;align-items:center;gap:8px;padding:0 16px;background:#fff;border-bottom:1px solid var(--line-soft)}.app-head .back{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--ink-700);font-size:20px;line-height:1}.app-head .back:hover{background:var(--bg-fill)}.app-title{font-size:16px;font-weight:600;flex:1;text-align:center;margin-right:28px}.app-head.no-back .app-title{margin-right:0;text-align:left}.screen{flex:1;overflow-y:auto;padding:14px}.screen::-webkit-scrollbar{width:0}.tabbar{flex:0 0 64px;display:flex;background:#fff;border-top:1px solid var(--line);padding-bottom:8px}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--ink-400);position:relative}.tab-item svg{width:22px;height:22px}.tab-item.on{color:var(--brand-500);font-weight:600}.tab-item .badge{position:absolute;top:4px;right:calc(50% - 18px);min-width:15px;height:15px;border-radius:999px;background:var(--red-500);color:#fff;font-size:9px;display:grid;place-items:center;padding:0 3px}.m-card{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;border:1px solid var(--line-soft)}.m-sec{display:flex;align-items:center;justify-content:space-between;margin:16px 2px 8px}.m-sec b{font-size:14px;font-weight:600}.m-sec .more{font-size:12px;color:var(--ink-400)}.pill{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:500;white-space:nowrap}.pill-green{background:var(--green-100);color:var(--green-500)}.pill-orange{background:var(--orange-100);color:var(--orange-500)}.pill-red{background:var(--red-100);color:var(--red-500)}.pill-blue{background:var(--blue-100);color:var(--blue-500)}.pill-brand{background:var(--brand-100);color:var(--brand-600)}.pill-gray{background:#f2f3f7;color:var(--ink-500)}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.btn-m{width:100%;height:44px;border-radius:12px;border:none;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.btn-pri{background:var(--brand-500);color:#fff}.btn-pri:active{background:var(--brand-600)}.btn-sec{background:#fff;border:1px solid var(--line);color:var(--ink-700)}.btn-danger{background:var(--red-500);color:#fff}.btn-mini{height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.btn-mini.pri{background:var(--brand-500);color:#fff}.btn-mini.gray{background:var(--bg-fill);color:var(--ink-700)}.btn-mini.green{background:var(--green-100);color:var(--green-500)}.btn-m:disabled{opacity:.5;cursor:not-allowed}.hero{background:var(--grad-hero);border-radius:16px;padding:18px 16px;color:#fff;margin-bottom:12px}.hero .hi{font-size:19px;font-weight:700}.hero .date{font-size:12px;opacity:.85;margin-top:2px}.hero .stage-card{margin-top:12px;background:#ffffff29;border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px}.hero .stage-card .ic{width:40px;height:40px;border-radius:12px;background:#ffffff38;display:grid;place-items:center;font-size:20px;flex:0 0 40px}.hero .stage-card b{font-size:14px}.hero .stage-card p{font-size:12px;opacity:.85;margin-top:2px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border-radius:14px;padding:14px 10px;margin-bottom:12px;border:1px solid var(--line-soft)}.g-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--ink-700)}.g-item .gi{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px}.notice-bar{display:flex;align-items:center;gap:8px;background:var(--orange-100);color:var(--orange-500);border-radius:12px;padding:10px 12px;font-size:12px;margin-bottom:12px}.todo-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.todo-row:last-child{border-bottom:none}.todo-row .ti{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:17px;flex:0 0 36px}.todo-row .tt{flex:1;min-width:0}.todo-row .tt b{font-size:13px;display:block}.todo-row .tt p{font-size:12px;color:var(--ink-500);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line-soft);font-size:14px}.cell:last-child{border-bottom:none}.cell .cl{color:var(--ink-500);flex:0 0 auto;font-size:13px}.cell .cv{color:var(--ink-900);text-align:right;min-width:0;word-break:break-all}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px}.chips::-webkit-scrollbar{height:0}.chip{flex:0 0 auto;height:30px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--ink-700);display:inline-flex;align-items:center;cursor:pointer}.chip.on{background:var(--brand-500);border-color:var(--brand-500);color:#fff;font-weight:500}.task-card{background:#fff;border-radius:14px;padding:14px;margin-bottom:10px;border:1px solid var(--line-soft)}.task-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.task-head b{font-size:14px}.task-meta{font-size:12px;color:var(--ink-500);line-height:1.8}.clock-hero{background:#fff;border-radius:16px;padding:24px 16px;text-align:center;margin-bottom:12px;border:1px solid var(--line-soft)}.clock-btn{width:132px;height:132px;border-radius:50%;border:none;background:var(--grad-hero);color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #6366f159;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.clock-btn small{font-size:11px;font-weight:400;opacity:.85}.clock-btn.done{background:#e7f7ef;color:var(--green-500);box-shadow:none;cursor:default}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.cal-grid .wd{font-size:11px;color:var(--ink-400);padding:4px 0}.cal-d{height:36px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;background:var(--bg-fill);position:relative}.cal-d.today{background:var(--brand-100);color:var(--brand-600);font-weight:700}.cal-d .st{width:5px;height:5px;border-radius:50%;margin-top:2px}.timeline{padding-left:4px}.tl-node{display:flex;gap:12px;position:relative;padding-bottom:18px}.tl-node:last-child{padding-bottom:0}.tl-node:before{content:"";position:absolute;left:9px;top:20px;bottom:0;width:2px;background:var(--line)}.tl-node:last-child:before{display:none}.tl-node .nd{width:20px;height:20px;border-radius:50%;flex:0 0 20px;display:grid;place-items:center;font-size:11px;background:#f2f3f7;color:var(--ink-400);position:relative;z-index:1}.tl-node.done .nd{background:var(--green-100);color:var(--green-500)}.tl-node.cur .nd{background:var(--brand-500);color:#fff;box-shadow:0 0 0 4px var(--brand-100)}.tl-node.fail .nd{background:var(--red-100);color:var(--red-500)}.tl-node.gray .nd{background:#f2f3f7;color:var(--ink-500)}.tl-node .nt{flex:1}.tl-node .nt b{font-size:13px}.tl-node .nt p{font-size:12px;color:var(--ink-500);margin-top:2px}.fm{margin-bottom:14px}.fm label{display:block;font-size:13px;color:var(--ink-700);font-weight:500;margin-bottom:6px}.fm label .req{color:var(--red-500)}.fi-m{width:100%;height:44px;border:1px solid var(--line);border-radius:12px;padding:0 12px;outline:none;background:#fff;font-size:14px}.fi-m:focus{border-color:var(--brand-400)}.fi-m.err{border-color:var(--red-500)}textarea.fi-m{height:auto;min-height:80px;padding:10px 12px;resize:vertical}.fm .tip{font-size:11px;color:var(--ink-400);margin-top:4px}.fm .warn{font-size:11px;color:var(--orange-500);margin-top:4px}.radio-row{display:flex;gap:10px;flex-wrap:wrap}.radio-row label{flex:1;min-width:100px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;cursor:pointer;font-weight:400;margin:0}.radio-row label.on{border-color:var(--brand-500);background:var(--brand-50);color:var(--brand-600);font-weight:500}.sal-card{background:#fff;border-radius:14px;padding:16px;margin-bottom:10px;border:1px solid var(--line-soft)}.sal-top{display:flex;align-items:center;justify-content:space-between}.sal-top .mon{font-size:14px;font-weight:600}.sal-amt{margin:10px 0 4px}.sal-amt .num{font-size:28px;font-weight:700}.sal-amt .lab{font-size:12px;color:var(--ink-500)}.sal-detail{border-top:1px dashed var(--line);margin-top:12px;padding-top:10px;font-size:13px}.sal-detail .grp{font-size:12px;color:var(--ink-400);margin:8px 0 4px}.sal-detail .row{display:flex;justify-content:space-between;padding:5px 0;color:var(--ink-700)}.sal-detail .row.neg{color:var(--red-500)}.sal-detail .row.sum{font-weight:600;color:var(--ink-900);border-top:1px solid var(--line-soft);margin-top:4px;padding-top:8px}.m-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f293780;display:none;align-items:flex-end;justify-content:center;z-index:80}.m-mask.open{display:flex}.m-mask.center{align-items:center;padding:0 24px}.m-panel{width:390px;max-width:100%;background:#fff;border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));animation:up .2s ease;max-height:80vh;overflow-y:auto}.m-mask.center .m-panel{border-radius:20px;animation:pop .18s ease}@keyframes up{0%{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}@keyframes pop{0%{transform:scale(.96);opacity:.6}to{transform:none;opacity:1}}.m-panel h3{font-size:16px;margin-bottom:12px;text-align:center}.sheet-item{padding:14px;text-align:center;font-size:15px;border-top:1px solid var(--line-soft);cursor:pointer}.sheet-item:first-of-type{border-top:none}.sheet-item:active{background:var(--bg-fill)}.sheet-item.cancel{color:var(--ink-500);margin-top:8px;background:var(--bg-fill);border-radius:12px}.pin-box{display:flex;gap:8px;justify-content:center;margin:16px 0}.pin-box input{width:42px;height:48px;border:1px solid var(--line);border-radius:10px;text-align:center;font-size:20px;outline:none}.pin-box input:focus{border-color:var(--brand-500)}.g-toast{position:fixed;bottom:120px;left:50%;transform:translate(-50%) translateY(8px);background:#1f2937eb;color:#fff;padding:10px 18px;border-radius:12px;font-size:13px;opacity:0;transition:.25s;z-index:99;pointer-events:none;max-width:320px;text-align:center}.empty-m{padding:36px 16px;text-align:center;color:var(--ink-400);font-size:12px}.msg-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.msg-row .mi{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;flex:0 0 38px;position:relative}.msg-row .unread:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--red-500)}.msg-row .mt{flex:1;min-width:0}.msg-row .mt b{font-size:13px;display:flex;align-items:center;gap:6px}.msg-row .mt p{font-size:12px;color:var(--ink-500);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msg-row .tm{font-size:11px;color:var(--ink-400);flex:0 0 auto}html,body{height:100%}#app{height:100%;display:flex;justify-content:center;background:#edeef3}.phone{margin:0 auto;height:100vh;min-height:0;border-radius:0;border:none;box-shadow:none;max-width:520px}@media (min-width:560px){.phone{height:min(860px,100vh);margin:12px auto;border-radius:38px;border:8px solid #17181C;box-shadow:0 24px 60px #171a2d40}}.g-toast{position:fixed;bottom:120px;left:50%;transform:translate(-50%) translateY(8px);background:#1f2937eb;color:#fff;padding:10px 18px;border-radius:12px;font-size:13px;opacity:0;transition:.25s;z-index:999;pointer-events:none;max-width:320px;text-align:center}.g-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.g-toast.err{background:#ef4444f2}.g-toast.ok{background:#10b981f2}.lnk{cursor:pointer}.lnkd{text-decoration:underline}