:root{--navy:#111c36;--ink:#172033;--muted:#667085;--line:#e4e7ec;--bg:#f5f6f8;--cyan:#22d3ee}*{box-sizing:border-box}html{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;background:var(--bg);color:var(--ink)}body{margin:0}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#fff;padding:28px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px}.brand-logo,.logo{display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#06b6d4,#8b5cf6);color:white;font-weight:900}.brand-logo{width:42px;height:42px;background:#22d3ee;color:#111c36}.brand b,.brand small{display:block}.brand small{font-size:10px;color:#94a3b8;margin-top:3px}.sidebar nav{display:grid;gap:6px;margin-top:38px}.sidebar nav a{padding:12px 16px;border-radius:9px;color:#cbd5e1;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff16;color:white}.space{margin-top:auto;border:1px solid #ffffff16;background:#ffffff0d;padding:16px;border-radius:12px}.space small,.space b{display:block}.space small{color:#94a3b8;margin-bottom:5px}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:20;background:#fffffff0;border-bottom:1px solid var(--line);padding:15px 30px;display:flex;justify-content:space-between;align-items:center}.topbar>a{display:none;font-weight:900}.topbar span{font-size:14px;color:var(--muted)}.topbar b{font-size:12px;background:#ecfdf3;color:#027a48;padding:8px 12px;border-radius:999px}main{max-width:1500px;margin:auto;padding:30px}footer{text-align:center;color:#98a2b3;font-size:11px;padding:24px}.hero,.detail-head{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.hero h1,.page-head h1,.detail-head h1{margin:5px 0 8px;font-size:30px}.hero p,.page-head p,.detail-head p{margin:0;color:var(--muted)}.hero>div>small,.page-head>small,.section-title small,.prose>small{font-size:11px;letter-spacing:.14em;color:#0e7490;font-weight:800}.metrics{display:flex;gap:12px}.metrics div{min-width:100px;background:#f8fafc;border-radius:12px;padding:14px;text-align:center}.metrics b,.metrics small{display:block}.metrics b{font-size:26px}.metrics small{color:var(--muted);font-size:11px}.filters{margin:20px 0;background:white;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;gap:8px;flex-wrap:wrap}.filters button,.filters input,.filters select{border:1px solid #d0d5dd;background:white;padding:10px 13px;border-radius:9px;font:inherit;color:var(--ink)}.filters button{cursor:pointer;font-weight:700}.filters button span{opacity:.6}.filters button.selected{background:var(--navy);color:white;border-color:var(--navy)}.filters input{flex:1;min-width:220px}.panel{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.section-title{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.section-title h2{margin:4px 0 0}.section-title a{color:#175cd3;font-weight:700;font-size:14px}.project-list{display:grid}.project-row{display:grid;grid-template-columns:36px 48px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid #f0f2f5}.project-row:last-child{border:0}.project-row p{margin:4px 0 0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.number{font-weight:900;color:#c0c5d0;font-size:18px}.logo{width:54px;height:54px}.logo.small{width:44px;height:44px;border-radius:12px;font-size:13px}.logo.large{width:66px;height:66px}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:800}.primary{background:var(--navy);color:white}.violet-bg{background:#7c3aed;color:white}.disabled{background:#eceff3;color:#667085;cursor:not-allowed}.page-head{margin-bottom:18px}.result-count{font-size:14px;font-weight:800;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{background:white;border:3px solid #e4e7ec;border-radius:18px;padding:22px;box-shadow:0 8px 24px #1018280b;transition:.2s}.project-card:hover{border-color:#10b981;box-shadow:0 0 0 4px #a7f3d0}.card-head{display:flex;align-items:flex-start;gap:12px}.project-name{font-size:18px;font-weight:900}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.chip{padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.chip.dark{background:#172747;color:white}.chip.cyan{background:#ecfeff;color:#155e75}.chip.green{background:#ecfdf3;color:#027a48}.chip.emerald{background:#dcfce7;color:#166534}.chip.blue{background:#eff8ff;color:#175cd3}.chip.violet{background:#f5f3ff;color:#6d28d9}.chip.amber{background:#fffaeb;color:#b54708}.chip.gray{background:#f2f4f7;color:#475467}.project-card h3{font-size:15px;margin:20px 0 8px}.project-card>p{font-size:14px;line-height:1.65;color:var(--muted);min-height:92px}.cost{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f8fafc;border-radius:12px;padding:14px}.cost small,.cost b{display:block}.cost small{font-size:10px;color:#98a2b3;margin-bottom:4px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.back{display:inline-block;margin-bottom:16px;color:var(--muted);font-size:14px}.detail-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;margin-top:18px}.detail-grid>div,.detail-grid>aside{display:grid;gap:18px;align-content:start}.prose{padding:22px}.prose h2{margin:7px 0 16px}.prose h3{font-size:16px}.prose p{line-height:1.8;color:var(--muted)}.prose a{color:#175cd3}.health{font-size:38px;font-weight:900}.health span{font-size:14px;color:#98a2b3}.healthbar{height:9px;background:#eef2f6;border-radius:99px;overflow:hidden;margin-top:14px}.healthbar i{display:block;height:100%;background:#10b981}.simple-list article{display:flex;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line)}.simple-list article:last-child{border:0}.simple-list p{margin:5px 0 0;color:var(--muted);font-size:14px}.empty{text-align:center;padding:100px 20px}.empty>b{font-size:70px;color:#d0d5dd}.empty h1{margin-bottom:30px}[hidden]{display:none!important}@media(max-width:900px){.app{display:block}.sidebar{display:none}.topbar{padding:14px 18px}.topbar>a{display:block}.topbar span{display:none}main{padding:18px}.hero,.detail-head{align-items:flex-start;flex-direction:column}.metrics{width:100%;overflow:auto}.project-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.project-row{grid-template-columns:30px 44px minmax(0,1fr)}.project-row>.chip{display:none}.project-row>.button{grid-column:3;width:max-content}.filters select{width:100%}}