-
-
Notifications
You must be signed in to change notification settings - Fork 198
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
b1e1db3
commit 0ed3dcd
Showing
1 changed file
with
186 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,186 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="zh-CN"> | ||
| <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> | ||
| <script>LA.init({id:"3J4q4tM6fN0n1fbZ",ck:"3J4q4tM6fN0n1fbZ"})</script> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>调剂宝 - 2025考研调剂必备神器</title> | ||
| <style> | ||
| * { | ||
| margin: 0; | ||
| padding: 0; | ||
| box-sizing: border-box; | ||
| } | ||
| body { | ||
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; | ||
| line-height: 1.6; | ||
| color: #333; | ||
| background-color: #f5f7fa; | ||
| padding: 20px; | ||
| } | ||
| .container { | ||
| max-width: 800px; | ||
| margin: 0 auto; | ||
| background-color: #fff; | ||
| border-radius: 8px; | ||
| box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); | ||
| padding: 30px; | ||
| } | ||
| .header { | ||
| text-align: center; | ||
| margin-bottom: 30px; | ||
| } | ||
| .title { | ||
| font-size: 32px; | ||
| color: #2c3e50; | ||
| margin-bottom: 15px; | ||
| font-weight: bold; | ||
| } | ||
| .subtitle { | ||
| font-size: 20px; | ||
| color: #409eff; | ||
| margin-bottom: 20px; | ||
| } | ||
| .description { | ||
| font-size: 16px; | ||
| color: #5e6d82; | ||
| line-height: 1.8; | ||
| margin-bottom: 30px; | ||
| text-align: justify; | ||
| } | ||
| .features { | ||
| display: grid; | ||
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | ||
| gap: 20px; | ||
| margin: 30px 0; | ||
| } | ||
| .feature-item { | ||
| background: #f8faff; | ||
| padding: 15px; | ||
| border-radius: 8px; | ||
| text-align: center; | ||
| } | ||
| .feature-title { | ||
| color: #409eff; | ||
| font-weight: bold; | ||
| margin-bottom: 10px; | ||
| } | ||
| .qrcode-section { | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| gap: 40px; | ||
| flex-wrap: wrap; | ||
| margin-bottom: 30px; | ||
| } | ||
| .qrcode-item { | ||
| text-align: center; | ||
| } | ||
| .qrcode-title { | ||
| font-size: 18px; | ||
| color: #2c3e50; | ||
| margin-bottom: 15px; | ||
| } | ||
| .qrcode-image { | ||
| width: 200px; | ||
| height: 200px; | ||
| object-fit: contain; | ||
| } | ||
| .welfare-code { | ||
| font-size: 24px; | ||
| font-weight: 500; | ||
| color: #409eff; | ||
| padding: 20px 30px; | ||
| background-color: #ecf5ff; | ||
| border-radius: 6px; | ||
| border: 1px solid #d9ecff; | ||
| letter-spacing: 1px; | ||
| } | ||
| .learn-more { | ||
| display: inline-block; | ||
| margin-top: 15px; | ||
| padding: 10px 24px; | ||
| background-color: #409eff; | ||
| color: #fff; | ||
| text-decoration: none; | ||
| border-radius: 6px; | ||
| font-size: 15px; | ||
| font-weight: 500; | ||
| transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); | ||
| box-shadow: 0 2px 6px rgba(64, 158, 255, 0.2); | ||
| } | ||
| .learn-more:hover { | ||
| background-color: #66b1ff; | ||
| transform: translateY(-1px); | ||
| box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3); | ||
| } | ||
| .footer { | ||
| text-align: center; | ||
| color: #909399; | ||
| font-size: 14px; | ||
| margin-top: 30px; | ||
| padding-top: 20px; | ||
| border-top: 1px solid #eee; | ||
| } | ||
| @media (max-width: 600px) { | ||
| .container { | ||
| padding: 20px; | ||
| } | ||
| .qrcode-section { | ||
| gap: 20px; | ||
| } | ||
| .qrcode-image { | ||
| width: 150px; | ||
| height: 150px; | ||
| } | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <div class="header"> | ||
| <h1 class="title">调剂宝</h1> | ||
| <div class="subtitle">2025考研调剂黄金期 - 你的专业调剂助手</div> | ||
| <div class="description"> | ||
| 调剂黄金期即将开启！调剂宝整合最新调剂数据，助你把握每一个调剂机会。它提供： | ||
| </div> | ||
| <div class="features"> | ||
| <div class="feature-item"> | ||
| <div class="feature-title">海量数据支持</div> | ||
| <div>320万+拟录取数据</div> | ||
| <div>90万+调剂案例</div> | ||
| </div> | ||
| <div class="feature-item"> | ||
| <div class="feature-title">实时调剂提醒</div> | ||
| <div>院校发布速递</div> | ||
| <div>微信消息提醒</div> | ||
| </div> | ||
| <div class="feature-item"> | ||
| <div class="feature-title">智能调剂方案</div> | ||
| <div>个性化推荐</div> | ||
| <div>成功率分析</div> | ||
| </div> | ||
| </div> | ||
| <div class="description"> | ||
| 已帮助无数考生成功调剂！现在注册立享VIP特惠，抢占调剂先机！ | ||
| <a href="https://mp.weixin.qq.com/s/QtPNcoj7Pu_RztBvzTyWLQ" class="learn-more" target="_blank">了解详情</a> | ||
| </div> | ||
| </div> | ||
| <div class="qrcode-section"> | ||
| <div class="qrcode-item"> | ||
| <div class="qrcode-title">小程序二维码</div> | ||
| <img src="tiaojibao.png" alt="调剂宝小程序二维码" class="qrcode-image"> | ||
| </div> | ||
| <div class="qrcode-item"> | ||
| <div class="qrcode-title">我的福利码</div> | ||
| <div class="welfare-code">uh3p</div> | ||
| <div class="welfare-description">注册成为VIP会员时填写此福利码，可立享20元优惠</div> | ||
| </div> | ||
| </div> | ||
| <div class="footer"> | ||
| 注：调剂系统开放时间以教育部官方通知为准，请提前做好准备 | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |