/* 校园吃瓜事件视频 - magazine theme */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Source Han Serif","Noto Serif SC",serif;background:#fff8f0;color:#2b2b2b;line-height:1.7}
a{color:#c0392b;text-decoration:none}
a:hover{color:#922b21}
.mag-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.mag-head{padding:18px 0;border-bottom:3px double #c0392b;text-align:center}
.mag-brand{font-size:30px;font-weight:800;color:#c0392b;letter-spacing:2px}
.mag-tagline{color:#777;font-size:13px;margin-top:6px}
.mag-nav{display:flex;justify-content:center;gap:0;border-bottom:1px solid #e8d8c4;flex-wrap:wrap}
.mag-nav a{padding:14px 20px;font-size:14px;color:#5a5a5a;border-bottom:3px solid transparent;font-weight:600}
.mag-nav a.on{color:#c0392b;border-bottom-color:#c0392b}
.mag-cover{margin:30px 0;padding:36px;background:linear-gradient(135deg,#fff,#fde8d8);border:1px solid #e8d8c4;text-align:center}
.mag-cover h1{font-size:32px;color:#2b2b2b;margin-bottom:12px;font-weight:800}
.mag-cover p{color:#666;max-width:760px;margin:0 auto;font-size:15px}
.mag-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin:24px 0}
.mag-card{background:#fff;border:1px solid #e8d8c4;overflow:hidden;transition:.2s}
.mag-card:hover{box-shadow:0 6px 20px -8px #c0392b55}
.mag-card img{width:100%;height:200px;object-fit:cover;display:block}
.mag-card.feat img{height:340px}
.mag-card-bd{padding:16px}
.mag-card h3{font-size:16px;color:#2b2b2b;margin-bottom:8px;font-weight:700}
.mag-card.feat h3{font-size:22px}
.mag-card p{color:#666;font-size:13px;height:40px;overflow:hidden}
.mag-card-meta{font-size:12px;color:#999;margin-top:10px;display:flex;justify-content:space-between}
.mag-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin:24px 0}
.mag-h{font-size:24px;color:#c0392b;margin:30px 0 14px;font-weight:800;border-left:6px solid #c0392b;padding-left:14px}
.mag-cm{background:#fff;border:1px solid #e8d8c4;padding:22px;margin:30px 0}
.mag-cm h3{color:#c0392b;font-size:18px;margin-bottom:12px}
.mag-cm-it{padding:12px 0;border-bottom:1px dashed #e8d8c4}
.mag-cm-it:last-child{border-bottom:0}
.mag-cm-it .u{color:#c0392b;font-weight:700;font-size:14px}
.mag-cm-it .c{color:#444;font-size:14px;margin-top:4px}
.mag-foot{margin-top:60px;padding:30px 0;border-top:3px double #c0392b;text-align:center;color:#888;font-size:13px}
@media(max-width:768px){.mag-grid{grid-template-columns:1fr 1fr;gap:12px}.mag-card.feat{grid-column:span 2}.mag-card.feat img{height:220px}}
@media(max-width:480px){.mag-grid{grid-template-columns:1fr}.mag-card.feat{grid-column:span 1}.mag-card img,.mag-card.feat img{height:180px}}