.app-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f0f2f5;min-height:100vh;box-sizing:border-box}.app-header{text-align:center;margin-bottom:40px;color:#333}.app-header h1{font-size:2.5rem;margin-bottom:10px}.room-selection-container,.call-container{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px #0000001a;text-align:center}.input-group{display:flex;justify-content:center;gap:10px;margin-top:20px}.input-group input{padding:12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;width:250px;transition:border-color .3s,box-shadow .3s}.input-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.input-group button,.leave-button{padding:12px 24px;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s}.input-group button:hover,.leave-button:hover{background-color:#0056b3;transform:translateY(-2px)}.videos-container{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:20px}.video-wrapper{display:flex;flex-direction:column;align-items:center}.video-wrapper h3{margin-bottom:10px;color:#555}.video-wrapper video{width:100%;max-width:500px;height:auto;border-radius:8px;background-color:#e9ecef;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s}.video-wrapper video:not([src]){background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-size="12" fill="%236c757d">等待视频...</text></svg>');background-repeat:no-repeat;background-position:center}.video-wrapper video[data-mirror=true]{transform:scaleX(-1)}.leave-button{margin-top:30px;background-color:#dc3545}.leave-button:hover{background-color:#c82333}.controls-container{display:flex;justify-content:center;gap:15px;margin-top:30px}.share-desktop-button{padding:12px 24px;border:none;border-radius:4px;background-color:#28a745;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s}.share-desktop-button:hover{background-color:#218838;transform:translateY(-2px)}.leave-button{margin-top:0}