#atm-surface-section{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;background-color:#fff;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box;line-height:1.6}#atm-surface-section h2{text-align:center;color:#222;margin-bottom:15px;font-size:28px;font-weight:700}#atm-surface-section .atm-intro{text-align:center;max-width:800px;margin:0 auto 40px;color:#666;font-size:16px}#atm-surface-section .atm-list{display:flex;flex-direction:column;gap:20px}#atm-surface-section .atm-item{display:flex;background:#fff;border:1px solid #e1e1e1;border-radius:8px;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease;align-items:center}#atm-surface-section .atm-item:hover{box-shadow:0 10px 20px rgba(14,58,204,.08);border-color:#0e3acc}#atm-surface-section .atm-img-box{width:200px;height:140px;flex-shrink:0;background-color:#f4f4f4;overflow:hidden;display:flex;align-items:center;justify-content:center}#atm-surface-section .atm-img-box img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}#atm-surface-section .atm-item:hover .atm-img-box img{transform:scale(1.05)}#atm-surface-section .atm-content{padding:20px 30px;flex-grow:1}#atm-surface-section .atm-name{color:#0e3acc;font-size:18px;font-weight:700;margin:0 0 10px;display:inline-block;position:relative}#atm-surface-section .atm-desc{font-size:15px;color:#555;margin:0}@media screen and (max-width:768px){#atm-surface-section .atm-intro{text-align:left;font-size:14px}#atm-surface-section .atm-item{flex-direction:column;align-items:flex-start}#atm-surface-section .atm-img-box{width:100%;height:200px}#atm-surface-section .atm-content{padding:20px;width:100%;box-sizing:border-box}#atm-surface-section h2{font-size:24px}}