.promotion-overview{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff5f5,#fff);border-radius:16px;padding:24px 32px;margin-bottom:32px;border:1px solid #ffcccc}.promotion-overview__main{display:flex;align-items:center;gap:20px}.promotion-overview__circle{position:relative;width:80px;height:80px}.promotion-overview__circle svg{width:100%;height:100%}.promotion-overview__percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:#ff4d4f}.promotion-overview__text{display:flex;flex-direction:column;gap:4px}.promotion-overview__label{font-size:14px;color:#666}.promotion-overview__count{font-size:20px;font-weight:700;color:#333}.promotion-reset-btn{padding:10px 20px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;color:#666;cursor:pointer;transition:all .2s}.promotion-reset-btn:hover{border-color:#ff4d4f;color:#ff4d4f}.promotion-timeline{display:flex;flex-direction:column;gap:24px}.promotion-block{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f}.promotion-block__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.promotion-block__title{display:flex;align-items:center;gap:10px}.promotion-block__icon{font-size:20px}.promotion-block__name{font-size:16px;font-weight:700;color:#333}.promotion-block__time{padding:4px 10px;background:#fff2f0;color:#ff4d4f;border-radius:4px;font-size:12px;font-weight:500}.promotion-block__progress{display:flex;align-items:center;gap:10px}.promotion-progress-bar{width:100px;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.promotion-progress-bar__fill{height:100%;background:linear-gradient(90deg,#ff4d4f,#ff6b6b);border-radius:3px;transition:width .3s ease}.promotion-progress-text{font-size:13px;color:#999;min-width:40px}.promotion-block__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.promotion-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fafafa;border-radius:10px;transition:all .2s}.promotion-card:hover{background:#f0f0f0}.promotion-card.checked{background:#f6ffed;border:1px solid #b7eb8f}.promotion-card__checkbox{flex-shrink:0}.promotion-card__checkbox input[type=checkbox]{display:none}.promotion-card__checkbox label{display:block;width:20px;height:20px;border:2px solid #d9d9d9;border-radius:4px;cursor:pointer;transition:all .2s;position:relative}.promotion-card__checkbox label:hover{border-color:#ff4d4f}.promotion-card.checked .promotion-card__checkbox label{background:#52c41a;border-color:#52c41a}.promotion-card.checked .promotion-card__checkbox label:after{content:"";position:absolute;top:3px;left:6px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.promotion-card__content{flex:1}.promotion-card__text{font-size:14px;color:#333;line-height:1.5}.promotion-card.checked .promotion-card__text{color:#999;text-decoration:line-through}.promotion-tip{margin-top:32px;padding:20px;background:#fafafa;border-radius:12px}.promotion-tip h3{font-size:14px;font-weight:600;color:#666;margin-bottom:12px}.promotion-tip ul{margin:0;padding-left:20px}.promotion-tip li{font-size:13px;color:#999;line-height:1.8;margin-bottom:4px}@media(max-width:768px){.promotion-overview{flex-direction:column;gap:20px;padding:20px}.promotion-block__header{flex-direction:column;align-items:flex-start;gap:12px}.promotion-block__grid{grid-template-columns:1fr}}@media(max-width:480px){.promotion-block{padding:16px}.promotion-card{padding:12px}}