/* 51吃瓜在线观看 - shtuigs.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:#0b0a1a;color:#f5f5f7;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.shtuigs-container{max-width:1280px;margin:0 auto;padding:0 24px}
.shtuigs-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:#161330cc;border-bottom:1px solid rgba(255,255,255,0.08)}
.shtuigs-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;flex-wrap:wrap;gap:16px}
.shtuigs-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;background:linear-gradient(90deg,#a855f7,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.shtuigs-logo svg{width:34px;height:34px}
.shtuigs-menu{display:flex;gap:6px;flex-wrap:wrap}
.shtuigs-menu a{padding:8px 14px;border-radius:8px;font-size:14px;color:#a0a0b8;transition:all .2s;font-weight:500}
.shtuigs-menu a:hover,.shtuigs-menu a.active{color:#a855f7;background:#a855f71a}
.shtuigs-hero{padding:72px 0 56px;text-align:center}
.shtuigs-hero h1{font-size:clamp(28px,4vw,46px);font-weight:800;margin-bottom:18px;letter-spacing:-0.02em}
.shtuigs-hero p{font-size:17px;color:#a0a0b8;max-width:700px;margin:0 auto 28px}
.shtuigs-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.shtuigs-tag{padding:6px 14px;border-radius:999px;background:#a855f71a;color:#a855f7;font-size:13px;font-weight:500}
.shtuigs-section{padding:48px 0}
.shtuigs-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.shtuigs-section-title h2{font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px}
.shtuigs-section-title h2::before{content:"";width:4px;height:22px;background:linear-gradient(180deg,#a855f7,#22d3ee);border-radius:2px}
.shtuigs-section-desc{color:#a0a0b8;font-size:14px;margin-bottom:20px}
.shtuigs-grid{display:grid;gap:20px}
.shtuigs-card{transition:all .3s ease;border-radius:12px;overflow:hidden;cursor:pointer}
.shtuigs-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#222}
.shtuigs-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.shtuigs-card:hover .shtuigs-thumb img{transform:scale(1.08)}
.shtuigs-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}
.shtuigs-card:hover .shtuigs-play{opacity:1}
.shtuigs-play svg{width:54px;height:54px;color:#fff}
.shtuigs-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}
.shtuigs-meta{padding:14px 16px}
.shtuigs-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}
.shtuigs-meta-info{display:flex;justify-content:space-between;color:#a0a0b8;font-size:12px}
.shtuigs-comments{background:#161330;border-radius:14px;padding:24px;border:1px solid rgba(255,255,255,0.08)}
.shtuigs-comment{padding:14px 0;border-bottom:1px dashed rgba(255,255,255,0.08)}
.shtuigs-comment:last-child{border-bottom:none}
.shtuigs-comment-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.shtuigs-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#22d3ee);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px}
.shtuigs-comment-name{font-weight:600;font-size:14px}
.shtuigs-comment-time{color:#a0a0b8;font-size:12px;margin-left:auto}
.shtuigs-comment-text{font-size:14px;color:#f5f5f7;opacity:.85;padding-left:44px}
.shtuigs-about{background:#161330;border-radius:14px;padding:28px;border:1px solid rgba(255,255,255,0.08);margin-top:32px}
.shtuigs-about h3{font-size:18px;margin-bottom:12px;color:#a855f7}
.shtuigs-about p{color:#a0a0b8;font-size:14px;margin-bottom:10px}
.shtuigs-footer{margin-top:56px;padding:36px 0 24px;background:#161330;border-top:1px solid rgba(255,255,255,0.08);text-align:center;color:#a0a0b8;font-size:13px}
.shtuigs-footer a{color:#a855f7}
.shtuigs-footer p{margin:6px 0}
@media(max-width:640px){.shtuigs-hero{padding:48px 0 32px} .shtuigs-section{padding:32px 0}}

.shtuigs-card{background:linear-gradient(145deg,#161330,rgba(168,85,247,0.08));border:1px solid rgba(255,255,255,0.08);box-shadow:0 4px 24px rgba(168,85,247,0.12)}
.shtuigs-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(34,211,238,0.25);border-color:#22d3ee}
.shtuigs-hero{background:radial-gradient(circle at 20% 20%,rgba(168,85,247,0.35),transparent 60%),radial-gradient(circle at 80% 80%,rgba(34,211,238,0.25),transparent 60%),#0b0a1a}
.shtuigs-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}