/* 动画定义已移至 common-animations.css */.mcp-resource-details-module-container{--mcp-module-bg-color:var(--main-bg-color,#fff);--mcp-module-border-color:var(--main-border-color,#eef2f7);--mcp-module-text-color:var(--text-color,#4a5568);--mcp-module-link-color:var(--link-color,#3182ce);--mcp-module-title-color:var(--title-color,#1a202c);--mcp-module-label-color:var(--text-color-placeholder,#718096);--mcp-button-primary-bg:var(--primary-color,#4299e1);--mcp-button-primary-hover-bg:var(--primary-color-hover,#2b6cb0);--mcp-tag-bg-color:#edf2f7;--mcp-tag-text-color:#4a5568;--mcp-tag-hover-bg-color:#e2e8f0;background-color:var(--mcp-module-bg-color);border-radius:12px;padding:28px 35px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.06);margin-bottom:30px}body.dark-theme .mcp-resource-details-module-container{--mcp-module-bg-color:#2d3748;--mcp-module-border-color:#4a5568;--mcp-module-text-color:#cbd5e0;--mcp-module-link-color:#63b3ed;--mcp-module-title-color:#f7fafc;--mcp-module-label-color:#a0aec0;--mcp-tag-bg-color:#4a5568;--mcp-tag-text-color:#e2e8f0;--mcp-tag-hover-bg-color:#718096;box-shadow:0 6px 18px rgba(0,0,0,.18)}.mcp-resource-details-wrapper .tjApp{background-color:transparent;border-radius:0;padding:0;overflow:hidden}.mcp-resource-details-wrapper .pc-content .app-info{display:flex;align-items:center;margin-bottom:15px}.mcp-resource-details-wrapper .pc-content .appImg img.fit-cover{width:95px;height:95px;border-radius:16px;margin-right:25px;object-fit:cover;border:1px solid var(--mcp-module-border-color);box-shadow:0 5px 12px rgba(0,0,0,.06)}.mcp-resource-details-wrapper .pc-content .app-info>.fl{flex-grow:1}.mcp-resource-details-wrapper .pc-content .appName{font-size:2.2rem;font-weight:700;color:var(--mcp-module-title-color);margin:0 0 10px;line-height:1.3}.mcp-resource-details-wrapper .pc-content .article-tags{margin-top:8px;margin-bottom:18px}.mcp-resource-details-wrapper .pc-content .article-tags a.but,.mcp-resource-details-wrapper .pc-content .article-tags a.but[class*=c-]{font-size:1.35rem;padding:6px 14px;margin:0 8px 8px 0;border-radius:18px;line-height:1.4;font-weight:500;display:inline-flex;align-items:center;background-color:var(--mcp-tag-bg-color)!important;color:var(--mcp-tag-text-color)!important;border:1px solid transparent;text-shadow:none!important;background-image:none!important;transition:background-color .2s ease,color .2s ease,transform .2s ease}.mcp-resource-details-wrapper .pc-content .article-tags a.but:hover,.mcp-resource-details-wrapper .pc-content .article-tags a.but[class*=c-]:hover{background-color:var(--mcp-tag-hover-bg-color)!important;color:var(--mcp-module-link-color)!important;transform:translateY(-1px) scale(1.02)}.mcp-resource-details-wrapper .pc-content .article-tags a.but i{margin-right:6px;opacity:.8;font-size:.95em}.mcp-resource-details-wrapper .pc-content .detaBox{display:flex;align-items:flex-start;justify-content:space-between;margin-top:25px;padding-top:20px;border-top:1px solid var(--mcp-module-border-color)}.mcp-resource-details-wrapper .pc-content .detaMain{flex-grow:1;flex-basis:70%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 15px;float:none}.mcp-resource-details-wrapper .pc-content .detaMain.fl{float:none!important}.mcp-resource-details-wrapper .pc-content .detaMain p{font-size:1.35rem;color:var(--mcp-module-text-color);line-height:1.75;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:baseline;min-width:0}.mcp-resource-details-wrapper .pc-content .detaMain p span{font-size:.9em;font-weight:400;color:var(--mcp-module-label-color);margin-right:.5em;flex-shrink:0}.mcp-resource-details-wrapper .pc-content .detaBox>div:last-child{flex-shrink:0;margin-left:25px}.mcp-resource-details-wrapper .pc-content .detaBox button{background:linear-gradient(135deg,var(--mcp-button-primary-bg) 0%,var(--mcp-button-primary-hover-bg) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);text-align:center;font-weight:500;padding:10px 22px;font-size:1rem;height:auto;line-height:1.5;box-shadow:0 3px 8px rgba(0,0,0,.1)}.mcp-resource-details-wrapper .pc-content .detaBox button:hover{background:linear-gradient(135deg,var(--mcp-button-primary-hover-bg) 0%,var(--mcp-button-primary-bg) 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 5px 15px rgba(0,0,0,.15)}.mcp-resource-details-wrapper .pc-content .detaBox button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 6px rgba(0,0,0,.1)}.mcp-resource-details-wrapper .mobile-content .tjApp{padding:0}.mcp-resource-details-wrapper .mobile-content #info{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:0}.mcp-resource-details-wrapper .mobile-content #info img.fit-cover{float:none;margin:0 0 8px;width:50px;height:50px;border-radius:8px;border:1px solid var(--mcp-module-border-color);box-shadow:0 2px 4px rgba(0,0,0,.05)}.mcp-resource-details-wrapper .mobile-content .name h1.mcp-mobile-appname{font-size:1.25rem;font-weight:600;color:var(--mcp-module-title-color);margin:0 0 12px;line-height:1.3}.mcp-resource-details-wrapper .mobile-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px;margin-top:10px;clear:none;width:100%;text-align:left}.mcp-resource-details-wrapper .mobile-info-grid>div{font-size:1.3rem;color:var(--mcp-module-text-color);line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;align-items:baseline}.mcp-resource-details-wrapper .mobile-info-grid>div span{font-size:.9em;font-weight:400;color:var(--mcp-module-label-color);margin-right:.4em;margin-bottom:0;flex-shrink:0}.mcp-resource-details-wrapper .mobile-content button{background-color:var(--mcp-button-primary-bg);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .25s ease,transform .15s ease,box-shadow .25s ease;text-align:center;font-weight:500;width:100%;padding:10px 18px;font-size:1rem;height:auto;line-height:1.5;margin-top:18px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.mcp-resource-details-wrapper .pc-content{display:block}.mcp-resource-details-wrapper .mobile-content{display:none}.historical-versions-container .history-dropdown{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#f8f8f8;color:#333;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208l5%205%205-5z%22%20fill%3D%22%23555%22/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 10px center;background-size:16px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);animation:mcp-fadeInDown .35s cubic-bezier(.215,.61,.355,1)}.dark-theme .historical-versions-container .history-dropdown{background-color:#3a3a3a;border-color:#555;color:#fff;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208l5%205%205-5z%22%20fill%3D%22%23ccc%22/%3E%3C/svg%3E')}@media (max-width:991px){.mcp-resource-details-wrapper .pc-content .detaMain{grid-template-columns:repeat(2,1fr);gap:10px 15px}.mcp-resource-details-wrapper .pc-content .detaMain p{font-size:1.27rem;white-space:normal}.mcp-resource-details-wrapper .pc-content .detaBox{flex-direction:column;align-items:stretch}.mcp-resource-details-wrapper .pc-content .detaBox button{margin-left:0;margin-top:15px;width:100%}}@media (max-width:768px){.mcp-resource-details-wrapper .pc-content{display:none}.mcp-resource-details-wrapper .mobile-content{display:block}.mcp-resource-details-module-container{padding:15px;margin-bottom:20px}}@media (max-width:480px){.mcp-resource-details-module-container{padding:15px 12px;margin-bottom:15px}.mcp-resource-details-wrapper .mobile-content #info img.fit-cover{width:45px;height:45px;border-radius:8px;margin-bottom:10px}.mcp-resource-details-wrapper .mobile-content .name h1.mcp-mobile-appname{font-size:1.2rem;margin-bottom:12px}.mcp-resource-details-wrapper .mobile-info-grid{gap:8px 10px;margin-top:12px}.mcp-resource-details-wrapper .mobile-info-grid>div{font-size:1.27rem}.mcp-resource-details-wrapper .mobile-info-grid>div span{margin-right:.3em}.mcp-resource-details-wrapper .mobile-content button{font-size:1rem;padding:10px 16px;margin-top:15px}}.mcp-resource-details-wrapper .ovf{overflow:hidden}.mcp-resource-details-wrapper .fl{float:left}.mcp-resource-details-wrapper .fr{float:right}
/* --- 历史版本和跨平台版本按钮统一样式 --- */

/* 容器统一样式 */
.related-versions-container {
    position: relative; /* 为下拉框定位提供基准 */
}

/* 按钮统一样式 */
.mcp-version-button {
    display: block;
    width: 100%;
    padding: 10px 15px;
    background-color: var(--main-color, #007bff); /* 使用主题的主色调 */
    color: #fff;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 15px;
    font-weight: bold;
}

.mcp-version-button:hover {
    background-color: var(--main-deep-color, #0056b3); /* 鼠标悬停时的深色 */
    color: #fff;
}

/* 下拉选择框统一样式 */
.mcp-versions-dropdown {
    display: none; /* 默认隐藏 */
    width: 100%;
    margin-top: 5px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    font-size: 14px;
}