.pc-hero{background:linear-gradient(135deg,var(--ark-navy) 0%,var(--ark-navy) 50%,var(--ark-navy) 100%);color:#fff;padding:80px 24px 60px;position:relative;overflow:hidden}
.pc-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(11,122,79,.15) 0%,transparent 70%);border-radius:50%}
.pc-inner{max-width:1000px;margin:0 auto;display:flex;gap:48px;align-items:center;flex-wrap:wrap;position:relative;z-index:1}
.pc-cover{width:260px;border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.5);flex-shrink:0;transition:transform .3s}
.pc-cover:hover{transform:scale(1.03)}
.pc-info{flex:1;min-width:280px}
.pc-info h1{font-size:40px;font-weight:800;margin-bottom:4px;letter-spacing:-.5px}
.pc-info .pc-sub{font-size:18px;opacity:.6;margin-bottom:16px;font-weight:400}
.pc-info p{font-size:16px;opacity:.8;line-height:1.7;margin-bottom:28px;max-width:480px}
.pc-platforms{display:flex;gap:10px;flex-wrap:wrap}
.pc-btn{padding:12px 24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:all .2s;backdrop-filter:blur(4px)}
.pc-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}
.pc-btn-primary{background:var(--cx-accent);border-color:var(--cx-accent)}
.pc-btn-primary:hover{background:var(--cx-accent-hover)}

.ep-list{max-width:800px;margin:0 auto}
.ep{display:flex;gap:20px;align-items:flex-start;padding:24px;border:1px solid var(--gray-200,#e5e7eb);border-radius:14px;margin-bottom:14px;background:#fff;transition:all .2s}
.ep:hover{border-color:var(--primary);box-shadow:0 8px 24px rgba(0,0,0,.06);transform:translateY(-1px)}
.ep-num{width:44px;height:44px;background:linear-gradient(135deg,var(--cx-accent),var(--cx-accent));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0}
.ep-body{flex:1}
.ep-title{font-size:16px;font-weight:700;color:var(--dark,var(--ark-navy));margin-bottom:3px}
.ep-desc{font-size:13px;color:var(--gray-500,#6b7280);line-height:1.5}
.ep-play{padding:8px 18px;background:var(--primary,var(--cx-accent));color:#fff;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;flex-shrink:0;align-self:center}

.bs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1000px;margin:0 auto}
.bs-img{width:100%;border-radius:14px;aspect-ratio:1;object-fit:cover;transition:transform .3s}
.bs-img:hover{transform:scale(1.03)}

.topic-card{background:var(--gray-50,#f9fafb);border-radius:14px;padding:28px;text-align:center;transition:all .2s}
.topic-card:hover{background:var(--primary-light,var(--cx-accent-light))}
.topic-icon{font-size:32px;margin-bottom:12px}
.topic-card h3{font-size:16px;font-weight:700;margin-bottom:6px;color:var(--dark,var(--ark-navy))}
.topic-card p{font-size:13px;color:var(--gray-500,#6b7280)}

@media(max-width:768px){
    .pc-cover{width:180px;margin:0 auto}
    .pc-inner{text-align:center;justify-content:center}
    .pc-platforms{justify-content:center}
    .pc-info h1{font-size:28px}
    .pc-info p{margin-left:auto;margin-right:auto}
    .bs-grid{grid-template-columns:1fr 1fr}
    .ep{flex-wrap:wrap}
    .ep-play{width:100%;text-align:center;margin-top:8px}
}
