.br-section{background:#f8fafc;padding:70px 0 90px}.br-container{max-width:1200px;margin:0 auto;padding:0 24px}.br-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1100px){.br-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.br-grid{grid-template-columns:repeat(2,1fr)}}.br-card{cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 2px 12px #07122014}.br-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #07122024}.br-cover-wrap{aspect-ratio:3/4;position:relative;overflow:hidden}.br-cover{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.br-card:hover .br-cover{transform:scale(1.06)}.br-cover-overlay{opacity:0;background:#07122073;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.br-card:hover .br-cover-overlay{opacity:1}.br-open-icon{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.br-open-icon svg{width:24px;height:24px}.br-body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.br-title{color:var(--heading-color,#071220);margin:0;font-size:14px;font-weight:700;line-height:1.4;transition:color .2s}.br-card:hover .br-title{color:var(--theme-color,#12afef)}.br-desc{color:var(--body-color,#6e7070);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.br-view-btn{text-transform:uppercase;letter-spacing:.06em;color:var(--theme-color,#12afef);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:auto;padding:0;font-size:12px;font-weight:700;display:inline-flex}.br-view-btn svg{width:14px;height:14px}.br-skeleton{aspect-ratio:3/5;background:linear-gradient(90deg,#f0f4f5 25%,#e2ebed 50%,#f0f4f5 75%) 0 0/200% 100%;border-radius:10px;animation:1.4s infinite br-shimmer}@keyframes br-shimmer{to{background-position:-200% 0}}.br-empty{text-align:center;color:var(--body-color,#6e7070);padding:80px 0;font-size:15px}.pm-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pm-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:860px;height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000080}.pm-header{border-bottom:1px solid #e8edf0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.pm-title{color:var(--heading-color,#071220);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;padding-right:16px;font-size:14px;font-weight:700;overflow:hidden}.pm-actions{flex-shrink:0;gap:8px;display:flex}.pm-download{background:var(--theme-color,#12afef);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.pm-download:hover{opacity:.88}.pm-download svg{width:16px;height:16px}.pm-close{cursor:pointer;width:36px;height:36px;color:var(--heading-color,#071220);background:#f1f5f8;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.pm-close:hover{background:#e2eaee}.pm-close svg{width:18px;height:18px}.pm-iframe{border:none;flex:1;width:100%;display:block}