:root{--ink:#101828;--red:#d92d20;--navy:#101d34;--paper:#f3f5f8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic",sans-serif}header{min-height:78px;padding:10px 4vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dce1e8;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand img{width:55px;height:55px}.brand small,.sect small{font-weight:900;letter-spacing:.14em;color:#667085}.brand h1{font-size:19px;margin:2px 0}nav{display:flex;gap:8px}nav a,.filters a,.filters button,.edit button,.login button{padding:11px 15px;border:0;border-radius:7px;background:#101d34;color:#fff;font-weight:800;text-decoration:none}.boss,.filters a{background:var(--red)!important}.hero{background:linear-gradient(110deg,#101d34,#1e355b);color:#fff;padding:42px max(24px,6vw);display:flex;justify-content:space-between;align-items:center}.hero h2{font-size:clamp(32px,5vw,60px);margin:8px 0}.hero em{color:#ff695e;font-style:normal}.hero>strong{background:#d92d20;padding:14px;font-size:25px;box-shadow:0 0 0 8px #d92d2033}.kpis{max-width:1160px;margin:-18px auto 22px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 10px 30px #10182819}.kpis div{background:#fff;padding:18px 22px;border-right:1px solid #ddd}.kpis small{display:block;color:#667085;font-weight:800}.kpis b{font-size:34px}.kpis span{margin-left:5px;color:#667085;font-weight:800}.filters,main{max-width:1160px;margin:0 auto 22px;background:#fff;border:1px solid #e0e5ec;border-radius:10px}.filters{padding:16px;display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:10px;align-items:end}.filters label,.edit label{font-size:12px;font-weight:800;color:#475467}.filters input,.filters select,.edit input,.edit select,.edit textarea,.login input{width:100%;padding:11px;border:1px solid #cdd3dc;border-radius:6px;background:#fff;display:block;margin-top:5px}.filters button{cursor:pointer}main{padding:22px}.sect{display:flex;justify-content:space-between;align-items:center}.sect h2{margin:3px 0 16px}article{display:grid;grid-template-columns:120px 1fr;padding:20px 0;border-top:1px solid #e4e7ec}article aside{display:flex;flex-direction:column;align-items:flex-start;gap:10px}article aside span{padding:5px 8px;border-radius:4px;font-size:11px;font-weight:900}.最重要{background:#fee4e2;color:#b42318}.重要{background:#fff3cf;color:#93370d}.通常{background:#eef2f6;color:#475467}time{font-size:12px;color:#667085;font-weight:700}.tags{display:flex;gap:8px}.tags span,.tags b{padding:5px 8px;border-radius:4px;font-size:11px}.tags span{background:#e8eefb;color:#1d4ed8}.tags b{background:#ecfdf3;color:#027a48}article h3{font-size:20px;margin:10px 0 7px}article p{line-height:1.7;color:#475467}article footer{display:flex;justify-content:space-between;font-size:12px}article footer a{color:#b42318;font-weight:900}.policy{margin-top:20px;padding:18px;background:#f7f9fc;line-height:1.8}.foot{background:#101d34;color:#fff;padding:25px;text-align:center}.login{max-width:420px;margin:15vh auto;background:#fff;padding:30px;border-radius:10px}.edit{padding:18px;margin:12px 0;background:#f8fafc;border:1px solid #e4e7ec;border-radius:8px}.edit textarea{min-height:70px}.editgrid{display:grid;grid-template-columns:1fr 2fr repeat(4,1fr);gap:8px;margin:9px 0}.edit button{margin-top:10px;cursor:pointer}@media(max-width:760px){header{padding:9px 12px}.brand small{display:none}.brand h1{font-size:14px}.brand img{width:46px}nav a{font-size:11px;padding:8px}.hero{padding:28px 18px;display:block}.hero>strong{display:inline-block;margin-top:14px}.kpis{margin:-8px 12px 18px;grid-template-columns:1fr 1fr}.filters{margin:0 12px 18px;grid-template-columns:1fr}main{margin:0 12px 18px;padding:14px}article{grid-template-columns:1fr}article aside{flex-direction:row;align-items:center;margin-bottom:10px}.editgrid{grid-template-columns:1fr}.hero h2{font-size:34px}}