.vpr-wrap{max-width:1200px}
.vpr-header{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin:20px 0 28px;padding:28px;background:#fff;border:1px solid #e2e4e7;border-radius:14px}
.vpr-header h1{margin:4px 0 8px;font-size:28px}.vpr-header p{margin:0;color:#646970}.vpr-kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#2271b1}
.vpr-language{min-width:190px}.vpr-language label{display:block;margin-bottom:6px}.vpr-language select{width:100%}
.vpr-section{background:#fff;border:1px solid #e2e4e7;border-radius:14px;padding:22px;margin:0 0 18px}
.vpr-section h2{margin:0 0 8px;font-size:19px}.vpr-section p{color:#646970}
.vpr-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.vpr-card{padding:18px;border:1px solid #e2e4e7;border-radius:12px;background:#fafafa}.vpr-card span{display:block;color:#646970;font-size:13px}.vpr-card strong{display:block;font-size:27px;margin-top:5px}
.vpr-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.vpr-tabs a{display:inline-block;padding:7px 10px;text-decoration:none;border:1px solid #dcdcde;margin-left:4px;border-radius:7px}.vpr-tabs a.active{background:#2271b1;color:#fff;border-color:#2271b1}
.vpr-chart{height:240px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid #dcdcde;padding:10px 4px 0;overflow:hidden}.vpr-bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:7px}.vpr-bar{width:100%;max-width:18px;background:#2271b1;border-radius:5px 5px 0 0;min-height:3px}.vpr-bar-wrap small{font-size:9px;margin-top:4px;color:#646970}
.vpr-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vpr-ranking{margin:10px 0 0;padding-left:28px}.vpr-ranking li{padding:10px 0;border-bottom:1px solid #f0f0f1;display:flex;justify-content:space-between;gap:10px}.vpr-rank-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpr-placeholder{padding:25px;text-align:center;background:#f6f7f7;border:1px dashed #c3c4c7;border-radius:10px;color:#646970}
.vpr-feature-grid,.vpr-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vpr-feature-grid div,.vpr-mini-grid div{padding:15px;background:#f6f7f7;border-radius:10px;border:1px solid #e2e4e7}
.vpr-widget-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vpr-widget-demo div{padding:16px;border:1px solid #dcdcde;border-radius:10px;background:#fafafa;line-height:1.7}.vpr-badge{background:#eef6fc;color:#2271b1;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}
.vpr-export{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.vpr-export h2{width:100%}
.vpr-front-list .vpr-front-item{padding:7px 0;border-bottom:1px solid #eee}.vpr-front-item a{display:block;text-decoration:none}.vpr-front-item small{display:block;margin-top:2px}
@media(max-width:900px){.vpr-cards,.vpr-grid-2,.vpr-widget-demo{grid-template-columns:1fr 1fr}.vpr-feature-grid,.vpr-mini-grid{grid-template-columns:1fr 1fr}.vpr-header{flex-direction:column}}
@media(max-width:600px){.vpr-cards,.vpr-grid-2,.vpr-widget-demo,.vpr-feature-grid,.vpr-mini-grid{grid-template-columns:1fr}}

.vpr-front-list{display:flex;flex-direction:column;gap:10px}.vpr-front-item{display:flex;gap:10px;align-items:flex-start}.vpr-position-right .vpr-front-item{flex-direction:row-reverse}.vpr-front-thumb{flex:0 0 var(--vpr-thumb-w)}.vpr-front-thumb img{display:block;width:var(--vpr-thumb-w)!important;height:var(--vpr-thumb-h)!important;object-fit:cover}.vpr-front-content{min-width:0;flex:1}.vpr-front-title{display:block;text-decoration:none;font-weight:600}.vpr-front-category,.vpr-front-views{font-size:12px;margin-top:3px}.vpr-language .button{margin-top:8px}.vpr-feature-grid small{color:#646970}