.noti-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100}.noti-header__left{display:flex;align-items:center;gap:8px}.noti-header__back{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.noti-header__title{font-size:17px;font-weight:700;color:#222}.noti-header__read-all{background:none;border:none;font-size:13px;color:#999;cursor:pointer;padding:4px 0}.noti-tabs{display:flex;border-bottom:1px solid #eee;background:#fff;position:sticky;top:49px;z-index:99}.noti-tabs__item{flex:1;text-align:center;padding:12px 0;font-size:14px;font-weight:500;color:#999;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.noti-tabs__item--active{color:#222;font-weight:700;border-bottom-color:#222}.noti-list{background:#fff;min-height:calc(100vh - 110px)}.noti-card{display:flex;gap:12px;padding:14px 16px;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:background .15s;position:relative}.noti-card--unread{background:#fafafa}.noti-card--unread:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#ef4444}.noti-card__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.noti-card__icon--order_status{background:#eef2ff}.noti-card__icon--coupon{background:#fff7ed}.noti-card__icon--point{background:#ecfdf5}.noti-card__icon--review_reward{background:#fffbeb}.noti-card__icon--new_product{background:#f0f0f0}.noti-card__icon--system{background:#f5f5f5}.noti-card__content{flex:1;min-width:0}.noti-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.noti-card__title{font-size:14px;font-weight:600;color:#222;line-height:1.3}.noti-card__time{font-size:12px;color:#bbb;white-space:nowrap;flex-shrink:0}.noti-card__message{font-size:13px;color:#777;margin-top:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noti-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.noti-empty__icon{font-size:48px;margin-bottom:16px;opacity:.4}.noti-empty__text{font-size:15px;color:#999;line-height:1.5}.noti-load-more{display:flex;justify-content:center;padding:20px}.noti-load-more__btn{background:none;border:1px solid #ddd;border-radius:20px;padding:10px 32px;font-size:13px;color:#666;cursor:pointer}.noti-settings-btn{align-items:center;gap:6px;margin:12px 16px;padding:10px;background:#f8f8f8;border:1px solid #eee;border-radius:8px;font-size:13px;color:#555;cursor:pointer;text-decoration:none}.noti-loading,.noti-settings-btn{display:flex;justify-content:center}.noti-loading{padding:40px}.noti-product-subtabs{display:flex;border-bottom:1px solid #f0f0f0;background:#fff}.noti-product-subtabs__item{flex:1;text-align:center;padding:14px 0;font-size:14px;font-weight:400;color:#999;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;position:relative}.noti-product-subtabs__item--active{font-weight:600;color:#000;border-bottom-color:#000}.noti-product-subtabs__dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ef4444;margin-left:4px;vertical-align:top}.noti-product-card{display:flex;align-items:flex-start;padding:16px;border-bottom:1px solid #f5f5f5;gap:12px;text-decoration:none;background:#fff}.noti-product-card--unread{background:#fafafa}.noti-product-card__icon{width:40px;height:40px;border-radius:10px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.noti-product-card__icon--unread{background:#000}.noti-product-card__content{flex:1;min-width:0}.noti-product-card__top{display:flex;align-items:center;gap:6px;margin-bottom:2px}.noti-product-card__title{font-size:13px;font-weight:600;color:#333}.noti-product-card__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ef4444;margin-left:4px;flex-shrink:0;vertical-align:middle}.noti-product-card__message{font-size:12px;color:#888;margin:2px 0;line-height:1.4}.noti-product-card__time{font-size:11px;color:#bbb}.noti-product-cta{margin-top:16px;padding:10px 24px;background:#000;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.noti-product-settings-info{padding:20px 16px 16px;background:#f9f9f9;border-bottom:1px solid #f0f0f0}.noti-product-settings-info__text{font-size:13px;color:#888;line-height:1.5}.noti-product-settings-info__count{margin-top:8px;font-size:13px;color:#333;font-weight:500}.noti-product-settings-info__count strong{color:#000;font-weight:700}.noti-product-settings-note{margin:16px;padding:16px;background:#f9f9f9;border-radius:8px}.noti-product-settings-note p{font-size:12px;color:#999;line-height:1.6}.noti-sub-list{padding:8px 0}.noti-sub-item{display:flex;align-items:center;padding:16px;gap:12px;border-bottom:1px solid #f5f5f5}.noti-sub-item__icon{width:48px;height:48px;border-radius:12px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;transition:background .2s}.noti-sub-item__icon--active{background:#000}.noti-sub-item__info{flex:1;min-width:0;text-decoration:none}.noti-sub-item__name{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.noti-sub-item__desc{display:block;font-size:12px;color:#999}.noti-sub-item__switch{width:52px;height:30px;border-radius:15px;border:none;background:#ddd;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s;padding:0}.noti-sub-item__switch--on{background:#000}.noti-sub-item__switch-thumb{width:24px;height:24px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}.noti-sub-item__switch--on .noti-sub-item__switch-thumb{left:25px}.noti-push-denied{display:flex;align-items:flex-start;gap:12px;margin:16px;padding:14px 16px;background:#fff3cd;border-radius:10px}.noti-push-denied__icon{font-size:20px;flex-shrink:0;line-height:1}.noti-push-denied__title{font-size:13px;font-weight:600;color:#856404;margin-bottom:4px}.noti-push-denied__desc{font-size:12px;color:#856404;line-height:1.5;opacity:.85}.noti-push-master{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:8px solid #f5f5f5}.noti-push-master__info{display:flex;flex-direction:column;gap:4px}.noti-push-master__label{font-size:16px;font-weight:700;color:#222}.noti-push-master__desc{font-size:12px;color:#999}.noti-push-items{padding:4px 0}.noti-push-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f5f5f5}.noti-push-item__info{display:flex;flex-direction:column;gap:2px}.noti-push-item__label{font-size:14px;font-weight:500;color:#333}.noti-push-item__desc{font-size:12px;color:#999}.noti-push-note{margin:16px;padding:16px;background:#f9f9f9;border-radius:8px}.noti-push-note p{font-size:12px;color:#999;line-height:1.7}