:root{--primary-color:#4A6FA5;--secondary-color:#E8C547;--dark-color:#333;--light-color:#F8F9FA;--vip-color:#D4AF37;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--bg-color-1:rgba(106,168,79,0.6);--bg-color-2:rgba(86,204,242,0.6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Microsoft JhengHei','PingFang TC',sans-serif;margin:0;padding:0;color:var(--dark-color);min-height:100vh;display:flex;flex-direction:column;line-height:1.6}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(135deg,var(--bg-color-1),var(--bg-color-2));animation:gradient 15s ease infinite;background-size:400% 400%}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.container{max-width:1400px;margin:0 auto;padding:20px;flex:1;width:100%}header{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:30px;background:none;position:sticky;top:0;z-index:100;backdrop-filter:blur(5px)}.logo{display:flex;align-items:center;font-size:24px;font-weight:bold;color:var(--primary-color);text-decoration:none}.logo i{margin-right:10px;font-size:28px}.user-controls{display:flex;align-items:center;gap:15px}.vip-login{background-color:var(--vip-color);color:white;border:none;padding:10px 20px;border-radius:30px;font-size:14px;cursor:pointer;display:flex;align-items:center;transition:all 0.3s;box-shadow:0 2px 5px rgba(0,0,0,0.1);font-weight:500}.vip-login:hover{background-color:#C9A227;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.vip-login i{margin-right:8px;font-size:16px}.user-info{display:flex;align-items:center;cursor:pointer;position:relative;padding:8px 15px;border-radius:30px;transition:all 0.3s}.user-info:hover{background-color:rgba(212,175,55,0.1)}.user-name{margin-right:10px;font-weight:600;color:var(--vip-color);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vip-crown{margin-right:5px;color:var(--vip-color);margin-left:2px}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--vip-color);display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:16px;flex-shrink:0; overflow: hidden}.user-avatar img {width:100%; height:100%; display: block} main{padding:0 20px}.quick-start-section{margin-top:20px;text-align:center}.section-title{font-size:2.5rem;margin-bottom:20px;color:var(--primary-color);font-weight:700}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.option-card{background-color:rgba(255,255,255,0.9);border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.08);padding:35px 30px;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(0,0,0,0.05);position:relative;overflow:hidden;backdrop-filter:blur(3px)}.option-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(0,0,0,0.12)}.option-card.coming-soon::after{content:"即將推出";position:absolute;top:15px;right:-30px;background-color:var(--warning-color);color:white;padding:3px 30px;font-size:12px;transform:rotate(45deg);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.option-icon{font-size:54px;margin-bottom:25px;height:54px;color:var(--primary-color)}.option-title{font-size:1.4rem;margin-bottom:15px;font-weight:600;color:var(--dark-color)}.option-desc{color:#666;margin-bottom:25px;line-height:1.7;font-size:0.95rem}.start-btn{background-color:var(--primary-color);color:white;border:none;padding:12px 28px;border-radius:6px;font-size:16px;cursor:pointer;transition:all 0.3s;width:auto;min-width:160px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px}.start-btn:hover{background-color:#3a5a8c;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.start-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.start-btn i{font-size:18px}.features-section{margin:80px 0;padding:40px 0;background-color:rgba(74,111,165,0.05);border-radius:12px}.features-container{max-width:1200px;margin:0 auto;padding:0 20px}.features-title{text-align:center;font-size:2rem;margin-bottom:40px;color:var(--primary-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background-color:rgba(255,255,255,0.9);border-radius:10px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:all 0.3s;text-align:center;backdrop-filter:blur(3px)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.1)}.feature-icon{font-size:40px;color:var(--primary-color);margin-bottom:20px}.feature-title{font-size:1.2rem;margin-bottom:15px;font-weight:600}.feature-desc{color:#666;font-size:0.95rem;line-height:1.7}footer{background:rgba(44,62,80,0.9);color:white;padding:40px 0 20px;margin-top:80px;backdrop-filter:blur(5px)}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.footer-logo{font-size:20px;font-weight:bold;color:white;margin-bottom:15px;display:inline-block}.footer-about{margin-bottom:15px;color:rgba(255,255,255,0.7);font-size:14px;line-height:1.7}.footer-links h3{font-size:18px;margin-bottom:20px;color:white;position:relative;padding-bottom:10px}.footer-links h3::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:var(--vip-color)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;transition:all 0.2s;font-size:14px;display:inline-block;padding:3px 0}.footer-links a:hover{color:white;transform:translateX(5px)}.footer-contact p{display:flex;align-items:center;margin-bottom:12px;color:rgba(255,255,255,0.7);font-size:14px}.footer-contact i{margin-right:10px;color:var(--vip-color);width:20px;text-align:center}.footer-social{display:flex;gap:15px;margin-top:20px}.social-icon{width:36px;height:36px;border-radius:50%;background-color:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:white;font-size:16px;transition:all 0.3s}.social-icon:hover{background-color:var(--vip-color);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:20px;margin-top:30px;border-top:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.5);font-size:13px;width:100%;grid-column:1/-1}.footer-bottom a{color:rgba(255,255,255,0.7);text-decoration:none;margin:0 5px}.footer-bottom a:hover{color:white;text-decoration:underline}.business-button{display:inline-flex;align-items:center;padding:10px 20px;background:linear-gradient(135deg,#4A6FA5,#6B8FD6);color:white;text-decoration:none;border-radius:30px;font-weight:600;cursor:pointer;transition:all 0.3s;margin:5px;border:none;font-size:14px;box-shadow:0 4px 10px rgba(74,111,165,0.3)}.business-button:hover{background:linear-gradient(135deg,#3a5a8c,#5a7fc6);transform:translateY(-2px);box-shadow:0 6px 15px rgba(74,111,165,0.4)}.business-button i{margin-right:8px}.login-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center}.login-modal-content{background-color:white;padding:30px;border-radius:10px;max-width:400px;width:90%;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,0.3)}.login-modal h3{color:var(--primary-color);margin-bottom:20px;font-size:1.5rem}.login-modal p{margin-bottom:25px;color:#666}.modal-buttons{display:flex;justify-content:center;gap:15px}.modal-btn{padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:500;transition:all 0.3s}.modal-btn-primary{background-color:var(--primary-color);color:white;border:none}.modal-btn-primary:hover{background-color:#3a5a8c}.modal-btn-secondary{background-color:#f0f0f0;color:#333;border:none}.modal-btn-secondary:hover{background-color:#e0e0e0}.hall-dynamic{width:100%;height:200px;overflow:hidden;position:relative;margin-bottom:15px;border-radius:8px;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.dynamic-content{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;box-sizing:border-box}.dynamic-title{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:var(--primary-color)}.dynamic-stats{display:flex;gap:20px;margin-top:15px}.password-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center}.password-modal-content{background-color:white;padding:30px;border-radius:10px;max-width:400px;width:90%;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,0.3)}.password-modal h3{color:var(--primary-color);margin-bottom:20px;font-size:1.5rem}.password-input{width:100%;padding:12px;margin-bottom:20px;border:1px solid #ddd;border-radius:5px;font-size:16px}.password-buttons{display:flex;justify-content:center;gap:15px}.password-error{color:var(--danger-color);margin-top:10px;display:none}@media (max-width:992px){.section-title{font-size:2rem}.option-card{padding:30px 20px}}@media (max-width:768px){header{padding:12px 0}.logo{font-size:20px}.section-title{font-size:1.8rem}.options-grid{grid-template-columns:1fr;gap:20px}.user-name{max-width:100px}.footer-container{grid-template-columns:1fr 1fr}.modal-buttons{flex-direction:column;gap:10px}.quick-start-section .options-grid{display:flex;flex-direction:column}.quick-start-section .options-grid .option-card:first-child{order:3}.quick-start-section .options-grid .option-card:nth-child(2){order:1}.quick-start-section .options-grid .option-card:nth-child(3){order:2}}@media (max-width:576px){.container{padding:0 15px}.logo{font-size:18px}.section-title{font-size:1.5rem}.vip-login{padding:8px 15px}.user-name{display:none}.footer-container{grid-template-columns:1fr}.option-card{padding:25px 15px}.option-icon{font-size:48px;margin-bottom:15px}.option-title{font-size:1.2rem}.option-desc{font-size:0.9rem;margin-bottom:15px}.start-btn{padding:10px 20px;min-width:140px;font-size:15px}.features-section{margin:50px 0;padding:30px 0}.feature-card{padding:20px}.feature-icon{font-size:32px;margin-bottom:15px}.feature-title{font-size:1.1rem}.feature-desc{font-size:0.85rem}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn 0.5s ease forwards}.slide-in{animation:slideIn 0.5s ease forwards}.delay-1{animation-delay:0.1s}.delay-2{animation-delay:0.2s}.delay-3{animation-delay:0.3s}.delay-4{animation-delay:0.4s}.delay-5{animation-delay:0.5s}