.cat88-hero{margin:28px 0 16px;padding:30px;background:#fff;border:1px solid #e5e9f0;border-radius:18px}.cat88-hero h1{font-size:32px;margin:5px 0 4px}.cat88-hero p{margin:0;color:#697386;font-size:13px}
.cat88-section{margin:14px 0 26px;background:#fff;border:1px solid #e5e9f0;border-radius:18px;padding:22px}.cat88-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #edf0f4;padding-bottom:13px;margin-bottom:13px}.cat88-head h2{margin:3px 0 0;font-size:21px}.cat88-head>span{font-size:10px;color:#697386}
.cat88-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cat88-card{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:10px;border:1px solid #edf0f4;border-radius:12px;padding:12px;text-decoration:none}.cat88-card:hover{border-color:#d8bd70;transform:translateY(-1px)}.cat88-icon,.cat88-list-icon{width:34px;height:34px;border-radius:9px;background:#fff7dc;color:#9a7413;display:flex;align-items:center;justify-content:center}.cat88-text{min-width:0}.cat88-text strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat88-text small{display:block;color:#8a93a2;font-size:10px;margin-top:2px}.cat88-card b,.cat88-list b{color:#a6afbc}
.cat88-detail-head{margin:10px 0 14px;padding:26px;background:#fff;border:1px solid #e5e9f0;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cat88-detail-head h1{font-size:30px;margin:5px 0 3px}.cat88-detail-head p{margin:0;color:#697386;font-size:12px;line-height:1.6}.cat88-count{min-width:90px;text-align:center;background:#0b1220;color:#fff;border-radius:13px;padding:12px}.cat88-count strong{display:block;color:#f6c445;font-size:25px}.cat88-count span{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#b7c0cf}
.cat88-list{background:#fff;border:1px solid #e5e9f0;border-radius:18px;padding:10px 20px}.cat88-list>a{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f4;text-decoration:none}.cat88-list>a:last-child{border-bottom:0}.cat88-list strong{display:block;font-size:13px}.cat88-list small{display:block;font-size:10px;color:#8a93a2;margin-top:2px}.cat88-list>a:hover strong{color:#9a7413}.cat88-empty{text-align:center;color:#697386;padding:30px}
@media(max-width:850px){.cat88-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cat88-hero{margin-top:14px;padding:19px}.cat88-hero h1{font-size:27px}.cat88-section{padding:15px;border-radius:15px}.cat88-grid{grid-template-columns:1fr}.cat88-detail-head{padding:18px;align-items:flex-start}.cat88-detail-head h1{font-size:25px}.cat88-count{min-width:70px;padding:9px}.cat88-count strong{font-size:21px}.cat88-list{padding:7px 15px;border-radius:15px}}