diff --git a/public/admin.html b/public/admin.html index e10344b..b0fa083 100644 --- a/public/admin.html +++ b/public/admin.html @@ -3,7 +3,7 @@ - 订单管理 - USDT商城 + 订单管理 - 加密世界商城 diff --git a/public/css/style.css b/public/css/style.css index acd1164..bf01aeb 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -16,6 +16,40 @@ body { max-width: 1200px; margin: 0 auto; padding: 20px; + min-height: 100vh; + display: flex; + flex-direction: column; +} + +/* 页面头部样式 */ +.site-header { + text-align: center; + padding: 40px 20px; + background: linear-gradient(145deg, #1a1a1a 0%, #2d2d2d 100%); + border-radius: 20px; + margin-bottom: 40px; + box-shadow: + 0 20px 40px rgba(0, 0, 0, 0.4), + inset 0 1px 0 rgba(255, 255, 255, 0.1); + border: 1px solid #333; +} + +.site-header h1 { + font-size: 2.5em; + color: #ffffff; + margin-bottom: 10px; + font-weight: 700; + background: linear-gradient(45deg, #ffd700, #ffed4a); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + text-shadow: 0 0 20px rgba(255, 215, 0, 0.3); +} + +.site-header p { + font-size: 1.1em; + color: #b0b0b0; + margin: 0; } main { @@ -24,16 +58,17 @@ main { gap: 40px; align-items: start; position: relative; + flex: 1; } -/* 订单管理按钮 */ -.admin-floating-btn { +/* 联系我们按钮 */ +.contact-floating-btn { position: fixed; top: 30px; right: 30px; z-index: 1000; - background: linear-gradient(135deg, #ffd700, #ffed4a); - color: #000; + background: linear-gradient(135deg, #28a745, #20c997); + color: white; border: none; border-radius: 50px; padding: 12px 25px; @@ -43,12 +78,12 @@ main { transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; - box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3); + box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3); } -.admin-floating-btn:hover { +.contact-floating-btn:hover { transform: translateY(-3px); - box-shadow: 0 8px 25px rgba(255, 215, 0, 0.5); + box-shadow: 0 8px 25px rgba(40, 167, 69, 0.5); } /* 产品卡片 */ @@ -141,6 +176,135 @@ main { border: 1px solid #333; } +/* 表单区域样式 */ +.order-summary-section, +.shipping-info-section { + margin-bottom: 30px; +} + +.order-summary-section .form-group { + margin-bottom: 0; +} + +.section-title { + color: #ffffff; + font-size: 1.3em; + font-weight: 600; + margin-bottom: 20px; + padding-bottom: 10px; + border-bottom: 2px solid #ffd700; + display: flex; + align-items: center; +} + +.section-title::before { + content: ''; + width: 4px; + height: 20px; + background: linear-gradient(135deg, #ffd700, #ffed4a); + border-radius: 2px; + margin-right: 10px; +} + +/* 分割线样式 */ +.section-divider { + height: 1px; + background: linear-gradient(90deg, transparent, #444, transparent); + margin: 30px 0; + position: relative; +} + +.section-divider::after { + content: ''; + position: absolute; + top: -2px; + left: 50%; + transform: translateX(-50%); + width: 8px; + height: 4px; + background: #ffd700; + border-radius: 2px; +} + +/* 价格汇总样式 */ +.price-summary { + background: linear-gradient(145deg, #0a0a0a, #1a1a1a); + border-radius: 12px; + padding: 20px; + border: 1px solid #333; + margin-top: 15px; +} + +.price-line { + display: flex; + justify-content: space-between; + align-items: center; + padding: 12px 0; + color: #e0e0e0; + font-size: 1.1em; +} + +.price-line:first-child { + border-bottom: 1px solid #444; + margin-bottom: 8px; + padding-bottom: 12px; +} + +.discount-line { + color: #28a745 !important; + font-weight: 600; +} + +.subtotal-line { + color: #ffc107; + text-decoration: line-through; + opacity: 0.7; +} + +.total-line { + font-weight: bold; + font-size: 1.3em; + color: #ffd700; + padding-top: 8px; + border-top: 1px solid #444; + margin-top: 8px; +} + +#unit-price { + color: #ffd700; +} + +/* 优惠提示样式 */ +.discount-tips { + margin-top: 20px; + padding: 15px; + background: linear-gradient(145deg, #0f1419, #1a2332); + border-radius: 10px; + border: 1px solid #2c3e50; +} + +.tip-item { + display: flex; + align-items: center; + margin-bottom: 10px; + color: #b0b0b0; + font-size: 14px; +} + +.tip-item:last-child { + margin-bottom: 0; +} + +.tip-badge { + width: 20px; + text-align: center; + margin-right: 8px; +} + +.tip-item strong { + color: #ffd700; +} + .form-group { margin-bottom: 25px; } @@ -495,6 +659,14 @@ main { /* 响应式设计 */ @media (max-width: 768px) { + .site-header h1 { + font-size: 2em; + } + + .site-header p { + font-size: 1em; + } + main { grid-template-columns: 1fr; gap: 30px; @@ -519,12 +691,22 @@ main { margin: 20px; } - .admin-floating-btn { + .contact-floating-btn { top: 20px; right: 20px; padding: 10px 20px; font-size: 12px; } + + .footer-content { + flex-direction: column; + text-align: center; + gap: 15px; + } + + .admin-link-btn { + align-self: center; + } } /* 管理员登录表单样式 */ @@ -608,4 +790,137 @@ main { border: 1px solid #ff4757; border-radius: 6px; text-align: center; +} + +/* 联系我们模态框样式 */ +.contact-info { + text-align: center; + color: #e0e0e0; +} + +.contact-info h4 { + color: #ffffff; + margin-bottom: 15px; + font-size: 1.4em; + font-weight: 600; +} + +.contact-info > p { + color: #b0b0b0; + margin-bottom: 25px; + font-size: 1.1em; +} + +.qr-code-container { + margin: 25px 0; + padding: 25px; + background: linear-gradient(145deg, #0a0a0a, #1a1a1a); + border-radius: 15px; + border: 2px dashed #444; + position: relative; +} + +.qr-code-container::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: linear-gradient(45deg, transparent 49%, rgba(40, 167, 69, 0.1) 50%, transparent 51%); + pointer-events: none; + border-radius: 13px; +} + +.wechat-qr { + max-width: 200px; + max-height: 200px; + border-radius: 10px; + box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); + border: 2px solid #28a745; +} + +.qr-error { + color: #ff4757; + font-size: 14px; + padding: 20px; + background: rgba(255, 71, 87, 0.1); + border-radius: 10px; + border: 1px solid #ff4757; +} + +.qr-error p { + margin: 8px 0; +} + +.contact-tips { + background: linear-gradient(145deg, #0f2e0f, #1a4a1a); + padding: 20px; + border-radius: 12px; + border: 1px solid #28a745; + margin-top: 25px; + position: relative; +} + +.contact-tips::before { + content: ''; + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 4px; + background: linear-gradient(135deg, #28a745, #20c997); + border-radius: 2px; +} + +.contact-tips p { + margin: 10px 0; + color: #a8e6a1; + font-size: 15px; + font-weight: 500; + padding-left: 15px; +} + +/* 页面底部样式 */ +.site-footer { + margin-top: 60px; + padding: 30px 0; + background: linear-gradient(145deg, #1a1a1a, #2d2d2d); + border-radius: 20px; + border: 1px solid #333; + text-align: center; +} + +.footer-content { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + gap: 20px; + padding: 0 30px; +} + +.footer-content p { + color: #b0b0b0; + margin: 0; + font-size: 14px; +} + +.admin-link-btn { + background: linear-gradient(135deg, #444, #555); + color: #e0e0e0; + border: 1px solid #666; + border-radius: 25px; + padding: 8px 16px; + font-size: 12px; + cursor: pointer; + transition: all 0.3s ease; + text-transform: uppercase; + letter-spacing: 1px; +} + +.admin-link-btn:hover { + background: linear-gradient(135deg, #555, #666); + transform: translateY(-2px); + box-shadow: 0 4px 12px rgba(0,0,0,0.3); } \ No newline at end of file diff --git a/public/images/wechat_qr.png b/public/images/wechat_qr.png new file mode 100644 index 0000000..367815e Binary files /dev/null and b/public/images/wechat_qr.png differ diff --git a/public/index.html b/public/index.html index 7fd3027..a778455 100644 --- a/public/index.html +++ b/public/index.html @@ -3,14 +3,20 @@ - USDT 商城 + 加密世界商城 | Crypto Shopping Maill
- - + + + + +
@@ -34,40 +40,79 @@
- -
- -
- - - + +
+

购买数量 & 金额汇总

+
+ +
+ + + +
-
- 总价:$99.99 USDT +
+
+ 单价: + $99.99 USDT +
+ + +
+ 总价: + $99.99 USDT +
+
+ + +
+
+ 💰 + 购买2个享受9.5折优惠 +
+
+ 🎉 + 购买5个及以上享受9折优惠 +
- -
- - -
+ +
-
- - -
+ +
+

配送信息

+ +
+ + +
-
- - -
+
+ + +
- -
- - +
+ + +
+ + +
+ + +
@@ -79,6 +124,14 @@
+ + + + + +