4 lines
17 KiB
CSS
4 lines
17 KiB
CSS
|
:root{--blue:#1a73e8;--ink:#18243a;--muted:#7b899f;--bg:#f5f7fa;--line:#e5eaf1;--white:#fff;--soft:#edf4ff;--green:#15966d;--red:#df5366;--amber:#c78a27}*{box-sizing:border-box}body{margin:0;font:13px/1.55 system-ui,-apple-system,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9fc7ff;outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.7px;line-height:1.4}h2{font-size:17px;line-height:1.4}h3{font-size:14px}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.muted{color:var(--muted)}.small{font-size:11px}.blue{color:var(--blue)}.red{color:var(--red)}.green{color:var(--green)}.sidebar{width:216px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:23px 14px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:9px;padding:0 10px;font-size:22px;letter-spacing:-.8px;font-weight:750;height:34px}.brand svg{width:29px;height:29px;color:var(--blue)}.group-label{font-size:10px;letter-spacing:1.5px;color:#9ba8ba;margin:32px 13px 12px}.side-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;color:#64738b;min-height:44px;width:100%;text-align:left;margin:3px 0;font-size:12px}.side-link.active{background:#eaf2ff;color:var(--blue);font-weight:600}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 7px 0}.person{display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:#e4edfc;color:#4f75ac;display:grid;place-items:center;font-size:11px;font-weight:650;flex:none}.avatar.green{background:#e4f3ed;color:#32846c}.avatar.purple{background:#efeaf9;color:#8063a9}.shell{margin-left:216px;min-width:0}.topbar{height:64px;background:#ffffffc9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:14px}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:12px;color:#8794a7}.top-actions{display:flex;gap:14px;align-items:center}.top-actions select{border:0;background:transparent;font-size:12px;color:#6a7e99}.demo-pill{font-size:10px;padding:3px 8px;border:1px solid #e2e7f0;border-radius:5px;color:#8695aa;background:#f9fbfd}.workspace{padding:28px 30px 44px;max-width:1660px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading p{color:var(--muted);font-size:12px;margin-top:6px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;min-height:38px;border:1px solid var(--line);border-radius:8px;background:white;color:#52627c;font-size:12px;font-weight:550;white-space:nowrap;text-decoration:none}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.outline{border-color:#b9d2f7;color:var(--blue)}.btn.danger{color:var(--red);border-color:#efced5}.btn.small{padding:5px 10px;min-height:30px;font-size:11px}.btn.icon-only{padding:8px;min-width:36px}.text-btn{color:var(--blue);padding:5px 7px;font-size:11px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.card+.card{margin-top:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}.toolbar .push{margin-left:auto}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:white;padding:0 11px;gap:8px;color:#9ba9bd}.search input{borde
|
||
|
|
|
||
|
|
.two-col>.card+.card{margin-top:0}
|