@charset "utf-8";
/* CSS Document */

.member_center{width:94%;max-width: 1300px;margin:0 auto;display: flex;justify-content: space-between; min-height:500px; }
.member_left{width:20%;min-width: 100px;max-width: 240px;margin-right:20px;display: flex;flex-direction: column;padding: 50px 10px;background: var(--primary);border-radius: 0px;}
.member_left a{height: 40px;display: flex;align-items: center;color: #fff;padding-left:10px;padding-right:10px;	}
.member_left a.active{background: #fff;color: #333;border-radius: 6px;}
.member_right{flex:1;}
.table{border-collapse: collapse;margin: 0 auto;text-align: center;width:100%;}
.table td{border: 1px solid #e3e3e3;color: #555;height: 36px;font-size:0.8rem}
.table thead th{background-color: #efefef;width: 100px;height:36px;color: #222;font-size:0.9rem;font-weight:600;border: 1px solid #e3e3e3;}
.table tr:nth-child(odd){background: #fff;}
.table tr:nth-child(even){background: #F5FAFA;}
.setDefault{background: #ddd;color: #333;border-radius: 4px;display: flex;width: 60px;height: 26px;display:flex;align-items: center;justify-content: center;cursor: pointer;}
.setDefault.on{background: #0f0;color: #fff;}
.sort_input{border:1px solid #ddd; width:60px; height:30px;}
.member_right a{font-size:0.9rem; color:var(--primary); }
.member_right a:hover{ color:var(--linkactive); }


/* ===== Container .member_login ===== */
.member_login {margin:auto;width: 100%;max-width: 440px;background: rgba(255, 255, 255, 0.75);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-radius: 20px;padding: 44px 36px 40px;box-shadow:0 20px 30px -20px rgba(0, 20, 40, 0.25),0 8px 24px rgba(0, 0, 0, 0.06),    inset 0 1px 1px rgba(255, 255, 255, 0.7);border: 1px solid rgba(255, 255, 255, 0.5);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.member_login:hover {transform: translateY(-4px);box-shadow:    0 40px 80px -24px rgba(0, 20, 40, 0.3),    0 8px 24px rgba(0, 0, 0, 0.06),    inset 0 1px 1px rgba(255, 255, 255, 0.7);}
.member_login .row-1 {text-align: center;margin-bottom: 32px;}
.member_login .row-1 .logo {display: inline-block;font-size: 2.2rem;font-weight: 700;letter-spacing: -0.5px ;color:#022960}
.member_login .row-1 .logo::after {content: '';position: absolute;bottom: -4px;left: 50%;transform: translateX(-50%);width: 40px;height: 3px;border-radius: 4px;background: linear-gradient(90deg, #1a2a6c, #4a6fa5);}
.member_login .row-1 .subtitle {display: block;margin-top: 12px;font-size: 0.9rem;font-weight: 400;color: #666;letter-spacing: 0.3px;-webkit-text-fill-color: #666;}
.member_login .row-2,.member_login .row-3 {display: flex;align-items: center;gap: 12px;margin-bottom: 18px;}
.member_login .row-3 {margin-bottom: 28px;}
.member_login .row-2 label,.member_login .row-3 label {flex-shrink: 0;width: 100px;font-size: 1rem;font-weight: 600;color: #555;letter-spacing: 0.5px;text-align: right;user-select: none;}
.member_login .row-2 .input-wrap,.member_login .row-3 .input-wrap {flex: 1;display: flex;align-items: center;background: rgba(255, 255, 255, 0.6);border-radius: 16px;border: 1.5px solid rgba(45, 67, 115, 0.12);transition: border-color 0.25s ease, box-shadow 0.25s ease;padding: 0 16px;min-height: 50px;}
.member_login .row-2 .input-wrap:focus-within,.member_login .row-3 .input-wrap:focus-within {border-color: #555;background: rgba(255, 255, 255, 1);}
.member_login .row-2 .input-wrap .icon,.member_login .row-3 .input-wrap .icon {font-size: 18px;color: #6a7f9e;margin-right: 12px;opacity: 0.7;flex-shrink: 0;}
.member_login .row-2 .input-wrap input,.member_login .row-3 .input-wrap input {width: 100%;padding: 16px 0;border: none;background: transparent;font-size: 16px;font-weight: 500;color: #1a2a3c;outline: none;font-family: inherit;}
.member_login .row-2 .input-wrap input::placeholder,.member_login .row-3 .input-wrap input::placeholder {color: #9aafc9;font-weight: 400;font-size: 14px;}
.member_login .row-4 {display: flex;flex-direction: column;gap: 16px;margin-top: 4px;}
.member_login .row-4 .btn-login {margin:auto;width: 60%;padding: 15px 0;border: none;border-radius: 30px;font-size: 1.5rem;font-weight: 600;color: #fff;background: linear-gradient(135deg, #022960, #2d4373);cursor: pointer;transition: all 0.25s ease;letter-spacing: 0.8px;position: relative;overflow: hidden;}
.member_login .row-4 .btn-login::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);transition: left 0.6s ease;}
.member_login .row-4 .btn-login:hover {transform: translateY(-2px);box-shadow: 0 14px 28px rgba(26, 42, 108, 0.35);background: linear-gradient(135deg, #14225a, #1a2a6c);}
.member_login .row-4 .btn-login:hover::before {left: 100%;}
.member_login .row-4 .btn-login:active {transform: scale(0.97);box-shadow: 0 4px 12px rgba(26, 42, 108, 0.2);}
.member_login .row-4 .action-links {display: flex;justify-content: space-between;align-items: center;padding: 0 4px;font-size: 14px;}
.member_login .row-4 .action-links a {color: #555;text-decoration: none;font-weight: 500;transition: color 0.2s, text-decoration 0.2s;}
.member_login .row-4 .action-links a:hover {color: #f5a623;text-decoration: underline;}
.member_login .row-4 .action-links .divider {color: #b8cbe0;font-weight: 300;user-select: none;}
/* ===== Responsive ===== */
@media (max-width: 480px) {.member_login {padding: 32px 24px 30px;border-radius: 32px;}
.member_login .row-1 .logo {font-size: 34px;}
.member_login .row-1 .subtitle {font-size: 14px;}
.member_login .row-2 label,.member_login .row-3 label {width: 50px;font-size: 13px;text-align: left;}
.member_login .row-2 .input-wrap,.member_login .row-3 .input-wrap {min-height: 48px;padding: 0 12px;}
.member_login .row-2 .input-wrap input,.member_login .row-3 .input-wrap input {font-size: 15px;padding: 12px 0;}
.member_login .row-4 .btn-login {font-size: 16px;padding: 16px 0;}
.member_login .row-4 .action-links {font-size: 13px;}}

 @media (max-width: 400px) {.member_login {padding: 24px 16px 24px;border-radius: 28px;}
.member_login .row-1 .logo {font-size: 28px;}
.member_login .row-2,.member_login .row-3 {gap: 8px;flex-wrap: wrap;}
.member_login .row-2 label,.member_login .row-3 label {width: 100%;text-align: left;margin-bottom: 2px;}
.member_login .row-2 .input-wrap,.member_login .row-3 .input-wrap {min-height: 44px;padding: 0 10px;}
.member_login .row-2 .input-wrap .icon,.member_login .row-3 .input-wrap .icon {font-size: 16px;margin-right: 8px;}
.member_login .row-4 .action-links {font-size: 12px;flex-wrap: wrap;justify-content: center;gap: 6px 12px;}
.member_login .row-4 .action-links .divider {display: none;}}
/* ===== Container .member_login end===== */
/* ===== Container .member_register start===== */
.member_reg {margin:auto;width: 100%;max-width: 500px;background: rgba(255, 255, 255, 0.75);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-radius: 20px;padding: 20px 16px 18px;border: 1px solid rgba(255, 255, 255, 0.5);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.member_reg:hover {transform: translateY(-4px);box-shadow:    0 40px 80px -24px rgba(0, 20, 40, 0.3),    0 8px 24px rgba(0, 0, 0, 0.06),    inset 0 1px 1px rgba(255, 255, 255, 0.7);}
.member_reg .reg-title {text-align: center;font-size: 2.2rem;font-weight: 700;margin-bottom: 30px;color: #022960;  letter-spacing: -0.5px;}
.member_reg form {display: flex;flex-direction: column;gap: 16px;}
.member_reg .field-row,.member_reg .code-row {display: flex;align-items: center;gap: 14px;}

.member_reg .field-row label,.member_reg .code-row label {flex: 0 0 30%;font-size: 0.9rem;font-weight: 600;color: #555;text-align: right;user-select: none;}
.member_reg .field-row input[type="text"],.member_reg .field-row input[type="password"] {flex: 1;max-width: 90%;height: 44px;padding: 0 14px;border: 1.5px solid rgba(45, 67, 115, 0.12);border-radius: 14px;background: rgba(255, 255, 255, 0.6);font-size: 15px;font-weight: 500;color: #1a2a3c;outline: none;transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;font-family: inherit;min-width: 0;}
.member_reg .field-row input:focus {border-color: #2d4373;box-shadow: 0 0 0 4px rgba(45, 67, 115, 0.10);background: rgba(255, 255, 255, 0.85);}
.member_reg .field-row input::placeholder {color: #9aafc9;font-weight: 400;font-size: 0.8rem;}
.member_reg .code-row .code-group {flex: 0 0 90%;max-width: 90%;display: flex;gap: 10px;align-items: center;align-self: flex-start;}
.member_reg .code-row .code-group input#checkcode {flex: 0 0 auto;width: 120px;height: 44px;padding: 0 14px;border: 1.5px solid rgba(45, 67, 115, 0.12);border-radius: 14px;background: rgba(255, 255, 255, 0.6);font-size: 1rem;font-weight: 500;color: #1a2a3c;outline: none;transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;font-family: inherit;}
.member_reg .code-row .code-group input#checkcode:focus {border-color: #2d4373;box-shadow: 0 0 0 4px rgba(45, 67, 115, 0.10);background: rgba(255, 255, 255, 0.85);}
.member_reg .code-row .code-group input#checkcode::placeholder {color: #9aafc9;font-weight: 400;font-size: 0.8rem;}
.member_reg .code-row .code-group #getCode {flex-shrink: 0;height: 44px;padding: 0 14px;border: none;border-radius: 14px;background: linear-gradient(135deg, #1a2a6c, #2d4373);color: #fff;font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: all 0.25s ease;box-shadow: 0 4px 12px rgba(26, 42, 108, 0.2);letter-spacing: 0.4px;font-family: inherit;white-space: nowrap;}
.member_reg .code-row .code-group #getCode:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(26, 42, 108, 0.35);background: linear-gradient(135deg, #14225a, #1a2a6c);}
.member_reg .code-row .code-group #getCode:active {transform: scale(0.97);}
.member_reg #reg {width: 50%;height: 54px;margin: 6px auto 0;border: none;border-radius: 18px;background: #022960;color: #ffffff; font-size: 1.2rem;font-weight: 600;cursor: pointer;transition: all 0.25s ease;letter-spacing: 0.8px;box-shadow: 0 8px 20px rgba(2, 41, 96, 0.3);font-family: inherit;position: relative;overflow: hidden;display: block;}
.member_reg #reg::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);transition: left 0.6s ease;}
.member_reg #reg:hover {transform: translateY(-2px);box-shadow: 0 14px 28px rgba(2, 41, 96, 0.4);background: #011a4a;}
.member_reg #reg:hover::before {left: 100%;}
.member_reg #reg:active {transform: scale(0.97);}
@media (max-width: 520px) {.member_reg {padding: 28px 18px 24px;border-radius: 32px;}
.member_reg .reg-title {font-size: 26px;}
.member_reg .field-row label,.member_reg .code-row label {flex: 0 0 28%;font-size: 13px;}
.member_reg .field-row input[type="text"],.member_reg .field-row input[type="password"] {height: 40px;font-size: 14px;}
.member_reg .code-row .code-group input#checkcode {width: 100px;height: 40px;font-size: 14px;}
.member_reg .code-row .code-group #getCode {height: 40px;font-size: 12px;padding: 0 10px;}
.member_reg #reg {width: 60%;height: 48px;font-size: 16px;}}
@media (max-width: 400px) {.member_reg {padding: 20px 12px 20px;border-radius: 28px;}
.member_reg .reg-title {font-size: 22px;}
.member_reg .field-row,.member_reg .code-row {flex-wrap: wrap;gap: 4px;}
.member_reg .field-row label,.member_reg .code-row label {flex: 0 0 100%;text-align: left;margin-bottom: 2px;}
.member_reg .field-row input[type="text"],.member_reg .field-row input[type="password"],.member_reg .code-row .code-group {flex: 1 1 100%;max-width: 100%;}
.member_reg .code-row .code-group input#checkcode {width: auto;flex: 1;}
.member_reg .field-row input[type="text"],.member_reg .field-row input[type="password"],.member_reg .code-row .code-group input#checkcode {height: 38px;}
.member_reg .code-row .code-group #getCode {height: 38px;font-size: 12px;}
.member_reg #reg {width: 80%;height: 44px;font-size: 15px;}}
/* ===== member_feedback 容器样式 ===== */
.member_feedback {max-width: 96%;padding: 24px 28px;background: rgba(255, 255, 255, 1);margin: 0 auto; }
.feedback-title {font-size: 1.8rem;font-weight: 700;color: #022960;margin-bottom: 24px;padding-bottom: 8px;border-bottom: 1px solid #ccc;letter-spacing: 0.5px;}
.member_feedback form {display: flex;flex-direction: column;gap: 18px;}
.member_feedback .field-group {display: flex;align-items: center;gap: 14px;}
.member_feedback .field-group label {flex: 0 0 150px;font-size: 0.95rem;font-weight: 600;color: #555;text-align: right;user-select: none;}
.member_feedback .field-group input[type="text"],
.member_feedback .field-group textarea,
.member_feedback .field-group select {flex: 1;padding: 12px 16px;border: 1.5px solid rgba(45, 67, 115, 0.15);border-radius: 12px;background: rgba(255, 255, 255, 0.7);font-size: 1rem;font-weight: 500;color: #555; }
.member_feedback .field-group textarea {resize: vertical;min-height: 100px;}
.member_feedback .field-group input[type="text"]:focus,
.member_feedback .field-group textarea:focus,
.member_feedback .field-group select:focus {border-color: #022960;box-shadow: 0 0 0 4px rgba(2, 41, 96, 0.10);background: rgba(255, 255, 255, 0.95);outline: none;}
.member_feedback .field-group select {appearance: auto;-webkit-appearance: auto;}

#upload-area {display: flex;align-items: center;gap: 14px;flex-wrap: wrap;}
#upload-area label {flex: 0 0 150px;font-size: 0.95rem;font-weight: 600;color: #2d4373;text-align: right;user-select: none;}
#upload-area .upload-boxes {display: flex;gap: 20px;align-items: center;flex-wrap: wrap;}
#avatar-box,
#goods-box {height: 30px;width: auto;border-radius: 4px;overflow: hidden;border: 2px dashed #ccc;cursor: pointer;display: flex;align-items: center;justify-content: center;background: #f9f9f9;transition: border-color 0.2s;padding: 2px;}

#avatar-box:hover,
#goods-box:hover {border-color: #022960;}
#avatar-box img,
#goods-box img {height: 30px;width: auto;object-fit: contain;display: block;}

#submit {width: 40%;min-width: 140px;padding: 14px 0;margin: 10px auto 0;border: none;border-radius: 30px;background: #022960;color: #ffffff;font-size: 1.2rem;font-weight: 600;cursor: pointer;transition: all 0.25s ease;letter-spacing: 0.8px;box-shadow: 0 6px 18px rgba(2, 41, 96, 0.25);font-family: inherit;display: block;text-align: center;}
#submit:hover {transform: translateY(-2px);box-shadow: 0 10px 24px rgba(2, 41, 96, 0.35);background: #011a4a;}
#submit:active {transform: scale(0.97);}

.add_btn{text-align:right} .add_btn a{font-size:0.9rem;line-height:30px;color:#666}
@media (max-width: 600px) {.member_feedback {padding: 16px;}.feedback-title {font-size: 1.4rem;}.member_feedback .field-group {flex-wrap: wrap;gap: 6px;}.member_feedback .field-group label {flex: 0 0 100%;text-align: left;}#upload-area {flex-wrap: wrap;}#upload-area label {flex: 0 0 100%;text-align: left;}#submit {width: 80%;font-size: 1rem;padding: 12px 0;}#avatar-box,#goods-box {height: 30px;}#avatar-box img,#goods-box img {height: 30px;}}

@media (max-width: 400px) {#submit {width: 100%;}
}

/* ===== member_password modify 容器样式 ===== */
.mp-container {margin:auto;idth:100%; max-width:520px; border-radius:12px; padding:24px 28px; } /* box-shadow 已取消 */
        .mp-title { font-size:2rem; font-weight:600; color:#1a2a3a; text-align:center; margin-bottom:20px; letter-spacing:0.3px; }
        .mp-form { display:flex; flex-direction:column; gap:12px; }
        .mp-field { display:flex; align-items:center; gap:10px; }
        .mp-field label, .mp-code-label { flex:0 0 160px; font-size:14px; font-weight:500; color:#2c3e50; text-align:right; letter-spacing:0.2px; white-space:nowrap; }
        .mp-field input[type="password"] { flex:0 0 200px; width:140px; padding:10px 14px; border:1.5px solid #dce1e8; border-radius:8px; font-size:15px; background:#fafbfc; transition:border-color 0.2s,box-shadow 0.2s; outline:none; min-width:0; }
        .mp-field input:focus { border-color:#4a8bc2; box-shadow:0 0 0 3px rgba(74,139,194,0.12); background:#ffffff; }
        .mp-field input::placeholder { color:#aab3bf; font-weight:300; font-size:14px; }
        .mp-code-row { display:flex; align-items:center; gap:10px; }
        .mp-code-group { flex:1; display:flex; gap:8px; align-items:center; }
        .mp-code-group input[type="text"] { flex:0 0 80px; width:80px; padding:10px 14px; border:1.5px solid #dce1e8; border-radius:8px; font-size:15px; background:#fafbfc; transition:border-color 0.2s,box-shadow 0.2s; outline:none; min-width:0; }
        .mp-code-group input[type="text"]:focus { border-color:#4a8bc2; box-shadow:0 0 0 3px rgba(74,139,194,0.12); background:#ffffff; }
        .mp-code-group input[type="text"]::placeholder { color:#aab3bf; font-weight:300; font-size:14px; }
        .mp-btn-code { padding:10px 18px; background:#e8edf3; border:none; border-radius:8px; font-size:14px; font-weight:500; color:#2c3e50; cursor:pointer; transition:background 0.2s,transform 0.1s; white-space:nowrap; flex:0 0 auto; }
        .mp-btn-code:hover { background:#d5dee8; }
        .mp-btn-code:active { transform:scale(0.96); }
        .mp-btn-submit { width:200px; display:block; margin:6px auto 0; padding:12px; background:#022960; border:none; border-radius:3px; font-size:17px; font-weight:600; color:#ffffff; cursor:pointer; transition:background 0.2s,transform 0.1s; letter-spacing:0.5px; }
        .mp-btn-submit:hover { background:#f5a623; }
        .mp-btn-submit:active { transform:scale(0.98); }
        @media (max-width:500px) {
            .mp-container { padding:18px 16px; }
            .mp-field { flex-wrap:wrap; gap:4px; }
            .mp-field label, .mp-code-label { flex:0 0 100%; text-align:left; font-size:13px; white-space:normal; }
            .mp-field input[type="password"] { flex:1 1 100%; width:100%; }
            .mp-code-row { flex-wrap:wrap; gap:4px; }
            .mp-code-group { flex-wrap:wrap; flex:1 1 100%; }
            .mp-code-group input[type="text"] { flex:1 1 100%; width:100%; }
            .mp-btn-code { width:100%; text-align:center; flex:1 1 100%; }
            .mp-btn-submit { width:100%; margin:6px 0 0; }
            .mp-title { font-size:20px; margin-bottom:16px; }
        }