.media-matrix-page[data-v-348ecb6c]{min-height:100vh;background:#f1faf9}.page-banner[data-v-348ecb6c]{padding:32px 40px}.page-banner .banner-content[data-v-348ecb6c]{max-width:1200px;margin:0 auto;text-align:center}.page-banner .banner-content h1[data-v-348ecb6c]{font-size:28px;font-weight:700}.page-container[data-v-348ecb6c]{max-width:1200px;margin:0 auto;padding:40px}.matrix-grid[data-v-348ecb6c]{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-bottom:32px}.matrix-card[data-v-348ecb6c]{width:200px;background:#fff;border-radius:16px;padding:32px 24px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s}.matrix-card[data-v-348ecb6c]:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.matrix-card .qrcode-placeholder[data-v-348ecb6c]{width:140px;height:140px;margin:0 auto 16px;background:#f3f4f6;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.matrix-card .qrcode-placeholder i[data-v-348ecb6c]{font-size:40px;color:#9ca3af;margin-bottom:4px}.matrix-card .qrcode-placeholder .qr-label[data-v-348ecb6c]{font-size:12px;color:#9ca3af}.matrix-card .platform-name[data-v-348ecb6c]{font-size:16px;font-weight:600;color:#1f2937}.matrix-note[data-v-348ecb6c]{text-align:center;color:#6b7280;font-size:14px}.matrix-note p[data-v-348ecb6c]{margin:0}@media(max-width:768px){.matrix-grid[data-v-348ecb6c]{gap:16px}.matrix-card[data-v-348ecb6c]{width:calc(50% - 16px)}}