.header[data-v-0daa6b38]{width:100%;height:98px;position:relative;min-width:1200px}.header .head[data-v-0daa6b38]{width:100%;height:98px;background:#5788fa;background-blend-mode:normal,normal;position:fixed;top:0;left:0;z-index:99}.header .head_main[data-v-0daa6b38]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .head_main .logo[data-v-0daa6b38]{display:block;width:315px}.header .head_main .right[data-v-0daa6b38]{font-size:16px;color:#fefefe}.header .head_main .right .item[data-v-0daa6b38],.header .head_main .right[data-v-0daa6b38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .head_main .right .item[data-v-0daa6b38]{margin-left:30px;font-size:20px;font-weight:400;letter-spacing:1px;color:#fff}.header .head_main .right .item .icon[data-v-0daa6b38]{width:20px;height:20px;margin-right:10px}.header .head_main .right .item.notification-item[data-v-0daa6b38]{margin-left:20px;font-size:16px}.fixed_menu[data-v-0daa6b38]{width:32px;height:auto;position:fixed;right:6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:99;-webkit-transition:all .5s;transition:all .5s}.fixed_menu .carts[data-v-0daa6b38]{width:32px;height:auto;padding:10px 0;background:#5e8bf6;font-size:12px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;cursor:pointer}.fixed_menu .carts .icon-cart[data-v-0daa6b38]{font-size:16px;color:#fff;margin-bottom:8px}.fixed_menu .carts .num[data-v-0daa6b38]{width:16px;height:16px;border-radius:50%;background:#fff;font-size:12px;color:#5e8bf6;margin-top:6px;-webkit-writing-mode:initial;-ms-writing-mode:initial;writing-mode:initial}.fixed_menu .carts .num[data-v-0daa6b38],.fixed_menu .wechat[data-v-0daa6b38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fixed_menu .wechat[data-v-0daa6b38]{width:32px;height:42px;background:#5e8bf6;margin-top:4px;cursor:pointer;position:relative}.fixed_menu .wechat .icon-weixin[data-v-0daa6b38]{font-size:18px;color:#fff}.fixed_menu .wechat .code_show[data-v-0daa6b38]{width:160px;height:auto;background:#fff;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;text-align:center;position:absolute;top:50%;-webkit-transform:translate(10%,-50%);transform:translate(10%,-50%);right:50px;z-index:22;-webkit-filter:drop-shadow(0 0 5px #eee);filter:drop-shadow(0 0 5px #eee);visibility:hidden;opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.fixed_menu .wechat .code_show.active[data-v-0daa6b38]{-webkit-transform:translateY(-50%);transform:translateY(-50%);visibility:visible;opacity:1}.fixed_menu .wechat .code_show[data-v-0daa6b38]:before{content:"";width:10px;height:10px;background:#fff;position:absolute;right:-6px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.fixed_menu .wechat .code_show .code[data-v-0daa6b38]{width:140px;height:140px}.fixed_menu .wechat .code_show .txt[data-v-0daa6b38]{line-height:1;margin-top:4px;font-size:12px;color:#666;text-align:center}.fixed_menu .backtop[data-v-0daa6b38]{width:32px;height:34px;background:#5e8bf6;margin-top:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;position:static;border-radius:initial;-webkit-box-shadow:initial;box-shadow:none}.fixed_menu .backtop .icon-top[data-v-0daa6b38]{font-size:18px;color:#fff}.footer[data-v-c11699e8]{width:100%;height:auto;background-color:#fff;-webkit-box-shadow:0 -1px 1px 0 #eee;box-shadow:0 -1px 1px 0 #eee}.footer .foot[data-v-c11699e8]{width:100%;height:auto}.footer .foot_top[data-v-c11699e8]{width:100%;height:138px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer .foot_top .item[data-v-c11699e8],.footer .foot_top[data-v-c11699e8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer .foot_top .item[data-v-c11699e8]{margin:0 48px}.footer .foot_top .item .icon_box[data-v-c11699e8]{width:70px;height:70px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;border:2px solid #5e8bf6;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer .foot_top .item .icon_box .iconfont[data-v-c11699e8]{font-size:34px;color:#5e8bf6}.footer .foot_top .item .con[data-v-c11699e8]{margin-left:20px;line-height:1}.footer .foot_top .item .con .t1[data-v-c11699e8]{font-size:16px;color:#333}.footer .foot_top .item .con .t2[data-v-c11699e8]{font-size:14px;color:#999;margin-top:12px}.footer .foot_bottom[data-v-c11699e8]{width:100%;text-align:center;line-height:22px;font-size:12px;color:#666;padding-top:20px;border-top:1px solid #eee;height:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.notification-page[data-v-0f2486f4]{min-height:calc(100vh - 300px);padding:30px 0;background:#f5f7fa}.center[data-v-0f2486f4]{max-width:1200px;margin:0 auto;padding:0 20px}.page-header[data-v-0f2486f4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.connection-status[data-v-0f2486f4]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;width:100%}.connection-status .el-tag[data-v-0f2486f4]{font-size:13px}.connection-status .el-tag i[data-v-0f2486f4]{margin-right:4px}.page-title[data-v-0f2486f4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.page-title h1[data-v-0f2486f4]{font-size:24px;font-weight:600;color:#303133;margin:0}.unread-badge[data-v-0f2486f4]{padding:4px 12px;background:#f56c6c;color:#fff;border-radius:12px;font-size:12px}.header-actions[data-v-0f2486f4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.filter-bar[data-v-0f2486f4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:8px;padding:16px 20px;margin-bottom:20px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05)}.filter-tabs[data-v-0f2486f4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.filter-tab[data-v-0f2486f4]{padding:8px 16px;border-radius:20px;background:#f5f7fa;color:#606266;font-size:14px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.filter-tab[data-v-0f2486f4]:hover{background:#e8f4ff;color:#409eff}.filter-tab.active[data-v-0f2486f4]{background:#5e8bf6;color:#fff}.tab-count[data-v-0f2486f4]{padding:2px 6px;background:rgba(0,0,0,.1);border-radius:10px;font-size:12px}.filter-tab.active .tab-count[data-v-0f2486f4]{background:hsla(0,0%,100%,.3)}.notification-list[data-v-0f2486f4]{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden}.notification-card[data-v-0f2486f4]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px;border-bottom:1px solid #f0f0f0;-webkit-transition:background-color .3s;transition:background-color .3s}.notification-card[data-v-0f2486f4]:last-child{border-bottom:none}.notification-card[data-v-0f2486f4]:hover{background:#fafafa}.notification-card.unread[data-v-0f2486f4]{background:#fff8f8}.notification-card.unread[data-v-0f2486f4]:hover{background:#fff0f0}.card-icon[data-v-0f2486f4]{width:48px;height:48px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;margin-right:16px}.card-icon i[data-v-0f2486f4]{font-size:22px;color:#fff}.card-icon.type-import_progress[data-v-0f2486f4]{background:linear-gradient(135deg,#667eea,#764ba2)}.card-icon.type-system[data-v-0f2486f4]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-icon.type-task[data-v-0f2486f4]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.card-content[data-v-0f2486f4]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.card-header[data-v-0f2486f4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:8px}.card-title[data-v-0f2486f4]{font-size:16px;font-weight:600;color:#303133}.type-badge[data-v-0f2486f4]{padding:2px 8px;border-radius:4px;font-size:12px;background:#f0f0f0;color:#666}.badge-import_progress[data-v-0f2486f4]{background:#f0f5ff;color:#2f54eb}.badge-system[data-v-0f2486f4]{background:#e6fffb;color:#13c2c2}.badge-task[data-v-0f2486f4]{background:#f6ffed;color:#52c41a}.unread-indicator[data-v-0f2486f4]{padding:2px 8px;background:#f56c6c;color:#fff;border-radius:4px;font-size:12px}.card-body[data-v-0f2486f4]{margin-bottom:12px}.card-message[data-v-0f2486f4]{font-size:14px;color:#606266;line-height:1.6;margin:0}.progress-section[data-v-0f2486f4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-top:12px}.progress-section .el-progress[data-v-0f2486f4]{-webkit-box-flex:1;-ms-flex:1;flex:1}.progress-text[data-v-0f2486f4]{font-size:14px;font-weight:600;color:#409eff}.card-extra[data-v-0f2486f4]{margin-top:8px;font-size:13px;color:#909399}.reward-points[data-v-0f2486f4]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;color:#f56c6c;font-weight:600}.reward-points i[data-v-0f2486f4]{color:orange}.expire-date[data-v-0f2486f4],.shop-info[data-v-0f2486f4]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;margin-right:12px}.expire-date[data-v-0f2486f4]{color:#f56c6c;font-weight:600}.card-footer[data-v-0f2486f4]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card-footer[data-v-0f2486f4],.card-time[data-v-0f2486f4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-time[data-v-0f2486f4]{font-size:13px;color:#909399;gap:4px}.card-actions[data-v-0f2486f4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.card-actions .el-button[data-v-0f2486f4]{padding:0}.card-actions .delete-btn[data-v-0f2486f4]{color:#f56c6c}.empty-state[data-v-0f2486f4]{padding:80px 20px;text-align:center;color:#909399}.empty-state i[data-v-0f2486f4]{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3[data-v-0f2486f4]{font-size:18px;color:#606266;margin:0 0 8px}.empty-state p[data-v-0f2486f4]{font-size:14px;margin:0}.pagination-wrap[data-v-0f2486f4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:24px 0}