*{box-sizing:border-box;margin:0;padding:0}.container{margin:0 auto;max-width:800px;position:relative;width:90%}.window{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1);font-family:Microsoft JhengHei,Arial,sans-serif;font-size:12px}.window-header{align-items:center;background-color:#333;display:flex;height:2.5vw;min-height:25px;padding:0 10px}.window-button{border-radius:50%;height:1vw;margin-right:6px;min-height:10px;min-width:10px;width:1vw}.red{background-color:#ff5f56}.yellow{background-color:#ffbd2e}.green{background-color:#27c93f}.window-content{background-image:radial-gradient(#e0e0e0 1px,transparent 0);background-size:20px 20px;max-height:80vh;min-height:60vh;overflow-y:auto;padding:20px;position:relative}.scene{display:flex;flex-direction:column;font-family:Microsoft JhengHei,Arial,sans-serif;font-size:12px;height:100%;left:0;opacity:0;padding:20px;position:absolute;top:0;transition:opacity 1s ease;width:100%}.scene.active{opacity:1;z-index:10}.steps{display:flex;justify-content:space-around;margin-bottom:5vh}.step{flex-direction:column;position:relative}.step,.step-circle{align-items:center;display:flex}.step-circle{background-color:#e0e0e0;border:2px solid #e0e0e0;border-radius:50%;font-family:Microsoft JhengHei,Arial,sans-serif;font-size:max(calc(.7vw + 6px),12px);font-weight:700;height:3vw;justify-content:center;margin-bottom:1vh;min-height:30px;min-width:30px;width:3vw}.step.active .step-circle{background-color:#1a73e8;border-color:#1a73e8;color:#fff}.step-label{font-family:Microsoft JhengHei,Arial,sans-serif;font-size:max(calc(.7vw + 6px),12px);white-space:nowrap}.form-group{align-items:center;display:flex;margin-bottom:3vh;position:relative}.form-label{background-color:transparent;margin-right:10px;min-width:100px;position:relative}.form-input,.form-label{font-family:Microsoft JhengHei,Arial,sans-serif;font-size:max(calc(.7vw + 6px),12px)}.form-input{border:1px solid #ddd;border-radius:2px;flex:1;max-width:80%;min-height:25px;padding:1vh 1vw}.form-textarea{border:1px solid #ddd;border-radius:4px;flex:1;max-width:100%;min-height:80px;padding:1vh 1vw;resize:none;width:100%}.btn,.form-textarea{font-family:Microsoft JhengHei,Arial,sans-serif;font-size:max(calc(.7vw + 6px),12px)}.btn{align-self:center;background-color:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:2vh;padding:1vh 2vw;transition:background-color .3s}.btn:hover{background-color:#1557b0}.btn.active{background-color:#0f4c8b;transform:scale(.98)}.table{border-collapse:collapse;margin-bottom:2vh;width:100%}.table td,.table th{border:1px solid #ddd;font-family:Microsoft JhengHei,Arial,sans-serif;font-size:max(calc(.7vw + 6px),12px);padding:1vh 1vw;text-align:left}.table th{background-color:#f9f9f9}.dropdown{display:inline-block;max-width:80%;position:relative;width:100%}.dropdown-content{background-color:#fff;border:1px solid #ddd;border-top:none;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;left:0;position:absolute;top:100%;width:100%;z-index:25}.dropdown-item{cursor:pointer;font-family:Microsoft JhengHei,Arial,sans-serif;font-size:max(calc(.7vw + 6px),12px);padding:1vh 1vw}.dropdown-item:hover{background-color:#f1f1f1}.completion-message{background-color:hsla(0,0%,100%,.9);border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);display:none;font-family:Microsoft JhengHei,Arial,sans-serif;font-size:max(calc(.7vw + 6px),12px);font-weight:700;left:50%;padding:20px 40px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:200}.click-effect{animation:clickRipple 1s ease-out forwards;background:radial-gradient(circle,rgba(26,115,232,.7) 0,rgba(26,115,232,0) 70%);border-radius:50%;height:40px;pointer-events:none;position:absolute;transform:translate(-50%,-50%) scale(0);width:40px;z-index:150}@keyframes clickRipple{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.highlight{animation:highlightPulse 1s ease-in-out infinite;border-radius:4px;box-shadow:0 0 0 2px rgba(26,115,232,.8);pointer-events:none;position:absolute;z-index:100}@keyframes highlightPulse{0%{box-shadow:0 0 0 2px rgba(26,115,232,.8)}50%{box-shadow:0 0 0 4px rgba(26,115,232,.5)}to{box-shadow:0 0 0 2px rgba(26,115,232,.8)}}.typing-effect:after{animation:blink 1s step-end infinite;content:"|"}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:768px){.window,.window-content{max-height:80vh;min-height:70vh}.form-group{align-items:flex-start;flex-direction:column}.form-label{margin-bottom:8px;width:100%}.dropdown,.form-input{flex-grow:0;width:60%}.dropdown-content{width:100%}.steps{flex-wrap:wrap;gap:10px}.step{margin-bottom:10px}}.window{overflow:hidden;position:relative}.window .click-effect,.window .highlight{position:fixed}.table td input.form-input{margin:0;padding:5px}.editable-field,.table td input.form-input{font-family:Microsoft JhengHei,Arial,sans-serif;font-size:max(calc(.7vw + 6px),12px);width:100%}.editable-field{background-color:#fff;border:1px solid #ddd;border-radius:4px;min-height:40px}