:root{--pc-bg:#fff5f7;--pc-ink:#3a1530;--pc-pink:#ff5d8f;--pc-cream:#ffe3ec;--pc-gold:#ffb347;--pc-line:#ffd0de}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:var(--pc-bg);color:var(--pc-ink);line-height:1.65}
a{color:inherit;text-decoration:none}
.pc-top{background:linear-gradient(135deg,#ff8fab,#ff5d8f 60%,#ff7eb6);color:#fff;padding:14px 0;position:sticky;top:0;z-index:50;box-shadow:0 6px 24px rgba(255,93,143,.25)}
.pc-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.pc-bar{display:flex;align-items:center;gap:32px}
.pc-logo{font-size:24px;font-weight:900;letter-spacing:.5px;display:flex;align-items:center;gap:8px}
.pc-logo::before{content:"🍑";font-size:28px}
.pc-nav{display:flex;gap:18px;flex:1;flex-wrap:wrap}
.pc-nav a{padding:6px 14px;border-radius:999px;font-weight:600;font-size:14px;transition:.2s}
.pc-nav a:hover,.pc-nav a.on{background:rgba(255,255,255,.25);backdrop-filter:blur(6px)}
.pc-hero{padding:48px 0 24px}
.pc-hero h1{font-size:42px;font-weight:900;background:linear-gradient(90deg,#ff5d8f,#ffb347);-webkit-background-clip:text;color:transparent;margin-bottom:14px}
.pc-hero p{color:#7a4a5e;max-width:760px;font-size:16px}
.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;padding:24px 0 60px}
.pc-card{background:#fff;border:1px solid var(--pc-line);border-radius:22px;overflow:hidden;transition:.3s;box-shadow:0 4px 14px rgba(255,93,143,.08)}
.pc-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(255,93,143,.22)}
.pc-thumb{aspect-ratio:16/10;background:#ffe3ec;overflow:hidden;position:relative}
.pc-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s}
.pc-card:hover .pc-thumb img{transform:scale(1.06)}
.pc-tag{position:absolute;top:10px;left:10px;background:#ff5d8f;color:#fff;font-size:12px;padding:3px 10px;border-radius:999px;font-weight:700}
.pc-meta{padding:14px 16px}
.pc-meta h3{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-info{display:flex;justify-content:space-between;font-size:12px;color:#a87280}
.pc-section-title{font-size:22px;font-weight:800;margin:30px 0 14px;display:flex;align-items:center;gap:10px}
.pc-section-title::before{content:"";width:6px;height:22px;background:linear-gradient(180deg,#ff5d8f,#ffb347);border-radius:3px}
.pc-foot{background:#3a1530;color:#ffd0de;padding:36px 0;margin-top:30px}
.pc-foot a{color:#ffb347}
.pc-detail{display:grid;grid-template-columns:2fr 1fr;gap:30px;padding:30px 0}
.pc-player{background:#000;border-radius:18px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;position:relative;overflow:hidden}
.pc-player img{width:100%;height:100%;object-fit:cover;opacity:.7}
.pc-player .pc-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);font-size:60px}
.pc-side{background:#fff;border-radius:18px;padding:18px;border:1px solid var(--pc-line)}
.pc-side h4{margin-bottom:12px;color:#ff5d8f}
.pc-side ul{list-style:none}
.pc-side li{padding:8px 0;border-bottom:1px dashed var(--pc-line);font-size:14px}
@media(max-width:780px){.pc-detail{grid-template-columns:1fr}.pc-hero h1{font-size:30px}}