2 lines
4.4 KiB
CSS
2 lines
4.4 KiB
CSS
.content-wrapper[data-v-0cb60bb1]{width:100%;display:flex;justify-content:center;background-color:#f9f9f9}.content-container[data-v-0cb60bb1]{max-width:1400px;margin:80px auto;padding:0 30px;width:100%}.clients-intro[data-v-0cb60bb1]{text-align:center;margin-bottom:60px}.section-title[data-v-0cb60bb1]{text-align:center;font-size:2.4rem;color:#222;margin-bottom:24px;position:relative;font-weight:700;letter-spacing:1px;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}.section-title[data-v-0cb60bb1]:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:60px;height:3px;background:#007aff;border-radius:2px}.clients-description[data-v-0cb60bb1]{max-width:800px;margin:30px auto 0;color:#666;line-height:1.6;font-size:1.15rem}.client-category[data-v-0cb60bb1]{margin-bottom:70px;background-color:#fff;border-radius:18px;padding:40px 36px;box-shadow:0 5px 24px #0000000f;transition:transform .3s,box-shadow .3s}.client-category[data-v-0cb60bb1]:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0000001a}.category-title[data-v-0cb60bb1]{font-size:1.7rem;color:#222;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0;position:relative;font-weight:600;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}.category-title[data-v-0cb60bb1]:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#007aff;border-radius:2px}.category-description[data-v-0cb60bb1]{color:#666;line-height:1.6;margin-bottom:30px;font-size:1.05rem}.clients-logos-row[data-v-0cb60bb1]{display:flex;justify-content:center;gap:64px;flex-wrap:wrap;margin-top:40px}.client-logo-block[data-v-0cb60bb1]{display:flex;flex-direction:column;align-items:center;position:relative;width:140px}.client-logo-circle[data-v-0cb60bb1]{width:120px;height:120px;background:#fff;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s,transform .3s}.client-logo-circle.active[data-v-0cb60bb1]{transform:scale(1.08)}.client-logo-circle img[data-v-0cb60bb1]{width:100%;height:100%;object-fit:contain}.client-logo-name[data-v-0cb60bb1]{margin-top:18px;font-size:1.1rem;font-weight:600;color:#222;text-align:center}.client-bubble[data-v-0cb60bb1]{position:absolute;left:50%;top:110px;transform:translate(-50%);min-width:180px;max-width:260px;background:#fff;color:#333;border-radius:12px;box-shadow:0 8px 32px #00000021;padding:18px 20px;font-size:.98rem;z-index:10;text-align:center;line-height:1.5}.client-bubble[data-v-0cb60bb1]:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);border-width:0 10px 12px 10px;border-style:solid;border-color:transparent transparent #fff transparent;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.07))}.bubble-enter-active[data-v-0cb60bb1],.bubble-leave-active[data-v-0cb60bb1]{transition:opacity .25s,transform .25s}.bubble-enter-from[data-v-0cb60bb1],.bubble-leave-to[data-v-0cb60bb1]{opacity:0;transform:translateY(10px)}.fade-in-up-enter-active[data-v-0cb60bb1]{transition:all .5s cubic-bezier(.23,1.02,.67,1.01)}.fade-in-up-enter-from[data-v-0cb60bb1]{opacity:0;transform:translateY(30px) scale(.98)}.fade-in-up-enter-to[data-v-0cb60bb1]{opacity:1;transform:translateY(0) scale(1)}@media (max-width: 1400px){.clients-grid[data-v-0cb60bb1]{grid-template-columns:repeat(4,1fr);gap:25px}.client-category[data-v-0cb60bb1]{padding:30px 25px}}@media (max-width: 1100px){.clients-grid[data-v-0cb60bb1]{grid-template-columns:repeat(3,1fr);gap:20px}.client-logo[data-v-0cb60bb1]{height:100px}}@media (max-width: 768px){.clients-grid[data-v-0cb60bb1]{grid-template-columns:repeat(2,1fr);gap:20px}.client-logo[data-v-0cb60bb1]{height:90px;padding:10px}.content-container[data-v-0cb60bb1]{padding:0 20px}.client-name[data-v-0cb60bb1]{font-size:.9rem}.client-category[data-v-0cb60bb1]{padding:25px 20px;margin-bottom:40px}.category-title[data-v-0cb60bb1]{font-size:1.4rem}.category-description[data-v-0cb60bb1]{font-size:.9rem}.description-content h4[data-v-0cb60bb1]{font-size:.9rem;margin-bottom:3px}.description-content p[data-v-0cb60bb1]{font-size:.7rem;-webkit-line-clamp:5}.client-description[data-v-0cb60bb1]{padding:8px}.client-logo img[data-v-0cb60bb1]{padding:12%}}@media (max-width: 480px){.clients-grid[data-v-0cb60bb1]{grid-template-columns:repeat(2,1fr);gap:12px}.client-logo[data-v-0cb60bb1]{height:80px}.client-category[data-v-0cb60bb1]{padding:20px 15px}.content-container[data-v-0cb60bb1]{padding:0 15px;margin:40px auto}.description-content p[data-v-0cb60bb1]{font-size:.75rem}}
|