.bottom-nav{position:fixed;left:50%;bottom:16px;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:min(520px,calc(100% - 24px));height:76px;padding:8px 10px;transform:translateX(-50%);background:rgba(255,255,255,.94);border:1px solid #e2d9cc;border-radius:18px;box-shadow:0 18px 46px rgba(17,24,39,.18);backdrop-filter:blur(16px)}
.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:14px;color:#64748b;font-size:13px;font-weight:600}
.bottom-nav-item img{width:26px;height:26px;object-fit:contain}
.bottom-nav-item.active{background:#fff7ed;color:#e5533d}
@media(max-width:720px){
  body{background:#f6f3ec}
  .page{padding:16px 14px 150px}
  .panel{border-radius:16px;padding:18px;margin-bottom:16px}
  h1{font-size:28px}h1:before{width:44px;height:44px;flex-basis:44px}
  h2{font-size:20px}.lead{font-size:15px}
  .template-panel{padding-left:8px;padding-right:8px}
  .tpls{grid-template-columns:repeat(2,1fr);gap:12px}
  .tpl{height:126px;border-radius:14px;font-size:22px}
  .grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .compose-panel{padding:0}
  .chip-grid{grid-template-columns:1fr;gap:0}
  .chip-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}
  .chip-row button{flex:0 0 auto;height:32px;font-size:12px;padding:0 12px}
  .bar{align-items:flex-start;flex-wrap:wrap}
  .bar button{margin-left:0;margin-right:6px}
  .result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .result-actions button{height:36px;font-size:12px}
  .bgm-player{grid-template-columns:1fr}.audio-box audio,.bgm-player audio{height:40px}
  .history-panel .history-item{grid-template-columns:78px 1fr;padding:9px}.history-panel .history-cover{width:78px;height:78px}
  .account-card{align-items:flex-start}
  .account-actions{margin-left:auto}
  .account-action{height:40px;padding:0 12px}
  .mine-entry-grid{grid-template-columns:1fr;gap:10px}
  .mine-entry-card{min-height:70px;padding:12px}
  .mine-detail-head{align-items:center}
  .action-panel .quick-grid{gap:10px;max-width:none}
  .action-panel .quick-card{min-height:62px;padding:10px}
  .guide-grid{grid-template-columns:1fr}
  .guide-panel{max-width:none}
  .pay-hero{padding:18px!important}
  #plansSec{max-width:none;margin:0}
  #plans .card{border-radius:8px;padding:14px;margin-bottom:10px}
  #plans .plan-card{min-height:0}
  .plan-buy{height:42px;margin-top:11px}
  .bottom-nav{width:100%;height:72px;bottom:0;border-radius:0;border-left:0;border-right:0;border-bottom:0;box-shadow:0 -6px 24px rgba(17,24,39,.08)}
  .bottom-nav-item{font-size:12px}
  .toast{top:10px;line-height:34px;font-size:13px}
}
.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:8px auto 10px;padding:18px 12px;color:#6b7280;font-size:12px!important;line-height:1.6;text-align:center}.site-footer a{color:#64748b;text-decoration:none}.site-footer a:hover{color:#0f766e}@media(max-width:720px){.site-footer{display:block;margin-top:2px;padding:14px 8px 4px}.site-footer span,.site-footer a{display:inline;margin:0 3px;font-size:11px!important}}
.seo-noscript{max-width:920px;margin:18px auto;padding:22px;border:1px solid #e8dfd3;border-radius:16px;background:#fff;color:#17202a;box-shadow:0 10px 24px rgba(39,48,62,.055)}
.seo-noscript h1{margin:0 0 10px;font-size:22px;line-height:1.35;font-weight:800;color:#17202a}
.seo-noscript p{margin:0 0 14px;color:#475569;font-size:14px;line-height:1.8;font-weight:500}
@media(max-width:720px){.seo-noscript{margin:12px 0;padding:16px;border-radius:14px}.seo-noscript h1{font-size:19px}.seo-noscript p{font-size:13px;line-height:1.75}}
.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.case-card{overflow:hidden;border:1px solid var(--mp-border,#e8dfd3);border-radius:8px;background:#fff}
.case-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#eef2f7}
.case-body{padding:12px}.case-body b{display:block;margin-bottom:6px}.case-body p{min-height:42px;margin:0 0 8px;color:#475569;font-size:13px;line-height:1.55}
.case-body button{width:100%;margin-top:10px;background:#10151b;color:#fff;border:0}
@media(max-width:720px){.case-grid{grid-template-columns:1fr;gap:10px}.case-body p{min-height:0}}
.image-box{position:relative;min-height:220px;margin:12px 0;border-radius:16px;overflow:hidden;background:#111827}
.image-box .img{display:block;width:100%;margin:0}
.image-save{position:absolute;right:10px;bottom:10px;height:32px;line-height:32px;padding:0 12px;border-radius:8px;background:rgba(15,23,42,.88);color:#fff;text-decoration:none;font-size:12px;font-weight:900}
.image-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(15,23,42,.5);color:#fff;font-weight:900}
.image-loading span{width:34px;height:34px;border-radius:50%;border:4px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* mini-program typography alignment */
body{font-size:13.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1{font-size:21px!important;line-height:1.18!important;font-weight:900!important}
h2,h3,.h2{font-size:16px!important;line-height:1.35!important;font-weight:900!important;color:#17202a}
.result-title-row h2,.history-brand h2,.pay-brand h2,.mine-brand h2{font-size:21px!important;line-height:1.18!important;font-weight:900!important}
.lead,.mine-sub,.pay-hero p{font-size:13px!important;line-height:1.58!important;font-weight:800!important}
.muted,.result-meta,.history-meta,.history-time,.stat span,.plan-desc{font-size:12px!important;line-height:1.55!important;font-weight:700}
.card b,.shot b,.audio-box b,.bgm-head b,.history-title,.plan-title,.account-title,.sync-empty b{font-size:15px!important;line-height:1.35!important;font-weight:900!important;color:#17202a}
.block,.card,.shot,.hook,.doc p{font-size:13.5px!important;line-height:1.68!important;font-weight:500}
.hook{font-weight:900!important;border-radius:8px!important;padding:11px 12px!important;color:#c2410c!important;background:#fff7ed!important;border:1px solid #fed7aa!important}
textarea,input,select{font-size:14px!important;line-height:1.55!important;font-weight:700}
label,.badge,.pill,.value-row span,.expect-row span,.chip-row button{font-size:12px!important;line-height:1.35!important;font-weight:900!important}
button,.mini-btn,.bar button,.result-actions button,.detail-wide,.detail-export button,.history-panel .history-item button,.history-tabs button{font-size:12px!important;font-weight:900!important;line-height:1.2!important}
.result-actions button,.detail-wide{height:32px!important;border-radius:7px!important}
.detail-export button,.history-tabs button,.bar button,.mini-btn{height:32px!important;border-radius:7px!important}
.result-head{border-radius:8px!important;padding:18px!important}
.result-title-row span,.badge{background:#ecfdf5!important;color:#047857!important;border:1px solid #a7f3d0!important;border-radius:7px!important;padding:4px 7px!important;font-size:12px!important;font-weight:900!important}
.audio-box{border-radius:8px!important;padding:11px!important;background:linear-gradient(135deg,#fff,#ecfdf5)!important;border-color:#d8eadf!important}
.bgm-box{border-radius:8px!important;padding:11px!important;background:#fff!important;border-color:#e8dfd3!important}
.bgm-item span{font-size:11px!important;font-weight:900!important}.bgm-item b{font-size:12px!important;font-weight:900!important}
.shot{position:relative!important;background:#fff!important;border:1px solid #e8dfd3!important;border-left:0!important;border-radius:8px!important;padding:13px 13px 13px 18px!important;margin-bottom:12px!important;overflow:hidden!important}
.shot:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#e5533d;border-radius:8px 0 0 8px}
.shot .muted{font-size:12px!important;color:#64748b!important;line-height:1.55!important}
@media(max-width:640px){.page{padding:12px 8px 110px}.panel{padding:14px;border-radius:8px;margin-bottom:12px}#result{max-width:430px}.result-actions,.detail-export{gap:6px}.block,.card,.shot,.hook{border-radius:8px}}

/* mini-program all-pages alignment */
:root{--mp-title:21px;--mp-h2:16px;--mp-name:15px;--mp-body:13.5px;--mp-small:12px;--mp-line:1.6;--mp-card-radius:8px;--mp-red:#e5533d;--mp-ink:#17202a;--mp-muted:#64748b;--mp-card:#fbfaf7;--mp-border:#e8dfd3}
body{font-size:var(--mp-body)!important;line-height:var(--mp-line)!important;-webkit-font-smoothing:antialiased}
.page{padding-top:24px}.panel,.card,.stat,.history-item,.order-item,.plan-card,.sync-empty{border-radius:var(--mp-card-radius)!important}
h1{font-size:var(--mp-title)!important;line-height:1.18!important;font-weight:900!important}
h2,h3,.h2,.compose-title b,.chip-block b{font-size:var(--mp-h2)!important;line-height:1.35!important;font-weight:900!important;color:var(--mp-ink)!important}
.result-title-row h2,.history-brand h2,.pay-brand h2,.mine-brand h2,.poster-title{font-size:var(--mp-title)!important;line-height:1.18!important;font-weight:900!important}
.card b,.shot b,.audio-box b,.bgm-head b,.history-title,.plan-title,.account-title,.quick-card b,.sync-empty b,.name{font-size:var(--mp-name)!important;line-height:1.35!important;font-weight:900!important;color:var(--mp-ink)!important}
.block,.card,.shot,.hook,.doc p,.lead,p,.business-desc,.reply-content{font-size:var(--mp-body)!important;line-height:1.68!important}
.lead,.mine-sub,.pay-hero p,.hero-lead{font-weight:800!important;color:#d6dde6}
.muted,.result-meta,.history-meta,.history-time,.stat span,.plan-desc,.quick-card em,.account-id,.action-desc{font-size:var(--mp-small)!important;line-height:1.55!important;color:var(--mp-muted)!important;font-weight:700!important}
label,.badge,.pill,.value-row span,.expect-row span,.chip-row button,.history-tabs button,.mini,.tag,.action-icon,.business-tag{font-size:var(--mp-small)!important;line-height:1.35!important;font-weight:900!important}
button,.btn,.mini-btn,.bar button,.result-actions button,.detail-wide,.detail-export button,.history-panel .history-item button,.quick-grid a,.quick-grid button,.account-action{font-size:var(--mp-small)!important;font-weight:900!important;line-height:1.2!important}
button,.result-actions button,.detail-wide,.detail-export button,.history-tabs button,.mini-btn{height:32px!important;border-radius:7px!important;padding-left:12px!important;padding-right:12px!important}
#generate,#submitFeedback{height:44px!important;border-radius:9px!important;font-size:14px!important;font-weight:900!important}
textarea,input,select{font-size:14px!important;line-height:1.55!important;font-weight:700!important;border-radius:8px!important}
.panel{padding:14px!important;margin-bottom:12px!important}.result-head,.history-hero,.pay-hero,.mine-hero{border-radius:8px!important;padding:16px!important}
.value-row span,.expect-row span{height:28px!important;padding:0 10px!important;border-radius:9px!important;background:#fff7ed!important;color:#a34412!important;border-color:#fed7aa!important}
.badge,.result-title-row span,.pill.green{background:#ecfdf5!important;color:#047857!important;border:1px solid #a7f3d0!important;border-radius:7px!important;padding:4px 7px!important}
.block,.card,.stat{background:var(--mp-card)!important;border:1px solid var(--mp-border)!important;border-radius:8px!important;padding:12px!important;white-space:pre-wrap!important}
.hook{font-weight:900!important;border-radius:8px!important;padding:11px 12px!important;color:#c2410c!important;background:#fff7ed!important;border:1px solid #fed7aa!important}
.audio-box{border-radius:8px!important;padding:11px!important;background:linear-gradient(135deg,#fff,#ecfdf5)!important;border-color:#d8eadf!important}
.bgm-box{border-radius:8px!important;padding:11px!important;background:#fff!important;border-color:var(--mp-border)!important}.bgm-item{border-radius:8px!important}.bgm-item span{font-size:11px!important;font-weight:900!important}.bgm-item b{font-size:12px!important;font-weight:900!important}
.shot{position:relative!important;background:#fff!important;border:1px solid var(--mp-border)!important;border-left:0!important;border-radius:8px!important;padding:13px 13px 13px 18px!important;margin-bottom:12px!important;overflow:hidden!important}
.shot:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mp-red);border-radius:8px 0 0 8px}.shot .muted{font-size:var(--mp-small)!important;color:var(--mp-muted)!important;line-height:1.55!important}
.history-tabs{gap:6px!important}.history-panel .history-item{border-radius:8px!important;padding:10px!important}.history-title span{font-size:11px!important;font-weight:900!important}
.quick-card,.action-card{border-radius:8px!important;font-size:var(--mp-small)!important;font-weight:900!important}.stat b,.stat strong{font-size:22px!important;font-weight:900!important}.price,.plan-price{font-size:20px!important;font-weight:900!important;color:var(--mp-red)!important}
@media(max-width:640px){.page{padding:12px 8px 110px!important}.panel{padding:14px!important;border-radius:8px!important;margin-bottom:12px!important}#result{max-width:430px}.result-actions,.detail-export{gap:6px}.grid,.tpls{gap:10px}.block,.card,.shot,.hook{border-radius:8px!important}}