.gpi{box-sizing:border-box;max-width:100%;margin:12px 0 18px;padding:4px 16px 8px}.gpi-tabs{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px 10px;display:flex;overflow:auto}.gpi-tabs>button{color:#666;background:#f5f5f7;border:0;border-radius:14px;flex:none;padding:6px 12px}.gpi-tabs>button[aria-selected=true]{color:#e8314a;background:#fff2f3;font-weight:650}.gpi-list{flex-direction:column;gap:10px;display:flex}.gpi-list>article{border-bottom:1px solid #f0f0f3;padding-bottom:10px}.gpi-list>article>button{text-align:left;width:100%;color:inherit;background:0 0;border:0;gap:10px;padding:0;display:flex}.gpi-list img{object-fit:cover;background:#f6f6f8;border-radius:6px;flex:none;width:92px;height:68px}.gpi-list strong{font-size:15px;line-height:1.4;display:block}.gpi-list small,.gpi-list em{color:#888;font-style:normal;display:block}.gpi-list small{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.gpi-list em{margin-top:4px;font-size:12px}.gpi-list a,.gpi-detail a{color:#c45566;margin-top:6px;font-size:13px;display:inline-block}.gpi-detail h3{margin:8px 0;font-size:18px;line-height:1.4}.gpi-detail p{color:#333;font-size:14px;line-height:1.6}.gpi-note{color:#999;margin-top:8px;font-size:12px}.ref-dark .gpi-tabs>button{color:#ccc;background:#292a32}.ref-dark .gpi-list>article{border-color:#34353f}.ref-dark .gpi-detail p{color:#ddd}.grh-home-body .gpi{box-sizing:border-box;max-width:100%;margin:0;padding:4px 16px 8px}.grh-home-body .gpi-tabs{scrollbar-width:none;margin:0 -16px;padding:0 16px 10px}.grh-home-body .gpi-list>article>button{min-width:0}.grh-home-body .gpi-list>article>button>span{flex:1;min-width:0}.grh-home-body .gpi-detail{padding-bottom:8px}