:root{--blue:#176ee7;--blue2:#0f5ecf;--soft:#eaf3ff;--ink:#17243a;--muted:#77859a;--line:#e7edf5;--bg:#f4f7fb;--panel:#fff;--green:#13a66b;--orange:#ee8a24;--red:#e45353;--shadow:0 8px 24px rgba(31,73,125,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#dde6f1;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.mobile-app{width:100%;max-width:520px;min-height:100vh;margin:0 auto;background:var(--bg);padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-head{position:sticky;top:0;z-index:10;padding:calc(14px + env(safe-area-inset-top)) 16px 14px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 5px 18px rgba(23,110,231,.2)}.head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.head-title{min-width:0}.head-title h1{margin:0;font-size:22px;line-height:1.3}.head-title p{margin:5px 0 0;color:rgba(255,255,255,.78);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-action,.back-btn{min-width:38px;height:36px;border:0;border-radius:18px;background:rgba(255,255,255,.16);color:#fff;padding:0 12px;font:13px inherit}.back-btn{font-size:25px;padding:0;width:38px}.version-pill{padding:6px 9px;border-radius:14px;background:rgba(255,255,255,.16);font-size:11px;white-space:nowrap}.content{padding:14px}.section{margin-bottom:14px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 9px}.section-head h2{margin:0;font-size:16px}.section-head span,.section-link{color:var(--muted);font-size:12px;text-decoration:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{display:block;min-height:102px;padding:14px;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.metric-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--blue);font-weight:800}.metric-card strong{display:block;margin-top:12px;font-size:25px}.metric-card small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.menu-list{overflow:hidden}.menu-item{display:flex;align-items:center;gap:12px;min-height:66px;padding:12px 14px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;background:#fff}.menu-item:last-child{border-bottom:0}.menu-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:var(--soft);color:var(--blue);font-size:15px;font-weight:800}.menu-main{min-width:0;flex:1}.menu-main strong{display:block;font-size:14px}.menu-main span{display:block;margin-top:4px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron{color:#a7b2c2;font-size:20px}.badge{min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--red);color:#fff;text-align:center;font-size:11px;line-height:22px}.filter-tabs{display:flex;gap:8px;margin-bottom:10px;overflow:auto}.filter-tab{height:34px;flex:0 0 auto;border:1px solid var(--line);border-radius:17px;background:#fff;color:#526177;padding:0 14px;font:12px inherit}.filter-tab.active{border-color:var(--blue);background:var(--blue);color:#fff}.list-card{overflow:hidden}.list-row{display:block;width:100%;padding:14px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;color:inherit;text-decoration:none}.list-row:last-child{border-bottom:0}.row-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.row-top strong{font-size:14px;line-height:1.5}.row-status{flex:0 0 auto;padding:4px 8px;border-radius:10px;background:var(--soft);color:var(--blue);font-size:10px}.row-status.green{background:#e9f8f0;color:var(--green)}.row-status.orange{background:#fff2e6;color:var(--orange)}.row-status.red{background:#ffeded;color:var(--red)}.row-sub{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.55}.row-amount{margin-top:8px;color:var(--blue);font-size:18px;font-weight:700}.empty,.loading{padding:34px 18px;text-align:center;color:#8794a6;font-size:13px}.detail-card{padding:14px}.detail-title{margin:0;font-size:18px}.detail-sub{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.detail-item{padding:10px;border-radius:9px;background:#f7f9fc}.detail-item span{display:block;color:var(--muted);font-size:10px}.detail-item strong{display:block;margin-top:4px;font-size:14px;overflow-wrap:anywhere}.timeline{padding:0 14px}.timeline-item{position:relative;padding:13px 0 13px 25px;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-item:before{content:"";position:absolute;left:3px;top:19px;width:9px;height:9px;border-radius:50%;background:var(--blue)}.timeline-item:after{content:"";position:absolute;left:7px;top:28px;bottom:-7px;width:1px;background:#dbe3ed}.timeline-item:last-child:after{display:none}.timeline-item strong{font-size:13px}.timeline-item div{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.5}.action-bar{position:fixed;left:50%;bottom:0;z-index:12;width:100%;max-width:520px;transform:translateX(-50%);display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(10px)}.action-btn{height:44px;flex:1;border:1px solid var(--line);border-radius:10px;background:#fff;color:#47566d;font:14px inherit;font-weight:650}.action-btn.primary{border-color:var(--blue);background:var(--blue);color:#fff}.action-btn.danger{border-color:#f2cccc;background:#fff6f6;color:var(--red)}.money-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.money-box{padding:12px;border-radius:10px;background:#f7f9fc}.money-box span{display:block;color:var(--muted);font-size:10px}.money-box strong{display:block;margin-top:5px;font-size:16px}.project-row{padding:13px 0;border-bottom:1px solid var(--line)}.project-row:last-child{border-bottom:0}.project-row h3{margin:0;font-size:14px;line-height:1.5}.project-row .meta{margin-top:5px;color:var(--muted);font-size:10px}.project-values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.project-values span{display:block;color:var(--muted);font-size:9px}.project-values strong{display:block;margin-top:3px;font-size:11px}.notice{padding:12px 14px;border-radius:10px;background:#fff7e9;border:1px solid #f6dfb6;color:#896224;font-size:12px;line-height:1.6}.notice.error{background:#fff2f2;border-color:#f0cece;color:#a34343}.notice.success{background:#edf9f3;border-color:#ccebdc;color:#247b55}.textarea{width:100%;min-height:100px;border:1px solid #dce4ee;border-radius:9px;padding:10px;font:13px inherit;resize:vertical}.dialog-mask{position:fixed;inset:0;z-index:30;display:none;align-items:flex-end;justify-content:center;background:rgba(19,31,48,.45)}.dialog-mask.show{display:flex}.dialog{width:100%;max-width:520px;background:#fff;border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.dialog h3{margin:0 0 10px;font-size:17px}.dialog-actions{display:flex;gap:9px;margin-top:12px}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:11;width:100%;max-width:520px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);padding:7px 4px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);backdrop-filter:blur(10px)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:#8996a8;text-decoration:none;font-size:10px}.nav-item b{display:grid;place-items:center;width:30px;height:25px;border-radius:9px;font-size:14px}.nav-item.active{color:var(--blue)}.nav-item.active b{background:var(--soft)}.about-logo{display:grid;place-items:center;width:68px;height:68px;margin:6px auto 12px;border-radius:18px;background:var(--blue);color:#fff;font-size:28px;font-weight:800}.center{text-align:center}.version-big{font-size:20px;font-weight:700}.kv-list{overflow:hidden;margin-top:14px}.kv{display:flex;justify-content:space-between;gap:16px;padding:13px 14px;border-bottom:1px solid var(--line);font-size:13px}.kv:last-child{border-bottom:0}.kv span{color:var(--muted)}.kv strong{text-align:right;overflow-wrap:anywhere}.hidden{display:none!important}@media(max-width:350px){.content{padding:10px}.metric-grid{gap:7px}.metric-card{padding:11px}.detail-grid,.money-grid{gap:7px}.project-values{grid-template-columns:repeat(2,1fr)}}