.rp-showcase,
.rp-showcase * {
	box-sizing: border-box;
}

.rp-showcase {
	padding: 28px 0 56px;
	background: linear-gradient(180deg, #eef4ff 0%, #f8fbff 32%, #ffffff 100%);
}

.rp-showcase .site-shell {
	max-width: 1280px;
}

.rp-showcase a {
	text-decoration: none;
}

.rp-showcase img {
	display: block;
	max-width: 100%;
	height: auto;
}

.rp-showcase__section + .rp-showcase__section {
	margin-top: 24px;
}

.rp-showcase-card {
	background: #fff;
	border: 1px solid #dbe7ff;
	border-radius: 24px;
	box-shadow: 0 18px 40px rgba(15, 95, 234, 0.08);
}

.rp-showcase-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 14px;
	border-radius: 999px;
	background: #e9f1ff;
	color: #0f5fea;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.rp-showcase-label::before,
.rp-showcase-button::before,
.rp-showcase-button--ghost::before,
.rp-rank-card__button::before,
.rp-taxonomy-meta span::before,
.rp-taxonomy-meta a::before,
.rp-brand-meta span::before,
.rp-showcase-news-card__meta span::before,
.rp-showcase-news-card__meta a::before,
.rp-showcase-news-latest__head span::before,
.rp-showcase-news-latest__body small::before,
.rp-showcase-list small::before,
.rp-rank-card__meta span::before {
	font-family: dashicons;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	speak: never;
}

.rp-showcase-label::before {
	content: "\f155";
	font-size: 15px;
}

.rp-showcase-title {
	margin: 12px 0 0;
	color: #10233f;
	font-size: 34px;
	line-height: 1.18;
}

.rp-showcase-lead {
	margin: 14px 0 0;
	color: #5d6f8a;
	font-size: 15px;
	line-height: 1.9;
}

.rp-showcase-hero {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr) 300px;
	gap: 20px;
}

.rp-showcase-side,
.rp-showcase-main,
.rp-showcase-member,
.rp-showcase-panel,
.rp-showcase-rank-card,
.rp-showcase-news-card,
.rp-showcase-pk-card,
.rp-brand-hero,
.rp-brand-score,
.rp-brand-panel,
.rp-rank-hero,
.rp-rank-filter,
.rp-rank-card,
.rp-rank-panel {
	border: 1px solid #dbe7ff;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 16px 36px rgba(15, 95, 234, 0.08);
}

.rp-showcase-side,
.rp-showcase-member,
.rp-showcase-panel,
.rp-brand-panel,
.rp-rank-panel {
	padding: 22px;
}

.rp-showcase-side ul,
.rp-showcase-member ul,
.rp-showcase-panel ul,
.rp-rank-panel ul {
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
}

.rp-showcase-side li,
.rp-showcase-panel li,
.rp-rank-panel li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 11px 0;
	border-bottom: 1px solid #edf3ff;
}

.rp-showcase-side li:last-child,
.rp-showcase-panel li:last-child,
.rp-rank-panel li:last-child {
	border-bottom: 0;
}

.rp-showcase-side a,
.rp-showcase-panel a,
.rp-rank-panel a,
.rp-showcase-list a,
.rp-rank-card__title a,
.rp-brand-related__item a {
	color: #16325c;
}

.rp-showcase-main {
	position: relative;
	min-height: 420px;
	padding: 34px;
	background:
		linear-gradient(120deg, rgba(15,95,234,0.92), rgba(22,133,255,0.88)),
		url("https://images.unsplash.com/photo-1513694203232-719a280e022f?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat;
	color: #fff;
	overflow: hidden;
}

.rp-showcase-main::after {
	content: "";
	position: absolute;
	inset: auto -40px -40px auto;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
}

.rp-showcase-main .rp-showcase-label {
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
}

.rp-showcase-main .rp-showcase-title,
.rp-showcase-main .rp-showcase-lead {
	color: #fff;
	position: relative;
	z-index: 1;
}

.rp-showcase-search {
	position: relative;
	z-index: 1;
	margin-top: 22px;
	max-width: 520px;
}

.rp-showcase-search .rankpower-search-form {
	display: flex;
	align-items: stretch;
	gap: 10px;
}

.rp-showcase-search .rankpower-search-form__input {
	min-height: 52px;
	border: 0;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.96);
}

.rp-showcase-search .rankpower-search-form__button {
	min-width: 92px;
	border-radius: 16px;
	background: #10233f;
}

.rp-showcase-actions,
.rp-brand-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 20px;
}

