.widget-frame[data-v-01e2ea60]{width:100%;min-height:100vh;background-color:#f5f7fa}.frame-container[data-v-01e2ea60]{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;padding-top:80px}.widget-header[data-v-01e2ea60]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.widget-icon[data-v-01e2ea60],.widget-identity[data-v-01e2ea60]{display:flex;align-items:center}.widget-icon[data-v-01e2ea60]{font-size:2rem;color:#3273dc;margin-right:1rem;width:50px;height:50px;justify-content:center;background-color:rgba(50,115,220,.1);border-radius:12px}.widget-title[data-v-01e2ea60]{font-size:1.8rem;color:#333;margin:0}.widget-actions[data-v-01e2ea60]{display:flex;align-items:center}.back-button[data-v-01e2ea60]{padding:.5rem 1rem;background-color:#f0f0f0;border-radius:6px;color:#555;text-decoration:none;font-size:.9rem;transition:all .3s ease}.back-button[data-v-01e2ea60]:hover{background-color:#e0e0e0}.back-button i[data-v-01e2ea60]{margin-right:5px}.widget-info-card[data-v-01e2ea60]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:1.5rem;margin-bottom:1.5rem}.widget-description[data-v-01e2ea60]{font-size:1rem;color:#555;margin-bottom:1rem;line-height:1.5}.widget-developer[data-v-01e2ea60]{font-size:.9rem;color:#777;padding-top:.5rem;border-top:1px solid #eee}.widget-content-card[data-v-01e2ea60]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:2rem;margin-bottom:2rem;min-height:400px}@media(max-width:768px){.frame-container[data-v-01e2ea60]{padding:1.5rem 1rem;padding-top:70px}.widget-header[data-v-01e2ea60]{flex-direction:column;align-items:flex-start}.widget-identity[data-v-01e2ea60]{margin-bottom:1rem}.widget-title[data-v-01e2ea60]{font-size:1.5rem}.widget-icon[data-v-01e2ea60]{font-size:1.5rem;width:40px;height:40px}.widget-content-card[data-v-01e2ea60]{padding:1.5rem;min-height:300px}}.webvpn-converter[data-v-19390e72]{width:100%}.input-section[data-v-19390e72]{margin-bottom:24px}.input-section label[data-v-19390e72]{display:block;font-size:16px;margin-bottom:8px;font-weight:500;color:#333}.input-with-button[data-v-19390e72]{display:flex;gap:10px}.input-with-button input[data-v-19390e72]{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:15px;transition:border-color .3s}.input-with-button input[data-v-19390e72]:focus{outline:none;border-color:#3273dc;box-shadow:0 0 0 2px rgba(50,115,220,.2)}.convert-btn[data-v-19390e72]{background-color:#3273dc;color:#fff;border:none;border-radius:6px;padding:0 20px;font-size:15px;cursor:pointer;transition:background-color .3s}.convert-btn[data-v-19390e72]:hover{background-color:#276cda}.convert-btn[data-v-19390e72]:active{background-color:#215cca}.output-section[data-v-19390e72]{margin-bottom:30px}.output-section .result-label[data-v-19390e72]{font-size:16px;font-weight:500;margin-bottom:8px;color:#333}.result-container[data-v-19390e72]{background-color:#f5f8ff;border:1px solid #d1e0ff;border-radius:6px;padding:15px}.url-display[data-v-19390e72]{font-family:Courier New,monospace;word-break:break-all;margin-bottom:15px;line-height:1.4;background-color:#fff;padding:10px;border-radius:4px;border:1px dashed #ccc}.action-buttons[data-v-19390e72]{display:flex;gap:10px}.action-btn[data-v-19390e72]{padding:8px 15px;border-radius:4px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s;text-decoration:none}.action-btn i[data-v-19390e72]{margin-right:5px}.copy-btn[data-v-19390e72]{background-color:#4caf50;color:#fff;border:none}.copy-btn[data-v-19390e72]:hover{background-color:#43a047}.open-btn[data-v-19390e72]{background-color:#ff9800;color:#fff}.open-btn[data-v-19390e72]:hover{background-color:#f57c00}.info-section[data-v-19390e72]{background-color:#f9f9f9;border-radius:6px;padding:15px 20px}.info-section h3[data-v-19390e72]{margin-top:0;margin-bottom:10px;font-size:16px;color:#444}.info-section ul[data-v-19390e72]{margin:0;padding-left:20px}.info-section ul li[data-v-19390e72]{margin-bottom:5px}.info-section .note[data-v-19390e72]{margin-top:15px;color:#d32f2f;font-size:14px}@media(max-width:768px){.input-with-button[data-v-19390e72]{flex-direction:column}.convert-btn[data-v-19390e72]{width:100%;padding:10px}.action-buttons[data-v-19390e72]{flex-direction:column}.action-btn[data-v-19390e72]{width:100%}}