.topic-system-demo[data-v-e58a32af]{margin:0 auto;max-width:1200px;padding:120px 20px 60px}.demo-header[data-v-e58a32af]{align-items:center;display:flex;margin-bottom:30px}.demo-header .title[data-v-e58a32af]{color:#333;font-size:24px;font-weight:700;margin:0 15px 0 0}.demo-header .notice[data-v-e58a32af]{color:#a6a6a6;font-size:14px}.platform-cards[data-v-e58a32af]{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.card[data-v-e58a32af]{background:#fff;border-radius:8px;padding:25px 20px;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.card .card-header[data-v-e58a32af]{align-items:center;display:flex;margin-bottom:15px}.card .card-header .icon[data-v-e58a32af]{color:var(--tig-primary);font-size:22px;margin-right:10px}.card .card-header .name[data-v-e58a32af]{color:#333;flex:1;font-size:18px;font-weight:700}.card .card-header .arrow[data-v-e58a32af]{color:var(--tig-primary);font-size:16px;opacity:0;text-decoration:none;transition:all .3s ease-in-out}.card[data-v-e58a32af]:hover{background-color:#fffc;box-shadow:0 4px 32px #1034711a}.card:hover .arrow[data-v-e58a32af]{opacity:1;transform:translate(3px)}.card:hover .name[data-v-e58a32af]{color:var(--tig-primary)}.card .card-body .url[data-v-e58a32af]{color:#7b88a0;display:block;font-size:14px;font-weight:700;margin-bottom:10px;text-decoration:underline;word-break:break-all}.card .card-body .account-info[data-v-e58a32af]{color:#505357;font-size:14px;font-weight:700}.card .card-body .account-info span[data-v-e58a32af]{margin-right:15px}.app-cards[data-v-e58a32af]{display:flex;gap:15px;justify-content:flex-start}.app-card[data-v-e58a32af]{align-items:center;background:#fff;border:1px solid #f0f1f2;display:flex;flex-direction:column;padding:10px 25px;width:calc(33.333% - 14px)}.app-card .qr-code[data-v-e58a32af]{height:130px;margin-bottom:10px;padding:5px;width:130px}.app-card .qr-code img[data-v-e58a32af]{height:100%;width:100%}.app-card .name[data-v-e58a32af]{color:#333;font-size:16px;font-weight:500}@media screen and (max-width:1000px){.platform-cards[data-v-e58a32af]{grid-template-columns:repeat(2,1fr)}.app-card[data-v-e58a32af]{width:calc(50% - 10px)}}@media screen and (max-width:600px){.platform-cards[data-v-e58a32af]{grid-template-columns:1fr}.app-cards[data-v-e58a32af]{align-items:center;flex-direction:column}.app-card[data-v-e58a32af]{max-width:300px;width:100%}.demo-header[data-v-e58a32af]{align-items:flex-start;flex-direction:column}.demo-header .notice[data-v-e58a32af]{margin-top:10px}}