.rp-showcase-button,
.rp-showcase-button--ghost,
.rp-brand-actions .button-primary,
.rp-brand-vote,
.rp-rank-card__button,
.rp-rank-card__ghost {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 20px;
	border-radius: 14px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.rp-showcase-button,
.rp-brand-actions .button-primary,
.rp-brand-vote,
.rp-rank-card__button {
	background: #0f5fea;
	color: #fff;
	box-shadow: 0 12px 24px rgba(15, 95, 234, 0.22);
}

.rp-rank-card__button {
	position: relative;
	padding: 0 22px 0 20px;
	background: linear-gradient(135deg, #0f5fea 0%, #2679ff 100%);
	box-shadow: 0 14px 28px rgba(15, 95, 234, 0.24);
}

.rp-showcase-button::before {
	content: "\f139";
}

.rp-showcase-button--ghost::before {
	content: "\f347";
}

.rp-rank-card__button::before {
	content: "\f318";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.18);
	color: #fff;
	font-size: 14px;
}

.rp-rank-card__button::after {
	content: "→";
	margin-left: 10px;
	font-size: 14px;
	font-weight: 800;
}

.rp-rank-card__button:hover {
	background: linear-gradient(135deg, #145ee1 0%, #458dff 100%);
	box-shadow: 0 18px 34px rgba(15, 95, 234, 0.32);
}

.rp-brand-vote {
	position: relative;
	gap: 12px;
	padding: 0 14px 0 18px;
	border: 0;
	cursor: pointer;
	background: linear-gradient(135deg, #0f5fea 0%, #2f7cff 100%);
	box-shadow: 0 16px 30px rgba(15, 95, 234, 0.28);
}

.rp-brand-vote::before {
	content: "❤";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.18);
	color: #fff;
	font-size: 14px;
	line-height: 1;
}

.rp-brand-vote .js-rankpower-vote-label {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.rp-brand-vote .js-rankpower-vote-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	height: 32px;
	padding: 0 12px;
	border-radius: 999px;
	background: #fff;
	color: #0f5fea;
	font-size: 13px;
	font-weight: 800;
	box-shadow: inset 0 0 0 1px rgba(15, 95, 234, 0.08);
}

.rp-brand-vote:hover:not(:disabled) {
	background: linear-gradient(135deg, #145ee1 0%, #458dff 100%);
	box-shadow: 0 18px 34px rgba(15, 95, 234, 0.34);
}

.rp-brand-vote:disabled {
	cursor: default;
	background: linear-gradient(135deg, #85a8ef 0%, #a9c1f7 100%);
	box-shadow: none;
	opacity: 0.96;
}

.rp-brand-vote:disabled .js-rankpower-vote-count {
	color: #4e6ea8;
}

.rp-showcase-button--ghost,
.rp-rank-card__ghost {
	background: #fff;
	color: #16325c;
	border: 1px solid #d3e2ff;
}

.rp-showcase-button:hover,
.rp-showcase-button--ghost:hover,
.rp-brand-actions .button-primary:hover,
.rp-brand-vote:hover,
.rp-rank-card__button:hover,
.rp-rank-card__ghost:hover {
	transform: translateY(-1px);
}

.rp-showcase-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
	position: relative;
	z-index: 1;
}

.rp-showcase-tags a {
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(255,255,255,0.14);
	color: #fff;
	font-size: 13px;
}

.rp-showcase-member {
	background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
}

.rp-showcase-member p {
	margin: 12px 0 0;
	color: #5c6d86;
	line-height: 1.8;
}

.rp-showcase-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-top: 18px;
}

.rp-showcase-metric {
	padding: 16px;
	border-radius: 18px;
	background: #eff5ff;
}

.rp-showcase-metric strong {
	display: block;
	color: #10233f;
	font-size: 28px;
	line-height: 1;
}

.rp-showcase-metric span {
	display: block;
	margin-top: 8px;
	color: #5d6f8a;
	font-size: 13px;
}

.rp-showcase-quick {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.rp-showcase-quick a {
	display: block;
	padding: 22px;
	border-radius: 22px;
	background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
	border: 1px solid #dbe7ff;
	box-shadow: 0 14px 32px rgba(15, 95, 234, 0.08);
}

.rp-showcase-quick strong {
	display: block;
	margin-top: 14px;
	color: #10233f;
	font-size: 20px;
}

.rp-showcase-quick span {
	display: block;
	margin-top: 10px;
	color: #61748f;
	font-size: 14px;
	line-height: 1.75;
}

.rp-showcase-columns {
	display: grid;
	grid-template-columns: 1.15fr 1.15fr 0.8fr;
	gap: 20px;
}

.rp-showcase-panel h2,
.rp-brand-panel h2,
.rp-rank-panel h2 {
	margin: 14px 0 0;
	color: #10233f;
	font-size: 24px;
}

.rp-showcase-list {
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
}

.rp-showcase-list li {
	padding: 14px 0;
	border-bottom: 1px solid #edf3ff;
}

.rp-showcase-list li:last-child {
	border-bottom: 0;
}

.rp-showcase-list small,
.rp-showcase-meta,
.rp-brand-submeta,
.rp-rank-submeta {
	display: block;
	margin-top: 8px;
	color: #6b7e98;
	font-size: 12px;
	line-height: 1.8;
}

.rp-showcase-list small,
.rp-rank-card__meta span,
.rp-showcase-news-latest__body small {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.rp-showcase-list small::before,
.rp-showcase-news-latest__body small::before {
	content: "\f145";
	color: #7b8faa;
}

.rp-showcase-ranks,
.rp-showcase-news-grid,
.rp-showcase-pk-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.rp-showcase-ranks-shell,
.rp-showcase-pk-shell {
	display: grid;
	gap: 16px;
	margin-top: 18px;
}

.rp-showcase-ranks-toolbar,
.rp-showcase-pk-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.rp-showcase-ranks-tabs,
.rp-showcase-ranks-arrows,
.rp-showcase-pk-tabs,
.rp-showcase-pk-arrows {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.rp-showcase-ranks-tab,
.rp-showcase-ranks-arrow,
.rp-showcase-pk-tab,
.rp-showcase-pk-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 0 14px;
	border: 1px solid #d7e3fb;
	border-radius: 999px;
	background: #fff;
	color: #36527e;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: all .18s ease;
}

.rp-showcase-ranks-tab.is-active,
.rp-showcase-pk-tab.is-active,
.rp-showcase-ranks-arrow:hover:not(:disabled),
.rp-showcase-pk-arrow:hover:not(:disabled) {
	background: linear-gradient(135deg, #0f5fea 0%, #2f7cff 100%);
	border-color: #0f5fea;
	color: #fff;
	box-shadow: 0 12px 24px rgba(15, 95, 234, 0.16);
}

.rp-showcase-ranks-arrow,
.rp-showcase-pk-arrow {
	width: 38px;
	padding: 0;
	font-size: 18px;
	line-height: 1;
}

.rp-showcase-ranks-arrow:disabled,
.rp-showcase-pk-arrow:disabled {
	opacity: .38;
	cursor: default;
	box-shadow: none;
}

.rp-showcase-ranks-viewport,
.rp-showcase-pk-viewport {
	overflow-x: auto;
	scrollbar-width: none;
	scroll-snap-type: x mandatory;
	cursor: grab;
	touch-action: pan-y;
}

.rp-showcase-ranks-viewport::-webkit-scrollbar,
.rp-showcase-pk-viewport::-webkit-scrollbar {
	display: none;
}

.rp-showcase-ranks-viewport.is-dragging,
.rp-showcase-pk-viewport.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
}

.rp-showcase-ranks-viewport .rp-showcase-ranks {
	display: flex;
	flex-wrap: nowrap;
	gap: 18px;
	min-width: max-content;
}

.rp-showcase-rank-card,
.rp-showcase-news-card,
.rp-showcase-pk-card {
	padding: 22px;
}

.rp-showcase-ranks-viewport .rp-showcase-rank-card {
	flex: 0 0 calc((100% - 36px) / 3);
	width: calc((100% - 36px) / 3);
	scroll-snap-align: start;
}

.rp-showcase-pk-viewport .rp-showcase-pk-grid {
	display: flex;
	flex-wrap: nowrap;
	gap: 18px;
	min-width: max-content;
	overflow: visible;
	padding-bottom: 0;
	scroll-snap-type: none;
}

.rp-showcase-pk-viewport [data-slider-card] {
	flex: 0 0 calc((100% - 36px) / 3);
	width: calc((100% - 36px) / 3);
	scroll-snap-align: start;
}

.rp-showcase-rank-card__brands,
.rp-showcase-news-card p,
.rp-showcase-pk-card p {
	margin: 16px 0 0;
	color: #5e718c;
	line-height: 1.85;
}

.rp-showcase-rank-card__brands li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #edf3ff;
}

.rp-showcase-rank-card__brands li:last-child {
	border-bottom: 0;
}

.rp-showcase-rank-card__brands li:nth-child(1),
.rp-showcase-rank-card__brands li:nth-child(2),
.rp-showcase-rank-card__brands li:nth-child(3) {
	position: relative;
	padding: 12px 66px 12px 12px;
	border-radius: 16px;
	border-bottom: 0;
	margin-bottom: 8px;
}

.rp-showcase-rank-card__brands li:nth-child(1) {
	background: linear-gradient(135deg, #fff7db 0%, #ffe7a3 100%);
}

.rp-showcase-rank-card__brands li:nth-child(2) {
	background: linear-gradient(135deg, #f5f8fe 0%, #dfe7f5 100%);
}

.rp-showcase-rank-card__brands li:nth-child(3) {
	background: linear-gradient(135deg, #fff2ea 0%, #f6d1bb 100%);
}

.rp-showcase-rank-card__brands li:nth-child(1)::after,
.rp-showcase-rank-card__brands li:nth-child(2)::after,
.rp-showcase-rank-card__brands li:nth-child(3)::after {
	position: absolute;
	top: 6px;
	right: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 54px;
	height: 22px;
	padding: 0 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.04em;
	z-index: 2;
}

.rp-showcase-rank-card__brands li:nth-child(1)::after {
	content: "冠军";
	background: rgba(227, 172, 17, 0.16);
	color: #9a6b00;
}

.rp-showcase-rank-card__brands li:nth-child(2)::after {
	content: "亚军";
	background: rgba(142, 154, 174, 0.16);
	color: #566274;
}

.rp-showcase-rank-card__brands li:nth-child(3)::after {
	content: "季军";
	background: rgba(183, 108, 65, 0.16);
	color: #8a4b22;
}

.rp-showcase-rank-card__brands .rankpower-logo {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	object-fit: contain;
}

.rp-showcase-rank-card__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.rp-showcase-rank-card__title h3,
.rp-showcase-news-card h3,
.rp-showcase-pk-card h3 {
	margin: 14px 0 0;
	color: #10233f;
	font-size: 22px;
	line-height: 1.3;
}

.rp-showcase-news-card__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 16px;
	color: #72849f;
	font-size: 12px;
}

.rp-showcase-news-card__meta span,
.rp-showcase-news-card__meta a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.rp-showcase-news-card__meta span::before {
	content: "\f469";
	color: #7b8faa;
}

.rp-showcase-news-card__meta a::before {
	content: "\f344";
	color: #0f5fea;
}

.rp-showcase-pk-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rp-showcase-pk-card__eyebrow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.rp-showcase-pk-card__date {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 12px;
	border-radius: 999px;
	background: #edf4ff;
	color: #5d7294;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.rp-showcase-pk-card--home {
	padding: 18px;
	border: 1px solid #dfe9ff;
	border-radius: 20px;
	background: linear-gradient(180deg, #fbfdff 0%, #f6faff 100%);
}

.rp-showcase-pk-card--home h3 {
	margin-top: 12px;
	font-size: 20px;
	line-height: 1.35;
}

.rp-showcase-pk-card--home p {
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.75;
}

.rp-showcase-pk-card__footer {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 16px;
}

.rp-showcase-pk-teams {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 18px;
}

.rp-showcase-pk-team {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.rp-showcase-pk-team .rankpower-logo,
.rp-brand-hero__logo .rankpower-logo,
.rp-rank-card__logo .rankpower-logo {
	width: 58px;
	height: 58px;
	padding: 8px;
	border-radius: 18px;
	background: #eff5ff;
	object-fit: contain;
}

.rp-showcase-pk-vs {
	font-weight: 800;
	color: #0f5fea;
}

.rp-brand-page,
.rp-rank-page {
	display: grid;
	gap: 20px;
}

.rp-brand-hero,
.rp-rank-hero {
	padding: 22px;
}

.rp-brand-hero {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	gap: 24px;
}

.rp-brand-hero__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 24px;
	background: linear-gradient(180deg, #f4f8ff 0%, #e9f1ff 100%);
	min-height: 180px;
}

.rp-brand-hero__logo .rankpower-logo,
.rp-brand-hero__logo img {
	max-width: min(100%, 140px);
	max-height: 140px;
	object-fit: contain;
}

.rp-brand-hero h1,
.rp-rank-hero h1 {
	margin: 12px 0 0;
	color: #10233f;
	font-size: 34px;
	line-height: 1.15;
}

.rp-brand-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.rp-brand-meta span,
.rp-rank-filter a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 36px;
	padding: 0 14px;
	border-radius: 999px;
	background: #eaf1ff;
	color: #20406f;
	font-size: 13px;
	font-weight: 600;
}

.rp-brand-meta span::before {
	content: "\f318";
	color: #0f5fea;
}

.rp-brand-hero__surface {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 220px;
	gap: 16px;
	margin-top: 18px;
}

.rp-brand-hero__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.rp-brand-hero__stat {
	display: grid;
	gap: 6px;
	padding: 14px 16px;
	border: 1px solid rgba(15, 95, 234, 0.08);
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,248,255,0.96));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}

.rp-brand-hero__stat span,
.rp-brand-hero__stat small {
	display: block;
}

.rp-brand-hero__stat span {
	color: #5c6d86;
	font-size: 12px;
	font-weight: 700;
}

.rp-brand-hero__stat strong {
	color: #10233f;
	font-size: 24px;
	line-height: 1;
	letter-spacing: -0.03em;
}

.rp-brand-hero__stat small {
	color: #6f819d;
	font-size: 12px;
	line-height: 1.5;
}

.rp-brand-hero__quickscore {
	display: grid;
	align-content: center;
	gap: 6px;
	padding: 16px 18px;
	border-radius: 20px;
	background: linear-gradient(135deg, #0f5fea 0%, #2f7cff 100%);
	color: #fff;
	text-decoration: none;
	box-shadow: 0 18px 34px rgba(15, 95, 234, 0.2);
}

.rp-brand-hero__quickscore-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 700;
	opacity: .9;
}

.rp-brand-hero__quickscore-label::before {
	content: "★";
	font-size: 13px;
}

.rp-brand-hero__quickscore strong {
	font-size: 26px;
	line-height: 1;
	letter-spacing: -0.04em;
}

.rp-brand-hero__quickscore small {
	font-size: 12px;
	line-height: 1.6;
	opacity: .92;
}

.rp-brand-scores {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.rp-brand-score {
	padding: 20px;
}

.rp-brand-score strong {
	display: block;
	color: #10233f;
	font-size: 30px;
	line-height: 1;
}

.rp-brand-score span {
	display: block;
	margin-top: 10px;
	color: #60728d;
	font-size: 13px;
}

.rp-brand-layout,
.rp-rank-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 20px;
}

.rp-brand-layout {
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 24px;
}

.rp-brand-tabs {
	display: grid;
	gap: 16px;
}

.rp-brand-tabs__nav {
	display: flex;
	flex-wrap: nowrap;
	gap: 12px;
	padding: 10px;
	border: 1px solid #dbe7ff;
	border-radius: 20px;
	background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
	box-shadow: 0 14px 32px rgba(15, 95, 234, 0.08);
	overflow-x: auto;
	scrollbar-width: none;
}

.rp-brand-tabs__nav::-webkit-scrollbar {
	display: none;
}

.rp-brand-tabs__tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex: 0 0 auto;
	min-height: 42px;
	padding: 0 18px;
	border: 1px solid #d7e3fb;
	border-radius: 999px;
	background: #fff;
	color: #36527e;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: all .18s ease;
}

.rp-brand-tabs__tab em {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 7px;
	border-radius: 999px;
	background: #eef4ff;
	color: #0f5fea;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: 1;
}

.rp-brand-tabs__tab:hover {
	border-color: #9fc0ff;
	color: #0f5fea;
}

.rp-brand-tabs__tab.is-active {
	background: linear-gradient(135deg, #0f5fea 0%, #2f7cff 100%);
	border-color: #0f5fea;
	color: #fff;
	box-shadow: 0 12px 24px rgba(15, 95, 234, 0.22);
}

.rp-brand-tabs__tab.is-active em {
	background: rgba(255,255,255,.2);
	color: #fff;
}

.rp-brand-tabs__panel {
	display: block;
}

.rp-brand-tabs__panel[hidden] {
	display: none !important;
}

.rp-brand-panel,
.rp-rank-panel {
	min-width: 0;
}

.rp-brand-panel__content,
.rp-rank-panel__content {
	margin-top: 16px;
	color: #4f627e;
	font-size: 15px;
	line-height: 1.95;
}

.rp-brand-panel__content p:first-child,
.rp-rank-panel__content p:first-child {
	margin-top: 0;
}

.rp-brand-info {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 18px;
}

.rp-brand-info__item {
	padding: 16px;
	border-radius: 18px;
	background: #f6f9ff;
}

.rp-brand-info__item dt {
	color: #6b7e98;
	font-size: 12px;
}

.rp-brand-info__item dd {
	margin: 8px 0 0;
	color: #10233f;
	font-size: 15px;
	line-height: 1.75;
	word-break: break-all;
}

.rp-brand-ranking-list,
.rp-brand-related,
.rp-rank-list {
	display: grid;
	gap: 14px;
	margin-top: 18px;
}

.rp-brand-ranking-item,
.rp-brand-related__item,
.rp-rank-card {
	padding: 18px;
	border-radius: 20px;
	background: #f7faff;
	border: 1px solid #dfe9ff;
}

.rp-brand-ranking-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.rp-brand-ranking-item strong,
.rp-brand-related__item strong,
.rp-rank-card__title strong {
	display: block;
	color: #10233f;
	font-size: 18px;
}

.rp-brand-ranking-item span,
.rp-brand-related__item span,
.rp-rank-card__meta {
	display: block;
	margin-top: 8px;
	color: #6a7d98;
	font-size: 13px;
	line-height: 1.8;
}

.rp-rank-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
}

.rp-rank-card__meta span::before {
	content: "\f177";
	color: #7b8faa;
}

.rp-rank-card__meta span:last-child::before {
	content: "\f321";
}

.rp-brand-related__item {
	display: block;
}

.rp-brand-related__pagination {
	margin-top: 22px;
}

.rp-brand-related__pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	margin-right: 8px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid #d8e5ff;
	color: #16325c;
}

.rp-brand-related__pagination .page-numbers.current {
	background: #0f5fea;
	border-color: #0f5fea;
	color: #fff;
}

.rp-brand-pk-section {
	display: grid;
	gap: 18px;
}

.rp-brand-pk-section__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
}

.rp-brand-pk-section__head p {
	margin: 10px 0 0;
	color: #60728d;
	font-size: 14px;
	line-height: 1.8;
}

.rp-showcase-pk-card__metrics {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.rp-showcase-pk-card__metrics span {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 10px;
	border-radius: 999px;
	background: #eef4ff;
	color: #2856c8;
	font-size: 12px;
	font-weight: 700;
}

.rp-brand-sidebar-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.rp-brand-sidebar-head__meta {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 12px;
	border-radius: 999px;
	background: #eef4ff;
	color: #2452c3;
	font-size: 12px;
	font-weight: 700;
}

.rp-brand-sidebar-list {
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
}

.rp-brand-sidebar-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 11px 0;
	border-bottom: 1px solid #edf3ff;
}

.rp-brand-sidebar-list li:last-child {
	border-bottom: 0;
}

.rp-brand-sidebar-list__index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	border-radius: 10px;
	background: linear-gradient(180deg, #edf4ff 0%, #dbe9ff 100%);
	color: #0f5fea;
	font-size: 12px;
	font-weight: 800;
}

.rp-brand-sidebar-list__body {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.rp-brand-sidebar-list__body a {
	color: #1f2a44;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
}

.rp-brand-sidebar-list__body small {
	color: #7282a1;
	font-size: 12px;
	line-height: 1.6;
}

.rp-rank-hero {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(120deg, rgba(11,60,145,0.84), rgba(15,95,234,0.74)),
		url("https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat;
	color: #fff;
}

.rp-rank-hero .rp-showcase-label,
.rp-rank-hero h1,
.rp-rank-hero p {
	position: relative;
	z-index: 1;
}

.rp-rank-hero .rp-showcase-label {
	background: rgba(255,255,255,0.14);
	color: #fff;
}

.rp-rank-hero h1,
.rp-rank-hero p {
	color: #fff;
}

.rp-rank-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 18px 20px;
}

.rp-rank-filter a.is-active {
	background: #0f5fea;
	color: #fff;
}

.rp-rank-card {
	background: #fff;
}

.rp-rank-list .rp-rank-card:nth-child(1),
.rp-brand-ranking-list .rp-brand-ranking-item.is-rank-1 {
	position: relative;
	background: linear-gradient(135deg, #fff8df 0%, #fff0bd 100%);
	border-color: #f0cf6a;
	box-shadow: 0 16px 34px rgba(219, 171, 37, 0.16);
}

.rp-rank-list .rp-rank-card:nth-child(2),
.rp-brand-ranking-list .rp-brand-ranking-item.is-rank-2 {
	position: relative;
	background: linear-gradient(135deg, #f8fbff 0%, #e4ebf5 100%);
	border-color: #c6d2df;
	box-shadow: 0 16px 34px rgba(108, 129, 153, 0.12);
}

.rp-rank-list .rp-rank-card:nth-child(3),
.rp-brand-ranking-list .rp-brand-ranking-item.is-rank-3 {
	position: relative;
	background: linear-gradient(135deg, #fff4ed 0%, #f4d6c5 100%);
	border-color: #d9a786;
	box-shadow: 0 16px 34px rgba(177, 112, 69, 0.14);
}

.rp-rank-list .rp-rank-card:nth-child(1)::after,
.rp-rank-list .rp-rank-card:nth-child(2)::after,
.rp-rank-list .rp-rank-card:nth-child(3)::after,
.rp-brand-ranking-list .rp-brand-ranking-item.is-rank-1::after,
.rp-brand-ranking-list .rp-brand-ranking-item.is-rank-2::after,
.rp-brand-ranking-list .rp-brand-ranking-item.is-rank-3::after {
	position: absolute;
	top: 16px;
	right: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 62px;
	height: 24px;
	padding: 0 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.06em;
}

.rp-rank-list .rp-rank-card:nth-child(1)::after,
.rp-brand-ranking-list .rp-brand-ranking-item.is-rank-1::after {
	content: "冠军";
	background: rgba(227, 172, 17, 0.16);
	color: #9a6b00;
}

.rp-rank-list .rp-rank-card:nth-child(2)::after,
.rp-brand-ranking-list .rp-brand-ranking-item.is-rank-2::after {
	content: "亚军";
	background: rgba(142, 154, 174, 0.16);
	color: #566274;
}

.rp-rank-list .rp-rank-card:nth-child(3)::after,
.rp-brand-ranking-list .rp-brand-ranking-item.is-rank-3::after {
	content: "季军";
	background: rgba(183, 108, 65, 0.16);
	color: #8a4b22;
}

.rp-rank-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}

.rp-rank-card__brand {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.rp-rank-card__logo {
	flex: 0 0 auto;
}

.rp-rank-card__rank {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 58px;
	height: 58px;
	border-radius: 18px;
	background: linear-gradient(180deg, #0f5fea 0%, #2679ff 100%);
	color: #fff;
	font-size: 24px;
	font-weight: 800;
}

.rp-rank-list .rp-rank-card:nth-child(1) .rp-rank-card__rank {
	background: linear-gradient(180deg, #ffcf4d 0%, #e7ac11 100%);
	box-shadow: 0 12px 22px rgba(211, 154, 11, 0.28);
}

.rp-rank-list .rp-rank-card:nth-child(2) .rp-rank-card__rank {
	background: linear-gradient(180deg, #cfd8e5 0%, #8e9aae 100%);
	box-shadow: 0 12px 22px rgba(113, 126, 146, 0.24);
}

.rp-rank-list .rp-rank-card:nth-child(3) .rp-rank-card__rank {
	background: linear-gradient(180deg, #df9d72 0%, #b76c41 100%);
	box-shadow: 0 12px 22px rgba(166, 99, 58, 0.24);
}

.rp-rank-list .rp-rank-card:nth-child(1) .rp-rank-card__title strong a,
.rp-rank-list .rp-rank-card:nth-child(2) .rp-rank-card__title strong a,
.rp-rank-list .rp-rank-card:nth-child(3) .rp-rank-card__title strong a,
.rp-brand-ranking-list .rp-brand-ranking-item.is-rank-1 strong,
.rp-brand-ranking-list .rp-brand-ranking-item.is-rank-2 strong,
.rp-brand-ranking-list .rp-brand-ranking-item.is-rank-3 strong {
	font-size: 20px;
}

.rp-rank-list .rp-rank-card:nth-child(1)::before,
.rp-rank-list .rp-rank-card:nth-child(2)::before,
.rp-rank-list .rp-rank-card:nth-child(3)::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 68px;
	height: 28px;
	margin-bottom: 14px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.rp-rank-list .rp-rank-card:nth-child(1)::before {
	content: "NO.1";
	background: rgba(227, 172, 17, 0.14);
	color: #9a6b00;
}

.rp-rank-list .rp-rank-card:nth-child(2)::before {
	content: "NO.2";
	background: rgba(142, 154, 174, 0.14);
	color: #566274;
}

.rp-rank-list .rp-rank-card:nth-child(3)::before {
	content: "NO.3";
	background: rgba(183, 108, 65, 0.14);
	color: #8a4b22;
}

.rp-rank-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.rp-rank-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.rp-rank-panel__tree ul {
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
}

.rp-rank-panel__tree li {
	padding: 10px 0;
	border-bottom: 1px solid #edf3ff;
}

.rp-rank-panel__tree li:last-child {
	border-bottom: 0;
}

.rp-news-page {
	display: grid;
	gap: 20px;
}

.rp-news-hero,
.rp-news-panel {
	padding: 22px;
	border: 1px solid #dbe7ff;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 16px 36px rgba(15, 95, 234, 0.08);
}

.rp-news-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 20px;
}

.rp-news-card-grid,
.rp-brand-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 18px;
}

.rp-news-card,
.rp-brand-card {
	padding: 18px;
	border: 1px solid #dfe9ff;
	border-radius: 20px;
	background: #f7faff;
}

.rp-news-card__thumb {
	margin: -18px -18px 16px;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
}

.rp-news-card__thumb img {
	display: block;
	width: 100%;
	height: 190px;
	object-fit: cover;
}

.rp-news-card h3,
.rp-brand-card h3 {
	margin: 0;
	color: #10233f;
	font-size: 20px;
	line-height: 1.35;
}

.rp-news-card p,
.rp-brand-card p {
	margin: 14px 0 0;
	color: #60728d;
	line-height: 1.9;
}

.rp-brand-card__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 88px;
	max-height: 104px;
	margin-bottom: 16px;
	padding: 14px;
	border-radius: 20px;
	background: #eef4ff;
	overflow: hidden;
}

.rp-brand-card__logo img,
.rp-brand-card__logo .rankpower-logo,
.rp-rank-card__logo img,
.rp-rank-card__logo .rankpower-logo,
.rp-showcase-pk-team img,
.rp-showcase-pk-team .rankpower-logo,
.rp-showcase-rank-card__brands img,
.rp-showcase-rank-card__brands .rankpower-logo {
	width: auto;
	max-width: 100%;
	max-height: 72px;
	object-fit: contain;
}

.rp-showcase-rank-card__brands img,
.rp-showcase-rank-card__brands .rankpower-logo {
	max-height: 34px;
}

.rp-showcase-pk-team img,
.rp-showcase-pk-team .rankpower-logo,
.rp-rank-card__logo img,
.rp-rank-card__logo .rankpower-logo {
	max-height: 58px;
}

.rp-brand-hero__logo .rankpower-logo-fallback,
.rp-brand-card__logo .rankpower-logo-fallback,
.rp-rank-card__logo .rankpower-logo-fallback,
.rp-showcase-pk-team .rankpower-logo-fallback,
.rp-showcase-rank-card__brands .rankpower-logo-fallback {
	min-height: 0;
	height: auto;
	padding: 10px 12px;
	font-size: 12px;
	line-height: 1.5;
}

.rp-pk-page {
	display: grid;
	gap: 20px;
}

.rp-pk-list-groups {
	display: grid;
	gap: 24px;
	margin-top: 18px;
}

.rp-pk-group {
	padding-top: 8px;
}

.rp-pk-group__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 18px;
}

.rp-pk-group__head h3 {
	margin: 14px 0 0;
	color: #10233f;
	font-size: 24px;
}

.rp-pk-compare {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 180px minmax(0, 1fr);
	gap: 18px;
	margin-top: 18px;
}

.rp-pk-brand,
.rp-pk-vs-card,
.rp-pk-metric {
	padding: 20px;
	border: 1px solid #dfe9ff;
	border-radius: 20px;
	background: #f7faff;
}

.rp-pk-brand.is-winner,
.rp-pk-metric__brand.is-winner {
	background: linear-gradient(180deg, #eef4ff 0%, #dceaff 100%);
	border-color: #9dc0ff;
}

.rp-pk-brand h3 {
	margin: 16px 0 0;
	font-size: 22px;
	color: #10233f;
}

.rp-pk-brand strong {
	display: block;
	margin-top: 18px;
	font-size: 36px;
	line-height: 1;
	color: #0f5fea;
}

.rp-pk-brand span,
.rp-pk-vs-card p {
	display: block;
	margin-top: 10px;
	color: #60728d;
}

.rp-pk-vs-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.rp-pk-metrics,
.rp-pk-news-grid,
.rp-rank-tree {
	display: grid;
	gap: 16px;
	margin-top: 18px;
}

.rp-pk-news-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-top: 18px;
}

.rp-pk-news-column {
	padding: 20px;
	border: 1px solid #dfe9ff;
	border-radius: 20px;
	background: linear-gradient(180deg, #fbfdff 0%, #f4f8ff 100%);
}

.rp-pk-news-column__head {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e7efff;
}

.rp-pk-news-column__logo {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	padding: 10px;
	border-radius: 18px;
	background: #fff;
	border: 1px solid #dfe9ff;
}

.rp-pk-news-column__logo .rankpower-logo,
.rp-pk-news-column__logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.rp-pk-news-column__title {
	min-width: 0;
}

.rp-pk-news-column__title h3 {
	margin: 0;
	color: #10233f;
	font-size: 22px;
	line-height: 1.3;
}

.rp-pk-news-column__title p {
	margin: 8px 0 0;
	color: #60728d;
	font-size: 13px;
	line-height: 1.7;
}

.rp-pk-news-column .rp-brand-related {
	margin-top: 16px;
}

.rp-pk-metric {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 180px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
}

.rp-pk-metric__brand strong,
.rp-pk-metric__center strong {
	display: block;
	color: #10233f;
	font-size: 16px;
}

.rp-pk-metric__brand span,
.rp-pk-metric__center span {
	display: block;
	margin-top: 8px;
	color: #60728d;
	font-size: 13px;
}

.rp-pk-metric__center {
	text-align: center;
}

.rp-rank-search-form {
	margin-top: 18px;
}

.rp-rank-search-grid {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr) 140px;
	gap: 12px;
}

.rp-rank-search-grid select,
.rp-rank-search-grid input,
.rp-rank-search-grid button {
	min-height: 48px;
	padding: 0 16px;
	border: 1px solid #d8e5ff;
	border-radius: 14px;
	font-size: 14px;
}

.rp-rank-search-grid button {
	background: #0f5fea;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

@media (max-width: 1200px) {
	.rp-showcase-hero,
	.rp-brand-layout,
	.rp-rank-layout,
	.rp-showcase-columns,
	.rp-news-layout,
	.rp-showcase-pk-grid,
	.rp-pk-compare,
	.rp-pk-metric,
	.rp-pk-news-columns {
		grid-template-columns: 1fr;
	}

	.rp-showcase-ranks,
	.rp-showcase-news-grid,
	.rp-news-card-grid,
	.rp-brand-card-grid,
	.rp-brand-knowledge-grid,
	.rp-brand-question-layout,
	.rp-brand-lead-form__grid {
		grid-template-columns: 1fr;
	}

	.rp-showcase-main,
	.rp-rank-hero {
		min-height: 360px;
	}

	.rp-showcase-pk-viewport [data-slider-card] {
		flex-basis: calc((100% - 18px) / 2);
		width: calc((100% - 18px) / 2);
	}
}

@media (max-width: 980px) {
	.rp-showcase {
		padding: 18px 0 40px;
	}

	.rp-showcase__section + .rp-showcase__section {
		margin-top: 16px;
	}

	.rp-showcase-title,
	.rp-brand-hero h1,
	.rp-rank-hero h1 {
		font-size: 28px;
	}

	.rp-showcase-quick,
	.rp-brand-scores,
	.rp-brand-info,
	.rp-news-card-grid,
	.rp-brand-card-grid,
	.rp-brand-knowledge-grid {
		grid-template-columns: 1fr;
	}

	.rp-brand-faq-list--two-column {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rp-brand-hero {
		grid-template-columns: 1fr;
	}

	.rp-rank-search-grid {
		grid-template-columns: 1fr;
	}

	.rp-brand-tabs__nav {
		padding: 8px;
		gap: 10px;
	}

	.rp-brand-tabs__tab {
		min-height: 40px;
		padding: 0 16px;
		font-size: 13px;
	}

	.rp-brand-question-layout {
		grid-template-columns: 1fr;
	}

	.rp-brand-user-qa-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rp-showcase-pk-toolbar {
		flex-direction: column;
		align-items: stretch;
	}

	.rp-showcase-pk-tabs,
	.rp-showcase-pk-arrows {
		justify-content: space-between;
	}

	.rp-showcase-hero,
	.rp-showcase-columns,
	.rp-showcase-news-grid,
	.rp-showcase-pk-grid {
		display: flex;
		overflow-x: auto;
		gap: 12px;
		padding-bottom: 2px;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
	}

	.rp-showcase-hero::-webkit-scrollbar,
	.rp-showcase-columns::-webkit-scrollbar,
	.rp-showcase-news-grid::-webkit-scrollbar,
	.rp-showcase-pk-grid::-webkit-scrollbar {
		display: none;
	}

	.rp-showcase-main,
	.rp-showcase-side,
	.rp-showcase-member,
	.rp-showcase-columns > .rp-showcase-panel,
	.rp-showcase-news-grid > .rp-showcase-news-card,
	.rp-showcase-pk-grid > .rp-showcase-pk-card {
		flex: 0 0 88vw;
		width: 88vw;
		scroll-snap-align: start;
	}

	.rp-showcase-main {
		order: 1;
	}

	.rp-showcase-side {
		order: 2;
	}

	.rp-showcase-member {
		order: 3;
	}

	.rp-showcase-side li:nth-child(n+7),
	.rp-showcase-list li:nth-child(n+5) {
		display: none;
	}

	.rp-showcase-member p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	.rp-showcase-ranks-toolbar {
		flex-wrap: wrap;
	}

	.rp-showcase-ranks-viewport .rp-showcase-rank-card {
		flex: 0 0 calc((100% - 12px) / 2);
		width: calc((100% - 12px) / 2);
	}
}

@media (max-width: 640px) {
	.rp-showcase-main,
	.rp-rank-hero,
	.rp-brand-hero,
	.rp-showcase-side,
	.rp-showcase-member,
	.rp-showcase-panel,
	.rp-brand-panel,
	.rp-rank-panel {
		padding: 18px;
		border-radius: 20px;
	}

	.rp-showcase-title,
	.rp-brand-hero h1,
	.rp-rank-hero h1 {
		font-size: 24px;
	}

	.rp-showcase-main {
		min-height: 280px;
	}

	.rp-showcase-metrics {
		grid-template-columns: 1fr;
	}

	.rp-showcase-hero,
	.rp-showcase-columns,
	.rp-showcase-news-grid,
	.rp-showcase-pk-grid {
		gap: 10px;
	}

	.rp-showcase-main,
	.rp-showcase-side,
	.rp-showcase-member,
	.rp-showcase-columns > .rp-showcase-panel,
	.rp-showcase-news-grid > .rp-showcase-news-card,
	.rp-showcase-pk-grid > .rp-showcase-pk-card {
		flex-basis: 86vw;
		width: 86vw;
	}

	.rp-showcase-tags {
		gap: 8px;
	}

	.rp-showcase-tags a {
		padding: 7px 12px;
		font-size: 12px;
	}

	.rp-showcase-ranks-tabs {
		gap: 8px;
	}

	.rp-showcase-ranks-tab {
		min-height: 34px;
		padding: 0 12px;
		font-size: 12px;
	}

	.rp-showcase-ranks-arrow {
		width: 34px;
		min-height: 34px;
	}

	.rp-showcase-ranks-viewport .rp-showcase-rank-card {
		flex: 0 0 86vw;
		width: 86vw;
	}

	.rp-showcase-rank-card,
	.rp-showcase-news-card,
	.rp-showcase-pk-card {
		padding: 16px;
	}

	.rp-showcase-rank-card__title h3,
	.rp-showcase-news-card h3,
	.rp-showcase-pk-card h3 {
		font-size: 18px;
	}

	.rp-showcase-rank-card__brands li {
		padding: 8px 0;
	}

	.rp-showcase-rank-card__brands li:nth-child(1),
	.rp-showcase-rank-card__brands li:nth-child(2),
	.rp-showcase-rank-card__brands li:nth-child(3) {
		padding: 10px 60px 10px 10px;
	}
}

.rp-taxonomy-layout {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: 20px;
}

.rp-taxonomy-sidebar,
.rp-taxonomy-main {
	min-width: 0;
}

.rp-taxonomy-hero-tools {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 18px;
}

.rp-taxonomy-search {
	flex: 1;
	max-width: 620px;
}

.rp-taxonomy-search__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px;
}

.rp-taxonomy-search__row input,
.rp-taxonomy-search__row button {
	min-height: 48px;
	padding: 0 16px;
	border-radius: 14px;
	border: 1px solid #d8e5ff;
	font-size: 14px;
}

.rp-taxonomy-search__row input {
	background: #fff;
	color: #16325c;
}

.rp-taxonomy-search__row button {
	padding: 0 20px;
	background: #0f5fea;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.rp-taxonomy-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.rp-taxonomy-mobile-trigger {
	display: none;
}

.rp-taxonomy-path,
.rp-taxonomy-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.rp-taxonomy-path a,
.rp-taxonomy-meta span,
.rp-taxonomy-meta a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	padding: 0 14px;
	border-radius: 999px;
	background: #eef4ff;
	color: #26456f;
	font-size: 13px;
	font-weight: 600;
}

.rp-taxonomy-path a::before {
	content: "\f345";
	font-family: dashicons;
	font-size: 13px;
	line-height: 1;
	color: #5b79a2;
}

.rp-taxonomy-meta span::before,
.rp-taxonomy-meta a::before {
	content: "\f318";
	color: #0f5fea;
}

.rp-taxonomy-meta span:first-child::before {
	content: "\f180";
}

.rp-taxonomy-meta a::before {
	content: "\f344";
}

.rp-taxonomy-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 18px;
}

.rp-taxonomy-card {
	padding: 18px;
	border: 1px solid #dfe9ff;
	border-radius: 20px;
	background: linear-gradient(180deg, #fbfdff 0%, #f4f8ff 100%);
}

.rp-taxonomy-card h3 {
	margin: 0;
	color: #10233f;
	font-size: 18px;
	line-height: 1.35;
}

.rp-taxonomy-card p {
	margin: 12px 0 0;
	color: #60728d;
	font-size: 14px;
	line-height: 1.85;
}

.rp-taxonomy-tree-wrap {
	margin-top: 18px;
}

.rp-taxonomy-tree-wrap[data-taxonomy-root] {
	position: relative;
}

.rp-taxonomy-tree,
.rp-taxonomy-tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rp-taxonomy-tree {
	display: grid;
	gap: 10px;
}

.rp-taxonomy-tree__item {
	display: grid;
	gap: 10px;
}

.rp-taxonomy-tree__row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.rp-taxonomy-tree__toggle,
.rp-taxonomy-tree__toggle-placeholder {
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
}

.rp-taxonomy-tree__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid #d8e5ff;
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
}

.rp-taxonomy-tree__toggle:disabled {
	cursor: wait;
	opacity: .7;
}

.rp-taxonomy-tree__toggle span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-right: 2px solid #4a648d;
	border-bottom: 2px solid #4a648d;
	transform: rotate(-45deg);
	transition: transform .18s ease;
}

.rp-taxonomy-tree__item.is-open > .rp-taxonomy-tree__row .rp-taxonomy-tree__toggle span {
	transform: rotate(45deg);
}

.rp-taxonomy-tree__link {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
	padding: 12px 14px;
	border: 1px solid #dfe9ff;
	border-radius: 14px;
	background: #f8fbff;
	color: #16325c;
}

.rp-taxonomy-tree__name {
	min-width: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	word-break: break-word;
}

.rp-taxonomy-tree__count {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 26px;
	padding: 0 10px;
	border-radius: 999px;
	background: #eaf1ff;
	color: #0f5fea;
	font-size: 12px;
	font-weight: 800;
}

.rp-taxonomy-tree__item.is-current > .rp-taxonomy-tree__row .rp-taxonomy-tree__link {
	background: linear-gradient(135deg, #0f5fea 0%, #2f7cff 100%);
	border-color: #0f5fea;
	color: #fff;
	box-shadow: 0 12px 24px rgba(15, 95, 234, 0.16);
}

.rp-taxonomy-tree__item.is-ancestor > .rp-taxonomy-tree__row .rp-taxonomy-tree__link {
	border-color: #8db5ff;
	background: #eef5ff;
}

.rp-taxonomy-tree__item.is-current > .rp-taxonomy-tree__row .rp-taxonomy-tree__count {
	background: rgba(255, 255, 255, 0.18);
	color: #fff;
}

.rp-taxonomy-tree__item.is-match > .rp-taxonomy-tree__row .rp-taxonomy-tree__link {
	border-color: #8db5ff;
	background: #eef5ff;
}

.rp-taxonomy-tree__children {
	display: block;
	padding-left: 18px;
	margin-left: 14px;
	border-left: 1px dashed #cdddf8;
}

.rp-taxonomy-tree__children[hidden] {
	display: none !important;
}

.rp-taxonomy-tree__item.is-loading > .rp-taxonomy-tree__row .rp-taxonomy-tree__link {
	opacity: .72;
}

.rp-taxonomy-drawer {
	position: fixed;
	inset: 0;
	z-index: 80;
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	padding-left: 24px;
	background: rgba(16, 35, 63, 0.42);
}

.rp-taxonomy-drawer__panel {
	width: min(92vw, 420px);
	height: 100%;
	padding: 20px;
	background: #fff;
	box-shadow: -18px 0 34px rgba(16, 35, 63, 0.18);
	overflow-y: auto;
}

.rp-taxonomy-drawer__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.rp-taxonomy-drawer__head strong {
	color: #10233f;
	font-size: 18px;
}

.rp-taxonomy-drawer__head button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid #d8e5ff;
	border-radius: 12px;
	background: #fff;
	color: #20406f;
	font-size: 20px;
	cursor: pointer;
}

body.rp-taxonomy-drawer-open {
	overflow: hidden;
}

.rp-showcase-news-section {
	padding: 22px;
}

.rp-showcase-news-section__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
}

.rp-showcase-news-section__head h2 {
	margin: 14px 0 0;
	color: #10233f;
	font-size: 24px;
}

.rp-showcase-news-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) 340px;
	gap: 20px;
	margin-top: 18px;
}

