:root{--dark: #F5F5F5;--darker: #E5E7EB;--light: #333333;--gray-500: #6B7280}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--dark);color:var(--light);min-height:100vh;overflow-x:hidden}.pc-container{min-height:100vh;display:flex;flex-direction:column}.pc-main{flex:1;padding-top:20px;padding-bottom:40px}.pc-footer{background-color:var(--darker);border-top:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.hidden{display:none}.md\:flex{display:flex}.md\:hidden{display:none}.flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid{display:grid}.col-span-2{grid-column:span 2}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-4{margin-bottom:1rem}.mb-12{margin-bottom:3rem}.text-center{text-align:center}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:text-primary:hover{color:var(--primary)}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.max-w-xs{max-width:20rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.flex-center{display:flex;align-items:center;justify-content:center}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--primary),var(--secondary))}.shadow-lg,.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hover\:shadow-primary\/20:hover{box-shadow:0 0 0 20px #7c3aed33}.index-container[data-v-0cbb3b5d]{width:100%;min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column;align-items:center;padding:2rem 0;position:relative}.site-title[data-v-0cbb3b5d]{position:absolute;top:2rem;left:2rem;z-index:10;display:flex;align-items:center;gap:.5rem;transform:perspective(1000px) rotateX(5deg)}.tink-text[data-v-0cbb3b5d]{font-size:2.5rem;font-weight:700;color:#333;transition:all .3s ease}.tink-text[data-v-0cbb3b5d]:hover{transform:scale(1.05)}.subtitle-text[data-v-0cbb3b5d]{font-size:1.5rem;color:#666;transition:all .3s ease}.subtitle-text[data-v-0cbb3b5d]:hover{transform:scale(1.1)}.main-content[data-v-0cbb3b5d]{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;gap:4rem}.left-section[data-v-0cbb3b5d]{width:40%;max-width:500px;padding-right:3rem;position:relative;transform:none;transition:none}.main-title[data-v-0cbb3b5d]{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:1rem;line-height:1.2}.main-description[data-v-0cbb3b5d]{font-size:1.1rem;color:#666;margin-bottom:2rem;line-height:1.6}.action-buttons[data-v-0cbb3b5d]{display:flex;gap:1rem}.primary-button[data-v-0cbb3b5d],.secondary-button[data-v-0cbb3b5d]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a}.primary-button[data-v-0cbb3b5d]{background-color:#4f46e5;color:#fff;box-shadow:none}.primary-button[data-v-0cbb3b5d]:hover{background-color:#4338ca;transform:none;box-shadow:none}.secondary-button[data-v-0cbb3b5d]{background-color:#fff;color:#4f46e5;border:1px solid #e5e7eb;box-shadow:none}.secondary-button[data-v-0cbb3b5d]:hover{border-color:#4f46e5;transform:none;box-shadow:none}.right-section[data-v-0cbb3b5d]{width:50%;display:flex;justify-content:center;align-items:center}.h5-preview-window[data-v-0cbb3b5d]{width:300px;height:600px;background-color:#fff;border:2px solid #333;border-radius:12px;position:relative;overflow:hidden}.h5-preview-window[data-v-0cbb3b5d]{box-shadow:none;transform:none;transition:all .3s ease}.h5-preview-window[data-v-0cbb3b5d]:hover{transform:translateY(-5px);box-shadow:none}.h5-content[data-v-0cbb3b5d]{width:100%;height:100%;position:relative}.loading-overlay[data-v-0cbb3b5d]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20}.loading-spinner[data-v-0cbb3b5d]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4f46e5;border-radius:50%;animation:spin-0cbb3b5d 1s linear infinite}@keyframes spin-0cbb3b5d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-0cbb3b5d]{margin-top:10px;color:#666;font-size:14px}.h5-iframe[data-v-0cbb3b5d]{width:100%;height:100%;border:none;display:block;border-radius:12px}@media (max-width: 1024px){.main-content[data-v-0cbb3b5d]{gap:2rem}.main-title[data-v-0cbb3b5d]{font-size:2rem}.h5-preview-window[data-v-0cbb3b5d]{width:280px;height:550px}}@media (max-width: 768px){.main-content[data-v-0cbb3b5d]{flex-direction:column;padding:0 1rem;gap:3rem}.left-section[data-v-0cbb3b5d],.right-section[data-v-0cbb3b5d]{width:100%}.left-section[data-v-0cbb3b5d]{text-align:center}.action-buttons[data-v-0cbb3b5d]{justify-content:center}.phone-simulator[data-v-0cbb3b5d]{transform:rotateY(0)}}@media (max-width: 480px){.main-title[data-v-0cbb3b5d]{font-size:1.75rem}.h5-preview-window[data-v-0cbb3b5d]{width:250px;height:500px}}