*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font:15px system-ui,-apple-system,Microsoft YaHei,sans-serif}.shell{min-height:100vh;display:flex}aside{color:#fff;background:#172554;width:235px;padding:26px 16px}aside h1{margin:0;font-size:22px}.muted{color:#b7c4e1;margin:6px 0 26px}aside button{color:#d7e1fa;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;margin:2px 0;padding:12px;font-size:15px}aside button.active,aside button:hover{color:#fff;background:#263b71}.primary{color:#fff!important;text-align:center!important;background:#3b82f6!important;margin-top:12px!important}aside hr{border:0;border-top:1px solid #3a4d7b;margin:18px 0}main{flex:1;max-width:1300px;padding:30px}.top{align-items:center;gap:10px;margin-bottom:24px;display:flex}.top h2{flex:1;margin:0}.top input{width:260px}.notice{color:#1d4ed8;background:#dbeafe;border-radius:8px;margin-bottom:15px;padding:10px 14px}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.cards div,article,.item{background:#fff;border:1px solid #e4e9f2;border-radius:10px;padding:18px;box-shadow:0 1px 2px #dfe5ef55}.cards b{color:#1d4ed8;font-size:28px;display:block}.cards span{color:#64748b}article{margin-bottom:16px}article h3{margin-top:0}article p{word-break:break-word;border-top:1px solid #eef1f5;margin:0;padding:9px 0}time,small{color:#64748b;font-size:12px}.history{justify-content:space-between;align-items:center;display:flex}.history small{margin-top:5px;display:block}.editor{max-width:1000px}.toolbar{gap:10px;margin-bottom:14px;display:flex}.toolbar input{flex:1}.item{grid-template-columns:42px 140px 1fr 80px;align-items:start;gap:10px;margin:10px 0;display:grid}.item textarea{grid-column:2/5;min-height:66px}.item input:nth-of-type(3){grid-column:2/4}.num{color:#64748b;padding-top:8px;font-weight:700}input,textarea,select{font:inherit;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:9px}button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px}.danger{color:#fff;background:#dc2626;border:0}.empty{color:#64748b;background:#fff;border-radius:10px;padding:35px}@media (width<=760px){aside{width:74px;padding:18px 8px}aside h1{font-size:0}aside h1:first-letter{font-size:24px}.muted,aside hr{display:none}aside button{text-align:center;font-size:0}aside .primary{height:38px;font-size:0}.cards{grid-template-columns:repeat(2,1fr)}main{padding:18px}.top input{width:140px}.item{grid-template-columns:30px 1fr}.item input,.item textarea{grid-column:2!important}.item button{grid-column:2}.toolbar{flex-wrap:wrap}}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login>div{background:#fff;border:1px solid #e4e9f2;border-radius:12px;width:min(390px,100%);padding:32px;box-shadow:0 12px 36px #17255418}.login h1{color:#172554;margin:0}.login p{color:#64748b}.login button{width:100%}.login small{color:#dc2626;margin-top:12px;display:block}