优化按钮和移动端自适应

wzp

2026-04-01 b502b64db39e431fad57134dedf8dfd7064060ee

优化按钮和移动端自适应

 Ó³ÐǽÌÓý/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’re teaching a student â€” we’d love to see how you explain and communicate your ideas. Most candidates spend around 5–10 minutes per question, but there’s no strict time limit. Don’t worry about having perfect answers â€” we’re much more interested in how you think and how you teach.</p>
    
                </div>
                <?= $q_html ?>
            </div>

 Ó³ÐǽÌÓý/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']) ?>