.app-tpl--classic .at-tri-box{
    background:#fff;
    border-radius:20px;
    padding:20px 15px;
    margin:15px 0;
}
.app-tpl--classic .at-tri-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px 12px;
}
.app-tpl--classic .at-tri-item{
    text-align:center;
    transition:transform .2s;
}
.app-tpl--classic .at-tri-item:hover{
    transform:translateY(-2px);
}
.app-tpl--classic .at-tri-iconwrap{
    position:relative;
    width:60px;
    height:60px;
    margin:0 auto 13px;
}
.app-tpl--classic .at-tri-icon{
    display:block;
    width:60px;
    height:60px;
    border-radius:12px;
    object-fit:cover;
    background:#f0f0f0;
}
.app-tpl--classic .at-tri-hot{
    position:absolute;
    top:-6px;
    right:-8px;
    z-index:2;
    background:#f53844;
    color:#fff;
    font-size:8px;
    font-weight:bold;
    line-height:1.2;
    padding:2px 7px;
    border-radius:10px;
}
.app-tpl--classic .at-tri-name{
    font-size:15px;
    color:#222;
    line-height:1.2;
    margin-bottom:10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.app-tpl--classic .at-tri-btn{
    display:block;
    width:80px;
    margin:0 auto;
    background:#ff7324;
    color:#fff;
    font-size:12px;
    font-weight:500;
    text-decoration:none;
    border-radius:999px;
    padding:6px 0;
    transition:background .2s;
}
.app-tpl--classic .at-tri-btn:hover{background:#f2620f}
.app-tpl--classic .at-tri-btn:active{background:#dd5607}

.app-tpl--card .at-card-list{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin:12px 0 18px;
}
.app-tpl--card .at-card{
    position:relative;
    background:#fff;
    border-radius:22px;
    padding:clamp(16px,2.5vw,20px);
    box-shadow:0 1px 4px #e5e9f2;
    display:flex;
    flex-direction:column;
    gap:14px;
    overflow:hidden;
    transition:box-shadow .25s,transform .25s;
}
.app-tpl--card .at-card:hover{
    box-shadow:0 8px 22px rgba(96,120,190,.16);
    transform:translateY(-2px);
}
.app-tpl--card .at-card-corner{
    position:absolute;
    top:0;
    right:0;
    background:linear-gradient(135deg,#ff8a3d,#ff5722);
    color:#fff;
    font-size:11px;
    line-height:1;
    padding:7px 12px;
    border-bottom-left-radius:14px;
}
.app-tpl--card .at-card-top{
    display:flex;
    align-items:center;
    gap:14px;
}
.app-tpl--card .at-card-icon{
    width:48px;
    height:48px;
    border-radius:14px;
    object-fit:cover;
    flex-shrink:0;
    background:#eee;
}
.app-tpl--card .at-card-name{
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.app-tpl--card .at-card-name h3{
    font-size:16px;
    font-weight:bold;
    color:#111;
    line-height:1.3;
}
.app-tpl--card .at-card-star{
    color:#ffbc00;
    font-size:13px;
    letter-spacing:1px;
    white-space:nowrap;
}
.app-tpl--card .at-card-desc{
    font-size:14px;
    color:#666;
    line-height:1.7;
    padding:0 4px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.app-tpl--card .at-card-btns{
    display:flex;
    gap:14px;
    width:100%;
}
.app-tpl--card .at-card-btns > *{
    flex:1;
    text-align:center;
    border-radius:999px;
    padding:8px 4px;
    font-size:14px;
    border:none;
    text-decoration:none;
    white-space:nowrap;
    line-height:1.4;
}
.app-tpl--card .at-card-code{
    background:#ffe8bc;
    color:#b05000;
}
.app-tpl--card .at-card-dl{
    background:linear-gradient(90deg,#5864f0,#825cfa);
    color:#fff;
    transition:filter .2s;
}
.app-tpl--card .at-card-dl:hover{filter:brightness(.94)}
.app-tpl--card .at-card-buy{
    background:#f27c22;
    color:#fff;
    transition:filter .2s;
}
.app-tpl--card .at-card-buy:hover{filter:brightness(.94)}
.app-tpl--card .at-card-buy--off{
    background:#e9eaef;
    color:#9aa0ad;
}

@media (max-width:767px){
    .app-tpl--classic .at-tri-box{
        padding:16px 10px;
    }
    .app-tpl--classic .at-tri-row{
        gap:18px 8px;
    }
    .app-tpl--classic .at-tri-iconwrap,
    .app-tpl--classic .at-tri-icon{
        width:54px;
        height:54px;
    }
    .app-tpl--classic .at-tri-name{
        font-size:14px;
    }
    .app-tpl--classic .at-tri-btn{
        width:72px;
        font-size:12px;
    }
    .app-tpl--card .at-card-btns{
        gap:10px;
    }
    .app-tpl--card .at-card-btns > *{
        font-size:13px;
        padding:7px 3px;
    }
}

/* ===== 应用卡片：下载弹窗（仅启用“应用卡片”模板时出现） ===== */
.app-tpl--card .at-card-dl--btn{
    font-family:inherit;
    cursor:pointer;
    border:0;
    appearance:none;
    -webkit-appearance:none;
}
.at-pop-mask{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.6);
    z-index:9999;
    align-items:center;
    justify-content:center;
    padding:10px;
}
.at-pop-box{
    width:100%;
    max-width:min(420px, 92vw);
    max-height:86vh;
    background:#f3f4f6;
    border-radius:18px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    box-shadow:0 12px 40px rgba(0,0,0,.25);
}
.at-pop-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 14px;
    background:#fff;
    flex:none;
}
.at-pop-title{
    font-size:15px;
    font-weight:bold;
    color:#111;
}
.at-pop-close{
    font-size:22px;
    line-height:1;
    color:#999;
    background:none;
    border:0;
    cursor:pointer;
    padding:0 2px;
}
.at-pop-close:hover{color:#666}
.at-pop-inner{
    padding:14px;
    overflow-y:auto;
}
.at-pop-tip{
    font-size:15px;
    color:#222;
    margin-bottom:10px;
}
.at-pop-legend{
    display:flex;
    gap:16px;
    margin-bottom:14px;
    font-size:14px;
}
.at-legend-ok{color:#22bb66}
.at-legend-err{color:#ee4444}
.at-link-item{
    background:#fff;
    border-radius:12px;
    padding:12px;
    margin-bottom:8px;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    position:relative;
}
.at-link-item:hover{background:#fbfdff}
.at-link-left{
    flex:1;
    padding-right:44px;
    min-width:0;
}
.at-link-name{
    font-size:16px;
    color:#222;
    margin-bottom:4px;
}
.at-link-url{
    font-size:13px;
    color:#2766dd;
    word-break:break-all;
    line-height:1.5;
}
.at-link-status{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    font-size:12px;
    color:#999;
}
.at-status-ok,
.at-status-err{
    width:36px;
    height:36px;
    border-radius:50%;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    line-height:1;
}
.at-status-ok{background:#22bb66}
.at-status-err{background:#ee4444}
.at-link-empty{
    background:#fff;
    border-radius:12px;
    padding:18px 12px;
    text-align:center;
    color:#999;
    font-size:14px;
    margin-bottom:8px;
}
.at-pop-note{
    background:#fff;
    border-radius:12px;
    padding:12px;
    margin-top:8px;
    font-size:14px;
    line-height:1.6;
    color:#444;
}
.at-pop-note p{margin:0 0 6px}
.at-pop-note small{
    font-size:12px;
    color:#888;
    display:block;
}
.at-pop-install-wrap{
    text-align:center;
    margin-top:12px;
}
.at-pop-install{
    display:inline-block;
    padding:6px 22px;
    background:linear-gradient(135deg,#00b09b 0%,#96c93d 100%);
    color:#fff;
    text-decoration:none;
    border-radius:99px;
    font-size:14px;
    font-weight:500;
}
.at-pop-toast{
    display:none;
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:rgba(0,0,0,.75);
    color:#fff;
    padding:8px 16px;
    border-radius:6px;
    z-index:10000;
    font-size:13px;
}
@media (max-width:480px){
    .at-pop-box{max-height:88vh;border-radius:16px}
    .at-pop-inner{padding:12px}
    .at-link-url{font-size:12px}
}