From b502b64db39e431fad57134dedf8dfd7064060ee Mon Sep 17 00:00:00 2001
From: wzp <2040239371@qq.com>
Date: 星期三, 01 四月 2026 16:04:40 +0800
Subject: [PATCH] 优化按钮和移动端自适应
---
映星教育/snippet-5-training.php | 10 ++++++----
映星教育/snippet-3-interview.php | 1 -
2 files changed, 6 insertions(+), 5 deletions(-)
diff --git "a/\346\230\240\346\230\237\346\225\231\350\202\262/snippet-3-interview.php" "b/\346\230\240\346\230\237\346\225\231\350\202\262/snippet-3-interview.php"
index 5c0d509..167d272 100644
--- "a/\346\230\240\346\230\237\346\225\231\350\202\262/snippet-3-interview.php"
+++ "b/\346\230\240\346\230\237\346\225\231\350\202\262/snippet-3-interview.php"
@@ -311,7 +311,6 @@
<p style="margin:0 0 8px">Please answer all questions in one video, in order. Only one upload is allowed.</p>
<p style="margin:0 0 8px;color:#ef4444;font-weight:700">Please record your responses in English.</p>
<p style="margin:0 0 8px">Walk us through your thinking as if you鈥檙e teaching a student 鈥� we鈥檇 love to see how you explain and communicate your ideas. Most candidates spend around 5鈥�10 minutes per question, but there鈥檚 no strict time limit. Don鈥檛 worry about having perfect answers 鈥� we鈥檙e much more interested in how you think and how you teach.</p>
-
</div>
<?= $q_html ?>
</div>
diff --git "a/\346\230\240\346\230\237\346\225\231\350\202\262/snippet-5-training.php" "b/\346\230\240\346\230\237\346\225\231\350\202\262/snippet-5-training.php"
index fd7bac2..97467bb 100644
--- "a/\346\230\240\346\230\237\346\225\231\350\202\262/snippet-5-training.php"
+++ "b/\346\230\240\346\230\237\346\225\231\350\202\262/snippet-5-training.php"
@@ -48,8 +48,10 @@
.im-tr-section h2 .im-tr-step{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#009dff,#3de1fe);color:#fff;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}
.im-tr-video-wrap{position:relative;width:100%;padding-bottom:56.25%;border-radius:10px;overflow:hidden;background:#0f172a;margin-bottom:20px}
.im-tr-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
-.im-tr-dl-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#009dff,#3de1fe,#53eee0);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-size:15px;font-weight:700;transition:all .3s;border:none;cursor:pointer;font-family:inherit}
-.im-tr-dl-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,157,255,.3);color:#fff}
+.im-tr-dl-section{display:block}
+.im-tr-dl-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#009dff,#3de1fe,#53eee0);color:#fff;padding:18px 36px;border-radius:12px;text-decoration:none;font-size:18px;font-weight:700;min-height:56px;box-shadow:0 4px 14px rgba(0,157,255,.35);transition:all .3s;border:none;cursor:pointer;font-family:inherit;max-width:100%;box-sizing:border-box;word-break:break-word;text-align:center}
+.im-tr-dl-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,157,255,.45);color:#fff}
+.im-tr-dl-btn svg{flex-shrink:0}
.im-tr-quiz{margin-top:28px;border-top:2px solid #e5e7eb;padding-top:24px}
.im-tr-quiz-title{font-size:16px;font-weight:700;color:#009dff;margin:0 0 20px;display:flex;align-items:center;gap:8px}
.im-tr-q{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px 24px;margin-bottom:16px;transition:border-color .3s}
@@ -88,7 +90,7 @@
.im-tr-center h1{font-size:24px;margin:0 0 12px}
.im-tr-center p{color:#6b7280;font-size:15px;margin-bottom:5px;}
.im-tr-notice{background:#e6f9ff;border-left:4px solid #009dff;padding:12px 16px;border-radius:0 8px 8px 0;color:#007acc;font-size:14px;margin-bottom:20px}
-@media(max-width:600px){.im-tr-header,.im-tr-section{padding:24px 20px}.im-tr-q{padding:16px 18px}}
+@media(max-width:600px){.im-tr-header,.im-tr-section{padding:24px 20px}.im-tr-q{padding:16px 18px}.im-tr-dl-section{width:100%}.im-tr-dl-btn{width:100%;padding:15px 18px;font-size:16px;min-height:52px;gap:10px;line-height:1.35}.im-tr-dl-btn svg{width:22px;height:22px}}
@keyframes imTrFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.im-tr-fade-in{animation:imTrFadeIn .5s ease}
@keyframes imTrSpin{to{transform:rotate(360deg)}}
@@ -268,7 +270,7 @@
<?php if ($td['download_url']): ?>
<div class="im-tr-dl-section im-tr-hidden" id="im-tr-dl-<?= $idx ?>">
<a href="<?= esc_url($td['download_url']) ?>" target="_blank" class="im-tr-dl-btn">
- <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3" />
</svg>
<?= esc_html($td['download_btn_text']) ?>
--
Gitblit v1.9.1