| 1 |
- @media screen and (max-width: 991px){.notice-container[data-v-5554c1e5] .cwg-dropdown-menu-container{left:-8.4375rem!important}}.notice-container .pc-header-btn[data-v-5554c1e5]{position:relative;width:-webkit-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:0 .375rem}.notice-container .pc-header-btn.has-dot[data-v-5554c1e5]:after{content:"";position:absolute;top:.125rem;right:.125rem;width:.25rem;height:.25rem;background-color:#f56c6c;border-radius:50%}.notice-container .pc-payment-btn[data-v-5554c1e5]{border-radius:.125rem;padding:.125rem .375rem;height:1.125rem;cursor:pointer}.notice-container .pc-payment-btn .balance-text[data-v-5554c1e5]{margin-left:.1875rem;font-size:.4375rem;font-weight:500;color:#141d22}.notice-container .custom-payment-drawer[data-v-5554c1e5]{width:10rem;background-color:var(--color-white);padding:0;border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.1)}.notice-container .custom-payment-drawer .drawer-header[data-v-5554c1e5]{display:flex;justify-content:space-between;align-items:center;padding:.375rem .5rem;border-bottom:1px solid #f0f0f0}.notice-container .custom-payment-drawer .drawer-header .drawer-title[data-v-5554c1e5]{font-size:.4375rem;color:#333}.notice-container .custom-payment-drawer .drawer-content[data-v-5554c1e5]{padding:.625rem .5rem}.notice-container .custom-payment-drawer .drawer-content .balance-amount[data-v-5554c1e5]{font-size:.5625rem;font-weight:700;color:#141d22;margin-bottom:.25rem}.notice-container .custom-payment-drawer .drawer-content .account-type[data-v-5554c1e5]{font-size:.40625rem;color:#666;margin-bottom:.125rem}.notice-container .custom-payment-drawer .drawer-content .account-number[data-v-5554c1e5]{font-size:.40625rem;color:#999}.notice-container .custom-payment-drawer .drawer-actions[data-v-5554c1e5]{display:flex;gap:.3125rem;padding:0 .5rem .625rem}.notice-container .custom-payment-drawer .drawer-actions .action-btn[data-v-5554c1e5]{flex:1;height:1.125rem;line-height:1.125rem;background-color:#f5f7fa;color:#333;font-size:.40625rem;border-radius:.125rem;margin:0}.notice-container .custom-payment-drawer .drawer-actions .action-btn[data-v-5554c1e5]:after{border:none}.notice-container .custom-payment-drawer .drawer-actions .action-btn[data-v-5554c1e5]:active{background-color:#e4e7ed}.notice-container .notification-list[data-v-5554c1e5]{width:100%}.notice-container .notification-item[data-v-5554c1e5]{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .3s}.notice-container .notification-item[data-v-5554c1e5]:hover{background-color:rgba(0,0,0,.05)}.notice-container .notification-item .item-content[data-v-5554c1e5]{flex:1}.notice-container .notification-item .item-content .item-title[data-v-5554c1e5]{font-size:.4375rem;color:#333;line-height:1.4;margin-bottom:.125rem}.notice-container .notification-item .item-content .item-time[data-v-5554c1e5]{font-size:.375rem;color:#999}.notice-container .notification-item .item-badge[data-v-5554c1e5]{margin-left:.375rem}.notice-container .notification-item .item-badge .dot[data-v-5554c1e5]{width:.25rem;height:.25rem;background-color:#f56c6c;border-radius:50%}.notice-container .logout-wrap[data-v-5554c1e5]{margin-top:auto;padding:20px 16px;margin-bottom:20px}.notice-container .logout-btn[data-v-5554c1e5]{height:44px;background:#f4eadf;display:flex;align-items:center;justify-content:center;gap:8px;color:#ff9800;font-weight:600;cursor:pointer}.cwg-pc-header[data-v-f0ad0be0]{display:flex;align-items:center;justify-content:space-between;height:1.71875rem;background-color:rgba(255,255,255,.9);border-bottom:1px solid #f0f0f0;padding:0 .5rem;position:relative;z-index:10}.left[data-v-f0ad0be0]{display:flex;align-items:center}.center[data-v-f0ad0be0]{flex:1}.right[data-v-f0ad0be0]{display:flex;align-items:center;gap:0}.bell .dot[data-v-f0ad0be0]{position:absolute;top:0;right:-2px;width:7px;height:7px;background:#27ae60;border-radius:50%;display:inline-block}.left-img[data-v-f0ad0be0]{width:3.75rem}.avatar .img[data-v-f0ad0be0]{width:32px;height:32px;border-radius:50%;background:#eee}.logo .img[data-v-f0ad0be0]{width:36px;height:36px;border-radius:50%;background:#fff}
|
