*{box-sizing:border-box} body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;
margin:0;background:#f4f8fb;color:#2d3748}
.wrap{max-width:960px;margin:0 auto;padding:32px 20px}
h1{color:#2b6cb0;margin:0 0 8px}
.sub{color:#718096;margin-bottom:28px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{background:#fff;border-radius:14px;padding:20px;text-decoration:none;color:inherit;
box-shadow:0 2px 10px rgba(0,0,0,.06);transition:.15s;border-left:5px solid #4299e1}
.card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.card .n{font-size:13px;color:#4299e1;font-weight:600;letter-spacing:.5px}
.card h2{font-size:18px;margin:6px 0 4px}
.card p{font-size:13px;color:#888;margin:0}
.breadcrumb{font-size:14px;color:#718096;margin-bottom:16px}
.breadcrumb a{color:#4299e1;text-decoration:none}
.actions{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}
.btn{flex:1;min-width:160px;background:#fff;border-radius:14px;padding:24px;text-align:center;
text-decoration:none;color:inherit;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.btn .big{font-size:40px;display:block;margin-bottom:8px}
.btn h3{margin:0 0 4px;color:#2b6cb0}
.btn small{color:#888}
footer{margin-top:48px;font-size:12px;color:#aaa;text-align:center}