#div_homeImage{
    background-color:#101020;
    width:100%;
    max-width:1100px;
    text-align:center;
}

.home-hero-title{
    color:#eeddcc;
}

.home-hero-image{
    /*margin:2px;*/
    display: block; /*圖片置中*/
    margin: 4px auto 0 auto; /*圖片置中*/
    width:80%;
    max-width:540px;
    aspect-ratio: 1792 / 1024;
    object-fit: cover;
    /*height:auto;*/
    margin-top:4px;
    border-radius:30px;
    box-shadow:0 0 30px rgba(255,255,255,0.4);
    transition: opacity 0.35s ease;
}

.app-list{
    display:grid;
    /*flex-direction:column;*/
    grid-template-columns: 1fr 1fr;
    gap:16px;
    padding:0;
    margin:0;
    list-style:none;
}
@media (max-width: 980px){
    .app-list{
        grid-template-columns: 1fr;
    }
}

.app-card{
    display:flex;
    flex-direction:row;
    gap:16px;
    align-items:center;
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.1);
    border-radius:18px;
    padding:10px;
    box-shadow:0 0 18px rgba(0,0,0,0.25);
}

.app-thumb{
    margin-right:16px;
    width:70px;
    height:70px;
    border-radius:18px;
    flex:0 0 70px;
    object-fit:cover;
    box-shadow:0 0 18px rgba(255,255,255,0.5);
}

.app-body{
    flex:1 1 auto;
    min-width:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.app-title{
    margin:0;
    font-size:14px;
    line-height:1.3;
}

.app-desc{
margin: 6px 0 0 0;
color: rgba(238,221,204,0.9);
line-height: 1.3;
font-size: 13px;
}

.app-title a{
    color:#ffcc99;
    text-decoration:none;
}

.app-title a:hover{
    text-decoration:underline;
}

.app-card-link{
    display: flex;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.app-card-link:hover,
.app-card-link:focus{
    text-decoration: none;
    color: inherit;
}