2 lines
12 KiB
CSS
2 lines
12 KiB
CSS
|
:root{--navy:#121b2a;--navylight:#1c2b40;--blue:#2563eb;--ink:#18263a;--grey:#798699;--border:#e5e9f0;--bg:#f7f9fc;--shadow:0 10px 28px #1e355b0b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,"Segoe UI",Arial,"Microsoft Yahei",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.workspace{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{background:#152033;color:#fff;padding:27px 15px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.identity{display:flex;gap:11px;align-items:center;padding:0 14px 34px;border-bottom:1px solid #ffffff19}.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(140deg,#5b96f9,#3551bd);display:grid;place-items:center;font-size:25px;font-weight:850;position:relative}.logo span{position:absolute;right:-4px;top:-9px;font-size:12px;color:#75bfff}.identity strong{font-size:20px;letter-spacing:-.4px}.identity small,.sidebar-bottom small{display:block;color:#8291ad;font-size:9px;letter-spacing:1.4px;margin-top:2px}.side-caption{display:flex;justify-content:space-between;color:#8e9db6;font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;margin:29px 13px 12px}.side-caption button{color:#9dbbe8;border:0;background:none;font-size:24px;line-height:12px}.side-link{width:100%;border:0;background:transparent;color:#bdc8da;display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:9px;text-align:left;font-weight:650}.side-link>span{font-size:20px;width:23px;text-align:center;font-weight:400}.side-link:hover,.side-link.selected{background:#2b3b54;color:white}.site-nav{display:flex;flex-direction:column;gap:3px;overflow:auto;padding-bottom:20px}.site-nav button{border:0;background:transparent;color:#aabbd2;padding:11px 14px;display:flex;gap:11px;align-items:center;text-align:left;width:100%;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-nav button.active,.site-nav button:hover{background:#243550;color:white}.site-dot{display:grid;place-items:center;flex-shrink:0;background:#385d82;width:25px;height:25px;border-radius:7px;font-size:10px;font-weight:800}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:23px 12px 4px;border-top:1px solid #ffffff1a}.sidebar-bottom strong{font-size:11px}.status-dot{width:10px;height:10px;background:#43c78d;border-radius:50%;box-shadow:0 0 0 4px #43c78d18}.shell{min-width:0}.topbar{height:80px;border-bottom:1px solid var(--border);background:white;display:flex;justify-content:space-between;align-items:center;padding:0 40px;gap:25px}.breadcrumb{display:flex;gap:13px;font-size:12px;color:#9aa3b2}.breadcrumb strong{color:#2b3850;font-size:13px}.crumb-sep{color:#d1d8e0}.top-actions{display:flex;gap:9px;align-items:center}.env-label{font-size:10px;letter-spacing:1px;color:#2eaf7c;margin-right:15px;font-weight:750}.main{padding:40px;max-width:1650px;margin:auto}.eyebrow{color:#5181db;font-size:10px;letter-spacing:2px;font-weight:800}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 30px}.page-head h1{font-size:30px;letter-spacing:-1px;line-height:1.25;margin:8px 0}.page-head p{color:var(--grey);margin:0;font-size:13px}.btn{border-radius:8px;border:1px solid transparent;padding:10px 17px;font-weight:700;display:inline-flex;gap:9px;align-items:center;justify-content:center;white-space:nowrap;transition:filter .2s,transform .2s}.btn:hover{filter:brightness(.97);transform:translateY(-1px)}.btn.primary{background:#3266dc;color:white;box-shadow:0 4px 13px #356ce020}.btn.light{color:#365078;background:white;border-color:#dce3ef}.btn.danger{background:#fff2f0;color:#cf4040;border-color:#ffd5d0}.btn.small{padding:9px 13px;font-size:12px}.btn.tiny{padding:5px 9px;font-size:11px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.site-card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:
|