/*
Theme Name: 00097 Landing
Theme URI: https://example.com/
Author: You
Description: 00097 game login / register landing theme for India players.
Version: 1.0
Text Domain: zero097-landing
*/

/* ========= 基础变量 & Reset ========= */

:root{
  --pink-bg:#fff4f8;
  --pink-main:#ff6d8b;
  --pink-deep:#ff3a5f;
  --pink-soft:#ffe0eb;
  --orange:#ffb347;
  --yellow:#ffd54f;
  --dark:#222;
  --muted:#777;
  --radius-lg:20px;
  --shadow-soft:0 10px 30px rgba(255,105,152,.35);
  --shadow-card:0 8px 22px rgba(0,0,0,.06);
}

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

body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:linear-gradient(180deg,#ffb9cd,#fff4f8);
  color:var(--dark);
  line-height:1.6;
}

a{
  text-decoration:none;
  color:inherit;
}

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

#page{
  max-width:1100px;
  margin:0 auto;
  padding:16px 16px 90px;
}

/* ========= Header & 顶部导航 ========= */

.site-header-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 14px;
  margin-bottom:14px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  box-shadow:0 4px 18px rgba(255,105,152,.35);
  backdrop-filter:blur(10px);
  position:fixed;
  top:8px;
  left:50%;
  transform:translateX(-50%);
  z-index:50;
  max-width:1100px;
  width:calc(100% - 32px); /* 两边留 16px 空隙 */
}


.logo-wrap{
  display:flex;
  align-items:center;
  gap:10px;
}

.logo-mark{
  width:40px;
  height:40px;
  border-radius:14px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:0 0 0 2px rgba(255,255,255,.6);
}

.logo-text{
  font-weight:800;
  font-size:18px;
  color:var(--pink-deep);
  letter-spacing:.03em;
}

.logo-sub{
  font-size:11px;
  color:var(--muted);
}

/* 主导航（PC） */

.primary-nav{
  flex:1;
  display:flex;
  justify-content:center;
  padding:0 10px;
}

.primary-menu{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  font-size:13px;
}

.primary-menu > li{
  position:relative;
}

.primary-menu > li > a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  border-radius:999px;
  color:#b3123c;
  background:rgba(255,255,255,.6);
  border:1px solid rgba(255,200,220,.8);
  transition:all .15s ease;
}

.primary-menu > li.current-menu-item > a,
.primary-menu > li.current-page-ancestor > a,
.primary-menu > li > a:hover{
  background:#ff6d8b;
  color:#fff;
  border-color:#ff6d8b;
}

/* 按钮 */

