.hl-aio-cell{position:relative;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 8px;text-align:center;opacity:.9;transition:transform .2s,box-shadow .2s,opacity .2s,background .2s,border-radius .2s;cursor:default}.hl-aio-cell:hover{opacity:1;background:#fafafa;transform:scale(1.08);z-index:20;box-shadow:0 8px 24px -8px rgba(124,58,237,.35);border-radius:8px}.hl-aio-cell span{font-size:11px;font-weight:500;color:rgba(15,23,42,.8);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:color .2s}.hl-aio-cell:hover span{color:#0f172a}.hl-aio-spot{position:relative;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px -20px rgba(15,23,42,.18);transition:all .3s;cursor:default}.hl-aio-spot:hover{transform:translateY(-2px);box-shadow:0 20px 50px -20px rgba(124,58,237,.3);z-index:10}.hl-aio-spot-line{position:absolute;top:0;left:0;right:0;height:2px;opacity:.9;z-index:2}.hl-aio-spot-img{position:relative;flex:1;min-height:0;overflow:hidden}.hl-aio-spot-body{padding:16px;display:flex;align-items:flex-start;gap:12px}.hl-aio-spot-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hl-aio-spot h3{font-size:15px;font-weight:600;margin-bottom:2px;color:#0f172a;line-height:1.2}.hl-aio-spot p{font-size:12px;color:#64748b;line-height:1.4}.hl-aio-m-spots{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.hl-aio-m-spot{position:relative;border-radius:16px;background:#fff;border:1px solid #e2e8f0;overflow:hidden}.hl-aio-m-spot-line{position:absolute;top:0;left:0;right:0;height:2px;z-index:2}.hl-aio-m-img{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.hl-aio-m-body{display:flex;align-items:flex-start;gap:12px;padding:16px}.hl-aio-m-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hl-aio-m-spot h3{font-size:15px;font-weight:600;margin-bottom:2px;color:#0f172a}.hl-aio-m-spot p{font-size:12px;color:#64748b;line-height:1.4}.hl-aio-group{margin-bottom:20px}.hl-aio-group-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:0 4px}.hl-aio-group-head h4{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.hl-aio-group-line{height:1px;flex:1;background:#e2e8f0}.hl-aio-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin:0 -16px;padding-left:16px;padding-right:16px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.hl-aio-row::-webkit-scrollbar{display:none}.hl-aio-tile{scroll-snap-align:start;flex-shrink:0;width:96px;height:80px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 8px;text-align:center}.hl-aio-tile span{font-size:10px;font-weight:500;color:rgba(15,23,42,.75);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}