.page-container[data-v-3459630e]{padding:40px 20px}[data-v-3459630e] .main-form{width:1000px!important;margin:0 auto}[data-v-3459630e] .main-form .name-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;margin-bottom:22px}[data-v-3459630e] .main-form .name-row>.el-form-item{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:200px;flex-basis:200px;margin:0}.top-card[data-v-3459630e]{max-width:1000px;margin:0 auto;margin-top:20px;margin-bottom:40px;text-align:center;padding:10px 40px;color:#fff;background:linear-gradient(135deg,#316dff,#5b97ff);border-radius:4px}.top-card .top-title[data-v-3459630e]{font-size:22px}.top-card .top-title .fa-icon[data-v-3459630e]{margin-right:10px}.top-card .top-desc[data-v-3459630e]{font-size:16px;line-height:1.5em}.btn-blue[data-v-3459630e]{background:linear-gradient(135deg,#316dff,#5b97ff)}.el-form[data-v-3459630e]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__label[data-v-3459630e]{font-weight:700;font-size:19px;color:#1874ff!important}.KI-row[data-v-3459630e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.KI-row .KI-label[data-v-3459630e]{color:#777;margin-right:10px}.KI-row .el-input[data-v-3459630e]{width:400px}.KI-row .el-button[data-v-3459630e]{padding:7px}.notification-page[data-v-01376503]{max-width:800px;margin:0 auto;padding:20px}.page-title[data-v-01376503]{color:#333;margin-bottom:30px;text-align:center;font-size:24px}.notification-list[data-v-01376503]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.notification-card[data-v-01376503]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);border-left:4px solid #409eff;-webkit-transition:all .3s ease;transition:all .3s ease}.notification-card.unread[data-v-01376503]{background:#f8fdff;border-left-color:#409eff}.notification-card[data-v-01376503]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.notification-content[data-v-01376503]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:16px}.notification-title[data-v-01376503]{margin:0 0 8px 0;color:#333;font-size:16px;font-weight:600}.notification-message[data-v-01376503]{margin:0 0 8px 0;color:#666;line-height:1.5}.notification-time[data-v-01376503]{color:#999;font-size:12px}.notification-actions[data-v-01376503]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:18px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;min-width:100px}.mark-read-btn[data-v-01376503]{padding:6px 12px;background:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;-webkit-transition:background-color .3s;transition:background-color .3s;white-space:nowrap}.mark-read-btn[data-v-01376503]:hover{background:#66b1ff}.detail-btn[data-v-01376503]{padding:6px 12px;background:#67c23a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;-webkit-transition:background-color .3s;transition:background-color .3s;white-space:nowrap}.detail-btn[data-v-01376503]:hover{background:#85ce61}.read-badge[data-v-01376503]{padding:6px 12px;background:#f0f0f0;color:#999;border-radius:4px;font-size:12px;white-space:nowrap}.empty-state[data-v-01376503]{text-align:center;color:#999;padding:60px 20px;font-size:16px}@media (max-width:768px){.notification-page[data-v-01376503]{padding:15px}.notification-card[data-v-01376503]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.notification-content[data-v-01376503]{margin-right:0;width:100%}.notification-actions[data-v-01376503]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%;min-width:auto}.notification-actions button[data-v-01376503]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:80px}}