/* 全局样式重置 */*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%}body{max-width:100vw}:root{--primary:#0066cc;--secondary:#6c757d;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--light:#f8f9fa;--dark:#343a40}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:white;color:#343a40;padding-top:70px;line-height:1.6}/* 顶部导航栏 */.top-nav{position:fixed;top:0;left:0;width:100%;background-color:#ffffff;z-index:1000}.top-nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:10px 20px}.nav-right{display:flex;align-items:center;gap:15px}/* 做功德按钮 */.merit-btn,.dropdown-btn{background-color:#dc3545;color:white;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color 0.2s;display:inline-flex;align-items:center;justify-content:center;height:32px}.merit-btn:hover,.dropdown-btn:hover{background-color:#c82333}/* 下拉菜单 */.dropdown{position:relative}.dropdown-content{display:none;position:absolute;right:0;background-color:white;min-width:160px;box-shadow:0 2px 10px rgba(0,0,0,0.1);border-radius:4px;padding:8px 0;z-index:9999;top:100%;margin-top:0;opacity:1;visibility:visible}.dropdown-content a{color:#343a40;padding:8px 16px;text-decoration:none;display:block;font-size:14px;transition:all 0.2s}.dropdown-content a:hover{background-color:#dc3545;color:white}.dropdown-content a.active{background-color:#dc3545;color:white;font-weight:bold}.dropdown:hover .dropdown-content{display:block}/* 头部区域 */.header{background-color:#ffffff;padding:2rem 0}.header-content{display:flex;align-items:center;justify-content:center;gap:20px;max-width:1200px;margin:0 auto;padding:0 20px}.header-logo{width:80px;height:80px;object-fit:cover;border-radius:8px}.header-content > div{}
.header-content h1{font-size:1.8rem;font-weight:600;margin-bottom:10px;color:#343a40}.header-content > div > div:nth-child(2){font-size:16px;margin-bottom:10px;color:#6c757d;text-align:center}.header-info{font-size:14px;color:#6c757d;text-align:center}/* 功德列表 */.merit-list{width:100%;max-width:1400px;margin:0 auto;padding:2rem 20px}.merit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.merit-item{padding:20px;border:1px solid #e9ecef;border-radius:8px;background-color:#ffffff;transition:all 0.2s}.merit-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.merit-amount{font-size:1.5rem;font-weight:600;color:#dc3545;margin-bottom:15px}.merit-time{color:#6c757d;font-size:14px}.merit-item img{width:32px;height:32px;border-radius:8px}/* 模态窗口 */#merit-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:2000;align-items:center;justify-content:center}#merit-modal > div{background-color:white;padding:30px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.3);max-width:90%;width:400px;text-align:center;position:relative}#close-modal{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;transition:color 0.2s}#close-modal:hover{color:#343a40}#merit-modal h3{margin-top:0;margin-bottom:20px;font-size:1.5rem;font-weight:600}#modal-qrcode{max-width:100%;height:auto;margin-bottom:20px}#merit-modal p{color:#6c757d;font-size:14px}/* 支付页面样式 */.pay-container{max-width:800px;margin:0 auto;padding:2rem}.pay-header{text-align:center;margin-bottom:2rem}.pay-header h1{font-size:2rem;font-weight:600;margin-bottom:10px}.pay-form{background-color:white;padding:2rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.08)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500}.form-control{width:100%;padding:10px;border:1px solid #e9ecef;border-radius:4px;font-size:16px;transition:border-color 0.2s}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 0.2rem rgba(0,102,204,0.25)}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all 0.2s}.btn-primary{background-color:var(--primary);color:white}.btn-primary:hover{background-color:#0052a3}.btn-block{display:block;width:100%}.amount-options{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.amount-btn{flex:1;min-width:80px;padding:10px;border:1px solid #e9ecef;border-radius:4px;background-color:white;color:#343a40;cursor:pointer;transition:all 0.2s}.amount-btn:hover{border-color:var(--primary)}.amount-btn.active{background-color:var(--primary);color:white;border-color:var(--primary)}.payment-methods{display:flex;gap:15px;margin-bottom:1.5rem}.payment-btn{flex:1;padding:15px;border:1px solid #e9ecef;border-radius:4px;background-color:white;cursor:pointer;transition:all 0.2s;display:flex;flex-direction:column;align-items:center;gap:10px}.payment-btn:hover{border-color:var(--primary)}.payment-btn.active{border-color:var(--primary);background-color:rgba(0,102,204,0.05)}.payment-btn img{width:40px;height:40px}.blessing-input{resize:vertical;min-height:100px}/* 响应式设计 */@media (max-width:768px){.top-nav-content{padding:10px}.nav-right{gap:10px}.merit-btn,.dropdown-btn{padding:6px 12px;font-size:13px;height:28px}.dropdown-content{min-width:140px}.header-content{flex-direction:column;text-align:center;gap:15px}.header-logo{width:60px;height:60px}.header-content h1{font-size:1.5rem}.merit-list{padding:1.5rem 15px}.merit-grid{grid-template-columns:1fr;gap:15px}.merit-item{padding:15px}.merit-amount{font-size:1.3rem}.payment-methods{flex-direction:column}.amount-options{flex-direction:row}.amount-btn{flex:1}}@media (max-width:480px){.top-nav-content{padding:8px}.nav-right{gap:8px}.merit-btn,.dropdown-btn{padding:4px 10px;font-size:12px}.header-content{padding:0 15px}.merit-list{padding:1rem 10px}.merit-item{padding:12px}}/* 默认图片样式 */.default-image-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:white;z-index:9999}.default-image-container img{max-width:40%;max-height:40%}