.recommend-section{margin-top:40px;padding:24px}.recommend-title{color:var(--text-primary);margin-bottom:20px;font-size:1.5rem;font-weight:700}.recommend-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent-secondary)#ffffff0d;gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.recommend-grid::-webkit-scrollbar{height:6px;display:block}.recommend-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.recommend-grid::-webkit-scrollbar-thumb{background:var(--accent-secondary);background-clip:content-box;border:1px solid #0000;border-radius:10px}.recommend-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.recommend-card{scroll-snap-align:start;flex-direction:column;flex:0 0 160px;gap:8px;text-decoration:none;transition:transform .2s,opacity .2s;display:flex}@media (min-width:768px){.recommend-card{flex:0 0 180px}}.recommend-card{flex-direction:column;gap:8px;text-decoration:none;transition:transform .2s,opacity .2s;display:flex}.recommend-card:hover{opacity:.9;transform:translateY(-4px)}.recommend-cover-wrapper{aspect-ratio:2/3;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.recommend-cover{object-fit:cover;width:100%;height:100%;transition:transform .3s}.recommend-card:hover .recommend-cover{transform:scale(1.05)}.recommend-rating{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fbbf24;z-index:2;background:#000000bf;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:.8rem;font-weight:600;display:flex;position:absolute;bottom:8px;right:8px}.recommend-title-text{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;text-align:right;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}