.cp-page{background:#fff;padding:0 0 36px;color:#333;}
.cp-container{width:100%;max-width:1400px;margin:0 auto;padding:0 16px;}
.cp-breadcrumb{min-height:42px;padding:10px 0;border-bottom:1px solid #eceff2;color:#87919c;font-size:12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.cp-breadcrumb a{color:#687786;}
.cp-breadcrumb a:hover{color:#1677ff;}
.cp-breadcrumb .fa{color:#8aa0b2;}
.cp-breadcrumb .sep{color:#c9d0d7;}
.cp-title{font-size:20px;line-height:1.45;font-weight:650;color:#222;margin:18px 0 16px;}
.cp-section{border:1px solid #e5e9ef;background:#fff;margin-bottom:16px;}
.cp-sec-hd{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px;background:#f7f9fc;border-bottom:1px solid #e5e9ef;}
.cp-sec-hd b{font-size:16px;line-height:1.4;color:#222;font-weight:650;}
.cp-sec-hd a{font-size:12px;color:#1677ff;white-space:nowrap;}
.cp-sec-hd a:hover{text-decoration:underline;}
.cp-subcats{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 16px;}
.cp-subcats:empty{display:none;}
.cp-subcats a{font-size:13px;line-height:20px;color:#3f4b57;background:#f5f8fc;border:1px solid #dfe7f2;padding:5px 12px;border-radius:3px;}
.cp-subcats a:hover{color:#1677ff;border-color:#9dc4ff;background:#eef5ff;}
.cp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0 16px 16px;}
.cp-grid:empty{display:none;}
.cp-card{min-width:0;border:1px solid #e5e9ef;border-radius:4px;overflow:hidden;display:block;background:#fff;}
.cp-card:hover{border-color:#1677ff;box-shadow:0 2px 10px rgba(22,119,255,.12);}
.cp-card .img{height:120px;background:#f5f7fa;display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:12px;}
.cp-card .img img{width:100%;height:100%;object-fit:cover;}
.cp-card .info{padding:8px 10px;}
.cp-card .info .m{font-family:Consolas,monospace;font-size:11px;color:#1677ff;}
.cp-card .info .tt{font-size:12.5px;color:#333;line-height:1.4;height:34px;overflow:hidden;margin-top:2px;}
.cp-empty{padding:48px 20px;text-align:center;color:#9aa4ae;border:1px solid #e5e9ef;background:#fafbfc;}
@media(max-width:960px){.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){
  .cp-container{padding:0 14px;}
  .cp-breadcrumb{white-space:nowrap;overflow-x:auto;flex-wrap:nowrap;}
  .cp-title{font-size:18px;margin:15px 0 13px;}
  .cp-sec-hd{padding:11px 12px;}
  .cp-sec-hd b{font-size:15px;}
  .cp-subcats{padding:12px;gap:7px;}
  .cp-grid{grid-template-columns:1fr;padding:0 12px 12px;}
}