:root{--bg:#f7f4fb;--card:#fff;--line:#eee6f7;--text:#2c2442;--muted:#83769b;--primary:#6846b2;--primary2:#825fca;--soft:#f1ebfa;--soft2:#fbf8ff;--need:#8b5f1d;--need-soft:#fff7e8;--cap:#467d68;--cap-soft:#edf8f2;--shadow:0 14px 34px rgba(76,45,122,.08);--radius:18px}*{box-sizing:border-box;margin:0;padding:0}#app,body,html{min-height:100vh;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(104,70,178,.1)}input,select,textarea{font-family:inherit}.page-container{padding:14px 14px 88px;min-height:calc(100vh - 120px);max-width:500px;margin:0 auto}.topbar{background:linear-gradient(135deg,#4e2e89,#6846b2 62%,#886bd1);color:#fff;padding:12px 16px 18px;position:sticky;top:0;z-index:10}.topline{display:flex;align-items:center;justify-content:space-between}.topbar .title{font-size:18px;font-weight:800}.topbar .subtitle{margin-top:4px;opacity:.92;font-size:12px}.topbar .avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.16);border:1px solid hsla(0,0%,100%,.24);font-weight:800;cursor:pointer;font-size:13px;transition:background .15s}.topbar .avatar:hover{background:hsla(0,0%,100%,.28)}.topbar .search-bar{margin-top:14px;height:40px;border-radius:999px;background:hsla(0,0%,100%,.95);color:#7f7493;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:13px;cursor:pointer;transition:background .15s}.topbar .search-bar:hover{background:#fff}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:14px;margin-bottom:12px}.hero{background:linear-gradient(145deg,hsla(0,0%,100%,.99),rgba(242,236,250,.98));border:1px solid #e7def4}.hero-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.hero-title{font-size:21px;font-weight:900;line-height:1.3}.hero-sub{margin-top:8px;font-size:13px;line-height:1.55;color:var(--muted)}.hero-badge{padding:7px 10px;font-size:11px;border-radius:999px;color:var(--primary);background:var(--soft);font-weight:800;white-space:nowrap;height:-moz-fit-content;height:fit-content}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.stat{background:hsla(0,0%,100%,.94);border:1px solid #efe8f8;border-radius:14px;padding:10px;text-align:center}.stat-num{font-size:18px;font-weight:900;color:var(--primary)}.stat-lab{margin-top:4px;font-size:11px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:3px 2px 10px}.section-title{font-size:15px;font-weight:900}.section-more{font-size:12px;color:var(--primary);font-weight:800;cursor:pointer;text-decoration:none}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.grid3{grid-template-columns:repeat(3,1fr)}.grid3,.grid4{display:grid;gap:9px}.grid4{grid-template-columns:repeat(4,1fr)}.quick{display:block;background:#fff;border:1px solid #eee6f7;border-radius:16px;box-shadow:var(--shadow);text-align:center;padding:12px 6px 10px;cursor:pointer;transition:transform .15s,box-shadow .15s;text-decoration:none}.quick:active{transform:scale(.96)}.quick:hover{box-shadow:0 16px 38px rgba(76,45,122,.12)}.quick-ico{width:36px;height:36px;border-radius:13px;margin:0 auto 8px;background:linear-gradient(145deg,#f3edfb,#ece4f8);color:var(--primary);font-size:18px;font-weight:900}.quick span,.quick-ico{display:flex;align-items:center;justify-content:center}.quick span{min-height:30px;padding:0 2px;font-size:11px;line-height:1.22;font-weight:800;color:#55486c;word-break:break-all}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border-radius:999px;padding:7px 11px;border:1px solid #eadff6;background:#fff;font-size:12px;color:#726683;cursor:pointer;transition:all .15s}.chip.active,.chip:hover{background:var(--soft);color:var(--primary);border-color:#decef3;font-weight:800}.item{display:block;background:#fff;border:1px solid #ede5f7;border-radius:18px;padding:13px;margin-bottom:10px;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s,box-shadow .15s;text-decoration:none}.item:active{transform:scale(.98)}.item:hover{box-shadow:0 16px 38px rgba(76,45,122,.12)}.item-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.item-title{font-size:15px;font-weight:900;line-height:1.4;flex:1}.badge{flex:0 0 auto;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.badge.need{background:var(--need-soft);color:var(--need)}.badge.cap{background:var(--cap-soft);color:var(--cap)}.badge.wait{background:#fff7e8;color:#8b5f1d}.badge.ok{background:#edf8f2;color:#467d68}.item-desc{margin:8px 0 10px;font-size:12px;line-height:1.6;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11px;padding:4px 8px;border-radius:999px;background:#f6f2fb;color:#6e6183}.item-foot{margin-top:10px;justify-content:space-between;font-size:12px;color:#968aa9;gap:10px}.btn,.item-foot{display:flex;align-items:center}.btn{justify-content:center;min-height:44px;border-radius:14px;font-size:14px;font-weight:900;border:none;cursor:pointer;transition:all .15s;padding:0 20px;text-decoration:none}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(135deg,#5d3ea2,#724fc0);color:#fff;box-shadow:0 10px 20px rgba(88,55,145,.22);width:100%}.btn.primary:hover{box-shadow:0 12px 24px rgba(88,55,145,.3)}.btn.light{background:var(--soft);color:var(--primary)}.btn.light:hover{background:#e8ddf5}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.btn-row .btn{width:100%}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:11px}.form-group label{display:block;margin-bottom:6px;font-size:12px;color:#6e6183;font-weight:800}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid #e5dcf2;background:#fcfbfe;border-radius:14px;padding:11px 12px;font-size:14px;color:var(--text);outline:none;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:#fff}.form-group textarea{min-height:88px;resize:none;line-height:1.55}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f5f2fa;color:#9f94b3;border-color:#ebe4f4;cursor:default}.row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.search-input{width:100%;border:1px solid #eee6f7;background:#fff;border-radius:999px;padding:10px 16px;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(104,70,178,.08)}.search-input::-moz-placeholder{color:#b0a5c0}.search-input::placeholder{color:#b0a5c0}.detail-top{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.back{width:34px;height:34px;border-radius:50%;background:#f2edf9;color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto;cursor:pointer;font-size:18px;border:none;transition:background .15s}.back:hover{background:#e8ddf5}.detail-title{font-size:20px;font-weight:900;line-height:1.35}.detail-sub{margin-top:6px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kv{gap:10px}.kv,.kv-row{display:grid}.kv-row{grid-template-columns:84px 1fr;gap:8px;font-size:13px;align-items:flex-start}.kv-key{color:var(--muted);font-weight:600}.kv-val{line-height:1.6}.flow,.flow-step{display:grid;gap:10px}.flow-step{grid-template-columns:30px 1fr;padding:12px;border-radius:16px;background:#fff;border:1px solid #ede5f7;box-shadow:var(--shadow)}.flow-no{width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px}.flow-title{font-size:14px;font-weight:900}.flow-sub{margin-top:4px;color:var(--muted)}.flow-sub,.notice{font-size:12px;line-height:1.55}.notice{color:#786c8d;background:#faf8fd;border:1px solid #eee6f7;border-radius:14px;padding:10px 12px;margin-bottom:12px}.role{display:block;background:#fff;border:1px solid #eee6f7;border-radius:16px;box-shadow:var(--shadow);padding:14px;margin-bottom:10px;cursor:pointer;transition:transform .15s,box-shadow .15s}.role:active{transform:scale(.98)}.role:hover{box-shadow:0 16px 38px rgba(76,45,122,.14);border-color:#decef3}.role b{display:block;font-size:15px}.role small{display:block;margin-top:5px;font-size:12px;color:var(--muted);line-height:1.5}.cover-hero{min-height:385px;padding:24px 18px;background:radial-gradient(circle at 80% 10%,hsla(0,0%,100%,.5),transparent 24%),linear-gradient(145deg,#5b399c,#7251bc 62%,#9879d8);color:#fff;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 38px rgba(85,52,140,.2)}.logo{width:56px;height:56px;border-radius:20px;background:hsla(0,0%,100%,.16);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;border:1px solid hsla(0,0%,100%,.28)}.cover-title{font-size:28px;font-weight:900;line-height:1.28;letter-spacing:.5px}.cover-sub{font-size:14px;line-height:1.7;opacity:.92;margin-top:10px}.cover-hero .btn{background:#fff;color:#5b399c;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.12)}.cover-hero .btn:hover{box-shadow:0 10px 24px rgba(0,0,0,.18)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:72px;background:hsla(0,0%,100%,.96);border-top:1px solid #e8e0f4;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;grid-template-columns:repeat(5,1fr);z-index:20;max-width:500px;margin:0 auto}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9287a6;font-size:11px;font-weight:800;cursor:pointer;transition:color .15s;text-decoration:none;-webkit-tap-highlight-color:transparent}.nav-item .ico{font-size:20px;line-height:1}.nav-item.active{color:var(--primary)}.nav-item:hover{color:var(--primary2)}.page-enter-active{animation:show .18s ease}@keyframes show{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.empty,.loading{text-align:center;padding:40px;color:var(--muted);font-size:13px}@media (max-width:500px){.page-container{padding:12px 12px 84px}.bottom-nav{max-width:100%}.grid4{grid-template-columns:repeat(4,1fr);gap:7px}}.logout-btn{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:14px;font-size:13px;font-weight:800;border:1px solid #ede5f7;background:#fff;color:#b8a5d0;cursor:pointer;margin-top:16px;width:100%;transition:all .15s}.logout-btn:hover{color:#c44;border-color:#f0d0d0;background:#fff5f5}