<>
/* Styles inlined from /assets/css/home/io-spotlight-25.css */
:root {
--hero-background-color: #202124;
--hero-button-background-color: #202124;
--hero-button-background-color-hover: #eee;
--hero-video-background-color: #eee;
--hero-video-border-color: #202124;
--item-border-radius: 24px;
--headline-font-family: Google SansNoto SansNoto Sans JPNoto Sans KR,
Noto Naskh ArabicNoto Sans ThaiNoto Sans HebrewNoto Sans Bengali,
sans-serif;
}
.android-hero-primary {
background: #202124 url('/images/home/io-spotlight-25-banner-desktop.svg') 50% 100% no-repeat;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 820px;
overflow: hidden;
position: relative;
}
.android-hero-primary .devsite-landing-row-inner {
padding: 0;
}
.android-hero {
position: relative;
}
.android-hero__content {
background: var(--hero-content-background-color);
border: 2px solid var(--hero-content-border-color);
border-radius: 24px;
padding: 80px 16px;
position: relative;
text-align: center;
}
.android-hero__heading {
align-items: center;
display: flex !important;
flex-direction: column;
font-size: 64px;
font-weight: 700;
gap: 32px;
letter-spacing: -.5px;
line-height: 72px;
max-width: 888px;
}
.android-hero__heading img {
width: 182px;
}
.android-hero__description {
font-family: var(--headline-font-family);
font-size: 20px;
letter-spacing: .25px;
line-height: 32px;
margin: 16px auto 32px;
max-width: 888px;
}
.android-hero__video {
margin: 0 auto 32px;
max-width: 600px;
overflow: hidden;
position: relative;
width: 100%;
}
.android-hero__video devsite-video {
background: var(--hero-video-background-color);
border-radius: var(--item-border-radius);
border: 2px solid var(--hero-video-border-color);
}
.android-hero__action-border {
border-radius: var(--devsite-button-border-radius);
padding: 3px;
background: linear-gradient(88deg#4285F4 -2.89%#9B72CB 14.27%#EA4335 31.43%#FF902A 48.59%#FBBC04 65.75%#8CC52F 82.91%#34A853 100.06%);
}
.android-hero__action {
display: flex;
justify-content: center;
gap: 16px;
}
.android-hero__action .button {
background: var(--hero-button-background-color) !important;
border: unset;
display: flex;
--devsite-button-sibling-gap-x: 0;
justify-content: center;
align-items: center;
width: 100%;
}
.android-hero__action .button:active,
.android-hero__action .button:focus,
.android-hero__action .button:hover {
background: var(--hero-button-background-color-hover) !important;
border: unset;
}
.android-hero__content:after {
background: transparent url('/images/home/io-spotlight-brackets-x1.png') 50% 100% / contain no-repeat;
bottom: 310px;
content: '';
height: 193px;
position: absolute;
right: -161px;
width: 235px;
}
.android-hero__content:before {
background: transparent url('/images/home/io-spotlight-mag-glass-x1.png') 50% 100% / contain no-repeat;
bottom: 186px;
content: '';
height: 340px;
position: absolute;
right: 764px;
width: 340px;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
.android-hero__content:after {
background-image: url('/images/home/io-spotlight-brackets-x2.png');
}
.android-hero__content:before {
background-image: url('/images/home/io-spotlight-mag-glass-x2.png');
}
}
@media screen and (max-width: 840px) {
.android-hero-primary {
min-height: 730px;
}
.android-hero-primary {
background-image: url('/images/home/io-spotlight-25-banner-tablet.svg');
}
.android-hero__heading {
font-size: 40px;
font-weight: 500;
letter-spacing: -.5px;
line-height: 48px;
}
.android-hero__video {
max-width: 535px;
z-index: 1;
}
.android-hero__content:after {
height: 94px;
width: 114px;
bottom: 390px;
left: 653px;
}
.android-hero__content:before {
height: 181px;
width: 181px;
bottom: 226px;
left: -23px;
}
}
@media screen and (max-width: 600px) {
.android-hero__content:after {
display: none;
}
.android-hero__content:before {
display: none;
}
}
@media screen and (max-width: 500px) {
.android-hero-primary {
background-image: url('/images/home/io-spotlight-25-banner-mobile.svg');
min-height: auto;
}
.android-hero__description {
font-size: 16px;
line-height: 24px;
}
}
@media screen and (max-width: 360px) {
.android-hero__action {
flex-direction: column;
}
}
通过收藏保持井然有序 根据您的偏好保存和分类内容。
构建卓越应用
查看最新的 Android 公告，获取所需知识和工具，以构建真正能让用户在各种 Android 设备生态系统中感到满意且性能卓越的应用。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂 / 步骤太多","tooComplicatedTooManySteps","thumb-down"],["过时","outOfDate","thumb-down"],["示例 / 代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],[],[],[]]
