.progress_inner__step.active{color:#f00}.progress_inner__step.active:before{background:#f00;color:white;border-color:#f00}.progress_inner__tabs .tab.active{opacity:1;top:0;pointer-events:all}.progress_inner__step[data-step="1"].active~.progress_inner__bar{width:0%}.progress_inner__step[data-step="2"].active~.progress_inner__bar{width:25%}.progress_inner__step[data-step="3"].active~.progress_inner__bar{width:50%}.progress_inner__step[data-step="4"].active~.progress_inner__bar{width:75%}.progress_inner__step[data-step="1"].active~.progress_inner__status{right:87.5%}.progress_inner__step[data-step="2"].active~.progress_inner__status{right:62.5%}.progress_inner__step[data-step="3"].active~.progress_inner__status{right:37.5%}.progress_inner__step[data-step="4"].active~.progress_inner__status{right:12.5%}.progress_inner__step[data-step="1"].active~.progress_inner__status .storyboard{opacity:1;top:50%}.progress_inner__step[data-step="1"].active~.progress_inner__status .script_paper{opacity:1;top:50%}.progress_inner__step[data-step="1"].active~.progress_inner__status .camera_base{opacity:0;top:-30px}.progress_inner__step[data-step="1"].active~.progress_inner__status .camera_lens{opacity:0;top:-20px}.progress_inner__step[data-step="1"].active~.progress_inner__status .tripod_legs{opacity:0;top:70%}.progress_inner__step[data-step="1"].active~.progress_inner__status .computer_screen{opacity:0;top:0}.progress_inner__step[data-step="1"].active~.progress_inner__status .edit_tools{opacity:0;top:-30px;left:-40px}.progress_inner__step[data-step="1"].active~.progress_inner__status .final_video{opacity:0;top:-30px;left:-22px}.progress_inner__step[data-step="2"].active~.progress_inner__status .camera_lens{opacity:1;top:-1px}.progress_inner__step[data-step="2"].active~.progress_inner__status .camera_base{opacity:1;top:0}.progress_inner__step[data-step="2"].active~.progress_inner__status .tripod_legs{opacity:1;top:50%}.progress_inner__step[data-step="3"].active~.progress_inner__status .computer_screen{opacity:1;top:50%}.progress_inner__step[data-step="3"].active~.progress_inner__status .edit_tools{opacity:1;top:50%}.progress_inner__step[data-step="3"].active~.progress_inner__status .box_lid{opacity:1;top:-1px}.progress_inner__step[data-step="3"].active~.progress_inner__status .box_item{opacity:0;top:-10px}.progress_inner__step[data-step="4"].active~.progress_inner__status .final_video{opacity:1;top:50%}.progress_inner__step[data-step="4"].active~.progress_inner__status .camera_base{opacity:0;top:-30px}.progress_inner__step[data-step="4"].active~.progress_inner__status .camera_lens{opacity:0;top:-20px}.progress_inner__step[data-step="4"].active~.progress_inner__status .tripod_legs{opacity:0;top:70%}.progress_inner__step[data-step="4"].active~.progress_inner__status .computer_screen{opacity:0;top:0}.progress_inner__step[data-step="4"].active~.progress_inner__status .edit_tools{opacity:0;top:-30px;left:-40px}@media (max-width:768px){.production-process{padding:80px 0}.process-title{font-size:3rem}.process-timeline{gap:40px}.process-step{flex-direction:column;text-align:center;gap:20px}.process-timeline::before{left:20px}.step-content{padding:20px;flex-direction:column;text-align:center}.step-icon{width:60px;height:60px;font-size:1.5rem}.step-content h3{font-size:1.5rem}.step-content p{font-size:1rem}.step-connector{left:20px;height:40px}}