.promotion-banner{width:100%;padding:16px 24px;animation:.4s ease-out promotionFadeIn}@keyframes promotionFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.promotion-banner.hidden{display:none}.promotion-banner--fixed{position:fixed;top:110px;left:0;right:0;z-index:90;background:var(--bg-primary);border-bottom:1px solid var(--border-light);box-shadow:0 2px 8px rgba(0,0,0,.08)}[data-theme=dark] .promotion-banner--fixed{box-shadow:0 2px 8px rgba(0,0,0,.3)}.promotion-banner__wrapper{max-width:800px;margin:0 auto}.promotion-banner__card{position:relative;display:flex;align-items:stretch;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;cursor:pointer;transition:.25s;animation:.4s ease-out bannerFadeIn}[data-theme=dark] .promotion-banner__card{background:linear-gradient(135deg,rgba(30,35,50,.95),rgba(25,30,45,.98));border-color:rgba(80,90,120,.3)}.promotion-banner__card:hover{border-color:var(--accent-blue);box-shadow:0 4px 20px rgba(59,130,246,.15);transform:translateY(-1px)}[data-theme=dark] .promotion-banner__card:hover{border-color:rgba(96,165,250,.5);box-shadow:0 4px 24px rgba(59,130,246,.2)}.promotion-banner__close{position:absolute;top:8px;right:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;cursor:pointer;transition:.2s;font-size:.8rem;z-index:10}.promotion-banner__close:hover{background:rgba(239,68,68,.25);border-color:rgba(239,68,68,.5);color:#dc2626}[data-theme=dark] .promotion-banner__close{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4);color:#f87171}[data-theme=dark] .promotion-banner__close:hover{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.6)}.promotion-banner__image{flex-shrink:0;width:400px;height:225px;position:relative;overflow:hidden}.promotion-banner__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.promotion-banner__card:hover .promotion-banner__image img{transform:scale(1.03)}.promotion-banner__play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity .2s}.promotion-banner__card:hover .promotion-banner__play-overlay{opacity:1}.promotion-banner__play-overlay i{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.95);border-radius:50%;color:#1a1a2e;font-size:18px;padding-left:3px}.promotion-banner__tag{position:absolute;top:8px;left:8px;padding:3px 8px;background:rgba(0,0,0,.7);color:#fff;font-size:.7rem;font-weight:500;border-radius:4px;letter-spacing:.5px;z-index:1}.promotion-banner__content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 24px;min-width:0;gap:16px}.promotion-banner__title-row{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.promotion-banner__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.promotion-banner__stat{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-tertiary);flex-shrink:0}.promotion-banner__stat i{font-size:.75rem}.promotion-banner__author{display:flex;justify-content:center;width:100%}.promotion-banner__nav{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;margin-top:8px}.promotion-banner__nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:.2s;font-size:.7rem}.promotion-banner__nav-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-medium)}.promotion-banner__indicator{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;min-width:32px;text-align:center}.promotion-banner__card.fade-out{animation:.25s ease-in forwards bannerFadeOut}@keyframes bannerFadeIn{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes bannerFadeOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@media (max-width:900px){.promotion-banner__image{width:320px;height:180px}.promotion-banner__title{font-size:1.1rem}}@media (max-width:768px){.promotion-banner{padding:12px 16px}.promotion-banner__card{flex-direction:column}.promotion-banner__image{width:100%;height:200px}.promotion-banner__content{padding:16px;gap:12px}.promotion-banner__title{font-size:1rem}.promotion-banner__nav{flex-direction:row;border-left:none;border-top:1px solid var(--border-light);padding:10px}[data-theme=dark] .promotion-banner__nav{border-top-color:rgba(80,90,120,.3)}.promotion-banner__close{top:12px;right:12px}}@media (max-width:480px){.promotion-banner{padding:8px 12px}.promotion-banner__image{height:160px}.promotion-banner__title{font-size:.95rem}.promotion-banner__title-row{flex-direction:column;gap:8px}}.promotion-form{max-width:500px}.promotion-form .form-group{margin-bottom:20px}.promotion-form label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.promotion-form input[type=text],.promotion-form input[type=url]{width:100%;padding:12px 14px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;transition:.2s}.promotion-form input:focus{outline:0;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.promotion-form .form-hint{display:block;margin-top:6px;font-size:.8rem;color:var(--text-tertiary)}.promotion-form .image-upload-area{border:2px dashed var(--border-medium);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.promotion-form .image-upload-area:hover{border-color:var(--accent-blue);background:rgba(59,130,246,.05)}.promotion-form .image-upload-area input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.promotion-form .image-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary)}.promotion-form .image-upload-placeholder i{font-size:2.5rem;color:var(--text-tertiary)}.promotion-form .image-preview{display:none}.promotion-form .image-preview.show{display:block}.promotion-form .image-preview img{max-width:100%;max-height:200px;border-radius:8px;object-fit:cover}.promotion-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.promotion-form .current-promotion{padding:16px;background:var(--bg-tertiary);border-radius:12px;margin-bottom:20px}.promotion-form .current-promotion__title{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.promotion-form .current-promotion__info{display:flex;align-items:center;gap:12px}.promotion-form .current-promotion__image{width:80px;height:50px;border-radius:6px;object-fit:cover}.promotion-form .current-promotion__text{flex:1}.promotion-form .current-promotion__name{font-weight:500;color:var(--text-primary);margin-bottom:4px}.promotion-form .current-promotion__expires{font-size:.8rem;color:var(--text-tertiary)}.promotion-form .current-promotion__warning{margin-top:12px;padding:10px 12px;background:rgba(251,146,60,.1);border:1px solid rgba(251,146,60,.3);border-radius:8px;font-size:.85rem;color:#f97316}[data-theme=dark] .promotion-form .current-promotion__warning{background:rgba(251,146,60,.15);color:#fb923c}.promotion-form .form-status{padding:12px;border-radius:8px;background:var(--bg-tertiary);margin-bottom:16px}.promotion-form .form-status__message{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.promotion-form .form-status__progress{height:4px;background:var(--border-light);border-radius:2px;overflow:hidden}.promotion-form .form-status__progress-fill{height:100%;background:var(--accent-blue);border-radius:2px;transition:width .3s;width:0}