.modal-overlay[data-v-d9640ba1]{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:91000}.modal[data-v-d9640ba1]{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:90%;overflow:hidden;width:800px}.notification-modal[data-v-d9640ba1]{max-height:91vh;width:800px}.modal-header[data-v-d9640ba1]{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.logo[data-v-d9640ba1]{align-items:flex-end;color:#000;display:flex;font-size:18px;font-weight:700}.logo-icon[data-v-d9640ba1]{display:inline-block;margin-right:15px}.logo-icon img[data-v-d9640ba1]{display:block;width:auto}.modal-title[data-v-d9640ba1]{color:#333;font-size:16px;font-weight:700}.modal-close[data-v-d9640ba1]{background:none;border:none;color:#888;cursor:pointer;font-size:18px}.modal-body[data-v-d9640ba1]{max-height:calc(90vh - 120px);overflow-y:auto;padding:20px}.modal-body h1[data-v-d9640ba1]{color:#1e88e5;font-size:24px;font-weight:700;margin-bottom:20px;margin-top:0}.modal-footer[data-v-d9640ba1]{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:15px 20px}.modal-btn[data-v-d9640ba1]{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-left:10px;padding:8px 16px}.modal-btn.primary[data-v-d9640ba1]{background-color:#1e88e5;color:#fff}.modal-btn.secondary[data-v-d9640ba1]{background-color:#f5f5f5;color:#333}.modal-overlay-invite[data-v-d9640ba1]{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3334}.message-container[data-v-d9640ba1]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:90vh;max-width:600px;overflow:hidden;overflow-y:auto;width:90%}.message-header[data-v-d9640ba1]{color:#fff;font-size:18px;font-weight:700;padding:15px 20px;text-align:center}.inviter-header[data-v-d9640ba1]{background-color:#ff6b00}.invitee-header[data-v-d9640ba1]{background-color:#3b7fff}.message-content[data-v-d9640ba1]{line-height:1.6;padding:20px}.message-content h1[data-v-d9640ba1]{font-size:24px;font-weight:700;margin-bottom:20px;margin-top:0}.action-buttons[data-v-d9640ba1]{display:flex;gap:15px;justify-content:center;margin-top:20px;text-align:center}.btn[data-v-d9640ba1]{border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:10px 20px;text-decoration:none}.inviter-primary[data-v-d9640ba1]{background-color:#ff6b00;border:none;color:#fff}.inviter-secondary[data-v-d9640ba1]{background-color:#fff;border:1px solid #ff6b00;color:#ff6b00}.invitee-primary[data-v-d9640ba1]{background-color:#3b7fff;border:none;color:#fff}.invitee-secondary[data-v-d9640ba1]{background-color:#fff;border:1px solid #3b7fff;color:#3b7fff}.notification-content .welcome-message{margin-bottom:20px}.notification-content .benefits-list{background-color:#f5f5f5;border-radius:4px;margin:15px 0;padding:15px 20px}.notification-content .benefits-list ul{margin:5px 0}.notification-content .benefits-list li{margin-bottom:8px;padding-left:20px;position:relative}.notification-content .benefits-list li:before{color:#3b7fff;content:"✓";font-weight:700;left:0;position:absolute}.notification-content .highlight-box{background-color:#f5f5f5;border-radius:4px;margin:15px 0;padding:15px 20px}.notification-content .highlight-title{color:#ff6b00;font-size:15px;font-weight:700;margin-bottom:8px}.notification-content .highlight-strategy{color:#ff6b00;font-weight:700}.notification-content .value-tag{background-color:#ff6b00;border-radius:3px;color:#fff;display:inline-block;font-size:12px;margin-left:5px;padding:2px 6px;vertical-align:middle}.notification-content .validity-period{border-bottom:1px dashed #eee;border-top:1px dashed #eee;color:#666;font-size:14px;margin:20px 0;padding:10px 0;text-align:center}.notification-content .risk-warning{background-color:#fff8f8;border-left:4px solid #ff4d4f;border-radius:4px;box-shadow:0 1px 3px #0000000d;color:#333;font-size:15px;margin:20px 0;padding:18px}.notification-content .risk-warning strong{color:#ff4d4f;display:block;font-size:16px;margin-bottom:5px}.notification-content .invite-note{background-color:#f0f7ff;border-left:4px solid #3b7fff;border-radius:4px;box-shadow:0 1px 3px #0000000d;color:#333;font-size:16px;font-weight:700;margin:25px 0;padding:20px;text-align:center}.notification-content .invite-note strong{color:#3b7fff;display:inline-block;margin-bottom:10px}.notification-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px;text-align:center}.notification-btn{border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:10px 20px;text-decoration:none}.primary-btn{background-color:#3b7fff;border:none;color:#fff}.secondary-btn{background-color:#fff;border:1px solid #3b7fff;color:#3b7fff}.notification-content .update-info{margin:20px 0}.notification-content .update-title{font-size:18px;font-weight:700;margin-bottom:10px}.notification-content .update-data{background-color:#f5f5f5;border-radius:4px;margin-bottom:20px;overflow-x:visible;padding:15px}.notification-content .trade-table{border-collapse:collapse;font-family:monospace;width:100%}.notification-content .trade-table td,.notification-content .trade-table th{color:#000;padding:4px 8px;text-align:right;white-space:normal}.notification-content .trade-table th{border-bottom:1px solid #ddd;color:gray;font-weight:400;margin-bottom:8px;padding-bottom:8px;text-align:center}.notification-content .trade-row{height:28px}.notification-content .trade-table td:first-child,.notification-content .trade-table td:nth-child(2),.notification-content .trade-table td:nth-child(3){text-align:center}.notification-content .profit-row td{color:red!important}.notification-content .loss-row td{color:#00f!important}.notification-content .lock-button{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;font-size:12px;justify-content:center;padding:4px 8px}.notification-content .lock-icon{font-size:12px;margin-right:2px}.notification-content .membership-alert{align-items:center;background-color:#fff4e5;border:1px solid #ffe0b2;border-radius:6px;display:flex;margin:15px 0;padding:12px 15px}.notification-content .alert-icon{font-size:20px;margin-right:12px}.notification-content .alert-content{flex:1}.notification-content .alert-title{color:#e65100;font-size:16px;font-weight:700;margin-bottom:5px}.notification-content .alert-message{color:#333;margin-bottom:8px}.notification-content .renew-button{background-color:#ff9800;border-radius:4px;color:#fff;display:inline-block;font-size:13px;font-weight:700;margin-top:5px;padding:6px 12px;text-decoration:none}.greeting{color:#333;font-size:16px;margin-bottom:15px}.message-body{color:#555;margin-bottom:15px}.benefits-list{border-radius:0 4px 4px 0;margin:15px 0;padding:12px 15px}.inviter-benefits{background-color:#fff9f2;border-left:4px solid #ff6b00}.invitee-benefits{background-color:#f5f9ff;border-left:4px solid #3b7fff}.benefits-list ul{margin:5px 0}.benefits-list li{color:#555;list-style-type:none;margin-bottom:8px;padding-left:20px;position:relative}.benefits-list li:before{content:"✓";left:0;position:absolute}.inviter-benefits li:before{color:#ff6b00}.invitee-benefits li:before{color:#3b7fff}.validity-period{border-bottom:1px dashed #eee;border-top:1px dashed #eee;color:#888;font-size:14px;margin:15px 0;padding:10px 0;text-align:center}.order-content h1{color:#1e88e5;font-size:24px;font-weight:700;margin-bottom:20px;margin-top:0}.order-update-info{margin:20px 0}.order-update-title{font-size:18px;font-weight:700;margin-bottom:10px}.order-update-data{background-color:#f5f5f5;border-radius:4px;margin-bottom:20px;overflow-x:visible;padding:15px}.order-trade-table{border-collapse:collapse;font-family:monospace;width:100%}.order-trade-table td,.trade-table th{color:#000;padding:4px 8px;text-align:right;white-space:normal}.order-trade-table th{border-bottom:1px solid #ddd;color:gray;font-weight:400;margin-bottom:8px;padding-bottom:8px;text-align:center}.order-trade-row{height:28px}.order-positive{color:red}.order-negative{color:green}.order-action-button{background-color:#1e88e5;border-radius:4px;color:#fff;display:inline-block;font-weight:700;line-height:50px;margin-top:15px;text-align:center;text-decoration:none;width:114px}.order-note{color:#666;font-size:14px;margin-top:25px}.order-footer{border-top:1px solid #eee;color:#999;font-size:12px;padding:15px 25px;text-align:left}.order-trade-table td{text-align:center}.order-profit-row td{color:red}.order-loss-row td{color:#00f}.update-info{margin:20px 0}.update-title{font-size:18px;font-weight:700;margin-bottom:10px}.update-data{background-color:#f5f5f5;border-radius:4px;margin-bottom:20px;overflow-x:visible;padding:15px}.membership-success{align-items:center;background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:6px;display:flex;margin:15px 0;padding:15px}.success-icon{color:#4caf50;font-size:24px;margin-right:12px}.success-content{flex:1}.success-title{color:#2e7d32;font-size:16px;font-weight:700;margin-bottom:5px}.success-message{color:#333;margin-bottom:8px}.member-table{border-collapse:collapse;margin:15px 0;width:100%}.member-table td,.member-table th{border-bottom:1px solid #eee;padding:10px;text-align:left}.member-table th{color:gray;font-weight:400;width:30%}.benefits-list li.unchecked:before{color:#ff3b3b;content:"✗";font-weight:700;left:0;position:absolute}.renewal-title{color:#333;font-size:18px;font-weight:700;margin:30px 0 15px;text-align:center}.renewal-footer{border-top:1px solid #eee;color:#999;font-size:12px;padding:15px 25px;text-align:left}.renewal-options{display:flex;gap:25px;margin:30px 0}@media (max-width:768px){.renewal-options{flex-direction:column}}.renewal-card{border-radius:12px;box-shadow:0 4px 20px #0000001a;flex:1;overflow:hidden;position:relative;transition:all .3s ease}.renewal-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.card-direct{border:2px solid #ff6b00}.card-invite{border:2px solid #3b7fff}.card-header{color:#fff;font-size:20px;font-weight:700;padding:16px 0;position:relative;text-align:center}.card-direct .card-header{background:linear-gradient(135deg,#ff6b00,#ff9500)}.card-invite .card-header{background:linear-gradient(135deg,#3b7fff,#2e66e5)}.card-body{background-color:#fff;padding:25px}.card-badge{background:#ff3a30;border-radius:20px;box-shadow:0 2px 5px #0003;color:#fff;font-size:13px;font-weight:700;padding:5px 10px;position:absolute;right:-10px;top:-10px;transform:rotate(5deg);z-index:2}.card-highlight{font-size:18px;font-weight:700;line-height:1.5;margin:15px 0;text-align:center}.card-direct .card-highlight{color:#ff6b00}.card-invite .card-highlight{color:#3b7fff}.benefit-list{margin:20px 0}.benefit-item{align-items:center;display:flex;font-size:15px;margin-bottom:12px}.card-direct .benefit-icon{color:#ff6b00;font-weight:700;margin-right:10px}.card-invite .benefit-icon{color:#3b7fff;font-weight:700;margin-right:10px}.gift-emoji{display:inline-block;font-size:22px;margin-right:5px;transform:rotate(-10deg);vertical-align:middle}.limited-offer{color:#e65100;font-size:14px;font-weight:700;margin-top:15px;text-align:center}.renewal-act-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px;text-align:center}.renewal-buttons{border:none;border-radius:50px;box-shadow:0 4px 10px #0000001a;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:12px 25px;text-decoration:none;transition:all .3s ease}.renewal-buttons:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.primary-buttons{background:linear-gradient(135deg,#ff6b00,#ff9500);color:#fff}.primary-buttons:hover{background:linear-gradient(135deg,#f50,#ff8400)}.secondary-buttons{background:linear-gradient(135deg,#3b7fff,#2e66e5);color:#fff}.secondary-buttons:hover{background:linear-gradient(135deg,#2d6ae5,#1f55d0)}.outline-buttons{background:#fff;border:2px solid #3b7fff;color:#3b7fff}.outline-buttons:hover{background:#f0f7ff}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.alert-section{background-color:#fff5f5;border-left:4px solid #ff4d4f;border-radius:4px;margin:20px 0;padding:15px 20px}.alert-title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:700;margin-bottom:10px}.status-dot{background-color:#ff4d4f;border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}.alert-message{color:#333;font-size:15px;margin-bottom:10px}.urgent-text{color:#ff4d4f;font-weight:700}.function-section{background-color:#fff4e5;border:1px solid #ffe0b2;border-radius:6px;box-shadow:0 2px 8px #e651001a;margin:20px 0;padding:20px}.function-title{align-items:center;color:#e65100;display:flex;font-size:18px;font-weight:700;margin-bottom:15px}.function-icon{font-size:20px;margin-right:10px}.function-list{margin:10px 0}.function-list ul{margin:5px 0;padding-left:20px}.function-list li{color:#333;margin-bottom:8px;padding-left:20px;position:relative}.function-list li:before{color:#e65100;content:"×";font-weight:700;left:0;position:absolute}.troubleshoot-section{background-color:#f0f7ff;border:1px solid #bfdbfe;border-radius:6px;box-shadow:0 2px 8px #3b7fff1a;margin:20px 0;padding:20px}.troubleshoot-title{align-items:center;color:#3b7fff;display:flex;font-size:18px;font-weight:700;margin-bottom:20px}.troubleshoot-icon{font-size:20px;margin-right:10px}.steps-container{margin-top:15px}.step-item{align-items:flex-start;background-color:#fff;border:1px solid #e1f0ff;border-radius:4px;display:flex;margin-bottom:15px;padding:15px}.step-number{align-items:center;background-color:#3b7fff;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;margin-right:15px;margin-top:2px;width:24px}.step-content{color:#333;flex:1;font-size:14px;line-height:1.5}.step-content strong{color:#3b7fff;display:block;font-size:15px;margin-bottom:5px}.timestamp{border-bottom:1px dashed #eee;border-top:1px dashed #eee;color:#666;font-size:14px;padding:10px 0}.contact-info,.timestamp{margin:20px 0;text-align:center}.contact-info{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;box-shadow:0 2px 8px #22c55e1a;color:#333;font-size:16px;padding:20px}.contact-link{background-color:#22c55e;border-radius:4px;color:#fff;display:inline-block;font-weight:700;margin-top:10px;padding:12px 25px;text-decoration:none;transition:background-color .3s ease}.contact-link:hover{background-color:#16a34a}.footer{border-top:1px solid #eee;color:#999;font-size:12px;padding:15px 25px;text-align:left}@media (max-width:768px){.step-item{padding:12px}.alert-section,.contact-info,.function-section,.troubleshoot-section{padding:15px}}