/* ============================================================
   谷普下载站 - 礼包详情页（内容页） 蓝色品牌版
   gupu_libao.css   ?v=20260908a
   覆盖旧绿色（#16b777）主题，统一到全站天蓝（#37b1fa→#1f98ef）
   依赖：gupu_unify.css（提供 --gp-accent 等变量 + 头部新皮肤）
   ============================================================ */

/* ---- 详情页主体 ---- */
.libao-wrap{max-width:1200px;margin:18px auto 40px;padding:0 12px}
.libao-wrap .g-location{background:#f4f9ff;border-left:3px solid var(--gp-accent);color:#5b6b7f;font-size:13px;padding:10px 16px;border-radius:0 6px 6px 0;margin-bottom:18px}
.libao-wrap .g-location a{color:var(--gp-accent-d);text-decoration:none}
.libao-wrap .g-location a:hover{text-decoration:underline}

/* ---- 详情头部 ---- */
.libao-detail-head{background:#fff;border-radius:16px;box-shadow:0 4px 18px rgba(31,152,239,.08);padding:26px 30px;display:flex;gap:26px;align-items:flex-start;border:1px solid #eaf3ff}
.libao-detail-head .thumb{flex-shrink:0;width:140px;height:140px;border-radius:18px;overflow:hidden;background:#f2f7ff;box-shadow:0 6px 18px rgba(31,152,239,.16)}
.libao-detail-head .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.libao-detail-head .meta{flex:1;min-width:0}
.libao-detail-head .meta h1{font-size:25px;font-weight:700;color:#1c2333;margin:0 0 4px;line-height:1.3;padding-left:14px;position:relative}
.libao-detail-head .meta h1::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:5px;border-radius:3px;background:linear-gradient(180deg,#37b1fa,#1f98ef)}
.libao-detail-head .meta .info-list{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:16px}
.libao-detail-head .meta .info-list li{font-size:13px;color:#5b6b7f;display:flex;align-items:center;gap:6px}
.libao-detail-head .meta .info-list li b{color:#1f98ef;font-weight:600}
.libao-detail-head .meta .info-list li.remain b{color:#ff6f3c;font-size:17px}
.libao-detail-head .meta .info-list li a{color:#1f98ef}
.libao-detail-head .actions{flex-shrink:0;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.libao-detail-head .actions .btn-game{display:inline-flex;align-items:center;gap:7px;padding:12px 30px;background:linear-gradient(135deg,#37b1fa,#1f98ef);color:#fff;border-radius:26px;font-size:15px;font-weight:600;text-decoration:none;transition:.18s;box-shadow:0 6px 16px rgba(55,177,250,.3)}
.libao-detail-head .actions .btn-game:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(55,177,250,.45)}
.libao-detail-head .actions .btn-game .ic{font-size:18px}
.libao-detail-head .actions .btn-back{font-size:12px;color:#8a9bb0;text-decoration:none}
.libao-detail-head .actions .btn-back:hover{color:#1f98ef}

/* ---- 区块标题 ---- */
.libao-block-title{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:15px 22px;border-radius:12px 12px 0 0;border-bottom:2px solid var(--gp-accent);margin-top:18px}
.libao-block-title h2{font-size:17px;font-weight:600;color:#1c2333;margin:0;display:flex;align-items:center;gap:8px}
.libao-block-title h2::before{content:"";width:4px;height:16px;background:var(--gp-accent);border-radius:2px;display:inline-block}
.libao-block-title .meta{font-size:12px;color:#8a9bb0}
.libao-block-body{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 2px 10px rgba(0,0,0,.04);padding:26px 28px}

/* ---- 正文 ---- */
.libao-content{font-size:15px;line-height:1.85;color:#3d4857;word-break:break-word}
.libao-content p{margin:0 0 12px}
.libao-content img{max-width:100%;height:auto;border-radius:8px}
.libao-content pre,.libao-content code{font-family:Consolas,Menlo,monospace;background:#f2f8ff;padding:2px 6px;border-radius:4px;color:#1f98ef;font-size:13px}
.libao-content pre{padding:14px;line-height:1.6;overflow-x:auto;background:#f4f9ff;border:1px dashed #bcdcff}
.libao-content h2,.libao-content h3{margin:18px 0 10px;color:#1c2333}
.libao-content h3{font-size:16px;font-weight:600;border-left:4px solid var(--gp-accent);padding-left:10px}
.libao-content a{color:#1f98ef;text-decoration:none}
.libao-content a:hover{text-decoration:underline}

/* ---- 礼包码网格（由模板 JS 把纯码段转成网格 + 复制） ---- */
.libao-codes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 16px}
.libao-codes .code{padding:11px 12px;background:#f4f9ff;border:1px solid #dcebfc;border-radius:8px;font-family:Consolas,Menlo,monospace;font-size:13px;color:#1f98ef;text-align:center;cursor:pointer;transition:.15s;user-select:all}
.libao-codes .code:hover{background:linear-gradient(135deg,#37b1fa,#1f98ef);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(55,177,250,.3)}
.libao-codes .code.copied{background:#eafaf1;border-color:#b7ecd0;color:#0f9d5a}
@media (max-width:720px){ .libao-codes{grid-template-columns:repeat(2,1fr);} }