.rp-showcase-news-featured {
	display: grid;
	gap: 16px;
}

.rp-showcase-news-featured-main {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);
	gap: 18px;
	padding: 18px;
	border: 1px solid #dfe9ff;
	border-radius: 22px;
	background: linear-gradient(180deg, #fbfdff 0%, #f4f8ff 100%);
}

.rp-showcase-news-featured-main__media,
.rp-showcase-news-featured-item__media {
	display: block;
	overflow: hidden;
	border-radius: 18px;
}

.rp-showcase-news-thumb {
	display: block;
	width: 100%;
	object-fit: cover;
	background: linear-gradient(135deg, #edf4ff 0%, #d9e8ff 100%);
}

.rp-showcase-news-thumb.is-fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0f5fea;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.rp-showcase-news-featured-main__thumb {
	height: 280px;
}

.rp-showcase-news-featured-main__body h3,
.rp-showcase-news-featured-item h3 {
	margin: 14px 0 0;
	color: #10233f;
	font-size: 22px;
	line-height: 1.35;
}

.rp-showcase-news-featured-main__body p {
	margin: 14px 0 0;
	color: #60728d;
	line-height: 1.9;
}

.rp-showcase-news-featured-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.rp-showcase-news-featured-item {
	padding: 16px;
	border: 1px solid #dfe9ff;
	border-radius: 20px;
	background: #fff;
}

.rp-showcase-news-featured-item__thumb {
	height: 146px;
}

.rp-showcase-news-latest {
	padding: 18px;
	border: 1px solid #dfe9ff;
	border-radius: 22px;
	background: #fff;
}

.rp-showcase-news-latest__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e8f0ff;
}

