wavespeed/infinitetalk

1/* Shared Space styling. Generated from _shared/spaceapp/ — do not edit in place. */2 3.gradio-container {4	max-width: 1080px !important;5	margin: 0 auto !important;6	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,7		"Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif !important;8}9 10/* --- hero ---------------------------------------------------------------- */11 12.hero-container {13	text-align: center;14	padding: 40px 16px 24px;15}16 17.hero-badge {18	display: inline-block;19	text-decoration: none;20	background: linear-gradient(135deg, #4f46e5, #2563eb);21	color: #fff;22	font-size: 0.66rem;23	font-weight: 700;24	letter-spacing: 0.14em;25	padding: 7px 18px;26	border-radius: 999px;27	margin-bottom: 16px;28}29 30.hero-badge:hover {31	filter: brightness(1.1);32	text-decoration: none;33}34 35.hero-title {36	font-size: 2.4rem;37	font-weight: 800;38	letter-spacing: -0.025em;39	margin: 0 0 10px;40	background: linear-gradient(135deg, #4338ca 0%, #2563eb 55%, #7c3aed 100%);41	-webkit-background-clip: text;42	background-clip: text;43	-webkit-text-fill-color: transparent;44}45 46.hero-desc {47	font-size: 1rem;48	line-height: 1.6;49	color: var(--body-text-color-subdued, #64748b);50	max-width: 62ch;51	margin: 0 auto;52}53 54@media (max-width: 620px) {55	.hero-title {56		font-size: 1.8rem;57	}58}59 60/* --- api key row --------------------------------------------------------- */61 62.api-key-row {63	align-items: center;64	gap: 10px;65	margin-bottom: 4px;66}67 68.get-key-btn {69	display: inline-block;70	white-space: nowrap;71	padding: 9px 16px;72	border-radius: 8px;73	border: 1px solid var(--border-color-primary, #d2d6de);74	font-size: 0.86rem;75	font-weight: 600;76	text-decoration: none;77	color: var(--body-text-color, #14161a);78}79 80.get-key-btn:hover {81	background: var(--background-fill-secondary, #f4f5f7);82}83 84.key-note {85	font-size: 0.82rem !important;86	line-height: 1.55;87	color: var(--body-text-color-subdued, #6b7280) !important;88	margin: 2px 2px 18px !important;89}90 91.key-note code {92	font-size: 0.95em;93}94 95/* --- controls ------------------------------------------------------------ */96 97.primary-btn {98	background: linear-gradient(135deg, #4f46e5, #2563eb) !important;99	border: 0 !important;100	color: #fff !important;101	font-weight: 650 !important;102	border-radius: 9px !important;103	margin-top: 8px;104}105 106.primary-btn:hover {107	filter: brightness(1.08);108}109 110/* --- footer -------------------------------------------------------------- */111 112.cta-container {113	text-align: center;114	padding: 22px 16px 8px;115	margin-top: 18px;116	border-top: 1px solid var(--border-color-primary, #e4e6eb);117}118 119.cta-desc {120	font-size: 0.86rem;121	color: var(--body-text-color-subdued, #6b7280);122	margin: 0;123}124 125.cta-desc a {126	color: #4f46e5;127	text-decoration: none;128	font-weight: 600;129}130 131.cta-desc a:hover {132	text-decoration: underline;133}134 135.cta-desc code {136	font-size: 0.95em;137}138