/* 抖漫 品牌主题覆盖 —— 复用参考站风格（apex 主题），仅更换品牌主色为玫粉 */
:root{
  --bg-elevated: #FDEFF6;
  --bg: #FDF8FB;
  --border: #F6D9E9;
  --dark-bg-elevated: #221019;
  --dark-bg: #120A0F;
  --dark-border: #3A2430;
  --dark-text-muted: #B99AA9;
  --dark-text: #F8EAF1;
  --primary-hover: #BE185D;
  --primary: #E11D8F;
  --text-muted: #7A5566;
  --text: #33121F;
}
body.theme-apex{
  --apex-accent-gold: #F59E0B;
  --apex-accent-emerald: #10B981;
}

/* ===== 更大的下载弹窗（不依赖 <dialog>/showModal，兼容鸿蒙与各类机型）===== */
.download-modal{position:fixed;inset:0;z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:0;border:none;background:transparent;max-width:none;max-height:none;overflow:hidden}
.download-modal[hidden]{display:none!important}
.download-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.download-modal-panel{position:relative;z-index:1;width:min(600px,100%);max-height:88vh;max-height:88dvh;overflow-y:auto;padding:1.75rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));background:var(--bg-elevated);color:var(--text);border:1px solid color-mix(in srgb,var(--apex-accent-gold) 32%,var(--border));box-shadow:var(--apex-glow),0 -18px 50px color-mix(in srgb,#000 40%,transparent)}
.download-modal-hud{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--apex-accent-gold) 50%,var(--primary));opacity:.85}
.download-modal-close{position:absolute;top:.875rem;right:.875rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;font-size:1.5rem;font-weight:700;line-height:1;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);cursor:pointer;clip-path:var(--apex-btn-slope-sm)}
.download-modal-close:hover{color:var(--primary);border-color:color-mix(in srgb,var(--apex-accent-gold) 50%,var(--primary))}
.download-modal-head{position:relative;z-index:1;padding:0 3rem 0 0;margin-bottom:1.25rem}
.download-modal-head h2{margin:0 0 .4rem;font-size:clamp(1.35rem,5vw,1.6rem)}
.download-modal-subtitle{margin:0;color:var(--text-muted);font-size:.9375rem}
.download-buttons{display:grid;gap:.9rem;width:100%}
@media(min-width:700px){.download-buttons{grid-template-columns:repeat(3,1fr)}}
.btn-store{grid-template-columns:2.1rem 1fr;column-gap:.9rem;min-height:4.625rem;padding:1rem 1.15rem;letter-spacing:.04em;border:1px solid color-mix(in srgb,var(--apex-accent-gold) 32%,var(--border));background:var(--bg);color:var(--text);clip-path:var(--apex-btn-slope-sm);transition:border-color .2s,color .2s,background .2s,box-shadow .2s,transform .15s}
.btn-store:hover{border-color:color-mix(in srgb,var(--apex-accent-gold) 55%,var(--primary));box-shadow:var(--apex-glow-gold);transform:translateY(-2px)}
.btn-store-icon{display:flex;align-items:center;justify-content:center;align-self:stretch;width:2.1rem}
.icon-store{width:1.7rem;height:1.7rem;flex-shrink:0}
.btn-store-text{display:flex;flex-direction:column;align-self:start;min-width:0}
.btn-store-label{font-size:1.05rem;font-weight:700;letter-spacing:.03em}
.btn-store-hint{font-size:.875rem;color:var(--text-muted)}
.btn-harmony{background-image:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--bg)),color-mix(in srgb,var(--apex-accent-gold) 8%,var(--bg)))}
.download-modal-note{margin:1rem 0 0;font-size:.8125rem;color:var(--text-muted);text-align:center}
@media(min-width:640px){.download-modal{align-items:center}.download-modal-panel{width:min(600px,100% - 2rem);padding:2.5rem 2rem;border-radius:0}}