.port-generator-container[data-v-ca668ab6]{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:24px}.config-card[data-v-ca668ab6],.result-card[data-v-ca668ab6],.history-card[data-v-ca668ab6]{border-radius:12px;transition:all .3s ease}.config-card[data-v-ca668ab6]:hover,.result-card[data-v-ca668ab6]:hover,.history-card[data-v-ca668ab6]:hover{transform:translateY(-2px)}.card-header[data-v-ca668ab6]{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--el-text-color-primary)}.config-form[data-v-ca668ab6]{margin-top:16px}.result-content[data-v-ca668ab6]{display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px 0}.port-display[data-v-ca668ab6]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.port-label[data-v-ca668ab6]{font-size:16px;color:var(--el-text-color-regular);font-weight:500}.port-value[data-v-ca668ab6]{font-size:48px;font-weight:700;color:var(--el-color-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;padding:16px 24px;background:var(--el-fill-color-light);border-radius:12px;border:2px solid var(--el-border-color);min-width:200px;transition:all .3s ease}.port-value.port-animate[data-v-ca668ab6]{animation:portGenerate-ca668ab6 .3s ease-in-out}@keyframes portGenerate-ca668ab6{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.port-info[data-v-ca668ab6]{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.action-buttons[data-v-ca668ab6]{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.history-content[data-v-ca668ab6]{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.history-tag[data-v-ca668ab6]{cursor:pointer;transition:all .2s ease;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.history-tag[data-v-ca668ab6]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.port-generator-container[data-v-ca668ab6]{padding:16px;gap:16px}.port-value[data-v-ca668ab6]{font-size:36px;min-width:160px;padding:12px 20px}.action-buttons[data-v-ca668ab6]{flex-direction:column;width:100%}.action-buttons .el-button[data-v-ca668ab6]{width:100%}}@media (max-width: 480px){.port-value[data-v-ca668ab6]{font-size:28px;min-width:140px;padding:10px 16px}}