*{margin:0;padding:0;box-sizing:border-box}.popup-overlay[data-v-d1fc1d06]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000cb;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-overlay .close[data-v-d1fc1d06]{position:absolute;top:40px;right:40px;background-color:#00000050;width:50px;height:50px;color:#fff;font-size:40px;display:flex;align-items:center;justify-content:center;border-radius:40px;padding-bottom:4px;cursor:pointer}.popup-content[data-v-d1fc1d06]{background:#000;border-radius:8px;box-shadow:0 4px 6px #00000080;overflow:hidden;animation:fadeIn-d1fc1d06 .3s ease-out;width:var(--v59329258);height:var(--v995e8256)}.iframe[data-v-d1fc1d06]{width:400px;height:800px;transform:var(--v58f76ddc);transform-origin:top left;border:none}@keyframes fadeIn-d1fc1d06{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-container{min-height:100vh;background-color:#f3f4f6;display:flex;flex-direction:column}.header{width:100%;box-sizing:border-box;background-color:#007bff;color:#fff;padding:16px 32px;display:flex;justify-content:space-between;align-items:center}.header .header-title{font-weight:600;font-size:18px}.header .header-nav{display:flex;gap:24px;font-size:14px}.header .header-nav .nav-link{color:#fff;text-decoration:none}.main{flex:1;display:flex;justify-content:center;box-sizing:border-box}.main .content{background-color:#f3f4f6;border-radius:8px;padding:62px 32px;display:flex;flex-wrap:wrap;gap:32px;max-width:1400px;width:100%}.main .content .welcome-section{flex:1;min-width:350px;width:500px}.main .content .welcome-section .welcome-title{font-size:32px;font-weight:700;margin-bottom:8px}.main .content .welcome-section .welcome-text{color:#4b5563;margin-bottom:24px}.main .content .welcome-section .welcome-subtext{color:#374151;margin-bottom:12px}.main .content .welcome-section .button-group{display:flex;gap:12px;flex-wrap:wrap}.main .content .welcome-section .button-group .button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;color:#fff}.main .content .welcome-section .button-group .button.button-blue{background-color:#2563eb}.main .content .welcome-section .button-group .button.button-green{background-color:#16a34a}.main .content .welcome-section .button-group .button.button-dark-green{background-color:#059669}.main .content .demo-section{background-color:#fff;padding:24px;display:flex;flex-direction:column;align-items:center;border-radius:12px;min-width:420px}.main .content .demo-section .demo-title{font-size:20px;font-weight:600;margin-bottom:16px;width:100%;text-align:left}.main .content .demo-section .demo-list{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.main .content .demo-section .demo-list .demo-item{width:160px;text-align:center;cursor:pointer}.main .content .demo-section .demo-list .demo-item .demo-image{width:160px;height:160px;border-radius:12px;object-fit:cover}.main .content .demo-section .demo-list .demo-item .demo-name{margin-top:8px;font-size:14px}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f9fafb}button:hover{opacity:.9;transform:scale(1.02);transition:all .2s ease}