mirror of
https://github.com/zhaojh329/rtty.git
synced 2026-02-27 09:53:17 +08:00
2 lines
3.5 KiB
CSS
2 lines
3.5 KiB
CSS
.features-container[data-v-302a13e8]{max-width:1400px;margin:0 auto;padding:2rem 1.5rem;position:relative}.tabs-container[data-v-302a13e8]{margin-bottom:3rem}.features-tabs[data-v-302a13e8]{--el-color-primary: #647eff;--el-border-color-light: rgba(100, 100, 255, .2);--el-bg-color: rgba(20, 20, 35, .5);--el-text-color-primary: #e0e0ff;--el-fill-color-light: rgba(40, 40, 60, .7)}[data-v-302a13e8] .features-tabs .el-tabs__header{margin:0;border-bottom:none}[data-v-302a13e8] .features-tabs .el-tabs__nav{border:none!important;border-radius:12px}[data-v-302a13e8] .features-tabs .el-tabs__item{padding:1rem 1.5rem;height:auto;border:1px solid rgba(100,100,255,.15)!important;border-radius:12px;margin:0 .5rem 1rem;background:#1e1e2db3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#c0c0f0;font-weight:600;transition:all .3s ease;position:relative;z-index:1}[data-v-302a13e8] .features-tabs .el-tabs__item:hover{background:#323250cc;box-shadow:0 10px 20px #5078ff4d;border-color:#6496ff80!important;color:#fff;z-index:2}[data-v-302a13e8] .features-tabs .el-tabs__item.is-active{background:linear-gradient(135deg,#42d392,#647eff);color:#fff;border-color:#6496ffcc!important;box-shadow:0 5px 15px #5078ff66}.tab-label[data-v-302a13e8]{display:flex;align-items:center;gap:.8rem}.features-grid[data-v-302a13e8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:1.5rem}.feature-item[data-v-302a13e8]{opacity:0;transform:translateY(30px);animation:fadeUp-302a13e8 .6s forwards;animation-delay:var(--delay)}@keyframes fadeUp-302a13e8{to{opacity:1;transform:translateY(0)}}.feature-card[data-v-302a13e8]{height:100%;background:#1e1e2db3;border:1px solid rgba(100,100,255,.15);border-radius:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden}.feature-card[data-v-302a13e8]:hover{transform:translateY(-10px);box-shadow:0 15px 30px #5078ff33;border-color:#6496ff66}.feature-card[data-v-302a13e8]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#42d392,#647eff);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.feature-card[data-v-302a13e8]:hover:before{transform:scaleX(1)}.card-header[data-v-302a13e8]{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem}.feature-icon[data-v-302a13e8]{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#42d39226,#647eff26);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-title[data-v-302a13e8]{font-size:1.4rem;font-weight:700;color:#e0e0ff;margin:0}.feature-content[data-v-302a13e8]{padding:0 1.5rem 1.5rem}.feature-description[data-v-302a13e8]{color:#b0b0e0;line-height:1.6;margin-bottom:1.2rem}@media (max-width: 992px){.features-grid[data-v-302a13e8]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){[data-v-302a13e8] .features-tabs .el-tabs__item{padding:.8rem 1rem;font-size:.9rem}.tab-icon[data-v-302a13e8]{font-size:1.2rem}}@media (max-width: 480px){.features-grid[data-v-302a13e8]{grid-template-columns:1fr}[data-v-302a13e8] .features-tabs .el-tabs__nav-wrap{overflow-x:auto;scrollbar-width:none}[data-v-302a13e8] .features-tabs .el-tabs__nav-wrap::-webkit-scrollbar{display:none}[data-v-302a13e8] .features-tabs .el-tabs__item{min-width:120px;margin:0 .3rem .8rem;padding:.7rem .8rem;font-size:.85rem}.tab-icon[data-v-302a13e8]{font-size:1.1rem}.feature-title[data-v-302a13e8]{font-size:1.2rem}}
|