.promotion-detail-page{min-height:100vh;padding:2rem 1rem;max-width:680px;margin:0 auto}.promotion-detail__back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border-color,#e0e0e0);padding:.6rem 1.25rem;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:1.75rem;transition:all .2s;font-size:.95rem;font-weight:var(--weight-medium);color:var(--text-primary,#1a1a1a)}.promotion-detail__back-btn:hover{background-color:var(--hover-bg,#f5f5f5);border-color:#fbbf24}.promotion-detail__card{background:var(--bg-card,#ffffff);border-radius:20px;overflow:hidden;border:1px solid var(--highlight-border);box-shadow:0 10px 30px var(--highlight-glow)}.promotion-detail__image-container{position:relative;width:100%;aspect-ratio:16/9;background:var(--input-bg,#f1f3f7);overflow:hidden}.promotion-detail__image{width:100%;height:100%;object-fit:cover}.promotion-detail__badge{position:absolute;top:14px;right:14px;background:#fbbf24;color:var(--slate-800);padding:7px 14px;border-radius:var(--radius-full);display:flex;align-items:center;gap:6px;font-weight:var(--weight-extrabold);font-size:.9rem;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1}.promotion-detail__badge-icon{color:var(--slate-800)}.promotion-detail__content{padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.promotion-detail__professional{display:flex;align-items:center;gap:.875rem}.promotion-detail__avatar{object-fit:cover}.promotion-detail__avatar,.promotion-detail__avatar-placeholder{width:52px;height:52px;border-radius:10px;flex-shrink:0;border:2px solid var(--highlight-border)}.promotion-detail__avatar-placeholder{background:var(--surface-soft);display:flex;align-items:center;justify-content:center;color:var(--text-secondary,#999)}.promotion-detail__company-name{margin:0;font-size:1.1rem;font-weight:var(--weight-bold);color:var(--text-primary,#1e293b);line-height:1.2}.promotion-detail__profile-link{background:none;border:none;color:#fbbf24;cursor:pointer;font-weight:var(--weight-semibold);font-size:.85rem;padding:0;margin-top:2px;display:block;text-align:left;transition:opacity .2s}.promotion-detail__profile-link:hover{opacity:.75}.promotion-detail__title{font-size:1.6rem;font-weight:var(--weight-bold);margin:0;color:var(--text-primary,#1e293b);line-height:1.3}.promotion-detail__description{margin:0;color:var(--text-secondary,#475569);font-size:1rem;line-height:1.6}.promotion-detail__meta{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid var(--highlight-border)}.promotion-detail__meta-item{display:flex;align-items:center;gap:.625rem;font-size:.95rem;color:var(--text-secondary,#475569)}.promotion-detail__meta-item svg{color:#fbbf24;flex-shrink:0}.promotion-detail__meta-item strong{color:var(--text-primary,#1e293b)}.promotion-detail__actions{display:flex;gap:.875rem;padding-top:.25rem}.promotion-detail__btn{flex:1 1;padding:.875rem;border-radius:10px;font-weight:var(--weight-bold);font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;transition:all .2s}.promotion-detail__btn--primary{background-color:var(--amber-color);color:var(--slate-800)}.promotion-detail__btn--primary:hover{background-color:var(--amber-dark);transform:translateY(-2px);box-shadow:0 4px 14px var(--highlight-glow-strong)}.promotion-detail__btn--secondary{background:var(--coral);color:white;border:none}.promotion-detail__btn--secondary:hover{background:#ff6b3d;transform:translateY(-2px);box-shadow:0 4px 14px rgba(255,127,80,.4)}.promotion-detail__btn--share{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.promotion-detail__btn--share:hover{background-color:var(--surface-soft,#f5f5f5);transform:translateY(-2px);box-shadow:0 4px 14px var(--highlight-glow)}.promotion-detail-error,.promotion-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-secondary,#666)}.promotion-detail-error h2{font-size:1.5rem;margin:0;color:var(--text-primary,#1a1a1a)}.back-btn{background-color:var(--amber-color);color:var(--slate-800);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--weight-bold);display:flex;align-items:center;gap:.5rem;transition:all .2s;margin-top:1rem}.back-btn:hover{background-color:var(--amber-dark)}@media (max-width:768px){.promotion-detail-page{padding:1rem}.promotion-detail__title{font-size:1.3rem}.promotion-detail__actions{flex-direction:column}}