.header-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.btn{
  border:none;
  cursor:pointer;
  border-radius:999px;
  padding:7px 16px;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.btn span{
  margin-left:6px;
  font-size:15px;
}

.btn-primary{
  background:linear-gradient(135deg,#ff7b9a,#ff3a5f);
  color:#fff;
  box-shadow:var(--shadow-soft);
}

.btn-outline{
  background:transparent;
  border:1px solid #ffc4d8;
  color:var(--pink-deep);
  backdrop-filter:blur(6px);
}

.btn-download{
  background:#ffd54f;
  color:#b44800;
  box-shadow:0 6px 16px rgba(255,170,60,.5);
}

/* ==== 汉堡菜单按钮（移动端） ==== */

.nav-toggle{
  display:none; /* PC 端默认隐藏 */
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(255,200,220,.95);
  background:rgba(255,255,255,.96);
  padding:0;
  margin-left:auto;
  margin-right:8px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  box-shadow:0 3px 10px rgba(255,105,152,.28);
}

.nav-toggle-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:1;
  color:#b3123c;
}

/* 未打开 = ☰ */
.nav-toggle-icon::before{
  content:"\2630";
}

/* 打开 = × */
.nav-toggle.is-open .nav-toggle-icon::before{
  content:"\00d7";
  transform:scale(1.05);
}

/* ========= Hero 区 ========= */

.hero-section{
  margin-top:16px;
  border-radius:30px;
  background:
    radial-gradient(circle at top left,#ffe7f1,#fff),
    linear-gradient(120deg,#ff9ccb,#ffe7ba);
  box-shadow:var(--shadow-soft);
  padding:24px 22px;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:18px;
  align-items:center;
}

.hero-kicker{
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#b43557;
}

.hero-title{
  margin-top:6px;
  font-size:28px;
  line-height:1.2;
  color:#b3123c;
  text-shadow:0 2px 10px rgba(255,255,255,.7);
}

.hero-title span{
  color:#ffe969;
}

.hero-meta{
  margin-top:10px;
  font-size:13px;
  color:#521628;
}

.hero-badge-row{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  font-size:12px;
}

.chip{
  border-radius:999px;
  padding:4px 10px;
  background:rgba(255,255,255,.7);
  color:#b3123c;
  border:1px solid rgba(255,255,255,.8);
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.chip strong{
  font-size:14px;
}

.hero-cta-row{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.hero-note{
  font-size:11px;
  color:#61172a;
  margin-top:4px;
}

.hero-right{
  position:relative;
  padding-left:10px;
}

.phone-frame{
  position:relative;
  border-radius:26px;
  background:#fff;
  box-shadow:0 20px 40px rgba(0,0,0,.15);
  padding:10px 6px;
  max-width:260px;
  margin-left:auto;
}

.phone-screen{
  border-radius:22px;
  overflow:hidden;
  background:#ffecf5;
  height:360px;
  background-size:cover;
  background-position:top center;
}

.label-floating{
  position:absolute;
  bottom:-16px;
  left:0;
  right:0;
  margin:auto;
  width:180px;
  text-align:center;
  font-size:11px;
  color:#b3123c;
  padding:4px 10px;
  border-radius:999px;
  background:#fff7fb;
  box-shadow:0 6px 16px rgba(255,105,152,.45);
}

/* ========= 公共 Section ========= */

section{
  margin-top:30px;
  background:#fff;
  border-radius:var(--radius-lg);
  padding:18px 18px 16px;
  box-shadow:var(--shadow-card);
}

section h2{
  font-size:20px;
  margin-bottom:6px;
  color:#b3123c;
}

.section-sub{
  font-size:13px;
  color:var(--muted);
  margin-bottom:12px;
}

.two-col{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:18px;
  align-items:flex-start;
}

/* ========= 步骤列表 ========= */

.step-list{
  list-style:none;
  counter-reset:step;
  font-size:14px;
}

.step-list li{
  counter-increment:step;
  display:flex;
  gap:10px;
  padding:8px 0;
  border-bottom:1px dashed #f1c6d6;
}

.step-list li:last-child{
  border-bottom:none;
}

.step-num{
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--pink-soft);
  color:var(--pink-deep);
  font-size:12px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.tag-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  font-size:12px;
  margin-top:4px;
}

.tag{
  padding:3px 8px;
  border-radius:999px;
  background:#fff4f8;
  border:1px solid #ffd6e7;
  color:#b3123c;
}

/* ========= 优惠卡片 (front page) ========= */

.promo-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:14px;
  margin-top:8px;
}

.promo-card{
  border-radius:18px;
  padding:12px 12px 10px;
  background:linear-gradient(135deg,#ffe8f2,#ffe2c3);
  position:relative;
  overflow:hidden;
}

.promo-card-dynamic{
  background:linear-gradient(135deg,#ffeaf9,#ffe0f0);
}

.promo-tag{
  position:absolute;
  right:10px;
  top:10px;
  font-size:11px;
  padding:3px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.85);
  color:#b3123c;
}

.promo-title{
  font-weight:700;
  font-size:15px;
  margin-bottom:4px;
  color:#b3123c;
}

.promo-text{
  font-size:13px;
  color:#5a2033;
}

.promo-link{
  display:inline-block;
  margin-top:6px;
  font-size:12px;
  color:#b3123c;
  text-decoration:underline;
}

/* ========= 游戏卡片 ========= */

.game-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:12px;
  margin-top:10px;
}

.game-card{
  border-radius:18px;
  padding:10px;
  background:linear-gradient(135deg,#ffe4ef,#ffd6bb);
  display:flex;
  flex-direction:column;
  gap:2px;
}

.game-tag-round{
  width:26px;
  height:26px;
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  margin-bottom:3px;
}

.game-name{
  font-size:14px;
  font-weight:700;
  color:#b3123c;
}

.game-desc{
  font-size:12px;
  color:#7a3a4f;
}

.game-badge{
  margin-top:4px;
  font-size:11px;
  padding:2px 7px;
  border-radius:999px;
  align-self:flex-start;
  background:#fff;
  color:#b3123c;
}

/* ========= FAQ ========= */

.faq-list{
  margin-top:6px;
  font-size:14px;
}

.faq-item{
  padding:8px 0;
  border-bottom:1px dashed #f1c6d6;
}

.faq-item:last-child{
  border-bottom:none;
}

.faq-q{
  font-weight:600;
  color:#b3123c;
}

.faq-a{
  font-size:13px;
  color:#5a2033;
  margin-top:4px;
}

.disclaimer{
  font-size:11px;
  color:#a66;
  margin-top:10px;
}

/* ========= 文章 / 页面详情 ========= */

.single-shell{
  margin-top:20px;
}

.single-header{
  background:#fff;
  border-radius:20px;
  padding:18px 18px 14px;
  box-shadow:var(--shadow-card);
  margin-bottom:16px;
}

.single-meta{
  margin-top:8px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  font-size:12px;
  color:var(--muted);
}

.single-meta .pill{
  background:#fff4f8;
  border-radius:999px;
  padding:3px 8px;
  border:1px solid #ffd6e7;
  color:#b3123c;
}

.pill{
  background:#fff4f8;
  border-radius:999px;
  padding:3px 8px;
  border:1px solid #ffd6e7;
  color:#b3123c;
  font-size:12px;
}

.single-cta-bar{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.single-back{
  font-size:12px;
  color:#a66;
  text-decoration:underline;
}

.single-content{
  background:#fff;
  border-radius:20px;
  padding:18px;
  box-shadow:var(--shadow-card);
  font-size:15px;
}

.single-content h2,
.single-content h3,
.single-content h4{
  margin-top:1.2em;
  margin-bottom:.5em;
  color:#b3123c;
}

.single-content p{
  margin:0 0 .9em;
}

.single-content ul,
.single-content ol{
  margin:0 0 1em 1.1em;
}

.single-content a{
  color:#ff3a5f;
  text-decoration:underline;
}

.single-thumb img{
  width:100%;
  height:auto;
  display:block;
}

/* ========= 优惠列表页 (category-promo) ========= */

.archive-shell{
  margin-top:20px;
}

.promo-list-head{
  background:#fff;
  border-radius:20px;
  padding:18px 18px 14px;
  box-shadow:var(--shadow-card);
  margin-bottom:16px;
}

.promo-list-sub{
  font-size:13px;
  color:var(--muted);
  margin-top:6px;
}

.promo-list-meta{
  margin-top:8px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  font-size:12px;
  color:var(--muted);
}

.promo-list-meta .pill{
  background:#fff4f8;
  border-radius:999px;
  padding:3px 8px;
  border:1px solid #ffd6e7;
  color:#b3123c;
}

.promo-list-cta{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.promo-list-grid{
  margin-top:4px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:14px;
}

.promo-list-card{
  border-radius:18px;
  padding:12px 12px 12px;
  background:linear-gradient(135deg,#ffeaf9,#ffe0f0);
  box-shadow:var(--shadow-card);
}

.promo-list-card-title{
  font-weight:700;
  font-size:15px;
  margin-bottom:6px;
  color:#b3123c;
}

.promo-list-card-meta{
  font-size:11px;
  color:#a66;
  margin-bottom:6px;
}

.promo-list-card-excerpt{
  font-size:13px;
  color:#5a2033;
}

.promo-list-card-link{
  margin-top:8px;
  display:inline-flex;
  align-items:center;
  font-size:12px;
  color:#b3123c;
  text-decoration:underline;
}

.promo-list-card-link span{
  margin-left:4px;
}

.promo-pagination{
  margin-top:18px;
  text-align:center;
  font-size:13px;
}

.promo-pagination .page-numbers{
  display:inline-block;
  margin:0 4px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid #ffd6e7;
  color:#b3123c;
}

.promo-pagination .page-numbers.current{
  background:#ff6d8b;
  color:#fff;
  border-color:#ff6d8b;
}

/* ========= Footer & 版权 ========= */

.site-footer{
  margin-top:26px;
  font-size:12px;
  color:#a66;
}

.footer-inner{
  background:rgba(255,255,255,.96);
  border-radius:20px 20px 0 0;
  padding:14px 16px 16px;
  box-shadow:0 -6px 20px rgba(255,105,152,.22);
  display:flex;
  flex-direction:column;
  gap:6px;
}

.footer-brand{
  font-weight:700;
  color:#b3123c;
  font-size:14px;
}

.footer-desc{
  font-size:12px;
  color:#905060;
}

.footer-links{
  font-size:12px;
  color:#b3123c;
}

.footer-links a{
  color:#b3123c;
  text-decoration:none;
}

.footer-links a:hover{
  text-decoration:underline;
}

.footer-copy{
  font-size:11px;
  color:#aa7a86;
}

/* ========= 底部固定下载条 ========= */

.bottom-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  background:rgba(255,255,255,.96);
  border-top:1px solid #ffd6e6;
  box-shadow:0 -4px 20px rgba(255,105,152,.25);
  padding:8px 14px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  z-index:30;
}

.bottom-text{
  font-size:12px;
  color:#b3123c;
}

.bottom-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

/* 带图片的下载按钮 */

.btn-download-wide{
  padding:8px 20px;
  font-size:14px;
  display:inline-flex;
  align-items:center;
}

.btn-img-wrap{
  width:22px;
  height:22px;
  margin-right:8px;
  border-radius:6px;
  overflow:hidden;
  background:rgba(255,255,255,.8);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.btn-img-wrap img{
  max-width:100%;
  max-height:100%;
  display:block;
}

.btn-label{
  display:inline-block;
}

/* 文案宽度稍缩，给按钮留空间 */

.bottom-bar-download .bottom-text{
  max-width:60%;
}

/* ========= 响应式 ========= */

@media (max-width:900px){
  .hero-section{
    grid-template-columns:1fr;
  }

  .hero-right{
    order:-1;
    padding-left:0;
  }

  .phone-frame{
    margin:0 auto 4px;
  }

  .two-col{
    grid-template-columns:1fr;
  }

  .site-header-shell{
    padding-right:10px;
  }

  /* 显示汉堡按钮，菜单折叠 */
  .nav-toggle{
    display:inline-flex;
  }

  .primary-nav{
    position:absolute;
    left:10px;
    right:10px;
    top:100%;
    margin-top:6px;
    background:rgba(255,255,255,.97);
    border-radius:14px;
    box-shadow:0 10px 28px rgba(255,105,152,.35);
    padding:8px 10px;
    display:none;
    z-index:25;
  }

  .primary-nav.is-open{
    display:block;
  }

  .primary-menu{
    flex-direction:column;
    gap:4px;
  }

  .primary-menu > li > a{
    display:flex;
    justify-content:flex-start;
    width:100%;
  }

  /* 如果不想在手机上显示 Register/Login，可以保留这行；想显示就删掉 */
  .header-actions{
    display:none;
  }
}

@media (max-width:600px){
  #page{
    padding:10px 10px 80px;
  }

  .site-header-shell{
    border-radius:16px;
  }

  .logo-text{
    font-size:16px;
  }

  .hero-title{
    font-size:23px;
  }

  .bottom-bar-download .bottom-text{
    max-width:100%;
    margin-bottom:4px;
  }

  .bottom-bar{
    flex-direction:column;
    align-items:flex-start;
  }

  .bottom-actions{
    align-self:stretch;
    justify-content:flex-end;
  }

  .footer-inner{
    border-radius:16px 16px 0 0;
  }
}
/* ===== 左侧悬浮：在线客服 + 分享 ===== */

.floating-actions-left{
  position:fixed;
  left:12px;
  bottom:140px; /* 在底部条之上 */
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index:40;
}

.float-btn{
  border:none;
  cursor:pointer;
  border-radius:999px;
  padding:6px 10px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,200,220,.9);
  box-shadow:0 4px 14px rgba(255,105,152,.3);
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#b3123c;
}

.float-icon{
  width:20px;
  height:20px;
  border-radius:50%;
  background:#ff6d8b;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
}

.float-text{
  white-space:nowrap;
}

/* 移动端缩小一点 */
@media (max-width:600px){
  .floating-actions-left{
    left:8px;
    bottom:150px;
  }
  .float-btn{
    padding:5px 8px;
    font-size:11px;
  }
  .float-icon{
    width:18px;
    height:18px;
    font-size:12px;
  }
}
/* ===== 右侧悬浮：在线客服 + 社交平台 ===== */

.floating-actions-right{
  position:fixed;
  right:12px;
  bottom:140px; /* 保持在底部条上方 */
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index:40;
}

/* 上面“在线客服”主按钮 */
.float-btn{
  border:none;
  cursor:pointer;
  border-radius:999px;
  padding:6px 10px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,200,220,.9);
  box-shadow:0 4px 14px rgba(255,105,152,.3);
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#b3123c;
}

.float-icon{
  width:20px;
  height:20px;
  border-radius:50%;
  background:#ff6d8b;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
}

.float-text{
  white-space:nowrap;
}

/* 社交图标组（竖着一排小圆点） */
.float-social-group{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-end;
}

.float-social-icon{
  width:30px;
  height:30px;
  border-radius:50%;
  font-size:11px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-transform:uppercase;
  box-shadow:0 4px 14px rgba(0,0,0,.18);
}

/* 各个平台简单配一点颜色，可以按你喜好改 */
.float-social-tg{
  background:#229ED9; /* Telegram 蓝 */
}

.float-social-wa{
  background:#25D366; /* WhatsApp 绿 */
}

.float-social-fb{
  background:#1877F2; /* Facebook 蓝 */
}

.float-social-x{
  background:#111; /* X 黑 */
}

.float-social-ig{
  background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7); /* IG 渐变 */
}

/* 移动端：整体缩小一点，往上提一点避免挡住底部条 */
@media (max-width:600px){
  .floating-actions-right{
    right:8px;
    bottom:150px;
  }
  .float-btn{
    padding:5px 8px;
    font-size:11px;
  }
  .float-icon{
    width:18px;
    height:18px;
    font-size:12px;
  }
  .float-social-icon{
    width:26px;
    height:26px;
    font-size:10px;
  }
}
/* ===== 右侧悬浮：在线客服 + 社交分享 ===== */

.floating-actions-right{
  position:fixed;
  right:12px;
  bottom:140px; /* 在底部条上方一点 */
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index:40;
}

/* 上面“在线客服”主按钮 */
.float-btn{
  border:none;
  cursor:pointer;
  border-radius:999px;
  padding:6px 10px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,200,220,.9);
  box-shadow:0 4px 14px rgba(255,105,152,.3);
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#b3123c;
}

.float-icon{
  width:20px;
  height:20px;
  border-radius:50%;
  background:#ff6d8b;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
}

.float-text{
  white-space:nowrap;
}

/* 社交分享图标组（竖着一排小圆点） */
.float-social-group{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-end;
}

.float-social-icon{
  width:30px;
  height:30px;
  border-radius:50%;
  font-size:11px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-transform:uppercase;
  border:none;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.18);
}

/* 各个平台配一点颜色，可按喜好改 */
.float-share-copy{
  background:#b3123c; /* 复制按钮：酒红 */
}

.float-share-tg{
  background:#229ED9; /* Telegram 蓝 */
}

.float-share-wa{
  background:#25D366; /* WhatsApp 绿 */
}

.float-share-fb{
  background:#1877F2; /* Facebook 蓝 */
}

.float-share-x{
  background:#111; /* X 黑 */
}

/* 移动端缩小一点，往上提一点避免挡住底部条 */
@media (max-width:600px){
  .floating-actions-right{
    right:8px;
    bottom:150px;
  }
  .float-btn{
    padding:5px 8px;
    font-size:11px;
  }
  .float-icon{
    width:18px;
    height:18px;
    font-size:12px;
  }
  .float-social-icon{
    width:26px;
    height:26px;
    font-size:10px;
  }
}
/* 底部条：左右布局 */
.bottom-bar.bottom-bar-download{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

/* 左侧 App 图标 + 文案 */
.bottom-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.bottom-app-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  overflow:hidden;
  background:linear-gradient(135deg,#ffe0f0,#ffe9c7);
  box-shadow:0 4px 12px rgba(0,0,0,.24);
  display:flex;
  align-items:center;
  justify-content:center;
}

.bottom-app-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.bottom-app-text{
  display:flex;
  flex-direction:column;
}

.bottom-app-name{
  font-size:13px;
  font-weight:700;
  color:#b3123c;
}

.bottom-app-sub{
  font-size:11px;
  color:#a66;
}

/* 右侧按钮组 */
.bottom-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

/* 小屏幕：上下堆叠，按钮在下面一行 */
@media (max-width:600px){
  .bottom-bar.bottom-bar-download{
    flex-direction:column;
    align-items:flex-start;
  }
  .bottom-actions{
    align-self:stretch;
    justify-content:flex-end;
  }
}