| 465 | } |
| 466 | |
| 467 | async function subHtml(request) { |
| 468 | const url = new URL(request.url); |
| 469 | const HTML = ` |
| 470 | <!DOCTYPE html> |
| 471 | <html> |
| 472 | <head> |
| 473 | <meta charset="UTF-8"> |
| 474 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 475 | <title>${FileName}</title> |
| 476 | ${网站图标} |
| 477 | <style> |
| 478 | :root { |
| 479 | --primary-color: #4361ee; |
| 480 | --hover-color: #3b4fd3; |
| 481 | --bg-color: #f5f6fa; |
| 482 | --card-bg: #ffffff; |
| 483 | } |
| 484 | |
| 485 | * { |
| 486 | box-sizing: border-box; |
| 487 | margin: 0; |
| 488 | padding: 0; |
| 489 | } |
| 490 | |
| 491 | body { |
| 492 | ${网站背景} |
| 493 | background-size: cover; |
| 494 | background-position: center; |
| 495 | background-attachment: fixed; |
| 496 | background-color: var(--bg-color); |
| 497 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; |
| 498 | line-height: 1.6; |
| 499 | color: #333; |
| 500 | min-height: 100vh; |
| 501 | display: flex; |
| 502 | justify-content: center; |
| 503 | align-items: center; |
| 504 | } |
| 505 | |
| 506 | .container { |
| 507 | position: relative; |
| 508 | background: rgba(255, 255, 255, 0.7); |
| 509 | backdrop-filter: blur(10px); |
| 510 | -webkit-backdrop-filter: blur(10px); |
| 511 | max-width: 600px; |
| 512 | width: 90%; |
| 513 | padding: 2rem; |
| 514 | border-radius: 20px; |
| 515 | box-shadow: 0 10px 20px rgba(0,0,0,0.05), |
| 516 | inset 0 0 0 1px rgba(255, 255, 255, 0.1); |
| 517 | transition: transform 0.3s ease; |
| 518 | } |
| 519 | |
| 520 | .container:hover { |
| 521 | transform: translateY(-5px); |
| 522 | box-shadow: 0 15px 30px rgba(0,0,0,0.1), |
| 523 | inset 0 0 0 1px rgba(255, 255, 255, 0.2); |
| 524 | } |