.contact-page[data-v-68dade9e]{background:#f0f2f8;min-height:calc(100vh - 124px)}.page-body[data-v-68dade9e]{max-width:560px;margin:0 auto;padding:56px 20px 80px}.contact-header[data-v-68dade9e]{text-align:center;margin-bottom:32px}.contact-header h1[data-v-68dade9e]{font-size:30px;font-weight:800;color:#1a1f36;margin:0 0 10px}.contact-header p[data-v-68dade9e]{font-size:14px;color:#8892a6;margin:0;line-height:1.6}.contact-card[data-v-68dade9e]{background:#fff;border-radius:16px;padding:32px;border:1px solid #ebeef5}.type-row[data-v-68dade9e]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px}.type-chip[data-v-68dade9e]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:12px;border:2px solid #e8ebf0;cursor:pointer;transition:all .2s;background:#fafbfc}.type-chip[data-v-68dade9e]:hover{border-color:#c8cee0}.type-chip.active[data-v-68dade9e]{border-color:#4e7cff;background:#f0f4ff}.type-icon[data-v-68dade9e]{font-size:22px}.type-label[data-v-68dade9e]{font-size:12px;color:#606266;font-weight:500}.type-chip.active .type-label[data-v-68dade9e]{color:#4e7cff}.contact-form[data-v-68dade9e] .el-input__inner{border-radius:8px}.contact-form[data-v-68dade9e] .el-textarea__inner{border-radius:8px;font-size:14px}.submit-btn[data-v-68dade9e]{width:100%;height:48px;font-size:15px;border-radius:10px}@media (max-width:480px){.type-row[data-v-68dade9e]{grid-template-columns:repeat(2,1fr)}.contact-card[data-v-68dade9e]{padding:20px}}