Description

/* 全局优化 */body { margin: 0; font-family: Arial, sans-serif; background: #f5f6f8; color: #111;}section { background: #fff; margin: 12px auto; padding: 40px 20px; max-width: 1100px; border-radius: 14px; box-shadow: 0 6px 20px rgba(0,0,0,0.06);}/* 标题 */h1, h2 { text-align: center; margin-bottom: 15px;}h1 { font-size: 34px;}h2 { font-size: 26px;}/* Hero */.hero { text-align: center; background: linear-gradient(135deg,#0f172a,#1e293b); color: #fff;}.hero .sub { font-size: 16px; opacity: 0.9;}.hero-video { position: relative; width: 100%; max-width: 800px; padding-top: 56.25%; /* 16:9 */ border-radius: 12px; overflow: hidden;}.hero-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}.hero-tags span { display: inline-block; margin: 5px; background: rgba(255,255,255,0.1); padding: 6px 10px; border-radius: 6px; font-size: 13px;}.hero-cta a { display: inline-block; margin-top: 20px; padding: 14px 28px; background: #ff3c3c; color: #fff; text-decoration: none; border-radius: 8px; font-weight: bold;}/* 倒计时 */.countdown { text-align: center; background: #111; color: #fff;}#timer { font-size: 36px; font-weight: bold; margin: 10px 0; color: #ff3c3c;}/* 视频 */.video-box { background: #000; height: 240px; border-radius: 10px; display: flex; align-items: center; justify-content: center;}/* 三列 */.points, .scene-grid, .detail-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 15px;}/* 图片容器 */.scene-grid div,.detail-list div { width: 100%; height: 220px; border-radius: 12px; overflow: hidden; background: #f2f2f2;}/* 图片本身（核心！！！） */.scene-grid img,.detail-list img { width: 100%; height: 100%; object-fit: cover; /* 关键：裁剪填充，统一视觉 */ display: block;}/* 图片容器（关键） */.lighting-content div { width: 100%; height: 260px; border-radius: 12px; overflow: hidden; background: #f2f2f2;}/* 图片本身（核心！！） */.lighting-content img { width: 100%; height: 100%; object-fit: cover; display: block;}/* 右侧文案 */.lighting-content ul { padding-left: 20px;}.lighting-content li { margin-bottom: 10px; font-size: 15px;}/* 评论 */.review { background: #f9fafb; padding: 15px; border-radius: 10px; margin-bottom: 10px;}/* FAQ */.faq h3 { margin-bottom: 5px;}/* 移动端优化 */@media (max-width:768px) { h1 { font-size: 24px; } h2 { font-size: 20px; } .lighting-content { grid-template-columns: 1fr; } .hero-video, .video-box { height: 180px; }@media (max-width:768px) { .lighting-content { grid-template-columns: 1fr; } .lighting-content div { height: 200px; }}}

Display It Anywhere

Incredible Details Inside

From iconic scenes to hidden Easter eggs, every level of the tower is packed with Marvel storytelling.

// 设置倒计时时间（单位：秒）// 这里是 24 小时var countdownDuration = 24 * 60 * 60;// 获取本地存储（保证用户刷新不会重置太频繁）var endTime = localStorage.getItem(“countdownEndTime”);if (!endTime) { endTime = new Date().getTime() + countdownDuration * 1000; localStorage.setItem(“countdownEndTime”, endTime);}function updateTimer() { var now = new Date().getTime(); var distance = endTime – now; if (distance < 0) { // 倒计时结束后重新开始（循环制造紧迫感） endTime = new Date().getTime() + countdownDuration * 1000; localStorage.setItem("countdownEndTime", endTime); return; } var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // 补0 hours = hours < 10 ? "0" + hours : hours; minutes = minutes < 10 ? "0" + minutes : minutes; seconds = seconds < 10 ? "0" + seconds : seconds; document.getElementById("timer").innerHTML = hours + ":" + minutes + ":" + seconds;}// 每秒刷新setInterval(updateTimer, 1000);

.lego-faq-section { padding: 50px 20px; background: linear-gradient(180deg, #f8f9fb 0%, #ffffff 100%); font-family: Arial, sans-serif;}.lego-faq-container { max-width: 900px; margin: 0 auto;}.lego-faq-header { text-align: center; margin-bottom: 35px;}.lego-faq-header h2 { font-size: 34px; color: #111; margin-bottom: 10px; font-weight: 800;}.lego-faq-header p { font-size: 16px; color: #666; margin: 0;}.lego-faq-list { display: flex; flex-direction: column; gap: 14px;}.lego-faq-item { background: #fff; border-radius: 14px; box-shadow: 0 4px 14px rgba(0,0,0,0.08); overflow: hidden; border: 1px solid #ececec;}.lego-faq-question { width: 100%; background: #fff; border: none; padding: 20px; text-align: left; font-size: 18px; font-weight: 700; color: #111; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}.lego-faq-question span { font-size: 24px; font-weight: 400; transition: transform 0.3s ease;}.lego-faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; background: #fafafa;}.lego-faq-answer p { padding: 0 20px 20px; margin: 0; font-size: 16px; color: #444; line-height: 1.7;}.lego-faq-item.active .lego-faq-answer { max-height: 300px;}.lego-faq-item.active .lego-faq-question span { transform: rotate(45deg);}@media (max-width: 768px) { .lego-faq-header h2 { font-size: 26px; } .lego-faq-question { font-size: 16px; padding: 16px; } .lego-faq-answer p { font-size: 14px; padding: 0 16px 16px; }}document.querySelectorAll(‘.lego-faq-question’).forEach(button => { button.addEventListener(‘click’, () => { const faqItem = button.parentElement; faqItem.classList.toggle(‘active’); });});