*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 4%,#dff2ff,transparent 34%),radial-gradient(circle at 95% 18%,#fff0ce,transparent 30%),#f5f9fd;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#2d3748;padding:24px 14px}.catalog-wrap{width:min(980px,100%);margin:auto}.catalog-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.catalog-head a{text-decoration:none;background:#fff;color:#16877f;font-weight:800;padding:10px 15px;border-radius:12px;box-shadow:0 4px 14px rgba(43,108,176,.1)}.catalog-head h1{margin:0;font-size:26px;color:#16877f}.catalog-sub{width:100%;color:#6b7a90;font-size:14px}.unit-title{margin:22px 0 10px;font-size:18px;color:#2868b2;display:flex;align-items:center;gap:10px}.unit-title:after{content:"";height:1px;flex:1;background:#cedeec}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px}.catalog-card{text-decoration:none;background:#fff;border:1px solid #e0e9f1;border-radius:16px;padding:16px 14px;box-shadow:0 6px 18px rgba(51,82,116,.08);display:block;transition:.18s}.catalog-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(51,82,116,.14)}.catalog-card .ic{font-size:25px;display:block;margin-bottom:7px}.catalog-card .t{font-size:15.5px;font-weight:850;color:#2d3748;line-height:1.45}.catalog-card .d{font-size:12.5px;color:#8390a0;line-height:1.45;margin-top:5px}.catalog-tip{text-align:center;color:#8190a2;font-size:13px;margin:24px 0}
@media(max-width:560px){body{padding:17px 8px}.catalog-head{gap:9px}.catalog-head h1{font-size:22px;width:100%}.catalog-grid{grid-template-columns:1fr 1fr;gap:9px}.catalog-card{padding:13px 10px;border-radius:14px}.catalog-card .ic{font-size:21px}.catalog-card .t{font-size:14px}.catalog-card .d{font-size:11.5px}.unit-title{font-size:16px;margin-top:18px}}
@media(max-width:350px){.catalog-grid{grid-template-columns:1fr}}