.extras{margin-top:44px}.extras h2{position:relative;margin:0 0 20px;padding-left:13px;color:#1e293b;font-size:20px}.extras h2:before{position:absolute;left:0;top:2px;width:4px;height:23px;border-radius:3px;background:linear-gradient(#3b82f6,#9333ea);content:""}.dating-section{max-width:1000px}.dating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.dating-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:13px;background:#fff;color:#334155;text-decoration:none;box-shadow:0 4px 10px #0f172a1a}.dating-card>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.dating-info{padding:17px 20px}.dating-title{display:flex;justify-content:space-between;align-items:center}.dating-title strong{font-size:18px}.dating-title span{color:#64748b;font-size:13px}.dating-meta{margin-top:12px;color:#64748b}.dating-meta b{float:right;color:#ec4899}.recommend-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 14px;max-width:500px}@media(max-width:640px){.extras{margin-top:28px}.dating-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dating-info{padding:10px}.dating-title strong{font-size:14px}.dating-title span{font-size:10px}.dating-meta{overflow:hidden;margin-top:7px;font-size:10px;white-space:nowrap}.dating-meta b{display:block;float:none;margin-top:5px;text-align:right}.recommend-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.recommend-grid .imagebox{padding:5px}.recommend-grid .item h3{font-size:11px}}