:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#203040;background:#f6f8fa;font-synthesis:none;--line:#e3e9ee;--accent:#146b66}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #cf8b29;outline-offset:4px}
header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:#fff;gap:20px}
.brand{font-size:29px;font-weight:750;letter-spacing:-1.2px;text-decoration:none;color:#203040;display:flex;align-items:center;gap:18px}
.brand span{font-size:13px;letter-spacing:1px;font-weight:500;color:#6b7c88;border-left:1px solid var(--line);padding-left:18px}
.header-tools{display:flex;align-items:center;gap:24px}.environment{font-size:11px;color:#788894;background:#f1f4f6;padding:5px 9px;border-radius:5px;white-space:nowrap}
main{max-width:1160px;margin:auto;padding:56px 24px 48px;min-height:calc(100vh - 144px)}h1{font-size:30px;letter-spacing:-.6px;margin:0;line-height:1.4}p{color:#74828d;line-height:1.7;margin:8px 0;font-size:14px}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.refresh{font-size:13px;text-decoration:none;color:#6b7c88;padding:8px 0}
.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.app{--card-color:#217e77;--card-tint:#e9f3f1;color:#203040;display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
.app:hover{transform:translateY(-4px);border-color:var(--card-color);box-shadow:0 12px 30px #2338490c}.app-bfs{--card-color:#3975a3;--card-tint:#edf3f9}.app-funds{--card-color:#6865a1;--card-tint:#f0eff8}
.app-art{height:184px;background:var(--card-tint);position:relative;color:var(--card-color);overflow:hidden;display:grid;place-items:center}.app-owner{position:absolute;top:18px;left:20px;font-size:12px;font-weight:600}.app-logo{width:96px;height:96px;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px #20304008}.app-logo img{width:72px;height:72px;object-fit:contain}.app-logo img[hidden]{display:none}.logo-fallback{font-size:36px;font-weight:650}
.app-body{padding:26px 24px 20px}.app-body h2{font-size:20px;line-height:1.5;letter-spacing:-.3px;margin:0;font-weight:650}.app-body p{font-size:13px;margin:8px 0 30px}.app-enter{display:flex;align-items:center;justify-content:space-between;color:var(--card-color);font-size:13px;font-weight:600;border-top:1px solid var(--line);padding-top:18px}.app-arrow{font-size:20px;line-height:1}
.account{position:relative;font-size:13px}.account summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;white-space:nowrap}.account summary::-webkit-details-marker{display:none}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e9f3f1;color:var(--accent);font-weight:600}.chevron{color:#83909a;margin-left:4px}
.account-panel{position:absolute;z-index:2;top:44px;right:0;width:340px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px #20304018}.account-panel h2{font-size:15px;margin:0 0 6px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.account-row p{font-size:12px;margin:4px 0 0}.account-row a{white-space:nowrap;text-decoration:none;font-size:12px}.account-note{font-size:12px;margin:14px 0}
form{margin:0}button{font:inherit;cursor:pointer;background:var(--accent);color:white;border:1px solid var(--accent);padding:10px 16px;border-radius:6px}.secondary{background:white;color:#627581;border-color:var(--line)}.account-panel button{width:100%;font-size:13px}
.notices{margin-top:24px;display:grid;gap:12px}.notice{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:13px;color:#6b7c88}.notice a{white-space:nowrap;text-decoration:none}.intro{margin-bottom:28px}.eyebrow{font-size:12px;color:var(--accent)}footer{height:64px;text-align:center;font-size:12px;color:#94a0a9;padding:20px 24px}
@media(max-width:900px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-tools{gap:14px}}
@media(max-width:600px){header{height:72px;padding:0 20px}.brand span,.environment{display:none}.brand{font-size:26px}main{padding:32px 20px;min-height:calc(100vh - 136px)}.app-grid{grid-template-columns:1fr;gap:20px}.app-art{height:164px}.workspace-heading{margin-bottom:24px}h1{font-size:26px}.account-panel{width:min(340px,calc(100vw - 40px))}.notice{align-items:flex-start}.account summary>span:nth-child(2){max-width:130px;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){.app{transition:none}.app:hover{transform:none}}