/* ============================================================
   线报酷 QQ 推送群落地页 /qun.html — v20261025b
   视觉语言对齐 style/dingyue.css（站内独立页统一口径）。
   JS（script/qun.js）依赖的类名：xbqun-copy / xbqun-toast；e2e 依赖
   .xbqun-item / .c-badge-vip，改名前先查。
   ============================================================ */

.xbqun-page{max-width:var(--container,1280px);margin:0 auto;padding:20px 24px 56px;color:var(--text);font-size:var(--fs-14);box-sizing:border-box}

/* ---------------- Hero ---------------- */
.xbqun-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:28px 30px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-ring-sm)}
.xbqun-eyebrow{margin:0 0 8px;font-size:var(--fs-12);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.xbqun-hero h1{margin:0 0 10px;font-size:var(--fs-28);font-weight:var(--fw-700);line-height:1.25;letter-spacing:-.01em}
.xbqun-hero-sub{margin:0;max-width:56ch;font-size:var(--fs-14);line-height:1.7;color:var(--text-2)}
.xbqun-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.xbqun-stats{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px}
.xbqun-stat{padding:14px 16px;border-radius:var(--radius);background:var(--surface-2);text-align:center}
.xbqun-stat-v{display:block;font-size:var(--fs-22);font-weight:var(--fw-700);font-variant-numeric:tabular-nums;line-height:1.2}
.xbqun-stat-l{display:block;margin-top:4px;font-size:var(--fs-12);color:var(--text-3)}
.xbqun-stat-free .xbqun-stat-v{color:var(--success-text)}
.xbqun-stat-qq .xbqun-stat-v{font-size:var(--fs-16);line-height:1.6}

/* ---------------- 提示条 ---------------- */
.xbqun-notice{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 16px;border-radius:var(--radius);background:var(--warning-bg);color:var(--warning-text);font-size:var(--fs-13);line-height:1.65}

/* ---------------- 编号小节 ---------------- */
.xbqun-sec{margin-top:34px;scroll-margin-top:76px}
.xbqun-sec-hd{margin-bottom:16px}
.xbqun-sec-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.xbqun-sec-idx{font-size:var(--fs-12);font-weight:var(--fw-600);font-variant-numeric:tabular-nums;color:var(--text-3);letter-spacing:.06em}
.xbqun-sec-title h2{margin:0;font-size:var(--fs-22);font-weight:var(--fw-700);line-height:1.3}
.xbqun-pill{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-size:var(--fs-12);font-weight:var(--fw-600);white-space:nowrap}
.xbqun-sec-sub{margin:6px 0 0;color:var(--text-2);line-height:1.7}

/* ---------------- 群卡网格 ---------------- */
.xbqun-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.xbqun-item{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-ring-sm)}
.xbqun-item .nm{display:flex;align-items:center;gap:6px;min-width:0;font-size:var(--fs-14);font-weight:var(--fw-600);color:var(--text)}
.xbqun-item .nm i{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.xbqun-right{display:flex;align-items:center;justify-content:space-between;gap:8px}
.xbqun-num{font-family:ui-monospace,SFMono-Regular,Consolas,Menlo,monospace;font-size:var(--fs-16);font-weight:var(--fw-700);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.xbqun-copy{border:0;background:var(--surface-2);border-radius:var(--radius-sm);padding:5px 12px;font-size:var(--fs-12);cursor:pointer;color:var(--text);transition:background var(--dur-fast) ease,color var(--dur-fast) ease}
.xbqun-copy:hover{background:var(--primary);color:var(--on-primary)}
.xbqun-copy.on{background:var(--success);color:var(--success-text)}
.xbqun-note{font-size:var(--fs-13);color:var(--text-2);margin:14px 0 0;line-height:1.9}

/* ---------------- 须知列表 ---------------- */
.xbqun-panel{padding:20px 22px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-ring-sm)}
.xbqun-tips{margin:0;padding-left:18px;color:var(--text-2);line-height:2.1}
.xbqun-tips b{color:var(--text)}

/* ---------------- 更多接收方式（对齐 xbdy-pick） ---------------- */
.xbqun-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.xbqun-more a{display:block;padding:18px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-ring-sm);text-decoration:none;color:inherit;transition:transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease}
.xbqun-more a:hover{transform:translateY(-2px);box-shadow:var(--shadow-ring-lg);color:inherit}
.xbqun-more a:focus-visible{outline:none;box-shadow:0 0 0 1px var(--focus-ring),0 0 0 4px var(--focus-halo)}
.xbqun-more b{font-size:var(--fs-15);font-weight:var(--fw-600)}
.xbqun-more p{margin:4px 0 0;font-size:var(--fs-13);color:var(--text-2);line-height:1.65}
.xbqun-more .go{margin-top:10px;font-size:var(--fs-13);color:var(--text);font-weight:var(--fw-600)}
.xbqun-more a:hover .go{color:var(--primary)}

.xbqun-toast{position:fixed;left:50%;bottom:36px;transform:translateX(-50%) translateY(8px);background:var(--foreground);color:var(--background);border-radius:var(--radius-pill);padding:8px 18px;font-size:var(--fs-13);opacity:0;pointer-events:none;transition:all .25s ease;z-index:9999;max-width:86vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xbqun-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media (max-width:768px){
    .xbqun-page{padding:14px 14px 40px}
    .xbqun-hero{grid-template-columns:1fr;padding:20px;gap:18px}
    .xbqun-hero h1{font-size:var(--fs-24,1.5rem)}
    .xbqun-stats{grid-template-columns:repeat(2,1fr)}
    .xbqun-grid{grid-template-columns:1fr}
    .xbqun-panel{padding:16px}
    .xbqun-sec{margin-top:26px}
}