.ad-brand { flex: 1 1 180px; text-align: center; }

.ad-brand img { width: 84px; height: 84px; border-radius: 50%; background: #fff; padding: 4px; }

.ad-brand .ad-name { font-size: 15px; font-weight: 600; margin-top: 10px; color: #fff; letter-spacing: 2px; }

.ad-brand .ad-slogan { font-size: 12px; line-height: 1.7; color: #f0a95c; margin-top: 8px; font-weight: 500; }

.ad-info { flex: 2 1 300px; font-size: 12px; line-height: 1.9; color: #cfc6b4; }

.ad-info b { color: #fff; font-size: 13px; }

.ad-info .ad-title { font-size: 14px; font-weight: 600; color: #f0a95c; margin-bottom: 6px; letter-spacing: 1px; }

.ad-kf { flex: 1 1 210px; text-align: center; }

.ad-kf .ad-title { font-size: 14px; font-weight: 600; color: #f0a95c; margin-bottom: 8px; letter-spacing: 1px; }

.ad-kf-imgs { display: flex; flex-direction: column; align-items: center; gap: 12px; }

.ad-kf-imgs div { text-align: center; }

.ad-kf-imgs img { width: 180px; height: auto; border-radius: 12px; background: #fff; padding: 6px; box-shadow: 0 2px 8px rgba(0,0,0,.15); }

.ad-kf-imgs span { display: block; font-size: 12px; color: #cfc6b4; margin-top: 5px; }

.ad-foot { flex-basis: 100%; text-align: center; font-size: 11px; color: #8d8372; border-top: 1px solid #443d31; padding-top: 10px; }



/* 查看近期驴屋活动（网格右下角入口） */
.act-more{display:flex;justify-content:flex-end;margin-top:16px}

.act-more a{font-size:13.5px;color:#F08200;font-weight:500;letter-spacing:1px;padding:6px 0 3px;border-bottom:1px dashed rgba(240,130,0,.55);transition:color .25s,border-color .25s}

.act-more a:hover{color:#c96a00;border-bottom-color:#c96a00}

.act-more a::after{content:" \2192";transition:transform .25s}

.act-more a:hover::after{transform:translateX(4px)}

@media(max-width:640px){.act-more{justify-content:center}.act-more a{font-size:13px}}

  .wrap { max-width: 760px; margin: 0 auto; padding: 30px 22px 60px; }

  .hero-img { margin: 0 0 16px; border-radius: 16px; overflow: hidden; height: 300px; background: #f7f3ec; }

  .hero-img img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block; }

  h4 i { margin-right: 6px; }

  .warn { background: #fdf0ec; border: 1px solid #f0c8be; border-radius: 10px; padding: 14px 18px;
    margin: 14px 0; font-size: 14px; }

  .warn b { color: #c0392b; }

  .warn i { color: #c0392b; margin-right: 6px; }


  /* ===== 图文结合增强（清单图标 + 步骤徽章） ===== */
  ol { list-style: none; padding-left: 4px; counter-reset: step; }

  ol li { position: relative; padding-left: 36px; counter-increment: step; }

  .warn > i, .go > i { font-size: 20px; }

  .fun > i { font-size: 18px; }

  .em { padding: 0 2px; }

  .emoji-strip { background: #fff8ee; border: 1px dashed #f0c896; border-radius: 14px; padding: 14px 18px; margin: 18px 0 6px; text-align: center; }

  .em-h { font-size: 14px; font-weight: 600; color: #b5651d; margin-bottom: 10px; }

  .em-row { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; gap: 10px; }

  .em-row .em { display: flex; flex-direction: column; align-items: center; gap: 4px; }

  .em-row .em img { width: 72px; height: 72px; border-radius: 14px; background: #fff; padding: 4px; box-shadow: 0 2px 6px rgba(0,0,0,.06); }

  .em-row .em span { font-size: 12px; color: #888; }


  .photo-bar { display: flex; gap: 12px; margin: 16px 0; flex-wrap: wrap; }

  .photo-bar > figure { flex: 1 1 200px; margin: 0; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.05); }

  .photo-bar > figure img { width: 100%; height: 180px; object-fit: cover; display: block; }

  .photo-bar > figure figcaption { font-size: 12px; color: #888; text-align: center; padding: 6px 0; background: #fafafa; border-top: 1px solid #f0e8dc; }


  /* ===== 关于驴屋 页脚 ===== */
  .about-donkey { background: #2f2a22; color: #e8e2d6; border-radius: 16px; margin: 26px 0 10px; padding: 24px 22px; display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }


    .kb-brand{display:inline-block;margin:0 0 16px;padding:8px 18px;border-radius:30px;background:#2f2a22;color:#fff;font-size:13px;font-weight:500;letter-spacing:1px;text-decoration:none;transition:background .2s}

  .kb-brand:hover{background:#F08200;color:#fff}

*{margin:0;padding:0;box-sizing:border-box}

img{max-width:100%;display:block}

.topnav nav a.active{color:var(--orange);font-weight:600}

.topnav nav a:hover{color:var(--orange)}

.hero img{width:100%;height:100%;object-fit:cover}

.block.soft{background:var(--bg-soft)}

.act-more a::after{content:" →";transition:transform .25s}

.faq-box summary::-webkit-details-marker{display:none}


/* footer */
.foot{border-top:1px solid var(--line);padding:30px 0 44px;text-align:center;font-size:13px;color:var(--ink-light);letter-spacing:1px}

.foot a{color:var(--ink-light);text-decoration:none;margin:0 6px}

.foot a:hover{color:var(--orange)}

.foot .meta{margin-top:10px;font-size:12px;color:#B7A88C}

  .about-donkey .ad-brand { flex: 0 0 200px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }

  .about-donkey .ad-brand .ad-logo { width: 88px; height: 88px; border-radius: 50%; background: #fff; padding: 5px; box-shadow: 0 2px 8px rgba(0,0,0,.18); }

  .about-donkey .ad-brand .ad-name { font-size: 15px; font-weight: 600; color: #fff; letter-spacing: 2px; }

  .about-donkey .ad-brand .ad-slogan { font-size: 12px; line-height: 1.8; color: #f0a95c; }

  .about-donkey .ad-brand .ad-miniapp { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-top: 8px; }

  .about-donkey .ad-brand .ad-miniapp img { width: 110px; height: 110px; border-radius: 12px; background: #fff; padding: 5px; box-shadow: 0 2px 8px rgba(0,0,0,.15); }

  .about-donkey .ad-brand .ad-miniapp span { font-size: 11px; color: #f0a95c; letter-spacing: 1px; }

  .about-donkey .ad-info { flex: 1 1 360px; min-width: 280px; font-size: 12.5px; line-height: 1.95; color: #cfc6b4; }

  .about-donkey .ad-info b { color: #fff; font-weight: 600; }

  .about-donkey .ad-info .ad-title { font-size: 15px; font-weight: 600; color: #f0a95c; letter-spacing: 2px; margin-bottom: 10px; }

  .about-donkey .ad-info .ad-p { margin: 0 0 12px; }

  .about-donkey .ad-info .ad-divider { border-top: 1px solid #443d31; margin: 12px 0; }

  .about-donkey .ad-info .ad-row { display: flex; align-items: baseline; gap: 10px; margin: 7px 0; }

  .about-donkey .ad-info .ad-row .lab { flex: none; font-size: 11.5px; color: #f0a95c; letter-spacing: 1px; }

  .about-donkey .ad-info .ad-row .val { flex: 1; }

  .about-donkey .ad-foot { flex-basis: 100%; text-align: center; font-size: 11px; color: #8d8372; border-top: 1px solid #443d31; padding-top: 12px; margin-top: 4px; }

  @media (max-width:720px){
    .about-donkey { padding: 22px 18px; gap: 22px; }
    .about-donkey .ad-brand { flex-basis: 100%; }
    .about-donkey .ad-brand .ad-miniapp img { width: 104px; height: 104px; }
    .about-donkey .ad-info { min-width: 0; }
  }

  *{box-sizing:border-box;margin:0;padding:0;}
.pending-pic{position:relative}

.pending-mask{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;letter-spacing:6px;border-radius:14px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.act-pic-cta-note{font-size:12px;color:var(--ink-light);text-align:center;letter-spacing:.3px}