/*TPL5-STYLE 模版5样式 v4（仿lezi-tw深色红金风·独立文件，删除即还原）2026-10-13
  容器与原系统一致(540居中/手机全宽)，内部元素手机端紧凑、桌面端放大，所有按钮统一按压反馈*/
.tpl5-page{background:#2c1e1a;color:#fff1e6;min-height:100vh;font-size:16px;line-height:1.6;padding-bottom:4.5rem;-webkit-font-smoothing:antialiased;width:100%}
.tpl5-hero{position:relative;overflow:hidden;width:100%;max-height:46vh}
.tpl5-hero .van-swipe{width:100%}
.tpl5-hero .van-swipe-item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.tpl5-badge{position:absolute;top:.75rem;left:.75rem;background:linear-gradient(135deg,#2e7d32,#ffd700);color:#fff;padding:.5rem 1rem;border-radius:16px;font-size:.875rem;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.2);animation:tpl5pulse 2s infinite;z-index:2}
@keyframes tpl5pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}
.tpl5-price-card{margin:-1.5rem .75rem .75rem;padding:1.2rem;background:linear-gradient(145deg,rgba(74,46,42,.95),rgba(44,30,26,.95));border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);position:relative;z-index:2;animation:tpl5fade .6s ease forwards;animation-delay:.1s}
.tpl5-price-sec{display:flex;align-items:baseline;justify-content:center;margin-bottom:.5rem;flex-wrap:wrap}
.tpl5-now{font-size:2.5rem;font-weight:900;color:#ff5444;margin-right:.5rem}
.tpl5-old{font-size:1.125rem;color:#d9b8a6;text-decoration:line-through}
.tpl5-discount{display:inline-block;background:linear-gradient(135deg,#2e7d32,#ffd700);color:#fff;padding:.5rem 1rem;border-radius:16px;font-size:.875rem;font-weight:700;margin-left:.5rem}
.tpl5-title{font-size:.9rem;font-weight:800;margin-bottom:.4rem;text-align:center;line-height:1.5;letter-spacing:1px}
.tpl5-desc{color:#d9b8a6;font-size:.9375rem;margin-bottom:1rem;text-align:center}
.tpl5-tags{display:flex;justify-content:center;flex-wrap:nowrap;gap:6px;margin:.4rem 0}
.tpl5-tag{background:rgba(255,84,84,.15);color:#ff5444;padding:.35rem .6rem;border-radius:16px;font-size:.75rem;font-weight:700;border:1px solid rgba(255,84,84,.3);white-space:nowrap;flex:1;display:inline-flex;align-items:center;justify-content:center}
.tpl5-tag i{color:#ffd700;margin-right:5px}
.tpl5-rating{display:flex;align-items:center;justify-content:center;margin:.4rem 0;padding:.4rem 0;border-top:1px dashed rgba(255,255,255,.2);border-bottom:1px dashed rgba(255,255,255,.2)}
.tpl5-stars{color:#ffd700;margin-right:6px;letter-spacing:1px}
.tpl5-rtext{font-size:.875rem;color:#d9b8a6}
.tpl5-rtext b{color:#ff5444;font-weight:700;margin-left:3px}
.tpl5-option,.tpl5-detail,.tpl5-form{background:rgba(74,46,42,.6);margin:.75rem;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);animation:tpl5fade .6s ease forwards}
.tpl5-option{animation-delay:.2s}
.tpl5-detail{animation-delay:.3s}
.tpl5-form{animation-delay:.4s}
@keyframes tpl5fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.tpl5-opt-title,.tpl5-detail-title,.tpl5-form-title{font-size:1.125rem;font-weight:800;margin-bottom:.75rem;text-align:center;letter-spacing:1.5px}
.tpl5-opt-title::before,.tpl5-detail-title::before,.tpl5-form-title::before{content:'';display:inline-block;width:5px;height:18px;background:linear-gradient(to bottom,#ff5444,#ffd700);margin-right:.5rem;border-radius:2px;vertical-align:-2px}
.tpl5-combo-money{display:flex;justify-content:space-between;font-size:.9375rem;color:#d9b8a6;margin-top:1rem}
.tpl5-combo-money b{color:#ff5444;font-size:1.125rem}
.tpl5-detail-content img{width:100%!important;display:block}
.tpl5-detail-content p{margin:0;padding:0}
.tpl5-form-group{margin-bottom:1rem}
.tpl5-label{display:block;font-size:.875rem;font-weight:700;color:#fff1e6;margin-bottom:.4rem}
.tpl5-label span{color:#ff5444}
.tpl5-form .van-cell{background:rgba(255,255,255,.05);border-radius:10px;padding:.6rem;border:none}
.tpl5-form .van-field__label,.tpl5-form .van-field__control{color:#fff1e6}
.tpl5-form .van-field__control::placeholder{color:#d9b8a6}
.tpl5-form .van-field__control{color:#fff1e6!important}
.tpl5-pay-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:1px dashed rgba(255,255,255,.2);font-size:.9375rem}
.tpl5-pay-value{color:#ffd700;font-weight:700}
/* 统一按钮规范 */
.tpl5-submit{display:block;width:100%;height:1rem;min-height:1rem;padding:0;background:linear-gradient(135deg,#ff5444,#ffd700);color:#fff;border:0;border-radius:10px;font-size:.3rem;font-weight:800;text-align:center;letter-spacing:1.5px;margin-top:1rem;cursor:pointer;box-shadow:0 8px 16px rgba(255,84,84,.3);line-height:1rem;-webkit-tap-highlight-color:transparent;user-select:none}
.tpl5-submit:active{transform:scale(.97);box-shadow:0 4px 8px rgba(255,84,84,.2)}
/* 底部栏：对齐原系统 single-one-bottom 规范（1.12rem 高/横排图标+文字/rem 自适应），深色配色覆盖 */
.tpl5-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:999;background:#2c1e1a;border-top:1px solid rgba(255,215,0,.25);box-shadow:0 -2px 10px rgba(0,0,0,.4);height:1.12rem;padding:.07rem .3rem;box-sizing:border-box;width:100%;display:flex;align-items:center}
.tpl5-bar-item{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#d9b8a6;font-size:.3rem;cursor:pointer;white-space:nowrap;min-height:.98rem;-webkit-tap-highlight-color:transparent;user-select:none}
.tpl5-bar-item:active{color:#fff1e6}
.tpl5-bar-item .fs30{font-size:.3rem;color:#d9b8a6;line-height:1}
.tpl5-bar-item .tpl5-bar-order{color:#ffd700}
.tpl5-bar-icon{width:.36rem;height:.36rem;margin-right:.1rem;flex-shrink:0}
.tpl5-buy-btn{flex:2;min-width:2.8rem;border-radius:14px;background:linear-gradient(135deg,#ff5444,#ffd700)!important;width:auto!important;height:.98rem!important;font-size:.3rem;letter-spacing:1px;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap;min-height:.98rem;-webkit-tap-highlight-color:transparent;user-select:none}
.tpl5-buy-btn:active{filter:brightness(.92)}
.tpl5-buy-btn .fs30{font-size:.3rem;color:#fff;line-height:1}

/* ============ 手机端（默认基础样式） ============ */
@media(max-width:480px){
.tpl5-page{font-size:14px}
.tpl5-now{font-size:1.1rem;white-space:nowrap}
.tpl5-old{font-size:.75rem}
.tpl5-title{font-size:.85rem}
.tpl5-discount{white-space:nowrap;font-size:.7rem;padding:.25rem .5rem;margin-left:.3rem}
.tpl5-tag{padding:.15rem .4rem;font-size:.68rem;white-space:nowrap;flex:1;justify-content:center}
.tpl5-opt-title,.tpl5-detail-title,.tpl5-form-title{white-space:nowrap;font-size:.95rem}
.tpl5-price-card,.tpl5-option,.tpl5-detail,.tpl5-form{margin:.4rem;padding:.75rem}
.tpl5-price-card{margin-top:-1rem}
.tpl5-submit{height:.98rem;min-height:.98rem;font-size:.28rem;line-height:.98rem}
.tpl5-bottom-bar{height:1.12rem;padding:.07rem .2rem}
.tpl5-bar-item .fs30,.tpl5-buy-btn .fs30{font-size:.28rem}
.tpl5-bar-icon{width:.32rem;height:.32rem}
}

/* ============ 平板/桌面端（>=769px：容器对齐参考站lezi-tw 750px居中，内部元素放大更精致） ============ */
@media(min-width:769px){
.tpl5-page{font-size:17px;padding-bottom:6rem;width:750px;max-width:750px;margin:0 auto}
.tpl5-hero{border-radius:0 0 18px 18px;box-shadow:0 10px 30px rgba(0,0,0,.4);max-height:560px;width:100%!important;max-width:none!important}
.tpl5-hero .van-swipe{width:100%!important;max-width:none!important}
.tpl5-price-card{margin:-2rem auto 1.25rem;padding:2rem 2.5rem;border-radius:16px;width:auto!important;max-width:calc(100% - 1.5rem)!important}
.tpl5-now{font-size:1.25rem;white-space:nowrap}
.tpl5-old{font-size:.9375rem}
.tpl5-title{font-size:.75rem;letter-spacing:.5px;line-height:1.6}
.tpl5-desc{font-size:1.0625rem}
.tpl5-option,.tpl5-detail,.tpl5-form{margin:.75rem auto;padding:1.75rem 2rem;border-radius:14px;width:auto!important;max-width:calc(100% - 1.5rem)!important}
.tpl5-tag{padding:.5rem .8rem;font-size:.875rem;flex:1;justify-content:center}
.tpl5-label{font-size:.9375rem}
.tpl5-submit{font-size:.32rem;height:1.1rem;min-height:1.1rem;line-height:1.1rem;border-radius:12px;margin-top:1.25rem}
.tpl5-form .van-cell{padding:.8rem}
.tpl5-bottom-bar{width:750px!important;left:50%;right:auto;margin-left:-375px!important;height:1.12rem}
.tpl5-bottom-bar.single-one-bottom{width:750px!important;left:50%!important;right:auto!important;margin-left:-375px!important}
#tpl5bar{width:750px!important;left:50%!important;right:auto!important;margin-left:-375px!important;position:fixed!important;bottom:0!important}
#app #tpl5bar{width:750px!important}
div#tpl5bar{width:750px!important}
#app div#tpl5bar{width:750px!important}
.tpl5-bar-item .fs30,.tpl5-buy-btn .fs30{font-size:.3rem}
.tpl5-combo-money{font-size:1rem}
.tpl5-combo-money b{font-size:1.25rem}
.tpl5-pay-row{font-size:1rem;padding:1.25rem 0}
}