/* 52吃瓜网每日投稿 - www.blog.jlhard.cn - layout A */
:root {
  --h1:340;--h2:20;
  --bg:hsl(340 30% 6%);
  --bg2:hsl(20 30% 10%);
  --panel:hsla(340 40% 14% / .55);
  --line:hsla(340 40% 60% / .18);
  --text:hsl(0 0% 96%);
  --muted:hsl(340 12% 70%);
  --brand:hsl(340 85% 60%);
  --brand2:hsl(20 85% 62%);
  --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:radial-gradient(1200px 800px at 20% -10%,hsla(340 80% 30% / .55),transparent 60%),radial-gradient(1000px 700px at 100% 10%,hsla(20 80% 25% / .45),transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Segoe UI,sans-serif;line-height:1.6;min-height:100%;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.b_x89268e{max-width:1400px;margin:0 auto;padding:0 20px}

/* Header (glass) */
.h_xffc77d{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:hsla(340 30% 8% / .65);border-bottom:1px solid var(--line)}
.n_x8a5c09{display:flex;align-items:center;gap:22px;padding:14px 0}
.l_x07b582{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;letter-spacing:.5px;background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}
.m_x88b57f{display:flex;gap:6px;flex-wrap:wrap;margin-left:8px}
.m_x88b57f a{padding:8px 14px;border-radius:999px;font-size:14px;color:var(--muted);transition:all .25s}
.m_x88b57f a:hover,.m_x88b57f a.active{color:#fff;background:linear-gradient(135deg,hsla(340 80% 55% / .28),hsla(20 80% 55% / .28));box-shadow:inset 0 0 0 1px var(--line)}

/* Hero */
.h_xbfd1be{margin:26px 0;padding:34px;border-radius:22px;background:linear-gradient(135deg,hsla(340 60% 20% / .6),hsla(20 60% 20% / .5));border:1px solid var(--line);position:relative;overflow:hidden}
.h_xbfd1be::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 80% 20%,hsla(340 90% 55% / .35),transparent 60%);pointer-events:none}
.h_xbfd1be h1{font-size:28px;letter-spacing:.5px;margin-bottom:10px}
.h_xbfd1be p{color:var(--muted);max-width:820px}

/* Breadcrumb */
.c_x06a683{font-size:13px;color:var(--muted);margin:18px 0}
.c_x06a683 a:hover{color:var(--brand)}

/* Card */
.c_x626103{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:transform .35s ease,box-shadow .35s ease}
.c_x626103:hover{transform:translateY(-4px);box-shadow:0 24px 44px -18px hsla(340 90% 30% / .55)}
.c_xe6f38d{position:relative;aspect-ratio:16/9;overflow:hidden}
.c_xe6f38d img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.c_x626103:hover .c_xe6f38d img{transform:scale(1.08)}
.c_xe6f38d::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,hsla(340 30% 4% / .85));opacity:.4;transition:opacity .35s}
.c_x626103:hover .c_xe6f38d::before{opacity:.85}
.p_x0b5338{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s}
.p_x0b5338 span{width:64px;height:64px;border-radius:50%;background:hsla(0 0% 100% / .95);color:hsl(340 90% 30%);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px hsla(340 90% 30% / .5);transform:scale(.85);transition:transform .35s}
.p_x0b5338 span::before{content:"";width:0;height:0;border-left:18px solid currentColor;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
.c_x626103:hover .p_x0b5338{opacity:1}
.c_x626103:hover .p_x0b5338 span{transform:scale(1)}
.b_xf60038{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:6px;background:linear-gradient(135deg,var(--brand),var(--brand2));font-size:11px;font-weight:700;letter-spacing:.5px}
.m_x599860{padding:14px 16px 16px}
.t_xfc6e18{font-size:15px;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;min-height:44px}
.c_xe37b6b{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:var(--muted)}
.c_xe37b6b b{color:var(--brand)}
.t_xc77573{display:inline-block;padding:2px 8px;margin:2px 4px 2px 0;border-radius:6px;font-size:11px;background:hsla(340 60% 40% / .25);color:hsl(340 30% 90%);border:1px solid var(--line)}

/* Aside */
.a_xe22178{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:20px}
.a_xe22178 h3{font-size:14px;margin-bottom:12px;color:var(--brand);letter-spacing:1px}
.d_xfd9b1c{color:var(--muted);font-size:13px;line-height:1.75}

/* Reviews & FAQ */
.r_xa5df39{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}
.r_xa5df39 b{color:var(--brand);display:block;margin-bottom:6px;font-size:13px}
.r_xa5df39 p{color:var(--muted);font-size:13px}
.f_xb142a4 details{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:10px}
.f_xb142a4 summary{cursor:pointer;font-weight:600;font-size:14px}
.f_xb142a4 p{color:var(--muted);font-size:13px;margin-top:10px}

/* Share */
.s_xbb822f{display:flex;gap:8px;flex-wrap:wrap}
.s_xbb822f a{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:hsla(340 30% 30% / .35);border:1px solid var(--line);font-size:14px;transition:all .25s}
.s_xbb822f a:hover{background:linear-gradient(135deg,var(--brand),var(--brand2));transform:translateY(-2px)}

/* Footer */
.f_x931c00{margin-top:60px;padding:44px 0 30px;border-top:1px solid var(--line);background:hsla(340 40% 6% / .55)}
.f_x931c00 .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.f_x931c00 h4{font-size:13px;color:var(--brand);margin-bottom:14px;letter-spacing:1px}
.f_x931c00 a, .f_x931c00 li{color:var(--muted);font-size:13px;line-height:2;list-style:none}
.f_x931c00 a:hover{color:#fff}
.f_x931c00 .fine{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

@media (max-width:900px){
  .n_x8a5c09{flex-wrap:wrap;gap:10px}
  .f_x931c00 .cols{grid-template-columns:1fr 1fr}
  .h_xbfd1be{padding:22px}
  .h_xbfd1be h1{font-size:22px}
}

/* Layout A: sidebar + waterfall */
.m_x682c7d{display:grid;grid-template-columns:260px 1fr;gap:26px;margin:20px 0 40px}
.g_xabf734{columns:3 260px;column-gap:18px}
.g_xabf734 > *{break-inside:avoid;margin-bottom:18px;display:inline-block;width:100%}
@media (max-width:900px){.m_x682c7d{grid-template-columns:1fr}.g_xabf734{columns:2 200px}}