.camp-opening-page{background:linear-gradient(135deg,#f0f8ff,#e6f2ff);color:#343a40;line-height:1.6;padding:20px;max-width:1200px;margin:0 auto;min-height:100vh;--primary-blue:#3a8ee6;--secondary-blue:#2c6db3;--accent-orange:#ff6b35;--light-gray:#f8f9fa;--dark-gray:#343a40;--success-green:#28a745;--border-radius:12px;--box-shadow:0 6px 20px rgba(58,142,230,0.1);--transition:all 0.3s ease}.camp-opening-page *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}.pre-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;text-align:center;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.pre-screen.hidden{opacity:0;pointer-events:none}.logo-container{margin-bottom:40px}.logo{font-size:3.5rem;color:#fff}.logo,.logo-img{margin-bottom:15px}.logo-img{width:120px;height:120px;-o-object-fit:contain;object-fit:contain}.logo-text{font-size:2.8rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2);margin-bottom:10px}.subtitle{font-size:1.4rem;color:hsla(0,0%,100%,.9);margin-bottom:30px;max-width:600px}.enroll-btn{background-color:#fff;color:var(--primary-blue);border:none;padding:18px 50px;border-radius:50px;font-size:1.3rem;font-weight:600;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);-webkit-box-shadow:0 8px 25px rgba(0,0,0,.2);box-shadow:0 8px 25px rgba(0,0,0,.2);margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.enroll-btn:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 15px 30px rgba(0,0,0,.25);box-shadow:0 15px 30px rgba(0,0,0,.25);background-color:#f8f9fa}.tip-text{margin-top:30px;color:hsla(0,0%,100%,.8);font-size:1rem;max-width:500px}.container{background-color:#fff;border-radius:20px;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:hidden;padding:30px;margin-bottom:30px;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity .8s ease,-webkit-transform .8s ease;transition:opacity .8s ease,-webkit-transform .8s ease;transition:opacity .8s ease,transform .8s ease;transition:opacity .8s ease,transform .8s ease,-webkit-transform .8s ease}.container.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.header{text-align:center;padding:40px 20px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;border-radius:var(--border-radius);margin-bottom:40px;position:relative;overflow:hidden}.camp-opening-page .header h1{font-size:2.8rem;margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,.2);font-weight:700;color:#fff}.camp-opening-page .header p{font-size:1.2rem;max-width:800px;margin:0 auto 25px;opacity:.9;color:#fff}.counter{background:hsla(0,0%,100%,.15);padding:12px 30px;border-radius:50px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.counter,.section-title{font-size:1.8rem;font-weight:600}.section-title{color:var(--secondary-blue);margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid var(--primary-blue);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-title i{margin-right:15px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}.fas{font-family:IconFont;font-style:normal;font-weight:400}.fa-play-circle:before{content:"▶"}.fa-tasks:before{content:"✓"}.fa-gift:before{content:"🎁"}.fa-road:before{content:"🛣"}.fa-file-signature:before{content:"📝"}.fa-check-circle:before{content:"✅"}.fa-video:before{content:"📹"}.fa-user-plus:before{content:"👤"}.fa-book-open:before{content:"📚"}.fa-flag:before{content:"🚩"}.fa-users:before{content:"👥"}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);margin-bottom:30px}#main-video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--border-radius)}.video-stats{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--light-gray);padding:15px;border-radius:var(--border-radius);margin-top:20px}.stat-item,.video-stats{display:-webkit-box;display:-ms-flexbox;display:flex}.stat-item{text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.stat-number{font-size:1.8rem;font-weight:700;color:var(--primary-blue);margin-bottom:5px}.stat-label{font-size:.9rem;color:#666}.tasks-container{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:30px}.task-card{background-color:#fff;border-radius:var(--border-radius);padding:20px;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-transition:var(--transition);transition:var(--transition);border:1px solid #eaeaea;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;min-height:140px}.task-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 12px 25px rgba(58,142,230,.15);box-shadow:0 12px 25px rgba(58,142,230,.15)}.task-number{position:absolute;top:10px;left:10px;font-size:1.8rem;font-weight:700;color:var(--primary-blue);width:40px;height:40px;background:rgba(58,142,230,.1)}.task-icon,.task-number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%}.task-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));margin-right:20px;color:#fff;font-size:1.5rem;margin-left:40px;-ms-flex-negative:0;flex-shrink:0}.task-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.task-title{font-size:1.2rem;font-weight:600;margin-bottom:8px;color:var(--dark-gray)}.task-desc{font-size:.9rem;color:#666;margin-bottom:12px}.task-status{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.status-pending{background-color:#ffeaa7;color:#e17055}.status-completed{background-color:#d4edda;color:var(--success-green)}.task-btn{background-color:var(--primary-blue);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.task-btn:hover{background-color:var(--secondary-blue)}.task-hint{font-size:1.1rem;color:#666;margin:-15px 0 25px 0;font-style:italic;text-align:left;padding-left:5px}.badge-container{text-align:center;margin-top:20px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--border-radius)}.badge{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#ffd166,var(--accent-orange));color:#fff;font-weight:700;border-radius:50px;-webkit-box-shadow:0 4px 15px rgba(255,107,53,.3);box-shadow:0 4px 15px rgba(255,107,53,.3);margin:10px;font-size:1.1rem}.prizes-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px;margin-bottom:30px}.prize-card{width:220px;background-color:#fff;border-radius:var(--border-radius);overflow:hidden;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-transition:var(--transition);transition:var(--transition);text-align:center}.prize-card:hover{-webkit-transform:translateY(-10px) rotateY(10deg);transform:translateY(-10px) rotateY(10deg);-webkit-box-shadow:0 15px 30px rgba(58,142,230,.15);box-shadow:0 15px 30px rgba(58,142,230,.15)}.prize-image{height:160px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2.5rem;color:var(--primary-blue)}.prize-image img{max-width:85%;max-height:85%;-o-object-fit:contain;object-fit:contain}.prize-name{padding:20px 10px;font-weight:600;color:var(--dark-gray);font-size:1.1rem}.timeline{position:relative;max-width:1000px;margin:0 auto 30px}.timeline:after{content:"";position:absolute;width:6px;background-color:var(--primary-blue);top:0;bottom:0;left:50%;margin-left:-3px;border-radius:3px}.timeline-item{padding:10px 40px;position:relative;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:50%}.timeline-content{padding:20px;background-color:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);position:relative}.timeline-item:nth-child(odd) .timeline-content:after{right:-10px;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.2);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.timeline-item:nth-child(2n) .timeline-content:after,.timeline-item:nth-child(odd) .timeline-content:after{content:"";position:absolute;width:20px;height:20px;background-color:#fff;top:22px;border-radius:50%;z-index:1}.timeline-item:nth-child(2n) .timeline-content:after{left:-10px;-webkit-box-shadow:-1px 1px 5px rgba(0,0,0,.2);box-shadow:-1px 1px 5px rgba(0,0,0,.2)}.timeline-period{font-weight:700;color:var(--primary-blue);margin-bottom:10px;font-size:1.1rem}.timeline-title{font-weight:600;margin-bottom:8px;color:var(--dark-gray)}.timeline-desc{font-size:.9rem;color:#666}.notice-section{margin:40px 0 30px;padding:30px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:var(--border-radius);border-left:6px solid var(--accent-orange);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.notice-title{font-size:2rem;color:var(--secondary-blue);margin-bottom:25px;text-align:center;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}.notice-links,.notice-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.notice-links{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:40px;margin-top:25px}.notice-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;padding:25px 35px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:0 6px 20px rgba(0,0,0,.08);box-shadow:0 6px 20px rgba(0,0,0,.08);-webkit-transition:var(--transition);transition:var(--transition);min-width:280px;text-align:center}.notice-link:hover{-webkit-transform:translateY(-8px) scale(1.03);transform:translateY(-8px) scale(1.03);-webkit-box-shadow:0 12px 30px rgba(0,0,0,.15);box-shadow:0 12px 30px rgba(0,0,0,.15);background:linear-gradient(135deg,#fff,#f0f8ff)}.notice-emoji{font-size:3rem;margin-bottom:15px}.notice-text{font-size:1.5rem;font-weight:700;color:var(--dark-gray);margin-bottom:10px}.notice-subtext{font-size:1rem;color:#666;margin-top:8px}.footer{text-align:center;padding:30px;color:#666;font-size:.9rem;border-top:1px solid #eee;margin-top:30px;opacity:0;-webkit-transition:opacity .8s ease .3s;transition:opacity .8s ease .3s}.footer.show{opacity:1}.footer a{color:var(--primary-blue);text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}.completed{border:2px solid var(--success-green)}.hidden{display:none}@media (max-width:768px){.camp-opening-page .header h1{font-size:2rem}.logo-text{font-size:2.2rem}.counter{font-size:1.5rem;padding:10px 20px}.timeline:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px;left:0!important}.timeline-item:nth-child(2n) .timeline-content:after,.timeline-item:nth-child(odd) .timeline-content:after{left:21px;right:auto}.tasks-container{grid-template-columns:1fr}.task-icon{margin-left:50px}.prizes-container{gap:20px}.prize-card{width:180px}.notice-title{font-size:1.6rem;gap:10px}.notice-links,.notice-title{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.notice-links{gap:20px}.notice-link{min-width:auto;padding:20px}.notice-text{font-size:1.3rem}}