.rp-showcase-news-latest__head h3 {
	margin: 0;
	color: #10233f;
	font-size: 20px;
}

.rp-showcase-news-latest__head span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 28px;
	padding: 0 12px;
	border-radius: 999px;
	background: #edf4ff;
	color: #0f5fea;
	font-size: 12px;
	font-weight: 800;
}

.rp-showcase-news-latest__head span::before {
	content: "\f109";
}

.rp-showcase-news-latest__list {
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
	display: grid;
	gap: 12px;
}

.rp-showcase-news-latest__list li {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 12px;
	align-items: flex-start;
	padding-bottom: 12px;
	border-bottom: 1px solid #eef4ff;
}

.rp-showcase-news-latest__list li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.rp-showcase-news-latest__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 14px;
	background: #f1f6ff;
	color: #0f5fea;
	font-size: 13px;
	font-weight: 800;
}

.rp-showcase-news-latest__body a {
	display: block;
	color: #16325c;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
}

.rp-showcase-news-latest__body small {
	display: block;
	margin-top: 6px;
	color: #6c7f99;
	font-size: 12px;
}

@media (max-width: 1200px) {
	.rp-taxonomy-card-grid,
	.rp-showcase-news-layout,
	.rp-showcase-news-featured-main {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 980px) {
	.rp-taxonomy-layout {
		grid-template-columns: 1fr;
	}

	.rp-taxonomy-sidebar {
		display: block;
	}

	.rp-taxonomy-mobile-trigger {
		display: inline-flex;
	}

	.rp-taxonomy-hero-tools,
	.rp-showcase-news-section__head {
		flex-direction: column;
		align-items: stretch;
	}

	.rp-showcase-news-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.rp-taxonomy-search__row,
	.rp-showcase-news-featured-grid {
		grid-template-columns: 1fr;
	}

	.rp-taxonomy-tree__row {
		gap: 8px;
	}

	.rp-taxonomy-tree__link {
		padding: 10px 12px;
	}

	.rp-taxonomy-tree__children {
		padding-left: 12px;
		margin-left: 10px;
	}

	.rp-taxonomy-drawer {
		padding-left: 10px;
	}

	.rp-taxonomy-drawer__panel {
		width: min(96vw, 420px);
		padding: 16px;
	}

	.rp-taxonomy-card {
		padding: 16px;
	}

	.rp-showcase-news-section {
		padding: 18px;
	}

	.rp-showcase-news-featured-main,
	.rp-showcase-news-latest {
		padding: 16px;
	}

	.rp-showcase-news-featured-main__thumb {
		height: 220px;
	}

	.rp-showcase-news-featured-item__thumb {
		height: 132px;
	}

	.rp-showcase-news-featured-main__body h3,
	.rp-showcase-news-featured-item h3,
	.rp-showcase-news-latest__head h3 {
		font-size: 18px;
	}
}

.rp-showcase-home-ads {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.rp-showcase-topic-hub {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
	gap: 18px;
}

.rp-showcase-topic-hub__topics,
.rp-showcase-topic-hub__brands {
	min-width: 0;
}

.rp-topic-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.rp-topic-card {
	display: grid;
	gap: 10px;
	padding: 16px 18px;
	border: 1px solid #dbe5f7;
	border-radius: 18px;
	background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.rp-topic-card h3 {
	margin: 0;
	font-size: 18px;
	line-height: 1.5;
}

.rp-topic-card p {
	margin: 0;
	color: #627291;
	line-height: 1.8;
}

.rp-topic-card__meta,
.rp-brand-card-mini__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
}

.rp-topic-card__meta span {
	font-size: 13px;
	color: #7282a1;
}

.rp-topic-card__meta a {
	font-size: 13px;
	color: #2f69ff;
	font-weight: 600;
}

.rp-showcase-tags--topics {
	align-items: center;
	margin-top: 16px;
}

.rp-showcase-tags__label {
	font-size: 13px;
	font-weight: 700;
	color: #58709f;
}

.rp-showcase-list__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.rp-showcase-list__topic {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 10px;
	border-radius: 999px;
	background: #edf4ff;
	color: #2f69ff;
	font-size: 12px;
	font-weight: 700;
}

.rp-home-ad-card,
.rp-brand-faq-card,
.rp-brand-card-mini,
.rp-rank-sponsor-card,
.rp-brand-lead-card {
	border: 1px solid #d9e3f4;
	border-radius: 18px;
	background: #fff;
}

.rp-home-ad-card {
	display: grid;
	grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
	overflow: hidden;
}

.rp-home-ad-card__media img,
.rp-rank-sponsor-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rp-home-ad-card__media {
	min-height: 160px;
	background: #f3f7ff;
}

.rp-home-ad-card__body {
	display: grid;
	gap: 10px;
	padding: 18px 20px;
}

.rp-home-ad-card__body strong {
	font-size: 20px;
	line-height: 1.4;
}

.rp-home-ad-card__body p {
	margin: 0;
	color: #5f6f90;
}

.rp-brand-faq-block + .rp-brand-faq-block {
	margin-top: 28px;
}

.rp-brand-knowledge-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-top: 28px;
}

.rp-brand-insight-panel {
	margin: 0;
	padding: 18px;
	border: 1px solid #d9e4ff;
	border-radius: 20px;
	background: linear-gradient(180deg, #fbfdff 0%, #f7fbff 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}

.rp-brand-insight-panel--wide {
	grid-column: 1 / -1;
}

.rp-brand-faq-block__head {
	margin-bottom: 14px;
}

.rp-brand-faq-block__head h3 {
	margin: 6px 0 0;
	font-size: 22px;
}

.rp-brand-faq-list,
.rp-brand-card-list {
	display: grid;
	gap: 12px;
}

.rp-brand-faq-list--two-column {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
}

.rp-brand-faq-card {
	padding: 16px 18px;
}

.rp-brand-faq-list--two-column .rp-brand-faq-card {
	height: 100%;
}

.rp-brand-faq-card strong {
	display: block;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 8px;
}

.rp-brand-faq-card p,
.rp-brand-review-summary__tips,
.rp-brand-lead-card__desc,
.rp-rank-sponsor-card p {
	margin: 0;
	color: #627291;
	line-height: 1.8;
}

.rp-brand-user-qa-card {
	border: 1px solid #d9e4ff;
	background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.rp-brand-user-qa-meta {
	display: inline-flex;
	margin-top: 10px;
	font-size: 12px;
	color: #7a89a8;
}

.rp-brand-question-empty {
	padding: 16px 18px;
	border: 1px dashed #cdd8ef;
	border-radius: 18px;
	background: #f8fbff;
	color: #627291;
}

.rp-brand-question-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(280px, .72fr);
	gap: 20px;
	align-items: start;
}

.rp-brand-question-stream {
	min-width: 0;
}

.rp-brand-user-qa-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
}

.rp-brand-question-more {
	display: flex;
	justify-content: center;
	margin-top: 16px;
}

.rp-brand-question-more .rp-showcase-button--ghost {
	min-width: 168px;
}

.rp-brand-user-qa-card {
	height: 100%;
}

.rp-brand-question-form-wrap {
	margin-top: 0;
	padding: 18px;
	border: 1px solid #dbe5f6;
	border-radius: 20px;
	background: linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}

.rp-brand-question-form p {
	margin: 0 0 12px;
}

.rp-brand-question-form textarea {
	width: 100%;
	border: 1px solid #cfd9eb;
	border-radius: 14px;
	padding: 12px 14px;
	background: #fff;
	color: #24324a;
	resize: vertical;
}

.rp-brand-question-form__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.rp-brand-question-form__actions span,
.rp-brand-question-login p {
	margin: 0;
	font-size: 13px;
	line-height: 1.8;
	color: #6c7a96;
}

.rp-brand-question-login .rp-showcase-actions {
	margin-top: 12px;
}

.rp-brand-card-mini {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
}

.rp-brand-card-mini__logo {
	width: 62px;
	height: 62px;
	flex: 0 0 62px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: #f6f9ff;
	overflow: hidden;
}

.rp-brand-card-mini__logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.rp-brand-card-mini__body {
	display: grid;
	gap: 6px;
	min-width: 0;
	flex: 1;
}

.rp-brand-card-mini__body strong,
.rp-brand-card-mini__body strong a {
	font-size: 15px;
	line-height: 1.5;
	color: #1f2a44;
}

.rp-brand-card-mini__body span {
	font-size: 13px;
	color: #7282a1;
}

.rp-brand-card-mini__actions {
	margin-top: 2px;
	justify-content: flex-start;
}

.rp-brand-card-mini__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 26px;
	padding: 0 10px;
	border-radius: 999px;
	background: #eef4ff;
	color: #0f5fea;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.rp-brand-card-mini__link {
	font-size: 13px;
	color: #2f69ff;
}

.rp-brand-card-mini--topic {
	align-items: flex-start;
}

.rp-brand-card__actions {
	margin-top: 14px;
	flex-wrap: wrap;
}

.rp-brand-card__actions .rp-showcase-button,
.rp-brand-card__actions .rp-showcase-button--ghost {
	flex: 1 1 120px;
	justify-content: center;
	min-width: 0;
}

.rp-brand-lead-card {
	display: grid;
	gap: 14px;
	padding: 20px;
	background:
		radial-gradient(circle at top right, rgba(15,95,234,.08), rgba(15,95,234,0) 40%),
		linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.rp-brand-lead-card__hero {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.rp-brand-lead-card__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 0 12px;
	border-radius: 999px;
	background: rgba(15,95,234,.1);
	color: #0f5fea;
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
}

.rp-brand-lead-card__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.rp-brand-lead-card__chips span {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 12px;
	border-radius: 999px;
	background: #edf4ff;
	color: #2557d6;
	font-size: 12px;
	font-weight: 700;
}

.rp-brand-lead-card__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.rp-brand-lead-card__stat {
	display: grid;
	gap: 4px;
	padding: 12px;
	border: 1px solid rgba(15, 95, 234, 0.08);
	border-radius: 16px;
	background: rgba(255,255,255,.86);
}

.rp-brand-lead-card__stat strong {
	color: #10233f;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.rp-brand-lead-card__stat span {
	color: #6980a3;
	font-size: 12px;
	font-weight: 700;
}

.rp-brand-lead-card__promise {
	display: grid;
	gap: 8px;
	padding-top: 2px;
}

.rp-brand-lead-card__promise span {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #5c7092;
	font-size: 12px;
	line-height: 1.7;
}

.rp-brand-lead-card__promise span::before {
	content: "✓";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #e8f1ff;
	color: #0f5fea;
	font-size: 11px;
	font-weight: 800;
}

.rp-brand-lead-form {
	display: grid;
	gap: 12px;
}

.rp-brand-lead-scenes {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.rp-brand-lead-scenes label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	border-radius: 999px;
	background: #eef4ff;
	color: #315fc7;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: all .2s ease;
}

.rp-brand-lead-scenes label:hover {
	background: #e2ecff;
	transform: translateY(-1px);
}

.rp-brand-lead-scenes input {
	accent-color: #0f5fea;
}

.rp-brand-lead-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.rp-brand-lead-form p {
	margin: 0;
}

.rp-brand-lead-form input,
.rp-brand-lead-form textarea {
	width: 100%;
	border: 1px solid #d5deef;
	border-radius: 14px;
	background: #fff;
	padding: 12px 14px;
	font-size: 14px;
}

.rp-brand-lead-form__submit {
	display: grid;
	gap: 10px;
}

.rp-brand-lead-form__submit .button-primary {
	justify-content: center;
	min-height: 48px;
	font-weight: 800;
	box-shadow: 0 16px 32px rgba(15, 95, 234, 0.22);
}

.rp-brand-lead-form__submit span {
	font-size: 12px;
	line-height: 1.7;
	color: #6c7a96;
}

.rp-brand-review-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 18px 20px;
	margin-bottom: 18px;
	border-radius: 18px;
	background: linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
	border: 1px solid #d9e5fb;
}

.rp-brand-review-summary__score {
	display: grid;
	gap: 4px;
}

.rp-brand-review-summary__score strong {
	font-size: 32px;
	line-height: 1;
	color: #1d3e8d;
}

.rp-rank-sponsor-card {
	display: grid;
	gap: 14px;
	padding: 16px;
}

.rp-rank-sponsor-card__media {
	border-radius: 16px;
	overflow: hidden;
	background: #f4f7fd;
}

.rp-internal-links {
	display: grid;
	gap: 16px;
}

.rp-internal-links__groups {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.rp-internal-links__group {
	display: grid;
	gap: 10px;
	padding: 14px;
	border: 1px dashed rgba(18, 87, 255, 0.18);
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(248, 251, 255, 0.92), rgba(255, 255, 255, 0.96));
}

.rp-internal-links__title {
	margin: 0;
	font-size: 15px;
	line-height: 1.4;
	color: #1b2a52;
}

.rp-internal-links__items {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.rp-internal-links__item {
	display: inline-flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid rgba(18, 87, 255, 0.12);
	border-radius: 14px;
	background: #fff;
	color: #1f2f57;
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.rp-internal-links__item:hover {
	transform: translateY(-1px);
	border-color: rgba(18, 87, 255, 0.26);
	box-shadow: 0 10px 20px rgba(18, 87, 255, 0.08);
}

.rp-internal-links__item span {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
}

.rp-internal-links__item small {
	font-size: 12px;
	line-height: 1.4;
	color: #678;
}

@media (max-width: 980px) {
	.rp-showcase-home-ads {
		grid-template-columns: 1fr;
	}

	.rp-showcase-topic-hub {
		grid-template-columns: 1fr;
	}

	.rp-internal-links__groups {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.rp-home-ad-card {
		grid-template-columns: 1fr;
	}

	.rp-home-ad-card__media {
		min-height: 150px;
	}

	.rp-home-ad-card__body strong,
	.rp-brand-faq-block__head h3 {
		font-size: 18px;
	}

	.rp-brand-insight-panel,
	.rp-brand-question-form-wrap {
		padding: 16px;
	}

	.rp-brand-card-mini {
		padding: 12px 14px;
	}

	.rp-brand-question-form-wrap,
	.rp-brand-question-empty {
		padding: 14px;
	}

	.rp-brand-question-form__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.rp-brand-question-form__actions .button-primary {
		width: 100%;
	}

	.rp-showcase-pk-card__eyebrow {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.rp-showcase-pk-card__date {
		min-height: 24px;
		padding: 0 10px;
		font-size: 11px;
	}

	.rp-showcase-pk-tabs {
		display: none;
	}

	.rp-showcase-pk-toolbar {
		flex-direction: row;
		justify-content: flex-end;
	}

	.rp-showcase-pk-viewport [data-slider-card] {
		flex-basis: 100%;
		width: 100%;
	}

	.rp-brand-faq-list--two-column {
		grid-template-columns: 1fr;
	}

	.rp-brand-user-qa-list {
		grid-template-columns: 1fr;
	}

	.rp-brand-question-more .rp-showcase-button--ghost {
		width: 100%;
	}

	.rp-brand-lead-card__hero {
		flex-direction: column;
	}

	.rp-brand-lead-card__badge {
		align-self: flex-start;
	}

	.rp-brand-card-mini__logo {
		width: 54px;
		height: 54px;
		flex-basis: 54px;
	}

	.rp-brand-review-summary {
		padding: 14px 16px;
	}

	.rp-brand-review-summary__score strong {
		font-size: 26px;
	}

	.rp-topic-card-grid {
		grid-template-columns: 1fr;
	}

	.rp-topic-card {
		padding: 14px 16px;
	}

	.rp-topic-card h3 {
		font-size: 16px;
	}

	.rp-home-ad-card__body,
	.rp-brand-lead-card,
	.rp-rank-sponsor-card {
		padding: 14px 16px;
	}

	.rp-brand-card__actions .rp-showcase-button,
	.rp-brand-card__actions .rp-showcase-button--ghost {
		flex-basis: calc(50% - 6px);
		padding-left: 12px;
		padding-right: 12px;
	}

	.rp-brand-card-mini__actions,
	.rp-topic-card__meta {
		gap: 8px;
	}

	.rp-showcase-tags--topics {
		margin-top: 12px;
	}

	.rp-showcase-tags__label {
		width: 100%;
		font-size: 12px;
	}

	.rp-showcase-list__topic {
		padding: 4px 8px;
		font-size: 11px;
	}

	.rp-internal-links__group {
		padding: 12px;
		border-radius: 14px;
	}

	.rp-internal-links__items {
		gap: 8px;
	}

	.rp-internal-links__item {
		width: 100%;
		padding: 9px 10px;
	}
}

@media (max-width: 480px) {
	.rp-showcase-main,
	.rp-rank-hero,
	.rp-brand-hero,
	.rp-showcase-side,
	.rp-showcase-member,
	.rp-showcase-panel,
	.rp-brand-panel,
	.rp-rank-panel,
	.rp-news-panel {
		padding: 14px;
		border-radius: 16px;
	}

	.rp-showcase-title,
	.rp-brand-hero h1,
	.rp-rank-hero h1,
	.rp-news-hero h1 {
		font-size: 22px;
		line-height: 1.3;
	}

	.rp-showcase-lead,
	.rp-brand-panel__content,
	.rp-news-panel p,
	.rp-brand-info dd {
		font-size: 14px;
		line-height: 1.8;
	}

	.rp-brand-meta,
	.rp-brand-meta span,
	.rp-showcase-news-card__meta,
	.rp-showcase-news-card__meta span,
	.rp-showcase-news-card__meta a {
		font-size: 12px;
	}

	.rp-brand-actions,
	.rp-showcase-actions {
		gap: 8px;
	}

	.rp-brand-vote,
	.rp-showcase-button,
	.rp-showcase-button--ghost,
	.rp-brand-actions .button-primary {
		min-height: 40px;
		padding: 0 12px;
		font-size: 13px;
	}

	.rp-brand-scores {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.rp-brand-score {
		padding: 12px 14px;
	}

	.rp-brand-score strong {
		font-size: 24px;
	}

	.rp-brand-tabs__nav {
		gap: 8px;
		padding-bottom: 2px;
	}

	.rp-brand-tabs__tab {
		min-height: 34px;
		padding: 0 12px;
		font-size: 12px;
		gap: 6px;
	}

	.rp-brand-tabs__tab em {
		min-width: 18px;
		height: 18px;
		padding: 0 5px;
		font-size: 10px;
	}

	.rp-showcase-ranks-toolbar {
		gap: 10px;
	}

	.rp-showcase-ranks-viewport .rp-showcase-rank-card {
		flex-basis: 82vw;
		width: 82vw;
	}

	.rp-showcase-news-featured-main,
	.rp-showcase-news-latest,
	.rp-showcase-news-section,
	.rp-home-ad-card__body,
	.rp-brand-lead-card,
	.rp-rank-sponsor-card {
		padding: 12px 14px;
	}

	.rp-showcase-news-featured-main__thumb {
		height: 180px;
	}

	.rp-showcase-news-featured-item__thumb {
		height: 118px;
	}

	.rp-home-ad-card__media {
		min-height: 130px;
	}
}

/* High Fidelity Detail Polish */
.rp-rank-hero {
	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
	align-items: stretch;
}

.rp-rank-hero__main {
	position: relative;
	z-index: 1;
}

.rp-rank-hero__main {
	display: grid;
	align-content: start;
}

.rp-rank-cascade--mobile {
	display: none;
}

.rp-rank-cascade--desktop {
	display: block;
}

.rp-rank-hero__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 18px;
}

.rp-rank-hero__stats span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 0 14px;
	border-radius: 999px;
	background: rgba(255,255,255,.14);
	border: 1px solid rgba(255,255,255,.12);
	color: rgba(255,255,255,.92);
	font-size: 13px;
	font-weight: 600;
}

.rp-rank-hero__stats strong {
	font-size: 18px;
	font-weight: 800;
	line-height: 1;
	color: #fff;
}

.rp-rank-filter {
	border: 1px solid rgba(15,95,234,.08);
	background: linear-gradient(180deg, #fff, #f7fbff);
	box-shadow: 0 14px 32px rgba(15,95,234,.06);
	border-radius: 22px;
}

.rp-rank-filter a {
	box-shadow: inset 0 0 0 1px rgba(15,95,234,.04);
}

.rp-rank-filter a:hover {
	background: #eef4ff;
}

.rp-rank-list {
	display: grid;
	gap: 18px;
}

.rp-rank-card {
	position: relative;
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.rp-rank-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 24px 48px rgba(15,95,234,.1), 0 6px 16px rgba(16,35,63,.05);
}

.rp-rank-card__head {
	align-items: center;
}

.rp-rank-card__state {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
}

.rp-rank-card__state.is-manual {
	background: rgba(15,95,234,.1);
	color: #0f5fea;
}

.rp-rank-card__state.is-auto {
	background: rgba(107,126,152,.12);
	color: #60728d;
}

.rp-rank-card__title strong {
	display: block;
	margin-bottom: 6px;
	line-height: 1.25;
}

.rp-rank-card__title {
	flex: 1 1 0;
	min-width: 0;
}

.rp-rank-card__title strong a {
	letter-spacing: -.02em;
}

.rp-rank-card__title > span {
	display: block;
	color: #5f738f;
	font-size: 13px;
	line-height: 1.8;
}

.rp-rank-card__title .rp-brand-title-inline {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	max-width: 100%;
}

.rp-rank-card__title .rp-brand-title-inline__link,
.rp-rank-card__title .rp-brand-title-inline__text {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	color: #16325c;
}

.rp-rank-card__title .rp-brand-honor-list {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	max-width: 100%;
}

.rp-rank-card__title .rp-brand-honor {
	max-width: 100%;
}

.rp-rank-card__button,
.rp-rank-card__button:visited,
.rp-rank-card__button:hover,
.rp-rank-card__button:focus {
	color: #fff;
}

.rp-rank-card__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	padding: 10px;
	border-radius: 20px;
	background: linear-gradient(180deg, #fff, #eef4ff);
	box-shadow: inset 0 0 0 1px rgba(15,95,234,.06);
}

.rp-rank-card__logo .rankpower-logo,
.rp-rank-card__logo img {
	max-width: 100%;
	max-height: 50px;
	object-fit: contain;
}

.rp-rank-card__meta span {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

.rp-rank-panel__content p + p {
	margin-top: 12px;
}

.rp-rank-panel__tree li {
	border-radius: 12px;
	padding: 11px 10px;
	margin: 0 -4px;
}

.rp-rank-panel__tree li:hover {
	background: linear-gradient(180deg, #f8fbff, #f1f6ff);
}

.rp-rank-sponsor-card__media {
	overflow: hidden;
	border-radius: 18px;
	box-shadow: inset 0 0 0 1px rgba(15,95,234,.06);
}

.rp-rank-sponsor-card__media img {
	width: 100%;
	height: auto;
	transition: transform .28s ease;
}

.rp-rank-sponsor-card__media:hover img {
	transform: scale(1.03);
}

@media (max-width: 767px) {
	.rp-rank-hero__stats {
		gap: 8px;
	}

	.rp-rank-hero__stats span {
		min-height: 34px;
		padding: 0 10px;
		font-size: 12px;
	}

	.rp-rank-hero__stats strong {
		font-size: 16px;
	}

	.rp-rank-hero {
		gap: 12px;
	}

	.rp-rank-hero__main {
		padding-bottom: 14px;
	}

	.rp-rank-hero .rp-showcase-lead {
		margin-top: 10px;
		font-size: 13px;
		line-height: 1.7;
	}

	.rp-rank-page {
		display: flex;
		flex-direction: column;
	}

	.rp-rank-hero {
		order: 1;
	}

	.rp-rank-panel--top {
		order: 2;
	}

	.rp-rank-cascade--desktop {
		display: none;
	}

	.rp-rank-cascade--mobile {
		display: block;
		order: 3;
	}

	.rp-rank-cascade--mobile .rp-cascade-box {
		box-shadow: 0 12px 26px rgba(15, 95, 234, 0.08);
	}

	.rp-rank-panel--top {
		margin-bottom: -2px;
	}

	.rp-rank-layout {
		order: 4;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.rp-rank-main,
	.rp-rank-sidebar {
		display: contents;
	}

	.rp-rank-panel--sponsor {
		order: 1;
	}

	.rp-rank-panel--guide {
		order: 2;
	}

	.rp-rank-panel--related {
		order: 3;
	}

	.rp-rank-panel--more {
		order: 4;
	}

	.rp-rank-internal-links {
		order: 5;
	}

	.rp-rank-filter {
		order: 6;
	}

	.rp-rank-card__head {
		align-items: flex-start;
	}

	.rp-rank-card__brand {
		gap: 10px;
	}

	.rp-rank-card__rank {
		min-width: 46px;
		height: 46px;
		border-radius: 14px;
		font-size: 19px;
	}

	.rp-rank-card__logo {
		width: 58px;
		height: 58px;
		border-radius: 16px;
	}

	.rp-rank-card__title strong a {
		font-size: 16px;
	}

	.rp-rank-card__title strong {
		width: 100%;
		margin-bottom: 5px;
	}

	.rp-rank-card__title .rp-brand-title-inline--rank-card {
		display: flex;
		width: 100%;
		gap: 4px 6px;
	}

	.rp-rank-card__title .rp-brand-title-inline--rank-card .rp-brand-title-inline__link,
	.rp-rank-card__title .rp-brand-title-inline--rank-card .rp-brand-title-inline__text {
		display: block;
		width: 100%;
		max-width: 100%;
	}

	.rp-rank-card__title .rp-brand-title-inline--rank-card .rp-brand-honor-list {
		display: flex;
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
		gap: 4px;
	}

	.rp-rank-card__title .rp-brand-title-inline--rank-card .rp-brand-honor {
		gap: 4px;
		padding: 2px 6px;
		font-size: 10px;
		line-height: 1.1;
	}

	.rp-rank-card__title .rp-brand-title-inline--rank-card .rp-brand-honor__icon {
		min-width: 14px;
		height: 14px;
		padding: 0 3px;
		font-size: 9px;
	}

	.rp-rank-card__title .rp-brand-title-inline--rank-card .rp-brand-honor__label {
		white-space: nowrap;
	}

	.rp-rank-card__title > span {
		font-size: 12px;
		line-height: 1.75;
	}

	.rp-rank-card__state {
		min-height: 30px;
		padding: 0 10px;
		font-size: 11px;
	}
}

@media (max-width: 479px) {
	.rp-rank-card__brand {
		gap: 8px;
	}

	.rp-rank-card__title .rp-brand-title-inline--rank-card {
		gap: 3px 5px;
	}

	.rp-rank-card__title .rp-brand-title-inline--rank-card .rp-brand-honor-list {
		gap: 3px;
	}

	.rp-rank-card__title .rp-brand-title-inline--rank-card .rp-brand-honor {
		padding: 2px 5px;
		font-size: 9px;
	}

	.rp-rank-card__title .rp-brand-title-inline--rank-card .rp-brand-honor__icon {
		min-width: 13px;
		height: 13px;
		padding: 0 2px;
		font-size: 8px;
	}
}
.rp-showcase-side,
.rp-showcase-member,
.rp-showcase-panel,
.rp-showcase-rank-card,
.rp-showcase-news-card,
.rp-showcase-pk-card,
.rp-brand-hero,
.rp-brand-panel {
	position: relative;
	overflow: hidden;
}

.rp-showcase-side::after,
.rp-showcase-member::after,
.rp-showcase-panel::after,
.rp-showcase-rank-card::after,
.rp-showcase-news-card::after,
.rp-showcase-pk-card::after,
.rp-brand-hero::after,
.rp-brand-panel::after {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 1px;
	background: linear-gradient(90deg, rgba(15,95,234,0), rgba(15,95,234,.18), rgba(15,95,234,0));
	pointer-events: none;
}

.rp-showcase-side,
.rp-showcase-member,
.rp-showcase-panel,
.rp-showcase-rank-card,
.rp-showcase-news-card,
.rp-showcase-pk-card,
.rp-brand-hero,
.rp-brand-panel,
.rp-rank-panel {
	box-shadow: 0 18px 42px rgba(15, 95, 234, 0.07), 0 2px 8px rgba(17, 37, 77, 0.03);
}

.rp-showcase-side:hover,
.rp-showcase-member:hover,
.rp-showcase-panel:hover,
.rp-showcase-rank-card:hover,
.rp-showcase-news-card:hover,
.rp-showcase-pk-card:hover,
.rp-topic-card:hover,
.rp-brand-card-mini:hover {
	transform: translateY(-2px);
	box-shadow: 0 22px 50px rgba(15, 95, 234, 0.11), 0 4px 14px rgba(17, 37, 77, 0.05);
}

.rp-showcase-side li,
.rp-showcase-panel li,
.rp-rank-panel li {
	border-radius: 14px;
	padding: 12px 10px;
	margin: 0 -4px;
}

.rp-showcase-side li:hover,
.rp-showcase-panel li:hover,
.rp-rank-panel li:hover {
	background: linear-gradient(180deg, #f8fbff, #f2f7ff);
}

.rp-showcase-main {
	box-shadow: 0 22px 56px rgba(15, 95, 234, 0.18);
}

.rp-showcase-main::before {
	content: "";
	position: absolute;
	inset: auto auto 40px -30px;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,0));
}

.rp-showcase-main .rp-showcase-title {
	max-width: 11ch;
	letter-spacing: -0.03em;
	text-shadow: 0 2px 14px rgba(7, 30, 78, 0.16);
}

.rp-showcase-main .rp-showcase-lead {
	max-width: 56ch;
	opacity: .96;
}

.rp-showcase-tags a {
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255,255,255,.16);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.rp-showcase-tags a:hover {
	background: rgba(255,255,255,.24);
	color: #fff;
}

.rp-showcase-metric {
	border: 1px solid rgba(15, 95, 234, 0.08);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.rp-showcase-metric strong {
	letter-spacing: -0.03em;
}

.rp-showcase-quick a,
.rp-topic-card,
.rp-brand-card-mini,
.rp-showcase-news-featured-item,
.rp-showcase-news-latest,
.rp-showcase-news-featured-main {
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}

.rp-showcase-quick a {
	position: relative;
	overflow: hidden;
}

.rp-showcase-quick a::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 4px;
	background: linear-gradient(180deg, #0f5fea, #6ba4ff);
	opacity: .9;
}

.rp-showcase-quick a:hover {
	border-color: #bdd2fb;
	box-shadow: 0 20px 40px rgba(15, 95, 234, 0.11);
}

.rp-showcase-quick strong {
	letter-spacing: -0.02em;
}

.rp-showcase-panel h2,
.rp-brand-panel h2,
.rp-rank-panel h2,
.rp-showcase-news-section__head h2,
.rp-showcase-news-latest__head h3 {
	letter-spacing: -0.02em;
}

.rp-showcase-rank-card__title h3,
.rp-showcase-news-card h3,
.rp-showcase-pk-card h3,
.rp-topic-card h3,
.rp-brand-card-mini__body strong,
.rp-brand-card-mini__body strong a {
	letter-spacing: -0.02em;
}

.rp-showcase-ranks-toolbar {
	padding: 4px 2px 0;
}

.rp-showcase-ranks-viewport .rp-showcase-rank-card {
	border: 1px solid rgba(15, 95, 234, 0.08);
}

.rp-showcase-rank-card__brands li {
	transition: background-color .18s ease, transform .18s ease;
}

.rp-showcase-rank-card__brands li:hover {
	transform: translateX(2px);
}

.rp-showcase-rank-card__brands .rankpower-logo {
	border-radius: 12px;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(15,95,234,.06);
	padding: 4px;
}

.rp-showcase-news-featured-main,
.rp-showcase-news-latest {
	border: 1px solid rgba(15, 95, 234, 0.08);
	box-shadow: 0 16px 36px rgba(15, 95, 234, 0.08);
}

.rp-showcase-news-featured-main__media,
.rp-showcase-news-featured-item__media,
.rp-showcase-news-featured-main__thumb,
.rp-showcase-news-featured-item__thumb {
	border-radius: 18px;
	overflow: hidden;
}

.rp-showcase-news-thumb {
	transition: transform .32s ease;
}

.rp-showcase-news-featured-main:hover .rp-showcase-news-thumb,
.rp-showcase-news-featured-item:hover .rp-showcase-news-thumb {
	transform: scale(1.04);
}

.rp-showcase-news-latest__list li {
	border-radius: 14px;
	padding: 12px 10px;
	margin: 0 -4px;
}

.rp-showcase-news-latest__list li:hover {
	background: linear-gradient(180deg, #f8fbff, #f2f7ff);
}

.rp-showcase-news-latest__num {
	box-shadow: inset 0 0 0 1px rgba(15,95,234,.08);
}

.rp-topic-card,
.rp-brand-card-mini {
	border: 1px solid rgba(15, 95, 234, 0.08);
}

.rp-topic-card__meta a,
.rp-brand-card-mini__link {
	font-weight: 700;
}

.rp-brand-hero {
	background:
		radial-gradient(circle at top right, rgba(15,95,234,.08), rgba(15,95,234,0) 34%),
		linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.rp-brand-hero__logo {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(15,95,234,.06);
}

.rp-brand-hero h1 {
	letter-spacing: -0.03em;
}

.rp-brand-meta span {
	border: 1px solid rgba(15, 95, 234, 0.06);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

.rp-brand-hero__surface {
	margin-top: 20px;
}

.rp-brand-hero__stat {
	box-shadow: 0 10px 24px rgba(15, 95, 234, 0.06), inset 0 1px 0 rgba(255,255,255,.9);
}

.rp-brand-hero__quickscore:hover {
	transform: translateY(-1px);
	box-shadow: 0 20px 38px rgba(15, 95, 234, 0.24);
	color: #fff;
}

.rp-brand-actions {
	margin-top: 22px;
	align-items: stretch;
}

.rp-brand-actions .button-primary,
.rp-brand-vote,
.rp-showcase-button,
.rp-showcase-button--ghost {
	box-shadow: 0 14px 30px rgba(15, 95, 234, 0.12);
}

.rp-brand-actions__group {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.rp-brand-actions__group--main {
	flex: 1 1 360px;
}

.rp-brand-actions__group--minor {
	flex: 0 0 auto;
}

.rp-brand-action-card {
	display: grid;
	gap: 4px;
	min-width: 152px;
	padding: 12px 18px;
	border-radius: 18px;
	text-decoration: none;
}

.rp-brand-action-card span {
	font-size: 12px;
	font-weight: 700;
	opacity: .85;
}

.rp-brand-action-card strong {
	font-size: 15px;
	line-height: 1.35;
}

.rp-brand-action-card--secondary {
	background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%);
	color: #16325c;
	border: 1px solid #d3e2ff;
}

.rp-brand-action-chip {
	min-width: 116px;
	background: #fff;
	color: #16325c;
	border: 1px solid #d3e2ff;
	box-shadow: none;
}

.rp-brand-action-chip:hover {
	background: #f4f8ff;
}

.rp-brand-tabs__nav {
	position: sticky;
	top: 84px;
	z-index: 8;
}

.rp-brand-tabs__tab {
	border: 1px solid rgba(15, 95, 234, 0.05);
}

.rp-brand-panel {
	background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.rp-brand-panel__content {
	color: #324662;
}

.rp-brand-info {
	gap: 14px;
}

.rp-brand-info__item {
	border: 1px solid rgba(15, 95, 234, 0.08);
	background: linear-gradient(180deg, #ffffff, #f7fbff);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

.rp-brand-info__item dt {
	color: #5d7091;
}

.rp-brand-ranking-item,
.rp-brand-related__item,
.rp-brand-faq-card,
.rp-brand-question-empty,
.rp-brand-review-summary,
.rp-brand-lead-card {
	border: 1px solid rgba(15, 95, 234, 0.08);
	box-shadow: 0 10px 22px rgba(15, 95, 234, 0.05);
}

.rp-brand-related__item:hover,
.rp-brand-faq-card:hover {
	transform: translateY(-1px);
}

.rp-brand-related__item strong a {
	letter-spacing: -0.01em;
}

.rp-brand-related__pagination .page-numbers {
	box-shadow: inset 0 0 0 1px rgba(15,95,234,.06);
}

.rp-brand-sidebar .rp-brand-lead-card {
	position: sticky;
	top: 84px;
}

.rp-showcase-friendly-links__panel {
	padding: 20px 22px;
}

.rp-showcase-friendly-links__head {
	align-items: flex-end;
	margin-bottom: 16px;
}

.rp-showcase-friendly-links__tip {
	color: #6b7280;
	font-size: 13px;
}

.rp-showcase-friendly-links__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.rp-showcase-friendly-link {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: 12px 16px;
	border: 1px solid rgba(15, 95, 234, 0.12);
	border-radius: 18px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	box-shadow: 0 10px 22px rgba(15, 95, 234, 0.04);
	color: #0f172a;
	text-decoration: none;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.rp-showcase-friendly-link:hover {
	transform: translateY(-1px);
	border-color: rgba(15, 95, 234, 0.24);
	box-shadow: 0 14px 28px rgba(15, 95, 234, 0.08);
}

.rp-showcase-friendly-link strong {
	font-size: 14px;
	line-height: 1.35;
}

.rp-showcase-friendly-link span {
	margin-top: 3px;
	font-size: 12px;
	line-height: 1.4;
	color: #64748b;
}

@media (max-width: 980px) {
	.rp-brand-tabs__nav,
	.rp-brand-sidebar .rp-brand-lead-card {
		position: static;
	}
}

@media (max-width: 767px) {
	.rp-showcase-main .rp-showcase-title {
		max-width: none;
	}

	.rp-showcase-side:hover,
	.rp-showcase-member:hover,
	.rp-showcase-panel:hover,
	.rp-showcase-rank-card:hover,
	.rp-showcase-news-card:hover,
	.rp-showcase-pk-card:hover,
	.rp-topic-card:hover,
	.rp-brand-card-mini:hover,
	.rp-brand-related__item:hover,
	.rp-brand-faq-card:hover {
		transform: none;
	}

	.rp-showcase-side li,
	.rp-showcase-panel li,
	.rp-rank-panel li,
	.rp-showcase-news-latest__list li {
		padding: 10px 8px;
	}

	.rp-showcase-quick a {
		padding: 16px 16px 16px 18px;
		border-radius: 18px;
	}

	.rp-showcase-quick strong,
	.rp-showcase-rank-card__title h3,
	.rp-showcase-news-card h3,
	.rp-showcase-pk-card h3 {
		font-size: 18px;
	}

	.rp-brand-hero {
		background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	}

	.rp-brand-hero__surface {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-top: 16px;
	}

	.rp-brand-hero__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.rp-brand-hero__stat {
		padding: 12px 12px;
		border-radius: 16px;
	}

	.rp-brand-hero__stat strong {
		font-size: 20px;
	}

	.rp-brand-hero__quickscore {
		padding: 14px 14px;
		border-radius: 18px;
	}

	.rp-brand-hero__quickscore strong {
		font-size: 22px;
	}

	.rp-brand-actions {
		margin-top: 16px;
	}

	.rp-brand-actions__group {
		width: 100%;
		gap: 8px;
	}

	.rp-brand-actions__group--main,
	.rp-brand-actions__group--minor {
		flex: 1 1 100%;
	}

	.rp-brand-action-card {
		flex: 1 1 calc(50% - 4px);
		min-width: 0;
		padding: 11px 12px;
		border-radius: 16px;
	}

	.rp-brand-action-card strong {
		font-size: 14px;
	}

	.rp-brand-action-chip {
		flex: 1 1 calc(50% - 4px);
		min-width: 0;
	}

	.rp-brand-knowledge-grid {
		gap: 14px;
		margin-top: 20px;
	}

	.rp-brand-insight-panel,
	.rp-brand-question-form-wrap,
	.rp-brand-lead-card {
		padding: 14px;
		border-radius: 16px;
	}

	.rp-brand-question-layout,
	.rp-brand-lead-form__grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.rp-brand-lead-scenes {
		gap: 8px;
	}

	.rp-brand-lead-scenes label,
	.rp-brand-lead-card__chips span {
		min-height: 28px;
		padding: 0 10px;
		font-size: 12px;
	}

	.rp-brand-lead-card__stats {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.rp-brand-lead-card__stat {
		padding: 10px 12px;
		border-radius: 14px;
	}

	.rp-brand-lead-card__stat strong {
		font-size: 16px;
	}

	.rp-brand-lead-card__promise {
		gap: 6px;
	}

	.rp-showcase-pk-card__metrics {
		gap: 6px;
		margin-top: 12px;
	}

	.rp-showcase-pk-card__metrics span,
	.rp-brand-sidebar-head__meta {
		min-height: 26px;
		padding: 0 9px;
		font-size: 11px;
	}

	.rp-brand-sidebar-list li {
		gap: 10px;
	}

	.rp-brand-sidebar-list__index {
		width: 24px;
		height: 24px;
		flex-basis: 24px;
		border-radius: 8px;
		font-size: 11px;
	}

	.rp-brand-sidebar-list__body small {
		font-size: 11px;
	}

	.rp-brand-lead-form__submit .button-primary {
		min-height: 42px;
	}

	.rp-brand-card-mini {
		padding: 12px;
		gap: 12px;
	}

	.rp-brand-info__item {
		padding: 12px 14px;
	}

	.rp-showcase-friendly-links__panel {
		padding: 16px;
	}

	.rp-showcase-friendly-links__head {
		align-items: flex-start;
	}

	.rp-showcase-friendly-links__tip {
		font-size: 12px;
	}

	.rp-showcase-friendly-links__grid {
		gap: 8px;
	}

	.rp-showcase-friendly-link {
		width: calc(50% - 4px);
		padding: 10px 12px;
		border-radius: 16px;
	}

	.rp-showcase-friendly-link strong {
		font-size: 13px;
	}

	.rp-showcase-friendly-link span {
		font-size: 11px;
	}
}