/* 51吃瓜网在线观看 - rq6m.cn - 独立样式 */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#fffbf5;color:#1a1a1a;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.rq6m-container{max-width:1280px;margin:0 auto;padding:0 24px}
.rq6m-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:#ffffffcc;border-bottom:1px solid rgba(0,0,0,0.08)}
.rq6m-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;flex-wrap:wrap;gap:16px}
.rq6m-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;background:linear-gradient(90deg,#ea580c,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.rq6m-logo svg{width:34px;height:34px}
.rq6m-menu{display:flex;gap:6px;flex-wrap:wrap}
.rq6m-menu a{padding:8px 14px;border-radius:8px;font-size:14px;color:#6b7280;transition:all .2s;font-weight:500}
.rq6m-menu a:hover,.rq6m-menu a.active{color:#ea580c;background:#ea580c1a}
.rq6m-hero{padding:72px 0 56px;text-align:center}
.rq6m-hero h1{font-size:clamp(28px,4vw,46px);font-weight:800;margin-bottom:18px;letter-spacing:-0.02em}
.rq6m-hero p{font-size:17px;color:#6b7280;max-width:700px;margin:0 auto 28px}
.rq6m-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.rq6m-tag{padding:6px 14px;border-radius:999px;background:#ea580c1a;color:#ea580c;font-size:13px;font-weight:500}
.rq6m-section{padding:48px 0}
.rq6m-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.rq6m-section-title h2{font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px}
.rq6m-section-title h2::before{content:"";width:4px;height:22px;background:linear-gradient(180deg,#ea580c,#fbbf24);border-radius:2px}
.rq6m-section-desc{color:#6b7280;font-size:14px;margin-bottom:20px}
.rq6m-grid{display:grid;gap:20px}
.rq6m-card{transition:all .3s ease;border-radius:12px;overflow:hidden;cursor:pointer}
.rq6m-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#222}
.rq6m-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rq6m-card:hover .rq6m-thumb img{transform:scale(1.08)}
.rq6m-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.35);opacity:0;transition:opacity .25s}
.rq6m-card:hover .rq6m-play{opacity:1}
.rq6m-play svg{width:54px;height:54px;color:#fff}
.rq6m-duration{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,0.75);color:#fff;font-size:12px;padding:2px 8px;border-radius:4px}
.rq6m-meta{padding:14px 16px}
.rq6m-meta h3{font-size:15px;font-weight:600;line-height:1.45;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rq6m-meta-info{display:flex;justify-content:space-between;color:#6b7280;font-size:12px}
.rq6m-comments{background:#ffffff;border-radius:14px;padding:24px;border:1px solid rgba(0,0,0,0.08)}
.rq6m-comment{padding:14px 0;border-bottom:1px dashed rgba(0,0,0,0.08)}
.rq6m-comment:last-child{border-bottom:none}
.rq6m-comment-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.rq6m-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ea580c,#fbbf24);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px}
.rq6m-comment-name{font-weight:600;font-size:14px}
.rq6m-comment-time{color:#6b7280;font-size:12px;margin-left:auto}
.rq6m-comment-text{font-size:14px;color:#1a1a1a;opacity:.85;padding-left:44px}
.rq6m-about{background:#ffffff;border-radius:14px;padding:28px;border:1px solid rgba(0,0,0,0.08);margin-top:32px}
.rq6m-about h3{font-size:18px;margin-bottom:12px;color:#ea580c}
.rq6m-about p{color:#6b7280;font-size:14px;margin-bottom:10px}
.rq6m-footer{margin-top:56px;padding:36px 0 24px;background:#ffffff;border-top:1px solid rgba(0,0,0,0.08);text-align:center;color:#6b7280;font-size:13px}
.rq6m-footer a{color:#ea580c}
.rq6m-footer p{margin:6px 0}
@media(max-width:640px){.rq6m-hero{padding:48px 0 32px} .rq6m-section{padding:32px 0}}

.rq6m-card{background:#ffffff;border:1px solid rgba(0,0,0,0.08);border-radius:18px;box-shadow:0 2px 12px rgba(234,88,12,0.06)}
.rq6m-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(234,88,12,0.18)}
.rq6m-hero{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 50%,#fef3c7 100%)}
.rq6m-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}

